.debug {
  display: table;
  position: relative;
  z-index: 999;
  margin-bottom: 0.5ex;
  padding: 0.5ex 1ex;
  font-size: 0.8rem;
  text-transform: initial;
  color: #fff;
  background-color: #d91a3a;
  border-radius: 3px;
  opacity: 0.8;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.debug b {
  font-size: 700;
}
.debug pre {
  display: inline;
}
.debug__trigger {
  position: fixed;
  left: 1rem;
  bottom: 2rem;
  padding: 0.5ex 1ex;
  border: 1px solid #d91a3a;
  border-radius: 3px;
  background-color: #fff;
}
.placeholder:hover {
  color: #ffffff;
  background-color: #c0392b;
}
.placeholder__length {
  margin-left: 1ex;
  padding: 0.5ex;
  font-size: 65%;
  line-height: 1;
  vertical-align: 0.3em;
  border-radius: 10px;
  border: currentColor;
}
/* stylelint-disable selector-list-comma-newline-after */
/**
 * 1. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 2. Set death proof box-sizing
 */
html {
  -ms-text-size-adjust: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
/* 3 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
ol,
ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
/* Webkit-Browser machen einen 2px margin außerhalb von Form-Elementen */
button,
input,
select,
textarea {
  margin: 0;
}
/* Scrollbar erzwingen für nicht IE, verhindert springen der Seite */
html {
  overflow-y: scroll;
}
/* stylelint-enable selector-list-comma-newline-after */
/*
  @tableofcontents
  ****************
  1. Typography
  2. Form Fixes
  3. Clearfix
  4. Misc Fixes
*/
/* @section 1. Typography
--------------------------------------------------- */
/*
    Sans-Serif Font Stack inspired by http://blog.mhurrell.co.uk/post/2946358183/updating-the-helvetica-font-stack
    Improved stack order https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f
    Please don't try any hacks for em/pixel calculation - it's crap! Just do great typography!
*/
body {
  /* new cross OS sans font stack */
  font: 1em/1.6 'Roboto Lw', BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  color: #334046;
  background: #ffffff;
  max-width: 160rem;
}
@media (min-width: 160rem) {
  body {
    margin: 0 auto;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 160rem) {
  html {
    background-color: #334046;
  }
}
/*
    clear quotes, if they are not needed

blockquote:before, blockquote:after, q:before, q:after { content: ' }
blockquote, q { quotes: ' ' }
*/
/*
    use multi lang quotes
:lang(de-DE) { quotes:'\201E' '\201C' '\201A' '\2018' }
:lang(de-CH) { quotes:'\00AB' '\00BB' '\2039' '\203A' }
:lang(en)    { quotes:'\201C' '\201D' '\2018' '\2019' }
:lang(fr)    { quotes:'\00AB\00A0' '\00A0\00BB' '\2039\00A0' '\00A0\203A' }
*/
q {
  quotes: '\201E' '\201C' '\201A' '\2018';
}
q::before {
  content: open-quote;
}
q::after {
  content: close-quote;
}
/* monospace normalisieren http://en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/* http://www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
pre {
  padding: 1em;
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  word-wrap: break-word;
  /* IE */
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: 700;
}
em {
  font-style: italic;
}
sub,
sup {
  font-size: smaller;
}
sub {
  vertical-align: sub;
}
sup {
  vertical-align: super;
}
@supports ( font-variant-position: super ) {
  sup {
    font-variant-positon: super;
  }
  sub {
    font-variant-positon: sub;
  }
}
abbr[title] {
  border-bottom: 1px dotted;
}
abbr[title]:hover {
  cursor: help;
}
abbr {
  font-variant: small-caps;
  text-transform: lowercase;
}
/*
Set tables to fixed layout to speed up rendering of longer tables in IE
http://www.quirksmode.org/css/tables.html und http://msdn.microsoft.com/en-us/library/ms531161%28v=vs.85%29.aspx

table{ table-layout: fixed; }
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-variant-numeric: lining-nums tabular-nums;
}
td,
td img {
  vertical-align: top;
}
caption,
th,
td {
  padding: 0;
  text-align: left;
  font-weight: 400;
}
/* @section 2. Form Fixes
--------------------------------------------------- */
button,
input,
select,
optgroup,
textarea {
  margin: 0;
  font: inherit;
}
select,
input,
textarea {
  color: inherit;
}
/* Address inconsistent `text-transform` inheritance for `button` and `select`. */
button,
select {
  text-transform: none;
}
/* adjust checkboxes, radiobuttons, text inputs to label */
input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: baseline;
  padding: 0;
}
/* Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet .*/
input {
  line-height: normal;
}
/* remove scrollbar of textarea in IE @see http://www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
textarea {
  overflow: auto;
  resize: 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 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
/*  Firefox and Chrome - remove inner border */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * 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;
}
/* we like our number inputs undecorated */
input[type=number] {
  -moz-appearance: textfield;
}
::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
/**
 * 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 */
  -webkit-box-sizing: content-box;
          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;
}
label {
  cursor: pointer;
}
/* @section 3. Media
--------------------------------------------------- */
/**
 * 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 */
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not( :root ) {
  overflow: hidden;
}
/* @section 4. Clearfix
--------------------------------------------------- */
/*
    micro clearfix @see http://nicolasgallagher.com/micro-clearfix-hack/
    flexbox webkit fix @see http://danisadesigner.com/blog/flexbox-clear-fix-pseudo-elements/
    use block i/o table @see http://cssmojo.com/the-very-latest-clearfix-reloaded/
*/
.cf:before,
.cf:after,
.pager:before,
.pager:after,
.post-navigation__links:before,
.post-navigation__links:after,
.cf__fields:before,
.cf__fields:after,
.pager__fields:before,
.pager__fields:after,
.post-navigation__links__fields:before,
.post-navigation__links__fields:after {
  content: ' ';
  display: block;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.cf:after,
.pager:after,
.post-navigation__links:after,
.cf__fields:after,
.pager__fields:after,
.post-navigation__links__fields:after {
  clear: both;
}
/* @section 5. Old Webkit Bugs
--------------------------------------------------- */
/*
    Fixing issues when combining pseudo classes with adjacent or general sibling selectors.
    @see http://css-tricks.com/webkit-sibling-bug/
    @see http://timpietrusky.com/advanced-checkbox-hack
 */
body {
  -webkit-animation: bugfix infinite 1s;
}
@-webkit-keyframes bugfix {
  from {
    padding: 0;
  }
  to {
    padding: 0;
  }
}
/* @section 6. Smooth Scroll
--------------------------------------------------- */
body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}
/*** helpers ***/
/* Nicht-semantische Hilfsklassen
--------------------------------------------------- */
/*
 * Hide if JS is activated
 * Hide id JS is not activated
 * Hide visually and from screen readers
 */
.js .hideIfJS,
.no-js .hideIfNoJS,
.hidden,
.u-hidden {
  display: none;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
.u-srt:not(:focus):not(:active),
.screen-reader-text:not(:focus):not(:active),
.visuallyhidden:not(:focus):not(:active),
.screen-reader-response:not(:focus):not(:active) {
  position: absolute;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.u-srt:active,
.screen-reader-text:active,
.visuallyhidden.focusable:active,
.u-srt:focus,
.screen-reader-text:focus,
.visuallyhidden.focusable:focus,
.screen-reader-response:active,
.screen-reader-response:focus {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 1000;
  padding: 1ex;
  text-decoration: none;
  text-transform: none;
  background-color: #111;
  color: #e9edf2;
}
a.u-tel {
  color: inherit;
  text-decoration: inherit;
  cursor: default;
  white-space: nowrap;
}
a.u-tel:focus,
a.u-tel:hover {
  color: inherit;
}
.u-quiet {
  color: #c2c2c2;
}
.u-quiet a,
.u-quiet a:visited {
  color: #c2c2c2;
}
.u-quiet a:focus,
.u-quiet a:visited:focus,
.u-quiet a:hover,
.u-quiet a:visited:hover,
.u-quiet a:active,
.u-quiet a:visited:active {
  color: #334046;
}
.hyphen,
.content h2,
.article__title,
.summary__title,
.woo__products__variations__label {
  overflow-wrap: break-word;
  wordp-wrap: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.justify {
  text-align: justify;
}
.dropcap:first-letter {
  float: left;
  margin: 0.2em 0.1em 0 0;
  padding: 0 0.2em;
  font-size: 4em;
  font-family: inherit;
  line-height: 1;
  text-indent: 0;
  background: transparent;
  color: inherit;
}
.browsehappy {
  margin-bottom: 0;
  padding: 0.5em;
  text-align: center;
  color: #222;
  background: #fcf7d9;
  border-bottom: 1px solid #f5dc7d;
}
/*
    <div class="circle">
        <div class="burger-icon"></div>
    </div>
 */
/*
    Usage:

    <input type="checkbox" name="burger-flag" class="burger-flag" id="burger-flag" onclick="null" />
    <label class="burger-toggle" for="burger-flag">
        <span class="burger-icon"></span>
    </label>

    .2 + .3 + .2 + .3 + .2 = 1.2 overall height


.burger {
    &-flag { display: none; }
    &-toggle { display: inline-block; } // make it clickable
    &-icon {
        .burger( 1.5em, .2em, .3em, #555);
    }
    &-flag:checked + &-toggle &-icon {
        .burger-to-cross( .2em, .3em, #555 );
    }
}
/* */
/*
    @see https://medium.com/@iamryanyu/svg-sprite-workflow-that-works-f5609d4d6144
    @see https://github.com/bitstarr/svg-workflow/
*/
/*
 * define basic icon
 * use font-size for scaling!
 */
.icon {
  fill: currentColor;
  height: 1em;
  width: 1em;
  overflow: hidden;
  vertical-align: -0.15em;
}
/*
// icon color
.icon-red {
    color: #cc0000;
}
*/
/*** basic content ***/
/*
    Focusbehandlung verbessern:
    @see http://people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: none;
}
a,
a:active,
a:visited {
  color: #2c353d;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #d49319;
}
/*
    Highlighting für mobile Webkits
    @see http://j.mp/webkit-tap-highlight-color
 */
a:link {
  -webkit-tap-highlight-color: rgba(44, 53, 61, 0.7);
}
/* don't ever combine both lines or user text-shadow! */
::-moz-selection {
  background: #222;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #222;
  color: #fff;
  text-shadow: none;
}
.content {
  /**
     * TODO: Responsive Modular Scale for Headlines
     * @see http://typographyhandbook.com/
     */
  /*
     * OpenType Features
     * @see http://typographyhandbook.com/
     * @see http://practice.typekit.com/lesson/caring-about-opentype-features/
     */
  /*
     * use this for aligned numbers in certain display fonts
     * @see http://www.codesmite.com/article/fixing-raleway-and-similar-fonts-numerals?utm_source=codropscollective
     */
  /* Style 'Default' Links */
  /* */
  /* a11y: highlight focued images */
}
.content h2,
.content h3 {
  margin-bottom: 0.75em;
  line-height: 1.1;
}
.content h3 {
  margin-top: 1.5em;
}
.content h2 {
  font-size: 1.5625em;
  color: #d49319;
}
.content h2:first-child {
  margin-top: 1em;
}
@media (min-width: 50rem) {
  .content h2 {
    font-size: 1.953125em;
  }
}
@media (min-width: 60rem) {
  .content h2 {
    font-size: 2.44140625em;
  }
}
.content h3 {
  font-size: 1.25em;
  font-weight: 600;
  color: #2c353d;
}
@media (min-width: 41em) {
  .content h3 {
    font-size: 1.5625em;
  }
}
@media (min-width: 60em) {
  .content h3 {
    font-size: 1.953125em;
  }
}
.content hr {
  height: 0;
  margin-top: 1.5em;
  border: 0;
  border-top: 1px solid #c9ced4;
}
.content p {
  text-rendering: optimizeLegibility;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures contextual;
          font-variant-ligatures: common-ligatures contextual;
  -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt';
          font-feature-settings: 'kern', 'liga', 'clig', 'calt';
}
.content p abbr {
  -webkit-font-kerning: normal;
          font-kerning: normal;
  -webkit-font-variant-ligatures: common-ligatures contextual;
          font-variant-ligatures: common-ligatures contextual;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-variant-caps: all-small-caps;
  -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'onum', 'pnum', 'smcp', 'c2sc';
          font-feature-settings: 'kern', 'liga', 'clig', 'calt', 'onum', 'pnum', 'smcp', 'c2sc';
}
.content .numbers {
  -webkit-font-feature-settings: 'lnum';
          font-feature-settings: 'lnum';
}
.content a[href]:not([class]) {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
.content a:focus img {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.9);
}
.content p + p,
.content p + * {
  margin-top: 1.2em;
}
.content p + span {
  margin-top: 0;
}
.content ul,
.content ol {
  margin-left: 1em;
}
.content li {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.content ol {
  list-style: decimal;
}
.content ul {
  list-style: disc;
}
.content li ol,
.content li ul {
  margin-bottom: 0;
}
.content li ul {
  list-style-type: circle;
}
.content .text--left {
  text-align: left;
}
.content .text--center {
  text-align: center;
}
.content .text--right {
  text-align: right;
}
blockquote {
  position: relative;
  padding: 5em 2em 2em;
  margin: 1em 0 1.5em;
  border-radius: 10px;
  background: #e9edf2;
}
blockquote p {
  font-size: 1.25em;
  font-style: italic;
}
blockquote::before {
  content: '\201C';
  position: absolute;
  top: 1.4rem;
  left: 50%;
  overflow: hidden;
  width: 0.5em;
  height: 0.5em;
  font-size: 5em;
  text-align: center;
  line-height: 1;
  color: #2c353d;
}
blockquote footer {
  margin: 1em -1em -1em;
  padding: 1ex 1em;
  font-style: italic;
  line-height: 1.2;
  color: #fff;
  background: #334046;
}
blockquote footer:before {
  content: '— ';
}
@media (max-width: 32.99em) {
  blockquote::before {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #e9edf2;
    z-index: 2;
  }
  blockquote::after {
    content: '';
    position: absolute;
    top: 2.7rem;
    left: 30%;
    right: 30%;
    height: 0;
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 33em) {
  blockquote {
    padding: 2em 2.5em 2em 4em;
  }
  blockquote::before {
    top: 1.4rem;
    left: 1.4rem;
  }
  blockquote footer {
    margin: 1em -1.5em -1em -4em;
    padding-left: 4em;
  }
}
/*
    Styling broken image
    @see http://bitsofco.de/styling-broken-images/
 */
img:before {
  content: '';
  display: none;
}
img:after {
  content: '\26D0' ' Defekte Grafik: ' attr(alt);
  color: #646464;
}
/*
    1. Improve scaled image rendering https://medium.freecodecamp.org/-898b38a6c0e1
 */
img.size-full {
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  /* 1. */
}
.wp-smiley {
  margin: 0 0.3em;
}
.wp-caption {
  margin-left: auto;
  margin-right: auto;
}
.wp-caption.alignleft,
.wp-caption.alignright {
  display: table;
}
.wp-caption.alignleft .wp-caption-text,
.wp-caption.alignright .wp-caption-text {
  display: table-caption;
  caption-side: bottom;
}
.wp-caption img {
  display: block;
  max-width: 100%;
  height: auto;
}
.wp-caption br {
  display: none;
}
.wp-caption-text {
  padding-top: 0.3em;
  font-size: 0.9em;
}
/* let them flow */
@media only screen and (min-width: 30em) {
  .wp-caption.alignright,
  .alignright {
    float: right;
    margin-left: 1.5em;
  }
  .wp-caption.alignleft,
  .alignleft {
    float: left;
    margin-right: 1.5em;
  }
  .alignleft:not(:last-child),
  .alignright:not(:last-child) {
    margin-bottom: 1em;
  }
  .alignleft:not(:first-child),
  .alignright:not(:first-child) {
    margin-top: 1.5em;
  }
  .wp-caption.aligncenter,
  .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.embed__video {
  position: relative;
  margin: 1.5em 0;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
.embed__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed--vimeo {
  padding-bottom: 53%;
}
::-webkit-input-placeholder {
  color: #777;
}
::-moz-placeholder {
  color: #777;
}
:-ms-input-placeholder {
  color: #777;
}
.form,
.wpcf7-form {
  text-align: left;
}
.form textarea,
.form label,
.wpcf7-form textarea,
.wpcf7-form label {
  display: block;
}
.form .required,
.wpcf7-form .required {
  color: #c0392b;
}
.form--small,
.wpcf7-form--small {
  max-width: 22rem;
  margin: 0 auto;
}
.form__row,
.wpcf7-form__row {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 41rem) {
  .form__row,
  .wpcf7-form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .form__row--last,
  .wpcf7-form__row--last {
    margin-top: 2.5rem;
  }
}
@media (min-width: 41rem) {
  .form__col,
  .wpcf7-form__col {
    width: 50%;
  }
}
.form__col--wide,
.wpcf7-form__col--wide {
  width: 100%;
}
@media (min-width: 41rem) {
  .form__col + .form__col,
  .wpcf7-form__col + .wpcf7-form__col {
    margin-left: 2rem;
  }
}
@media (min-width: 102rem) {
  .form__col + .form__col,
  .wpcf7-form__col + .wpcf7-form__col {
    margin-left: 3rem;
  }
}
.form__bg,
.wpcf7-form__bg {
  margin-top: 2rem;
  padding: 2rem 1rem;
  border-radius: 10px;
  background-color: #c2c2c2;
}
@media (min-width: 41rem) {
  .form__bg,
  .wpcf7-form__bg {
    margin-top: 0;
    padding: 2rem;
  }
}
.form label,
.form input[type='text'],
.form input[type='date'],
.form input[type='number'],
.form input[type='time'],
.form input[type='email'],
.form input[type='password'],
.form input[type='tel'],
.form textarea,
.form select,
.wpcf7-form label,
.wpcf7-form input[type='text'],
.wpcf7-form input[type='date'],
.wpcf7-form input[type='number'],
.wpcf7-form input[type='time'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='password'],
.wpcf7-form input[type='tel'],
.wpcf7-form textarea,
.wpcf7-form select {
  width: 100%;
}
.form input,
.form textarea,
.form select,
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  margin-bottom: 1rem;
}
.form__last__wrap,
.wpcf7-form__last__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
}
@media (max-width: 59.99rem) {
  .form__last__wrap,
  .wpcf7-form__last__wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.form__title,
.wpcf7-form__title {
  font-size: 2.44140625em;
  color: #2c353d;
}
.js .form__upload,
.js .form__upload--multiple,
.js .wpcf7-form__upload,
.js .wpcf7-form__upload--multiple {
  display: none;
}
.js .form__upload__plus,
.js .form__upload--multiple__plus,
.js .wpcf7-form__upload__plus,
.js .wpcf7-form__upload--multiple__plus {
  display: block;
  font-weight: 700;
  color: #d49319;
}
.no-js .form__upload__plus,
.no-js .wpcf7-form__upload__plus {
  display: none;
}
.form__folder,
.form__file,
.wpcf7-form__folder,
.wpcf7-form__file {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 1em;
  padding-left: 1.3em;
}
.form__folder__delete,
.form__file__delete,
.wpcf7-form__folder__delete,
.wpcf7-form__file__delete {
  margin-left: 0.5rem;
  font-weight: 700;
  color: #d49319;
  cursor: pointer;
}
.form__folder::before,
.wpcf7-form__folder::before {
  content: '';
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 1em;
  height: 0.7em;
  border-radius: 0 2px 1px 1px;
  background-color: #d49319;
  z-index: 1;
}
.form__folder::after,
.wpcf7-form__folder::after {
  content: '';
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 0.5em;
  height: 0.2em;
  border-radius: 1px 3px 0 0;
  background-color: #a67314;
  z-index: 1;
}
.form__file,
.wpcf7-form__file {
  margin-top: 0;
}
.form__file::before,
.wpcf7-form__file::before {
  content: '';
  position: absolute;
  top: 0.2em;
  left: 0.1em;
  width: 0.8em;
  height: 1em;
  border-radius: 1px 3px 1px 1px;
  background-color: #ddd;
  z-index: 1;
}
.form__file::after,
.wpcf7-form__file::after {
  content: '';
  position: absolute;
  top: 0.2em;
  left: 0.6em;
  width: 0.3em;
  height: 0.3em;
  border-radius: 0 3px 0 0;
  -webkit-box-shadow: -1px 1px 2px #ccc;
          box-shadow: -1px 1px 2px #ccc;
  background-color: #eee;
  z-index: 1;
}
.form label,
.form .label,
.wpcf7-form label,
.wpcf7-form .label {
  text-transform: uppercase;
}
.form label span,
.form .label span,
.wpcf7-form label span,
.wpcf7-form .label span {
  text-transform: none;
  font-size: 80%;
}
.form .upload-area,
.wpcf7-form .upload-area {
  position: relative;
  height: 8rem;
  margin-bottom: 3rem;
  text-align: center;
  border: 3px dashed rgba(44, 53, 61, 0.4);
  background-color: #c2c2c2;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.form .upload-area::before,
.wpcf7-form .upload-area::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 3;
  width: 4rem;
  height: 4rem;
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="126" height="80" viewBox="0 0 126 80"%3E%3Cg%3E%3Cpath fill="%232c353d" d="M120.904,68.708c-5.575,8.66-15.93,8.987-16.814,9h-34.186v-13.5h8.8l-15.3-26.5-15.3,26.5h7.8v13.5H18.904c-7.706-1.144-14.053-6.19-16.198-13.018-1.847-5.878-.469-12.725,3.198-16.982,3.544-4.115,7.035-3.263,10-8,2.393-3.822.714-5.325,3-10,3.24-6.626,9.499-9.51,10.44-9.927,1.825-.81,8.108-3.283,14.56-1.073,4.094,1.402,5.683,3.809,8,3,2.301-.803,2.331-3.735,4-7,3.694-7.228,12.222-9.842,16-11,9.538-2.924,17.466-.496,19,0,15.08,4.877,20.046,19.603,20.409,20.743,2.409,7.563,1.318,14.149.591,17.257,1.879.546,6.021,2.042,9,6,4.69,6.23,3.843,15.031,0,21Z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.form .upload-area:hover,
.form .upload-area:focus-visible,
.wpcf7-form .upload-area:hover,
.wpcf7-form .upload-area:focus-visible {
  background-color: rgba(194, 194, 194, 0.6);
}
.form .upload-area:hover::before,
.form .upload-area:focus-visible::before,
.wpcf7-form .upload-area:hover::before,
.wpcf7-form .upload-area:focus-visible::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="126" height="80" viewBox="0 0 126 80"%3E%3Cg%3E%3Cpath fill="%236a6d71" d="M120.904,68.708c-5.575,8.66-15.93,8.987-16.814,9h-34.186v-13.5h8.8l-15.3-26.5-15.3,26.5h7.8v13.5H18.904c-7.706-1.144-14.053-6.19-16.198-13.018-1.847-5.878-.469-12.725,3.198-16.982,3.544-4.115,7.035-3.263,10-8,2.393-3.822.714-5.325,3-10,3.24-6.626,9.499-9.51,10.44-9.927,1.825-.81,8.108-3.283,14.56-1.073,4.094,1.402,5.683,3.809,8,3,2.301-.803,2.331-3.735,4-7,3.694-7.228,12.222-9.842,16-11,9.538-2.924,17.466-.496,19,0,15.08,4.877,20.046,19.603,20.409,20.743,2.409,7.563,1.318,14.149.591,17.257,1.879.546,6.021,2.042,9,6,4.69,6.23,3.843,15.031,0,21Z"%3E%3C/path%3E%3C/g%3E%3C/svg%3E');
}
.form .quiet,
.wpcf7-form .quiet {
  font-size: 0.8em;
  color: #c2c2c2;
}
.form input[type='submit'],
.wpcf7-form input[type='submit'] {
  padding: 0.65rem 0.5rem;
}
.form input[type='radio'],
.form input[type='checkbox'],
.wpcf7-form input[type='radio'],
.wpcf7-form input[type='checkbox'] {
  margin-right: 0.5rem;
}
.form input[type='date']::before,
.wpcf7-form input[type='date']::before {
  color: #dbdbdb;
  content: attr(placeholder);
}
.form input[type='date']:focus::before,
.wpcf7-form input[type='date']:focus::before {
  display: none;
}
.form input[type='submit'],
.wpcf7-form input[type='submit'] {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1ex 2.5ex;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background: #d49319;
  border: 2px solid #d49319;
  border-radius: 10px;
  -webkit-transition: background 0.2s, color 0.3s;
  transition: background 0.2s, color 0.3s;
  will-change: background, color;
  /* Barber Shop Style
    @stripe-size: 50px;
    &.is-loading {
        pointer-events: none;
        background-image:
            linear-gradient(
            -45deg,
            rgba( 255, 255, 255, .5 ) 25%,
            transparent 25%,
            transparent 50%,
            rgba( 255, 255, 255, .5 ) 50%,
            rgba( 255, 255, 255, .5 ) 75%,
            transparent 75%,
            transparent
        );
        background-size: @stripe-size @stripe-size;

        animation-fill-mode: both;
        animation: stripe 1.5s linear infinite;
    }
    @keyframes stripe {
        0% { background-position: 0 0; }
        100% { background-position: @stripe-size @stripe-size; }
    }
    /* */
  /* Spinner Style */
  /* */
}
.form input[type='submit'] .icon,
.wpcf7-form input[type='submit'] .icon {
  margin-left: 1.5rem;
}
a.form input[type='submit']:hover,
a.wpcf7-form input[type='submit']:hover {
  color: #2c353d;
}
.form input[type='submit']:hover,
.form input[type='submit']:focus,
.wpcf7-form input[type='submit']:hover,
.wpcf7-form input[type='submit']:focus {
  background: transparent;
  border: 2px solid #2c353d;
  color: #2c353d;
}
a.form input[type='submit']--fp,
a.form input[type='submit']--page,
a.wpcf7-form input[type='submit']--fp,
a.wpcf7-form input[type='submit']--page {
  padding: 1em 3em;
  border-radius: 0;
  color: #d49319;
  background: none;
  border: 2px solid #d49319;
  text-transform: uppercase;
  font-weight: 400;
  opacity: 0;
  -webkit-animation: button-up 0.75s ease-in 1s forwards;
          animation: button-up 0.75s ease-in 1s forwards;
  -webkit-transition: letter-spacing 0.2s;
  transition: letter-spacing 0.2s;
}
a.form input[type='submit']--fp:hover,
a.form input[type='submit']--page:hover,
a.form input[type='submit']--fp:focus,
a.form input[type='submit']--page:focus,
a.form input[type='submit']--fp:focus-visible,
a.form input[type='submit']--page:focus-visible,
a.wpcf7-form input[type='submit']--fp:hover,
a.wpcf7-form input[type='submit']--page:hover,
a.wpcf7-form input[type='submit']--fp:focus,
a.wpcf7-form input[type='submit']--page:focus,
a.wpcf7-form input[type='submit']--fp:focus-visible,
a.wpcf7-form input[type='submit']--page:focus-visible {
  color: #d49319;
  border: 2px solid #d49319;
  letter-spacing: 0.09em;
}
a.form input[type='submit']--page,
a.wpcf7-form input[type='submit']--page {
  margin-bottom: 2rem;
  color: #2c353d;
  border: 2px solid #2c353d;
}
@-webkit-keyframes button-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes button-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.form input[type='submit'].is-loading,
.wpcf7-form input[type='submit'].is-loading {
  color: transparent;
}
.form input[type='submit'].is-loading:focus,
.form input[type='submit'].is-loading:hover,
.wpcf7-form input[type='submit'].is-loading:focus,
.wpcf7-form input[type='submit'].is-loading:hover {
  color: transparent;
}
.form input[type='submit'].is-loading:after,
.wpcf7-form input[type='submit'].is-loading:after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  height: 1em;
  width: 1em;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin-around 0.5s infinite linear;
          animation: spin-around 0.5s infinite linear;
}
@-webkit-keyframes spin-around {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spin-around {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.form textarea,
.wpcf7-form textarea {
  height: 18rem;
}
.form input,
.wpcf7-form input {
  /**
         * For better accessability while navigating
         * with keyboard tab-key [ ->| ]
         * when using SR class and hidden_ankor in headline
         */
  /* &:focus-visible {
            outline: 2px dashed @brand-color-alt;
            outline-offset: 3px;
            border-radius: 2px;
        } */
}
.form input[type='text'],
.form input[type='date'],
.form input[type='time'],
.form input[type='email'],
.form input[type='password'],
.form input[type='tel'],
.form input[type='number'],
.form select,
.form textarea,
.wpcf7-form input[type='text'],
.wpcf7-form input[type='date'],
.wpcf7-form input[type='time'],
.wpcf7-form input[type='email'],
.wpcf7-form input[type='password'],
.wpcf7-form input[type='tel'],
.wpcf7-form input[type='number'],
.wpcf7-form select,
.wpcf7-form textarea {
  padding: 0.5rem;
  font-size: 1rem;
  border: 2px solid #c9ced4;
  border-radius: 10px;
  background-color: transparent;
  -webkit-transition: padding 0.3s, background-color 0.4s, color 0.3s;
  transition: padding 0.3s, background-color 0.4s, color 0.3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.reserve .form input[type='text'],
.reserve .form input[type='date'],
.reserve .form input[type='time'],
.reserve .form input[type='email'],
.reserve .form input[type='password'],
.reserve .form input[type='tel'],
.reserve .form input[type='number'],
.reserve .form select,
.reserve .form textarea,
.reserve .wpcf7-form input[type='text'],
.reserve .wpcf7-form input[type='date'],
.reserve .wpcf7-form input[type='time'],
.reserve .wpcf7-form input[type='email'],
.reserve .wpcf7-form input[type='password'],
.reserve .wpcf7-form input[type='tel'],
.reserve .wpcf7-form input[type='number'],
.reserve .wpcf7-form select,
.reserve .wpcf7-form textarea {
  background-color: #fff;
}
.form input[type='text']:focus,
.form input[type='date']:focus,
.form input[type='time']:focus,
.form input[type='email']:focus,
.form input[type='password']:focus,
.form input[type='tel']:focus,
.form input[type='number']:focus,
.form select:focus,
.form textarea:focus,
.wpcf7-form input[type='text']:focus,
.wpcf7-form input[type='date']:focus,
.wpcf7-form input[type='time']:focus,
.wpcf7-form input[type='email']:focus,
.wpcf7-form input[type='password']:focus,
.wpcf7-form input[type='tel']:focus,
.wpcf7-form input[type='number']:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  padding: 0.5rem 1rem;
  background-color: #fff;
  color: #2c353d;
  letter-spacing: 0.1em;
}
.form input[type='text']:focus::-webkit-input-placeholder, .form input[type='date']:focus::-webkit-input-placeholder, .form input[type='time']:focus::-webkit-input-placeholder, .form input[type='email']:focus::-webkit-input-placeholder, .form input[type='password']:focus::-webkit-input-placeholder, .form input[type='tel']:focus::-webkit-input-placeholder, .form input[type='number']:focus::-webkit-input-placeholder, .form select:focus::-webkit-input-placeholder, .form textarea:focus::-webkit-input-placeholder, .wpcf7-form input[type='text']:focus::-webkit-input-placeholder, .wpcf7-form input[type='date']:focus::-webkit-input-placeholder, .wpcf7-form input[type='time']:focus::-webkit-input-placeholder, .wpcf7-form input[type='email']:focus::-webkit-input-placeholder, .wpcf7-form input[type='password']:focus::-webkit-input-placeholder, .wpcf7-form input[type='tel']:focus::-webkit-input-placeholder, .wpcf7-form input[type='number']:focus::-webkit-input-placeholder, .wpcf7-form select:focus::-webkit-input-placeholder, .wpcf7-form textarea:focus::-webkit-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
}
.form input[type='text']:focus::-moz-placeholder, .form input[type='date']:focus::-moz-placeholder, .form input[type='time']:focus::-moz-placeholder, .form input[type='email']:focus::-moz-placeholder, .form input[type='password']:focus::-moz-placeholder, .form input[type='tel']:focus::-moz-placeholder, .form input[type='number']:focus::-moz-placeholder, .form select:focus::-moz-placeholder, .form textarea:focus::-moz-placeholder, .wpcf7-form input[type='text']:focus::-moz-placeholder, .wpcf7-form input[type='date']:focus::-moz-placeholder, .wpcf7-form input[type='time']:focus::-moz-placeholder, .wpcf7-form input[type='email']:focus::-moz-placeholder, .wpcf7-form input[type='password']:focus::-moz-placeholder, .wpcf7-form input[type='tel']:focus::-moz-placeholder, .wpcf7-form input[type='number']:focus::-moz-placeholder, .wpcf7-form select:focus::-moz-placeholder, .wpcf7-form textarea:focus::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
}
.form input[type='text']:focus:-ms-input-placeholder, .form input[type='date']:focus:-ms-input-placeholder, .form input[type='time']:focus:-ms-input-placeholder, .form input[type='email']:focus:-ms-input-placeholder, .form input[type='password']:focus:-ms-input-placeholder, .form input[type='tel']:focus:-ms-input-placeholder, .form input[type='number']:focus:-ms-input-placeholder, .form select:focus:-ms-input-placeholder, .form textarea:focus:-ms-input-placeholder, .wpcf7-form input[type='text']:focus:-ms-input-placeholder, .wpcf7-form input[type='date']:focus:-ms-input-placeholder, .wpcf7-form input[type='time']:focus:-ms-input-placeholder, .wpcf7-form input[type='email']:focus:-ms-input-placeholder, .wpcf7-form input[type='password']:focus:-ms-input-placeholder, .wpcf7-form input[type='tel']:focus:-ms-input-placeholder, .wpcf7-form input[type='number']:focus:-ms-input-placeholder, .wpcf7-form select:focus:-ms-input-placeholder, .wpcf7-form textarea:focus:-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
}
.form input[type='text']:focus::-ms-input-placeholder, .form input[type='date']:focus::-ms-input-placeholder, .form input[type='time']:focus::-ms-input-placeholder, .form input[type='email']:focus::-ms-input-placeholder, .form input[type='password']:focus::-ms-input-placeholder, .form input[type='tel']:focus::-ms-input-placeholder, .form input[type='number']:focus::-ms-input-placeholder, .form select:focus::-ms-input-placeholder, .form textarea:focus::-ms-input-placeholder, .wpcf7-form input[type='text']:focus::-ms-input-placeholder, .wpcf7-form input[type='date']:focus::-ms-input-placeholder, .wpcf7-form input[type='time']:focus::-ms-input-placeholder, .wpcf7-form input[type='email']:focus::-ms-input-placeholder, .wpcf7-form input[type='password']:focus::-ms-input-placeholder, .wpcf7-form input[type='tel']:focus::-ms-input-placeholder, .wpcf7-form input[type='number']:focus::-ms-input-placeholder, .wpcf7-form select:focus::-ms-input-placeholder, .wpcf7-form textarea:focus::-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
}
.form input[type='text']:focus::placeholder,
.form input[type='date']:focus::placeholder,
.form input[type='time']:focus::placeholder,
.form input[type='email']:focus::placeholder,
.form input[type='password']:focus::placeholder,
.form input[type='tel']:focus::placeholder,
.form input[type='number']:focus::placeholder,
.form select:focus::placeholder,
.form textarea:focus::placeholder,
.wpcf7-form input[type='text']:focus::placeholder,
.wpcf7-form input[type='date']:focus::placeholder,
.wpcf7-form input[type='time']:focus::placeholder,
.wpcf7-form input[type='email']:focus::placeholder,
.wpcf7-form input[type='password']:focus::placeholder,
.wpcf7-form input[type='tel']:focus::placeholder,
.wpcf7-form input[type='number']:focus::placeholder,
.wpcf7-form select:focus::placeholder,
.wpcf7-form textarea:focus::placeholder {
  /* Most modern browsers support this now. */
  color: #fff;
}
.form textarea,
.form select,
.wpcf7-form textarea,
.wpcf7-form select {
  border: 2px solid #c9ced4;
  border-radius: 10px;
}
.form select,
.wpcf7-form select {
  width: 100%;
  border: 3px solid #d49319;
}
.col .form__submit,
.col .wpcf7-form__submit {
  width: 100%;
}
.form__checkbox__label,
.wpcf7-form__checkbox__label {
  display: inline-block;
}
.form__dsgvo,
.wpcf7-form__dsgvo {
  margin-top: 0.25em;
  float: left;
}
.form__dsgvo + span,
.wpcf7-form__dsgvo + span {
  display: block;
  padding-left: 1.5rem;
  font-size: 85%;
  line-height: 1.2;
}
.form__desc,
.wpcf7-form__desc {
  display: block;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 85%;
}
.text-input {
  width: 100%;
  padding: 0.5em;
  background: #fff;
  border: 1px solid #c9ced4;
  border-radius: 2px;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
  -webkit-appearance: none;
}
.text-input:focus {
  border-color: #d49319;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}
.text-input--rect {
  border-radius: 0;
  border-bottom: 2px solid #c9ced4;
}
.dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="512" height="512" viewBox="0 0 512 512" xml:space="preserve"><path fill="%23666" d="M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z"/></svg>');
  background-size: 0.8em;
  background-repeat: no-repeat;
  background-position: calc(100% - 2em) center;
}
.project-button,
a.project-button,
.article__content .wc-proceed-to-checkout .checkout-button.wc-forward,
.article__shop-teaser .wc-proceed-to-checkout .checkout-button.wc-forward,
.woocommerce .button.alt.ppcp-dcc-order-button.wp-element-button {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1ex 2.5ex;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background: #d49319;
  border: 2px solid #d49319;
  border-radius: 10px;
  -webkit-transition: background 0.2s, color 0.3s;
  transition: background 0.2s, color 0.3s;
  will-change: background, color;
  /* Barber Shop Style
    @stripe-size: 50px;
    &.is-loading {
        pointer-events: none;
        background-image:
            linear-gradient(
            -45deg,
            rgba( 255, 255, 255, .5 ) 25%,
            transparent 25%,
            transparent 50%,
            rgba( 255, 255, 255, .5 ) 50%,
            rgba( 255, 255, 255, .5 ) 75%,
            transparent 75%,
            transparent
        );
        background-size: @stripe-size @stripe-size;

        animation-fill-mode: both;
        animation: stripe 1.5s linear infinite;
    }
    @keyframes stripe {
        0% { background-position: 0 0; }
        100% { background-position: @stripe-size @stripe-size; }
    }
    /* */
  /* Spinner Style */
  /* */
}
.project-button .icon,
a.project-button .icon {
  margin-left: 1.5rem;
}
a.project-button:hover,
aa.project-button:hover {
  color: #2c353d;
}
.project-button:hover,
a.project-button:hover,
.project-button:focus,
a.project-button:focus {
  background: transparent;
  border: 2px solid #2c353d;
  color: #2c353d;
}
a.project-button--fp,
aa.project-button--fp,
a.project-button--page,
aa.project-button--page {
  padding: 1em 3em;
  border-radius: 0;
  color: #d49319;
  background: none;
  border: 2px solid #d49319;
  text-transform: uppercase;
  font-weight: 400;
  opacity: 0;
  -webkit-animation: button-up 0.75s ease-in 1s forwards;
          animation: button-up 0.75s ease-in 1s forwards;
  -webkit-transition: letter-spacing 0.2s;
  transition: letter-spacing 0.2s;
}
a.project-button--fp:hover,
aa.project-button--fp:hover,
a.project-button--page:hover,
aa.project-button--page:hover,
a.project-button--fp:focus,
aa.project-button--fp:focus,
a.project-button--page:focus,
aa.project-button--page:focus,
a.project-button--fp:focus-visible,
aa.project-button--fp:focus-visible,
a.project-button--page:focus-visible,
aa.project-button--page:focus-visible {
  color: #d49319;
  border: 2px solid #d49319;
  letter-spacing: 0.09em;
}
a.project-button--page,
aa.project-button--page {
  margin-bottom: 2rem;
  color: #2c353d;
  border: 2px solid #2c353d;
}
@keyframes button-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.project-button.is-loading,
a.project-button.is-loading {
  color: transparent;
}
.project-button.is-loading:focus,
a.project-button.is-loading:focus,
.project-button.is-loading:hover,
a.project-button.is-loading:hover {
  color: transparent;
}
.project-button.is-loading:after,
a.project-button.is-loading:after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  height: 1em;
  width: 1em;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin-around 0.5s infinite linear;
          animation: spin-around 0.5s infinite linear;
}
@keyframes spin-around {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.sign__arrow {
  display: inline-block;
  position: relative;
  visibility: hidden;
}
.sign__arrow::before,
.sign__arrow::after {
  content: '';
  display: block;
  position: absolute;
  visibility: visible;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.sign__arrow::after {
  border: 0 solid #ffffff;
}
.sign__arrow--left::before,
.sign__arrow--right::before,
.sign__arrow--up::before,
.sign__arrow--down::before {
  background-color: #ffffff;
}
.sign__arrow--left::after,
.sign__arrow--right::after,
.sign__arrow--up::after,
.sign__arrow--down::after {
  width: 0.4em;
  height: 0.4em;
}
.sign__arrow--left,
.sign__arrow--right {
  width: 1em;
}
.sign__arrow--left::before,
.sign__arrow--right::before,
.sign__arrow--left::after,
.sign__arrow--right::after {
  top: 50%;
}
.sign__arrow--left::before,
.sign__arrow--right::before {
  width: 1em;
  height: 0.1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sign__arrow--left::after,
.sign__arrow--right::after {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.sign__arrow--right::after {
  right: 0;
  border-top-width: 0.15em;
  border-right-width: 0.15em;
}
.sign__arrow--left::after {
  left: 0;
  border-left-width: 0.15em;
  border-bottom-width: 0.15em;
}
.sign__arrow--up,
.sign__arrow--down {
  height: 1em;
}
.sign__arrow--up::before,
.sign__arrow--down::before,
.sign__arrow--up::after,
.sign__arrow--down::after {
  left: 50%;
}
.sign__arrow--up::before,
.sign__arrow--down::before {
  top: 0;
  width: 0.15em;
  height: 1em;
  background-color: #ffffff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sign__arrow--up::after,
.sign__arrow--down::after {
  width: 0.4em;
  height: 0.4em;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}
.sign__arrow--up::before,
.sign__arrow--up::after {
  top: 0;
}
.sign__arrow--up::after {
  border-top-width: 0.15em;
  border-left-width: 0.15em;
}
.sign__arrow--down::before,
.sign__arrow--down::after {
  bottom: 0;
}
.sign__arrow--down::after {
  border-right-width: 0.15em;
  border-bottom-width: 0.15em;
}
.sign__arrow--gt,
.sign__arrow--lt {
  vertical-align: -0.1em;
  width: 1em;
  height: 1em;
}
.sign__arrow--gt::before,
.sign__arrow--lt::before {
  display: none;
}
.sign__arrow--gt::after,
.sign__arrow--lt::after {
  top: 50%;
  width: 0.6em;
  height: 0.6em;
}
.sign__arrow--gt::after {
  border-top-width: 0.15em;
  border-right-width: 0.15em;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.sign__arrow--lt::after {
  border-left-width: 0.15em;
  border-bottom-width: 0.15em;
  -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
          transform: translateY(-50%) translateX(50%) rotate(45deg);
}
.sign__triangle__icon {
  vertical-align: 0.1em;
}
.sign__arrow--mt,
.sign__triangle--mt {
  margin-top: 1ex;
}
.sign__arrow--ml,
.sign__triangle--ml {
  margin-left: 1ex;
}
.sign__arrow--mr,
.sign__triangle--mr {
  margin-right: 1ex;
}
.sign__arrow--mb,
.sign__triangle--mb {
  margin-bottom: 1ex;
}
.share-buttons {
  position: relative;
  margin-top: 5rem;
  padding-top: 2rem;
  text-align: center;
}
.share-buttons::before {
  content: '';
  position: absolute;
  top: -1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  width: 100%;
  height: 2px;
  max-width: 102rem;
  background-color: #c2c2c2;
}
@media (min-width: 41rem) {
  .share-buttons {
    padding-top: 4rem;
  }
}
.share-buttons__link + .share-buttons__link {
  margin-left: 1.75rem;
}
@media (min-width: 41rem) {
  .share-buttons__link + .share-buttons__link {
    margin-left: 2rem;
  }
}
.share-buttons__link {
  line-height: 3;
  display: inline-block;
}
.share-buttons__link:hover,
.share-buttons__link:focus,
.share-buttons__link:focus-visible {
  outline: 2px solid #d49319;
  outline-offset: 5px;
  border-radius: 3px;
}
@media (min-width: 33rem) {
  .share-buttons__link .icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}
/*** basic layout ***/
.main {
  /* do a sweet fadein onload of the main content */
  margin-top: 7rem;
}
@media only screen and (min-width: 41em) {
  .main {
    -webkit-animation: fadeIn 0.6s ease-in-out;
            animation: fadeIn 0.6s ease-in-out;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.wrapper,
.footer__info,
.content-area {
  margin: 0 auto;
  padding: 0 1.2rem;
  max-width: 100rem;
}
@media (min-width: 102rem) {
  .wrapper,
  .footer__info,
  .content-area {
    padding: 0;
  }
}
@media (min-width: 128rem) {
  .wrapper,
  .footer__info,
  .content-area {
    max-width: 110rem;
  }
}
.wrapper--small {
  max-width: 70rem;
}
@media (min-width: 102rem) {
  .wrapper--small {
    padding: 0;
  }
}
.wrapper-small {
  margin: 0 auto;
  max-width: 60rem;
}
@media (min-width: 60rem) {
  .wrapper-small {
    padding: 0;
  }
}
@media (min-width: 128rem) {
  .wrapper-small {
    max-width: 70rem;
  }
}
.header {
  position: fixed;
  height: 7rem;
  top: 0;
  left: 0;
  right: 0;
  z-index: 400;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  -webkit-box-shadow: 0 3px 9px #8686863b;
          box-shadow: 0 3px 9px #8686863b;
}
.header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 40.99em) {
  .header .wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 41rem) {
  .header .navigation {
    width: 50%;
  }
}
.logo {
  padding: 0.5rem;
}
.logo__visual {
  display: block;
  max-width: none !important;
  /* stylelint-disable-line */
  image-rendering: -webkit-optimize-contrast;
}
.logo__link::after {
  content: '';
  display: none;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: rgba(44, 53, 61, 0.45);
}
.logo__link:focus-visible {
  outline: 2px dashed #d49319;
  outline-offset: 3px;
  border-radius: 2px;
}
.footer {
  position: relative;
  margin-top: 3rem;
  padding: 2rem 0;
  background: #2c353d;
}
@media (min-width: 33rem) {
  .footer {
    padding: 4rem 0 2rem;
  }
}
@media (min-width: 41rem) {
  .footer {
    margin-top: 6rem;
  }
}
.footer a {
  display: inline-block;
  color: #fff;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  /**
         * For better accessability while navigating
         * with keyboard tab-key [ ->| ]
         */
  /** --- */
}
.footer a:focus-visible {
  outline: 1px dashed #ffffff;
  outline-offset: 3px;
  border-radius: 2px;
}
.footer a:hover {
  color: #d49319;
}
.footer__info + .footer__info {
  margin-top: 2rem;
  padding-top: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
}
.footer__info {
  font-size: 85%;
  color: #fff;
}
@media (min-width: 41rem) {
  .footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footer__info__col + .footer__info__col {
  margin-top: 2.5rem;
  padding-left: 0;
}
@media (min-width: 41rem) {
  .footer__info__col + .footer__info__col {
    margin-top: 0;
    padding-left: 1.5rem;
  }
}
.footer__info__col__title {
  margin-bottom: 1rem;
  font-size: 1.25em;
  font-weight: 600;
  color: #d49319;
  text-transform: uppercase;
}
.footer__info__col li {
  line-height: 2;
}
.footer__info .logo__link {
  display: block;
  text-align: center;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: auto;
}
.footer__info .logo__link:focus-visible {
  outline: 2px dashed #d49319;
  outline-offset: 3px;
  border-radius: 2px;
}
.footer__info .logo__link img.logo__visual {
  margin: 0 auto;
}
.footer__info .logo__link span {
  font-weight: 600;
}
.footer__contact__title {
  font-size: 1.5625em;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.footer__contact__name {
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.footer__contact__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__contact__row + .footer__contact__row {
  margin-top: 1.5ex;
}
.footer__contact__row .icon {
  margin-top: 0.2ex;
}
.footer__contact .icon {
  margin-right: 1ex;
}
.footer__contact span {
  display: block;
  line-height: 1.2;
}
.footer__social {
  margin-top: 1rem;
}
.footer__social .nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__social .nav__list li + li {
  margin-left: 2rem;
}
.footer__social .nav__item .icon {
  width: 2rem;
  height: 2rem;
}
.footer .elevator {
  position: absolute;
  top: -1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  min-width: 2em;
  padding: 0 1ex;
  line-height: 2em;
  text-align: center;
  border-radius: 3em;
  color: #fff;
  background: #d49319;
  white-space: nowrap;
}
.footer .elevator .icon {
  height: 2em;
}
.footer .elevator .label {
  display: inline-block;
  overflow: hidden;
  max-width: 0;
  -webkit-transition: max-width 0.5s, padding 0.5s;
  transition: max-width 0.5s, padding 0.5s;
}
.footer .elevator:hover .label {
  max-width: 6em;
  padding-left: 1ex;
}
.main-menu {
  /*
        Drop Down
     */
  /*
        Basics
     */
}
.main-menu__dd__flag {
  display: none;
}
.main-menu__dd__trigger {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  width: 2rem;
  height: 3rem;
  line-height: 6;
  text-align: center;
}
.main-menu__dd__icon {
  position: relative;
  display: block;
  height: 3em;
  opacity: 0.5;
}
.main-menu__dd__icon:before,
.main-menu__dd__icon:after {
  content: '';
  display: block;
  position: absolute;
  width: 0.4em;
  height: 1px;
  background-color: currentColor;
  top: 50%;
  left: 50%;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.main-menu__dd__icon:before {
  -webkit-transform: translate(-80%, -50%) rotate(50deg);
          transform: translate(-80%, -50%) rotate(50deg);
}
.main-menu__dd__icon:after {
  -webkit-transform: translate(-20%, -50%) rotate(-50deg);
          transform: translate(-20%, -50%) rotate(-50deg);
}
.main-menu__dd__flag:checked ~ .main-menu__dd__trigger .main-menu__dd__icon {
  opacity: 1;
}
.main-menu__dd__flag:checked ~ .main-menu__dd__trigger .main-menu__dd__icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.main-menu__dd__flag:checked ~ .main-menu__dd__trigger .main-menu__dd__icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.main-menu a {
  display: block;
}
.main-menu__item {
  position: relative;
}
.main-menu__submenu__item {
  position: relative;
}
@media only screen and (max-width: 59.99em) {
  /*
    @import 'navigation-oc2';
    @import 'navigation-oc';
    */
  .navigation {
    /**
     * Overlay for small screens
     */
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    padding: 0 10%;
    background: radial-gradient(ellipse at center, rgba(44, 53, 61, 0.8) 0%, rgba(44, 53, 61, 0.95) 100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;
    transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;
    will-change: opacity, visibility;
  }
  .navigation__trigger {
    position: relative;
    display: block;
    width: 50%;
    line-height: 3;
    cursor: pointer;
  }
  .navigation__trigger::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -0.8em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 3.5em;
    height: 3.5em;
    border: 2px solid #c2c2c2;
    border-radius: 50%;
    -webkit-transition: border-color 0.3s ease-in;
    transition: border-color 0.3s ease-in;
  }
  .navigation__trigger:hover::after,
  .navigation__trigger:focus-visible::after {
    border-color: #2c353d;
  }
  .navigation__icon {
    position: relative;
    margin-top: 0.33em;
    margin-bottom: 0.33em;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1.25em;
  }
  .navigation__icon,
  .navigation__icon:before,
  .navigation__icon:after {
    display: inline-block;
    width: 1.5em;
    height: 0.13em;
    background-color: #d49319;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    will-change: background-color, transform;
  }
  .navigation__icon:before,
  .navigation__icon:after {
    content: '';
    position: absolute;
    display: block;
  }
  .navigation__icon:before {
    top: -0.33em;
  }
  .navigation__icon:after {
    top: 0.33em;
  }
  .navigation__flag:checked + .navigation__trigger .navigation__icon {
    background-color: transparent;
  }
  .navigation__flag:checked + .navigation__trigger .navigation__icon:before,
  .navigation__flag:checked + .navigation__trigger .navigation__icon:after {
    background-color: #d49319;
  }
  .navigation__flag:checked + .navigation__trigger .navigation__icon:before {
    -webkit-transform: translateY(0.32em) rotate(45deg);
            transform: translateY(0.32em) rotate(45deg);
  }
  .navigation__flag:checked + .navigation__trigger .navigation__icon:after {
    -webkit-transform: translateY(-0.32em) rotate(-45deg);
            transform: translateY(-0.32em) rotate(-45deg);
  }
  .navigation__flag:checked ~ .navigation {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s ease 0s;
    transition: opacity 0.5s ease 0s;
  }
  .navigation__flag:checked ~ .navigation__trigger {
    z-index: 501;
    color: #fff;
  }
  .navigation__flag:checked ~ .navigation .main-menu {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  .main-menu {
    /**
     * Navi Definition
     */
    padding: 4em 0;
    width: 100%;
    opacity: 0.4;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
    will-change: transform;
  }
  .main-menu__item {
    color: #fff;
    font-weight: 200;
  }
  .main-menu__item + .main-menu__item {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .main-menu__item a {
    display: block;
    padding: 0.8em;
    line-height: 1;
    color: #fff;
    font-size: 1.5625em;
  }
  .main-menu__dd__trigger {
    font-size: 1.1em;
  }
  .main-menu__item--active > a {
    position: relative;
    color: #d49319;
    /* &:before {
            content: '';

            position: absolute;
            left: -.15em;
            top: 1.25em;

            width: .3em;
            height: .3em;

            border: 0 solid #fff;
            border-top-width: 1px;
            border-right-width: 1px;

            transform: rotate( 45deg );
        } */
  }
  .main-menu__dd__flag:checked ~ .main-menu__submenu {
    height: auto;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    margin-bottom: 0.8em;
    opacity: 1;
  }
  .main-menu__submenu {
    height: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    padding-left: 1em;
    -webkit-transform-origin: top;
            transform-origin: top;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s, margin-bottom 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, margin-bottom 0.2s, -webkit-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s, margin-bottom 0.2s;
    transition: opacity 0.2s, transform 0.2s, margin-bottom 0.2s, -webkit-transform 0.2s;
  }
  .main-menu__submenu__item {
    position: relative;
  }
}
@media only screen and (max-width: 59.99em) and (min-width: 41rem) {
  .navigation {
    padding: 0 5%;
  }
}
@media only screen and (min-width: 60em) {
  /**
 * Navigation for larger screens
 */
  .main-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    font-size: 0.9em;
  }
  .has-touch .main-menu__dd__trigger {
    width: -2rem;
    height: 6rem;
  }
  .has-touch .main-menu__dd__icon {
    height: 6rem;
  }
  .no-touch .main-menu__dd__trigger,
  .no-touch .main-menu__dd__dd__icon {
    display: none;
  }
  .main-menu__item {
    display: inline-block;
  }
  .no-js .main-menu__item {
    margin-left: 0;
  }
  .main-menu__item > a {
    position: relative;
    padding: 0 0.45em;
    font-size: 1em;
    line-height: 2.5rem;
    white-space: nowrap;
    text-transform: uppercase;
    color: #2c353d;
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    /* Fade in from above
            &:before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 0;
                opacity: 0;
                transform: translateY(-.5em);
                border-top: 3px solid @brand-color;
                transition-property: opacity, transform;
                transition-duration: .3s;
                transition-delay: 0, .1s;
            }
            */
    /* Curyl from right
            &:before {
                content: '';
                position: absolute;
                bottom: 0;
                right: 0;
                width: 0%;
                height: 0;
                opacity: 0;
                border-top: 3px solid @brand-color-alt;
                transition-property: opacity, width;
                transition-duration: .2s;
                transition-delay: 0, .1s;
                transition-timing-function: cubic-bezier( .25, .25, .325, 1.39 );
            }
            /* */
    /* Curyl from left */
  }
  .main-menu__item > a:focus-visible {
    outline: 2px dashed #d49319;
    outline-offset: 3px;
    border-radius: 2px;
  }
  .main-menu__item > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    border-top: 3px solid #2c353d;
    -webkit-transition-property: opacity, width;
    transition-property: opacity, width;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    -webkit-transition-delay: 0, 0.1s;
            transition-delay: 0, 0.1s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.325, 1.39);
            transition-timing-function: cubic-bezier(0.25, 0.25, 0.325, 1.39);
  }
  .has-touch .main-menu__item--parent > a {
    padding-right: 2em;
  }
  .main-menu__link:focus:before,
  .main-menu__item:hover > a:before,
  .main-menu__item--active > a:before,
  .main-menu__item--parent--active > a:before,
  .main-menu__item--ancestor--active > a:before {
    opacity: 1;
    /* from above
            transform: translateY(0);
            */
    /* curly */
    width: 100%;
  }
  .main-menu__item--active > a,
  .main-menu__item--parent--active > a,
  .main-menu__item--ancestor--active > a {
    font-weight: 700;
  }
  .main-menu__item--active > a:before,
  .main-menu__item--parent--active > a:before,
  .main-menu__item--ancestor--active > a:before {
    border-color: #d49319;
  }
  .main-menu__link:focus ~ .main-menu__submenu,
  .main-menu__submenu:focus-visible,
  .main-menu__item:hover .main-menu__submenu,
  .main-menu__item:focus .main-menu__submenu,
  .main-menu__dd__flag:checked ~ .main-menu__submenu {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .main-menu__dd__flag:checked ~ .menu__dd__trigger {
    -webkit-box-shadow: 0 -3px 0 0 #2c353d inset;
            box-shadow: 0 -3px 0 0 #2c353d inset;
  }
  .main-menu__submenu {
    position: absolute;
    z-index: 10;
    min-width: 100%;
    margin: 0;
    padding: 0.5em 0;
    text-align: left;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-0.3em);
            transform: translateY(-0.3em);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-delay: 0, 0.1s;
            transition-delay: 0, 0.1s;
  }
  .main-menu__submenu__item a {
    padding: 0.5em 1em;
  }
  .main-menu__submenu__item--active a {
    font-weight: 700;
  }
}
@media only screen and (min-width: 60em) and (min-width: 72rem) {
  .main-menu__item > a {
    padding: 0 1em;
  }
}
/**
 * Maximize space usage
 */
/*
@media only screen and (min-width: unit(@bp-wide, em)) and (max-width: 79.99em) {
    .menu {
        justify-content: flex-end;
        padding-top: .5em;
        text-align: right;
    }
}
*/
@media only screen and (min-width: 60em) {
  .main-menu {
    font-size: 1em;
  }
}
.sidebar {
  position: relative;
  padding: 1em 1em 3em;
  background: #ffffff;
}
@media only screen and (min-width: 36em) {
  .sidebar {
    padding: 2em 2em 3em;
  }
}
@media only screen and (min-width: 60em) {
  .sidebar {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: 3em;
    padding: 2em;
    z-index: 2;
  }
}
@media only screen and (min-width: 51em) {
  .sidebar {
    padding: 3em;
  }
}
.sidebar__widgets {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .sidebar__widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.sidebar .search__submit {
  display: none;
}
.sidebar__widget {
  text-align: left;
  color: #c2c2c2;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.sidebar__widget__title {
  display: inline-block;
  width: 35%;
  padding: 0 1ex;
  white-space: nowrap;
  line-height: 2;
  border-right: 1px solid #c9ced4;
}
.sidebar__widget--archive .sidebar__widget__title:before {
  content: '\23F0';
}
.sidebar__widget--categories .sidebar__widget__title:before {
  content: '\2661';
}
.sidebar__widget--search .sidebar__widget__title:before {
  content: '\2315';
}
.sidebar__widget .dropdown,
.sidebar__widget .search__field {
  padding: 0;
  height: 2em;
  line-height: 2em;
  border: none;
}
.sidebar__widget .search__field {
  width: 100%;
}
@media only screen and (max-width: 39.99em) {
  .sidebar__widget + .sidebar__widget {
    margin-top: 1em;
  }
  .sidebar__widget .dropdown,
  .sidebar__widget .search__form {
    width: 63%;
  }
}
@media only screen and (min-width: 40em) and (max-width: 58.99em) {
  .sidebar__widget {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
    text-align: center;
  }
  .sidebar__widget__title {
    width: 50%;
    border-right: 0;
    border-bottom: 1px solid #c9ced4;
  }
  .sidebar__widget .dropdown,
  .sidebar__widget .search__form {
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .sidebar__widget .search__field {
    text-align: center;
  }
  .sidebar__widget .dropdown option {
    text-align: left;
  }
}
@media only screen and (min-width: 59em) {
  .sidebar__widget {
    display: inline-block;
    margin: 0 1ex;
  }
  .sidebar__widget__title {
    width: auto;
  }
  .sidebar__widget .dropdown,
  .sidebar__widget .search__form {
    width: 11em;
    vertical-align: top;
  }
}
/*** modules ***/
.article + .article {
  margin-top: 5rem;
}
.article + .article .article__header.no-thumb {
  margin-top: 0;
}
.article__thumbnail {
  position: relative;
  display: block;
}
.article__thumbnail .wp-post-image,
.article__thumbnail__img,
.article__thumbnail__img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 100em) {
  .article__thumbnail .wp-post-image,
  .article__thumbnail__img,
  .article__thumbnail__img img {
    max-width: 100%;
  }
}
.article__header {
  /* &--fp, */
}
.article__thumbnail + .article__header {
  margin-top: 3rem;
}
.article__header.no-thumb.no-subpage {
  padding-top: 2rem;
  padding-bottom: 3rem;
}
@media (min-width: 60rem) {
  .article__header.no-thumb.no-subpage {
    padding-top: 5rem;
  }
}
.article__header--page {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 41rem) {
  .article__header--page {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: none;
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
    background-color: transparent;
  }
}
.article__header--page {
  left: 0;
}
@media (max-width: 40.99rem) {
  .article__header--page {
    background-color: #e8e9eabf;
  }
}
@media (min-width: 41rem) {
  .article__header--page {
    opacity: 0;
    -webkit-animation: header-up 0.75s ease 0.5s forwards;
            animation: header-up 0.75s ease 0.5s forwards;
  }
}
.article__header--shop-page {
  padding-bottom: 1rem;
  background-color: transparent;
}
.article__header--indiv {
  padding-bottom: 2rem;
  background-color: #e8e9eabf;
}
@media (min-width: 46rem) {
  .article__header--indiv {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    max-width: none;
    padding-bottom: 0;
    background-color: transparent;
    -webkit-animation: header-up 0.75s ease 0.5s forwards;
            animation: header-up 0.75s ease 0.5s forwards;
    opacity: 0;
  }
}
@media (min-width: 50rem) {
  .article__header--indiv {
    left: 30%;
    max-width: 70%;
  }
}
@media (min-width: 60rem) {
  .article__header--indiv {
    left: 40%;
    max-width: 60%;
  }
}
@media (min-width: 102rem) {
  .article__header--indiv {
    left: 50%;
    max-width: 50%;
    right: calc((100% - 102rem) / 2);
  }
}
.article__title {
  margin-bottom: 0.5em;
  font-size: 1.953125em;
  font-weight: 600;
  line-height: 1.1;
  color: #2c353d;
  word-spacing: 2px;
  /**
         * For better accessability while navigating
         * with keyboard tab-key [ ->| ]
         * when using SR class and hidden_ankor in headline
         */
  /** --- */
}
@media (min-width: 41rem) {
  .article__title {
    font-size: 2.44140625em;
  }
}
.article__title:focus-visible {
  outline: 2px dashed #d49319;
  outline-offset: 3px;
  border-radius: 2px;
}
h1.article__title--page {
  color: transparent;
  -webkit-text-stroke: 2px #d49319;
}
@media (min-width: 41rem) {
  h1.article__title--page {
    text-shadow: 3px 4px rgba(44, 53, 61, 0.6);
  }
}
@media (min-width: 60rem) {
  h1.article__title--page {
    -webkit-text-stroke: 3px #d49319;
  }
}
h1.article__title--page {
  margin-bottom: 0;
  text-align: center;
  font-size: 3.81469727em;
}
@media (min-width: 41rem) {
  h1.article__title--page {
    font-size: 5.96046448em;
  }
}
@media (min-width: 60rem) {
  h1.article__title--page {
    font-size: 7.4505806em;
  }
}
@media (min-width: 102rem) {
  h1.article__title--page {
    font-size: 11.64153218em;
  }
}
.article__title--indiv {
  font-size: 1.953125em;
}
@media (min-width: 60rem) {
  .article__title--indiv {
    font-size: 2.44140625em;
  }
}
@media (min-width: 102rem) {
  .article__title--indiv {
    font-size: 3.05175781em;
  }
}
.no-thumb.no-subpage h1.article__title.article__title--page {
  color: #d49319;
  -webkit-text-stroke: 0;
  font-size: 1.953125em;
}
@media (min-width: 41rem) {
  .no-thumb.no-subpage h1.article__title.article__title--page {
    text-shadow: none;
  }
}
@media (min-width: 50rem) {
  .no-thumb.no-subpage h1.article__title.article__title--page {
    font-size: 2.44140625em;
  }
}
@media (min-width: 60rem) {
  .no-thumb.no-subpage h1.article__title.article__title--page {
    font-size: 3.05175781em;
  }
}
.article__summary .read-on {
  display: block;
  padding-top: 0.5rem;
}
@media (min-width: 50rem) {
  .article--subpage.article--frontpage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 8rem auto;
  }
}
@media (min-width: 102rem) {
  .article--subpage.article--frontpage + .article--subpage.article--frontpage {
    margin-top: 10rem;
  }
}
.article--subpage.article--frontpage .sp-thumbnail {
  overflow: hidden;
}
.article--subpage.article--frontpage .sp-thumbnail img {
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.article--subpage.article--frontpage .sp-thumbnail img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (min-width: 50rem) {
  .article--subpage.article--frontpage:nth-child( odd ) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (min-width: 50rem) and (min-width: 50rem) {
  .article--subpage.article--frontpage:nth-child( odd ) .sp-thumbnail {
    margin-left: 1rem;
    border-radius: 2rem 0 0 2rem;
    -webkit-box-shadow: 10px -1px 28px #0000005c;
            box-shadow: 10px -1px 28px #0000005c;
  }
}
@media (min-width: 50rem) and (min-width: 60rem) {
  .article--subpage.article--frontpage:nth-child( odd ) .sp-thumbnail {
    margin-left: 3rem;
  }
}
@media (min-width: 50rem) {
  .article--subpage.article--frontpage:nth-child( even ) .sp-thumbnail {
    margin-right: 1rem;
    border-radius: 0 2rem 2rem 0;
    -webkit-box-shadow: -10px -1px 28px #0000005c;
            box-shadow: -10px -1px 28px #0000005c;
  }
}
@media (min-width: 60rem) {
  .article--subpage.article--frontpage:nth-child( even ) .sp-thumbnail {
    margin-right: 3rem;
  }
}
.article--subpage.article--frontpage .article__col {
  margin-bottom: 2rem;
}
@media (min-width: 50rem) {
  .article--subpage.article--frontpage .article__col {
    margin-bottom: 0;
    width: 50%;
  }
}
@media (min-width: 102rem) {
  .article:nth-child(even) .article__col:last-child {
    padding-left: 2rem;
    padding-right: calc((110% - 102rem) / 2);
  }
}
@media (min-width: 102rem) {
  .article:nth-child(odd) .article__col:last-child {
    padding-left: calc((110% - 102rem) / 2);
    padding-right: 2rem;
  }
}
.article__shop-teaser__header {
  padding: 3em 0 1em;
  background-color: #c2c2c2;
}
.article__shop-teaser .article__title {
  color: transparent;
  -webkit-text-stroke: 2px #d49319;
  text-align: center;
  font-size: 3.81469727em;
}
@media (min-width: 41rem) {
  .article__shop-teaser .article__title {
    font-size: 5.96046448em;
  }
}
@media (min-width: 60rem) {
  .article__shop-teaser .article__title {
    -webkit-text-stroke: 3px #d49319;
    font-size: 7.4505806em;
  }
}
@media (min-width: 102rem) {
  .article__shop-teaser .article__title {
    font-size: 11.64153218em;
  }
}
ul.article__contact__list {
  margin: 3rem auto;
  margin-left: 0;
}
@media (min-width: 41rem) {
  ul.article__contact__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 100%;
  }
}
.article__contact__item {
  text-align: center;
  list-style: none;
  padding: 1.5rem;
}
@media (min-width: 41rem) {
  .article__contact__item {
    width: 50%;
  }
}
@media (min-width: 60rem) {
  .article__contact__item {
    width: 25%;
  }
}
.article__contact__item .icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
}
.article__contact__title {
  font-size: 1.25rem;
}
.article__contact__title > a {
  text-decoration: none !important;
  /* stylelint-disable-line */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.article__claim img {
  display: block;
  width: 100%;
  height: auto;
}
.article__claim.claim-slider {
  position: relative;
}
.article__claim .slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  -webkit-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
  opacity: 0;
  overflow: hidden;
}
@media (min-width: 41rem) {
  .article__claim .slide > img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.article__claim .slide.active {
  opacity: 1;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
@media (min-width: 41rem) {
  .article__claim .slide.active > img {
    -webkit-animation: img-scale 6.95s ease 0.05s forwards;
            animation: img-scale 6.95s ease 0.05s forwards;
  }
}
.article__claim .slides-wrapper {
  position: relative;
  height: auto;
}
.article__claim .slider-pagination {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  margin: 1.5rem auto;
}
.article__claim .slider-pagination .dot {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin: 0 0.5rem;
  background-color: rgba(44, 53, 61, 0.6);
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.article__claim .slider-pagination .dot.active {
  background-color: #d49319;
}
.article__claim__header {
  position: relative;
  padding: 3rem 1.5rem 4rem;
}
@media (min-width: 50rem) {
  .article__claim__header {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 60%;
    padding: 2rem;
    padding-left: 1.5rem;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 0 2rem 2rem 0;
    -webkit-box-shadow: -10px -1px 28px #0000005c;
            box-shadow: -10px -1px 28px #0000005c;
  }
}
@media (min-width: 60rem) {
  .article__claim__header {
    width: 50%;
  }
}
@media (min-width: 72rem) {
  .article__claim__header {
    padding: 3rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 102em) {
  .article__claim__header {
    padding-left: calc((102% - 102rem) / 2);
  }
}
.article__claim__title {
  margin-bottom: 0.25rem;
  font-size: 2.44140625em;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media (min-width: 60em) {
  .article__claim__title {
    font-size: 3.81469727em;
  }
}
.article__claim__subtitle {
  margin-bottom: 0.75rem;
  font-size: 1.25em;
  font-weight: 700;
  color: #d49319;
}
@media (min-width: 50rem) {
  .article__claim__subtitle {
    font-size: 1.5625em;
  }
}
.article__claim__description {
  margin-bottom: 1.5rem;
}
@media (min-width: 41rem) {
  .article__claim__description {
    font-size: 1.25em;
  }
}
@-webkit-keyframes header-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  80% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1;
  }
}
@keyframes header-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
  }
  80% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 1;
  }
}
@-webkit-keyframes header-fade {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes header-fade {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  90% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes img-scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
@keyframes img-scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
/**
 * If your gap must be greater than your wrapper left and right padding
 * you need to build an other other solution, the negative margin will destroy the correct positioning
 */
.summaries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 1rem 0;
}
.article + .wrapper > .summaries {
  padding: 3rem 0;
}
@media (min-width: 33rem) {
  .summaries {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.summary {
  width: 100%;
}
@media (max-width: 32.99rem) {
  .summary + .summary {
    margin-top: 1rem;
  }
}
@media (min-width: 33rem) {
  .summary {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}
@media (min-width: 50rem) {
  .summary {
    width: calc(33.33% - 2rem);
  }
}
.summary--search {
  margin-bottom: 3rem;
}
.summary--search .read-on {
  font-weight: 700;
  font-size: 1.25rem;
  color: #d49319;
}
.summary__thumbnail {
  width: 100%;
  padding-bottom: 1em;
}
.summary__thumbnail__img,
.summary__thumbnail__img img {
  display: block;
  width: 100%;
  height: auto;
}
.summary__thumbnail__img--fallback,
.summary__thumbnail__img img--fallback {
  position: relative;
  padding: calc(21% - 1em) 0 calc(21% + 1em);
  background: linear-gradient(-45deg, #2c353d, #d49319);
  color: #ffffff;
}
.summary__thumbnail__img--fallback span,
.summary__thumbnail__img img--fallback span {
  position: absolute;
  width: 100%;
  padding: 0 1rem;
  margin-top: -1em;
  font-size: 1.25em;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2em;
  font-style: italic;
}
@media (min-width: 33rem) {
  .summary__thumbnail__img--fallback span,
  .summary__thumbnail__img img--fallback span {
    font-size: 1.5625em;
  }
}
@media (min-width: 60rem) {
  .summary__thumbnail__img--fallback span,
  .summary__thumbnail__img img--fallback span {
    padding: 0 30% 0 2rem;
  }
}
.summary__header {
  padding-bottom: 0.75em;
}
.summary__title {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 700;
  color: #2c353d;
}
.summary__title--subpage {
  margin: 1.5rem 0;
}
@media (min-width: 50rem) {
  .summary__title--subpage {
    font-size: 1.5625rem;
  }
}
.summary__meta {
  font-size: 85%;
}
.summary__subtitle {
  padding-bottom: 0.5em;
  font-size: 85%;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.summary__content .read-on {
  margin-top: 1em;
  display: block;
}
.searchbar {
  -webkit-transition: width 0.5s ease-in;
  transition: width 0.5s ease-in;
}
.searchbar__toggle:checked + .searchbar,
.searchbar:focus-within {
  position: absolute;
  right: 0;
  z-index: 100;
}
@media (max-width: 40.99rem) {
  .searchbar__toggle:checked + .searchbar,
  .searchbar:focus-within {
    top: 6rem;
  }
}
.searchbar__form {
  position: relative;
  width: 100%;
  min-width: 2.5em;
  height: 3em;
  float: right;
  overflow: hidden;
  color: #c2c2c2;
  /* -webkit-backface-visibility: hidden; */
  -webkit-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
@media (min-width: 70rem) {
  .searchbar__form {
    width: 100%;
  }
}
.searchbar__form:focus-within {
  background-color: #ffffff;
  color: #2c353d;
}
.searchbar__input {
  line-height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3em;
  margin: 0;
  padding: 0 6rem 0 1ex;
  color: #666;
  background: #fff;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.searchbar__trigger {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  height: 3em;
  margin-right: 3em;
  line-height: 3em;
  text-transform: uppercase;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}
.searchbar__close,
.searchbar__submit {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  /* width: unit( @square, em );
        height: unit( @square, em ); */
  margin: 0;
  padding: 0;
  line-height: 3em;
  text-align: center;
  cursor: pointer;
}
.searchbar__submit {
  color: #2c353d;
  background: transparent;
  border: none;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.searchbar__close {
  z-index: 10;
  opacity: 0;
  color: transparent;
  speak-as: none;
  font-style: normal;
  font-weight: 700;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.searchbar__toggle:checked ~ .searchbar,
.searchbar:focus-within {
  z-index: 501;
  width: 100%;
}
.searchbar__toggle:checked ~ .searchbar .searchbar__form,
.searchbar:focus-within .searchbar__form {
  height: 4em;
}
@media (min-width: 41rem) {
  .searchbar__toggle:checked ~ .searchbar .searchbar__form,
  .searchbar:focus-within .searchbar__form {
    font-size: 1.5em;
  }
}
.searchbar__toggle:checked ~ .searchbar .searchbar__trigger,
.searchbar:focus-within .searchbar__trigger {
  opacity: 0;
  z-index: 10;
}
.searchbar__toggle:checked ~ .searchbar .searchbar__input,
.searchbar:focus-within .searchbar__input {
  height: 4em;
  opacity: 1;
}
.searchbar__toggle:checked ~ .searchbar .searchbar__close,
.searchbar:focus-within .searchbar__close {
  right: 4em;
  height: 4em;
  width: 4em;
  line-height: 4;
  color: #ccc;
  opacity: 1;
}
.searchbar__toggle:checked ~ .searchbar .searchbar__submit,
.searchbar:focus-within .searchbar__submit {
  width: 4em;
  height: 4em;
  line-height: 4em;
  color: #fff;
  background: #d49319;
}
@media (max-width: 40.99em) {
  .searchbar {
    /*  &__close,
        &__submit {
            right: 6rem;
            top: 0;
            line-height: @navi-height;
        } */
  }
  .searchbar__input {
    font-size: 1rem;
  }
  .searchbar__trigger {
    display: none;
  }
  .searchbar__submit {
    color: #2c353d;
  }
  .searchbar__toggle:checked ~ .searchbar,
  .searchbar:focus-within {
    -webkit-box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.5);
            box-shadow: 2px 0 5px -2px rgba(0, 0, 0, 0.5);
  }
  .searchbar__toggle:checked ~ .searchbar .searchbar__close,
  .searchbar:focus-within .searchbar__close,
  .searchbar__toggle:checked ~ .searchbar .searchbar__submit,
  .searchbar:focus-within .searchbar__submit {
    font-size: 1em;
  }
  .searchbar__toggle:checked ~ .searchbar .searchbar__submit,
  .searchbar:focus-within .searchbar__submit {
    right: 0;
  }
  .searchbar__toggle:checked ~ .searchbar .searchbar__close,
  .searchbar:focus-within .searchbar__close {
    line-height: 4;
  }
}
.article__content .woo__title {
  color: #2c353d;
  font-weight: 700;
  font-size: 1.5625em;
}
@media (min-width: 41rem) {
  .article__content .woo__title {
    font-size: 1.953125em;
  }
}
.woo__products__list {
  display: inline-block;
  margin: 0 -0.5rem !important;
  /* stylelint-disable-line */
  padding-top: 3rem !important;
  /* stylelint-disable-line */
}
@media (min-width: 102rem) {
  .woo__products__list {
    padding-top: 6rem !important;
    /* stylelint-disable-line */
  }
}
.woo__products__list > img {
  display: block;
  width: 100%;
  height: auto;
  padding: 2rem;
}
.woo__products__list--archive {
  display: inline-block;
}
@media (min-width: 23rem) {
  .woo__products__list--archive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.woo__products__item.collumns-4 {
  max-width: 32rem;
  margin: 2rem auto;
}
@media (min-width: 32rem) {
  .woo__products__item.collumns-4 {
    width: calc(50% - 1rem);
    margin: 2rem 0.5rem;
  }
}
@media (min-width: 41rem) {
  .woo__products__item.collumns-4 {
    width: calc(33.33% - 1rem);
  }
}
@media (min-width: 60rem) {
  .woo__products__item.collumns-4 {
    width: calc(25% - 1rem);
  }
}
.woo__products__item .posted_in--archive a {
  font-size: 90%;
  color: rgba(44, 53, 61, 0.7);
}
.woo__products__item .posted_in--archive span {
  margin-right: 0;
}
.woo__products__item .project-button {
  width: 100%;
  text-align: center;
}
@media (min-width: 89.5rem) {
  .woo__products__item .project-button {
    width: 90%;
  }
}
@media (min-width: 102rem) {
  .woo__products__item .project-button {
    width: 78%;
  }
}
.woo__products__thumbnail img {
  -webkit-box-shadow: 0 3px 6px #00000023;
          box-shadow: 0 3px 6px #00000023;
  border-radius: 10px;
}
@media (min-width: 41rem) {
  .woo__products__summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 41rem) {
  .woo__products__details {
    width: calc(60% - 1rem);
    margin: 2.5rem 0 1rem 1rem;
  }
}
@media (min-width: 50rem) {
  .woo__products__details {
    width: calc(50% - 1rem);
  }
}
.woo__products__category__item {
  margin-bottom: 3rem;
  display: inline-block;
  width: 50%;
  text-align: center;
}
@media (min-width: 33rem) {
  .woo__products__category__item {
    width: 33.33%;
  }
}
@media (min-width: 41rem) {
  .woo__products__category__item {
    width: 25%;
  }
}
@media (min-width: 50rem) {
  .woo__products__category__item {
    width: 14.28%;
  }
}
.woo__products__category__thumbnail {
  margin: 0.5rem auto;
  padding: 1rem;
  width: 50%;
  border: 2px solid #d49319;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.woo__products__category__thumbnail:hover,
.woo__products__category__thumbnail.active {
  background-color: #c2c2c2;
  -webkit-box-shadow: 0 6px 9px #00000031;
          box-shadow: 0 6px 9px #00000031;
}
.woo__products__category__thumbnail:hover + .woo__products__category__title,
.woo__products__category__thumbnail.active + .woo__products__category__title {
  color: #d49319;
}
.woo__products__category__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}
.woo__products__category__title {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
}
.woo__products__title {
  font-weight: 700;
  font-size: 1.953125em;
  line-height: 1.2;
  /**
            * For better accessability while navigating
            * with keyboard tab-key [ ->| ]
            * when using SR class and hidden_ankor in headline
            */
}
.woo__products__title:focus-visible {
  outline: 2px dashed #d49319;
  outline-offset: 3px;
  border-radius: 2px;
}
h2.woo__products__title--archive {
  margin: 0.75rem 0;
  color: #2c353d;
  font-size: 1.25em;
}
.woo__products__desc {
  margin: 1rem 0;
}
.woo__products__desc--single {
  margin: 1rem 0;
}
.woo__products .price {
  font-size: 1.5625em !important;
  /* stylelint-disable-line */
  color: #d49319 !important;
  /* stylelint-disable-line */
}
@media (min-width: 50rem) {
  .woo__products .price {
    font-size: 2.44140625em !important;
    /* stylelint-disable-line */
  }
}
.woo__products__price--archive {
  font-size: 1.5625em;
  color: #d49319;
}
.woo__products .count {
  display: none;
}
.woo__products__variations {
  margin-top: 1rem;
  width: 100%;
}
.woo__products__variations__row {
  height: 3.5rem;
}
.woo__products__variations__label {
  display: inline-block;
  margin-right: 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
}
.woo__products__variations__label::after {
  content: ':';
}
td.woo__products__variations__value {
  line-height: 1em !important;
  /* stylelint-disable-line */
}
.woo__products__add_to_cart .woo__products__quantity-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
}
.woo__products__add_to_cart .woo__products__quantity-wrapper .quantity-edit {
  padding: 0.1rem 0.75rem 0.2rem;
  font-size: 1.25em;
  background-color: #c2c2c2;
  border: none;
  border-radius: 5px;
  color: #2c353d;
  cursor: pointer;
}
.woo__products__add_to_cart .woo__products__quantity-wrapper .quantity {
  margin-right: 0 !important;
  /* stylelint-disable-line */
}
.woo__products__add_to_cart .woo__products__quantity-wrapper .quantity input {
  width: 2.75rem;
  height: 2.5rem;
  margin: 0 0.25rem;
  text-align: center;
  border: 1px solid #c2c2c2;
  border-radius: 10px;
}
.woo__products__add_to_cart .woo__products__cart-button {
  margin-left: 0.5rem !important;
  /* stylelint-disable-line */
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 1ex 2.5ex;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background: #d49319;
  border: 2px solid #d49319;
  border-radius: 10px;
  -webkit-transition: background 0.2s, color 0.3s;
  transition: background 0.2s, color 0.3s;
  will-change: background, color;
  /* Barber Shop Style
    @stripe-size: 50px;
    &.is-loading {
        pointer-events: none;
        background-image:
            linear-gradient(
            -45deg,
            rgba( 255, 255, 255, .5 ) 25%,
            transparent 25%,
            transparent 50%,
            rgba( 255, 255, 255, .5 ) 50%,
            rgba( 255, 255, 255, .5 ) 75%,
            transparent 75%,
            transparent
        );
        background-size: @stripe-size @stripe-size;

        animation-fill-mode: both;
        animation: stripe 1.5s linear infinite;
    }
    @keyframes stripe {
        0% { background-position: 0 0; }
        100% { background-position: @stripe-size @stripe-size; }
    }
    /* */
  /* Spinner Style */
  /* */
}
@media (max-width: 32.99rem) {
  .woo__products__add_to_cart .woo__products__cart-button {
    min-width: none;
  }
}
@media (min-width: 33rem) {
  .woo__products__add_to_cart .woo__products__cart-button {
    min-width: 60%;
  }
}
@media (min-width: 41rem) {
  .woo__products__add_to_cart .woo__products__cart-button {
    min-width: none;
  }
}
@media (min-width: 64rem) {
  .woo__products__add_to_cart .woo__products__cart-button {
    min-width: 60%;
  }
}
.woo__products__add_to_cart .woo__products__cart-button .icon {
  margin-left: 1.5rem;
}
a.woo__products__add_to_cart .woo__products__cart-button:hover {
  color: #2c353d;
}
.woo__products__add_to_cart .woo__products__cart-button:hover,
.woo__products__add_to_cart .woo__products__cart-button:focus {
  background: transparent;
  border: 2px solid #2c353d;
  color: #2c353d;
}
a.woo__products__add_to_cart .woo__products__cart-button--fp,
a.woo__products__add_to_cart .woo__products__cart-button--page {
  padding: 1em 3em;
  border-radius: 0;
  color: #d49319;
  background: none;
  border: 2px solid #d49319;
  text-transform: uppercase;
  font-weight: 400;
  opacity: 0;
  -webkit-animation: button-up 0.75s ease-in 1s forwards;
          animation: button-up 0.75s ease-in 1s forwards;
  -webkit-transition: letter-spacing 0.2s;
  transition: letter-spacing 0.2s;
}
a.woo__products__add_to_cart .woo__products__cart-button--fp:hover,
a.woo__products__add_to_cart .woo__products__cart-button--page:hover,
a.woo__products__add_to_cart .woo__products__cart-button--fp:focus,
a.woo__products__add_to_cart .woo__products__cart-button--page:focus,
a.woo__products__add_to_cart .woo__products__cart-button--fp:focus-visible,
a.woo__products__add_to_cart .woo__products__cart-button--page:focus-visible {
  color: #d49319;
  border: 2px solid #d49319;
  letter-spacing: 0.09em;
}
a.woo__products__add_to_cart .woo__products__cart-button--page {
  margin-bottom: 2rem;
  color: #2c353d;
  border: 2px solid #2c353d;
}
@keyframes button-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.woo__products__add_to_cart .woo__products__cart-button.is-loading {
  color: transparent;
}
.woo__products__add_to_cart .woo__products__cart-button.is-loading:focus,
.woo__products__add_to_cart .woo__products__cart-button.is-loading:hover {
  color: transparent;
}
.woo__products__add_to_cart .woo__products__cart-button.is-loading:after {
  content: '';
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  height: 1em;
  width: 1em;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-top-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin-around 0.5s infinite linear;
          animation: spin-around 0.5s infinite linear;
}
@keyframes spin-around {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.woo__products__meta {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 2px solid #c2c2c2;
}
.woo__products__meta p + p {
  margin-top: 0.25rem;
}
ul.woo__products.woo__products__list {
  display: block;
  padding-top: 2rem;
}
@media (min-width: 50rem) {
  ul.woo__products.woo__products__list {
    padding: 3rem 0;
  }
}
.woo__products .woocommerce-loop-category__title {
  text-transform: uppercase;
  text-align: center;
  color: #2c353d;
}
.woo__products__cart--empty {
  text-align: center;
}
.woo__products__single {
  margin-top: 3rem;
  text-align: center;
}
.woo__products__related {
  margin-top: 5rem;
}
.woo__tabs {
  margin-top: 2.5rem;
}
.woo__tabs .panel.entry-content {
  margin-top: 2rem;
}
ul.woo__tabs__list {
  padding: 1rem 0;
  margin-left: 0;
  list-style: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.25em;
}
@media (min-width: 41rem) {
  ul.woo__tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border-bottom: 2px solid #c2c2c2;
    margin-bottom: 2.5rem;
  }
}
.woo__tabs__item {
  width: 100%;
  margin-bottom: 1rem;
  line-height: 1.2;
  border-bottom: 2px solid #c2c2c2;
}
.woo__tabs__item.active {
  border-bottom: 2px solid #2c353d;
}
.woo__tabs__item.active > a {
  font-weight: 700;
  color: #2c353d;
}
@media (min-width: 41rem) {
  .woo__tabs__item {
    width: auto;
    padding: 1rem;
    margin-bottom: 0;
    border-bottom: none;
    text-align: center;
  }
}
@media (min-width: 50rem) {
  .woo__tabs__item {
    padding: 1rem 2rem;
  }
}
@media (min-width: 41rem) {
  .woo__tabs__item--account {
    width: 20%;
    padding: 1rem 0.5rem;
    font-size: 1rem;
  }
}
@media (min-width: 60rem) {
  .woo__tabs__item--account {
    font-size: 1.25rem;
  }
}
.woo__tabs h2 {
  display: none;
}
.woo__header__nav {
  width: calc(50% - 2.5rem);
}
.woo__header__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.woo__header__nav__item {
  padding: 2rem 0 2rem 1rem;
}
@media (min-width: 33rem) {
  .woo__header__nav__item {
    padding-left: 2rem;
  }
}
.woo__header__nav__item:first-child {
  padding-left: 0;
}
.woo__header__link {
  position: relative;
  display: inline-block;
}
.woo__header__link:focus-visible {
  outline: 2px dashed #d49319;
  outline-offset: 3px;
  border-radius: 2px;
}
.woo__header__link--cart::after {
  content: attr(data-count);
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1rem;
  height: 1rem;
  padding-left: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.65em;
  color: #fff;
  border-radius: 50%;
  background-color: #d49319;
}
.woo__header__link .icon {
  height: 1.2em;
  width: 1.2em;
}
@media (min-width: 41rem) {
  .woo__header__link .icon {
    height: 1.5em;
    width: 1.5em;
  }
}
@media (min-width: 41rem) {
  .woo__gallery--with-images {
    width: calc(40% - 1.5rem) !important;
    /* stylelint-disable-line */
    margin: 1.5rem;
    margin-left: 0;
  }
}
@media (min-width: 50rem) {
  .woo__gallery--with-images {
    width: calc(50% - 1.5rem) !important;
    /* stylelint-disable-line */
  }
}
.woo__gallery__wrapper {
  position: relative;
}
.woo__gallery__image {
  display: block;
  width: 100%;
  height: auto;
}
.woo__gallery__item.gallery__item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  visibility: hidden;
}
.woo__gallery__item.gallery__item.active {
  position: relative;
  z-index: 2;
  opacity: 1;
  visibility: visible;
}
.woo__gallery__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.5rem -0.5rem;
}
.woo__gallery__nav__item {
  display: block;
  width: calc(25% - 1rem);
  height: auto;
  margin: 0.5rem;
  border: 1px solid #e0e1e4;
}
.woo__form label {
  text-transform: uppercase;
  overflow-wrap: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}
.woo__form .project-button {
  margin-top: 2rem;
}
.woo__form__edit-account em {
  font-size: 90%;
  color: rgba(44, 53, 61, 0.6);
}
.woo__form__edit-account legend {
  margin: 1rem 0;
  width: 100%;
  text-align: center;
  font-size: 1.25em;
  font-weight: 600;
}
input.woo__form__input,
.woo__form .form-row input.input-text,
.woo__form textarea.input-text {
  padding: 0.5em;
  width: 100%;
  font-weight: 600;
  font-size: 1rem;
  border: 2px solid #c9ced4;
  border-radius: 10px;
}
.woo__form p.form-row label.checkbox {
  display: inline-block !important;
  /* stylelint-disable-line */
  text-transform: none;
  margin-bottom: 2rem;
}
.woo__form .project-button {
  width: 100%;
}
.woo__form__register {
  border: none;
}
.woo__form #order_review_heading {
  /* stylelint-disable-line */
  color: #d49319;
}
@media (min-width: 41rem) {
  .woo__checkout__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 41rem) {
  .woo__checkout__wrapper .col-1 {
    width: calc(60% - 2rem);
    margin-right: 2rem;
  }
}
@media (min-width: 41rem) {
  .woo__checkout__wrapper .col-2 {
    width: 40%;
  }
}
.woo__checkout__shipping-fields {
  margin-top: 2rem;
}
.woo__coupon {
  margin: 1rem 0;
}
.woo__coupon__input {
  padding: 0.5ex;
  vertical-align: top !important;
  /* stylelint-disable-line */
}
@media (max-width: 40.99rem) {
  .woo__coupon__input {
    width: 100%;
  }
}
.woo__coupon__form .woocommerce-info {
  border-top: #d49319 3px solid;
}
.woo__coupon__form .woocommerce-info:before {
  color: #d49319;
}
.woo__coupon__form .woocommerce-info .showcoupon {
  font-weight: 700;
}
.woo__order__review {
  margin-top: 3rem;
}
.woo__pagination {
  margin: 3rem auto;
}
.woo__pagination .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.woo__pagination .page-numbers li {
  padding: 1ex;
  font-weight: 600;
}
.woo__pagination .page-numbers.current {
  outline: 2px solid #d49319;
  outline-offset: 1ex;
  border-radius: 1px;
}
.woocommerce-variation-availability p {
  margin-bottom: 1rem;
  color: #d49319;
}
.woocommerce.columns-4 {
  padding-top: 3rem;
  border-top: 2px solid #c2c2c2;
}
@media (min-width: 102rem) {
  .woocommerce.columns-4 {
    margin-top: 4rem;
  }
}
.woocommerce.columns-4 .woocommerce-result-count {
  text-transform: uppercase;
}
.article__content .columns-6 > .woo__products__list--archive,
.article__shop-teaser .columns-6 > .woo__products__list--archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.5rem !important;
  /* stylelint-disable-line */
}
.article__content .col-1,
.article__shop-teaser .col-1 {
  padding-bottom: 2rem;
  border-bottom: 1px solid #c2c2c2;
}
@media (min-width: 48rem) {
  .article__content .col-1,
  .article__shop-teaser .col-1 {
    border-bottom: none;
  }
}
.article__content .woocommerce-result-count,
.article__shop-teaser .woocommerce-result-count {
  font-weight: 600;
  font-size: 1.25rem;
}
.article__content .wc-proceed-to-checkout .checkout-button.wc-forward,
.article__shop-teaser .wc-proceed-to-checkout .checkout-button.wc-forward {
  width: 100%;
}
.article__content .wc-proceed-to-checkout .checkout-button.wc-forward:hover,
.article__shop-teaser .wc-proceed-to-checkout .checkout-button.wc-forward:hover {
  background-color: #2c353d;
}
select {
  padding: 0.5em;
  width: 100%;
  background-color: transparent;
  border: 2px solid #d49319;
  border-radius: 10px;
}
.content-area {
  margin-top: 9rem;
}
.edit {
  width: 100%;
  padding: 0.5ex 1ex;
  margin-bottom: 1rem;
  text-align: end;
  text-transform: uppercase;
  border-bottom: 1px solid #c2c2c2;
  color: rgba(44, 53, 61, 0.6);
  font-size: 90%;
}
.woocommerce a:focus-visible,
.woocommerce button:focus-visible {
  outline: 2px dashed #d49319;
  outline-offset: 3px;
  border-radius: 2px;
}
.woocommerce .woocommerce-order-details {
  overflow-wrap: break-word;
  -ms-hyphens: auto;
      hyphens: auto;
}
p.woocommerce-notice {
  margin-bottom: 1.5rem;
  background-color: #c2c2c2;
  padding: 0.5ex;
  border-radius: 0.8ex;
}
.woocommerce p.stock.in-stock {
  color: #d49319;
  margin-bottom: 1rem;
}
.woocommerce .wc-gzd-cart-item-name-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.woocommerce .button.alt.ppcp-dcc-order-button.wp-element-button {
  width: 100%;
  background-color: #d49319;
}
/*** blog ***/
/**
 * Blog relevant styles
 */
.blog .article__header--blog + .article {
  margin-top: 3rem;
}
/**
 * We extend the article module with blog relevant stuff
 */
.article {
  /* tags */
}
.article__meta {
  margin-bottom: 1ex;
  font-size: 0.7em;
  text-transform: uppercase;
}
.article__meta a {
  color: #c2c2c2;
}
.article__meta a:hover,
.article__meta a:focus {
  color: #d49319;
}
.article__meta > span {
  margin-right: 1em;
}
footer.article__meta {
  margin: 2em 0 0;
}
.article__categories {
  font-weight: 700;
}
.article__categories a {
  color: #334046;
}
.article__tags a {
  position: relative;
  display: inline-block;
  margin: 0 0.7em 0.5em;
  padding: 0.3em 0.6em 0.3em 1em;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  background-color: #888;
  border-radius: 0 2px 2px 0;
}
.article__tags a:focus,
.article__tags a:hover {
  color: #fff;
  background-color: #2c353d;
}
.article__tags a:before {
  content: '';
  position: absolute;
  left: -0.9ex;
  top: 0;
  height: 0;
  width: 0;
  border-top: 0.82em solid transparent;
  border-right: 1ex solid #888;
  border-bottom: 0.82em solid transparent;
}
.article__tags a:focus:before,
.article__tags a:hover:before {
  border-right-color: #2c353d;
}
.article__tags a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0.56em;
  height: 0.4em;
  width: 0.4em;
  background-color: #fff;
  border-radius: 50%;
}
/*
 * Post pagination
 */
.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  text-align: center;
}
.pager__wrap {
  text-align: center;
}
.pager__item {
  display: none;
  margin: 0 0.1em;
}
.pager a {
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  text-decoration: none;
  line-height: 2em;
  color: #2c353d;
  border-radius: 5px;
  border-radius: 0.3rem;
  background: #fff;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.pager a:focus,
.pager a:hover {
  color: #222;
  background: #dedede;
}
.pager__num {
  line-height: 1.8em;
  vertical-align: 0.05em;
}
.pager__button {
  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;
}
.pager__icon {
  display: block;
  position: relative;
  width: 2em;
  height: 2em;
}
.pager__icon::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5em;
  height: 0.5em;
  border: 0 solid #2c353d;
  border-right-width: 1px;
  border-bottom-width: 1px;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.pager__icon--first::before,
.pager__icon--last::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 0;
  height: 0.75em;
  border-left: 1px solid #2c353d;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.pager__icon--first::after,
.pager__icon--prev::after {
  -webkit-transform: translate(-30%, -50%) rotate(135deg);
          transform: translate(-30%, -50%) rotate(135deg);
}
.pager__icon--first::before,
.pager__icon--prev::before {
  left: 0.7em;
}
.pager__icon--last::after,
.pager__icon--next::after {
  -webkit-transform: translate(-70%, -50%) rotate(-45deg);
          transform: translate(-70%, -50%) rotate(-45deg);
}
.pager__icon--last::before,
.pager__icon--next::before {
  right: 0.7em;
}
.pager__item--active a {
  color: #fff;
  background: #2c353d;
}
.pager__item {
  display: inline;
}
.post-navigation {
  clear: both;
  margin-top: 3rem;
}
.post-navigation__links {
  border-top: 1px solid #c9ced4;
  border-bottom: 1px solid #c9ced4;
}
.post-navigation a {
  display: block;
  width: 100%;
  margin-bottom: -1px;
  padding: 1em 0;
  font-size: 0.9em;
  border-bottom: 1px solid #c9ced4;
}
.post-navigation__caption {
  display: block;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 2;
  text-transform: uppercase;
  color: #c2c2c2;
}
@media (min-width: 33rem) {
  .post-navigation a {
    float: left;
    width: 50%;
    border: none;
  }
  .post-navigation a[rel='next'] {
    float: right;
    text-align: right;
  }
}
/*** misc. modules ***/
.alert,
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors {
  padding: 1em;
  background: #1e2a4a;
  line-height: 1.2;
  color: #fff;
  border-radius: 5px;
  border-radius: 0.3rem;
  /* stylelint-disable */
  /* stylelint-enable */
}
.alert:empty {
  display: none;
}
.alert a {
  color: inherit;
}
.alert--success,
.alert.success,
.wpcf7-mail-sent-ok {
  color: #fff;
  background: #32b643;
}
.alert--warning,
.alert.warning {
  color: #fff;
  background: #e67e22;
}
.alert--error,
.alert.error,
.wpcf7-validation-errors {
  color: #fff;
  background: #c0392b;
}
.search__form {
  margin-top: 1rem;
}
.search__form,
.search__label {
  display: inline-block;
}
.search__field,
.search__submit {
  display: inline-block;
  padding: 0.8rem 1rem;
  line-height: 1rem;
}
.search__submit {
  margin-left: 1ex;
}
/*** shortcodes ***/
.attribution__flag {
  display: none;
}
.attribution__trigger {
  font-size: 0.8em;
}
.attribution__trigger:after {
  padding-left: 1ex;
  speak: none;
  content: '\25BE';
}
.attribution__content {
  height: 0;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  padding-top: 0.5em;
  -webkit-transform-origin: top;
          transform-origin: top;
  overflow: hidden;
  opacity: 0;
  font-size: 0.9em;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
}
.attribution__flag:checked ~ .attribution__trigger:after {
  content: '×';
}
.attribution__flag:checked ~ .attribution__content {
  height: auto;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
}
@media (min-width: 41rem) {
  .u-column {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 3em;
       -moz-column-gap: 3em;
            column-gap: 3em;
  }
  .content .u-column h2:first-child,
  .content .u-column h3:first-child,
  .content .u-column h4:first-child {
    margin-top: 0;
  }
}
.download a {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  border: 1px solid;
  border-radius: 5px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.download a:hover {
  color: #fff;
  border-color: #d49319;
  background: #d49319;
}
.extend__flag {
  display: none;
}
.extend__trigger {
  position: relative;
  display: block;
  padding: 1em;
  padding-right: 2.5em;
  background: #e9edf2;
}
.extend__trigger:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  speak: none;
  content: '\25BE';
}
.extend__content {
  height: 0;
  overflow: hidden;
  padding-left: 1em;
  padding-right: 1em;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  background: #fff;
  border: 1px solid #e9edf2;
  border-top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s, padding 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, padding 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, transform 0.2s, padding 0.2s;
  transition: opacity 0.2s, transform 0.2s, padding 0.2s, -webkit-transform 0.2s;
}
.extend__flag:checked ~ .extend__trigger:after {
  content: '×';
}
.extend__flag:checked ~ .extend__content {
  height: auto;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  opacity: 1;
  padding-top: 1em;
  padding-bottom: 1em;
  -webkit-transition: padding 0.1s;
  transition: padding 0.1s;
}
.map {
  height: 325px;
  margin-bottom: -25px;
}
.map__interactive {
  position: relative;
  overflow: hidden;
}
.map__fallback {
  position: absolute;
  overflow: hidden;
}
.map__fallback img {
  display: block;
  width: 100%;
  height: auto;
}
.map__wrap {
  position: relative;
}
.map__wrap .button {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media only screen and (min-width: 600px) {
  .map__fallback {
    width: 100%;
  }
}
.tipp {
  padding: 1em;
  border: 1px solid #2c353d;
}
.content .tipp h2:first-child,
.content .tipp h3:first-child,
.content .tipp h4:first-child {
  margin-top: 0;
}
.tipp--solid {
  color: #fff;
  background: #2c353d;
  border: 0;
}
.tipp--solid a {
  color: #fff;
}
.tipp--solid .text-link {
  text-shadow: 0.03em 0 #2c353d, -0.03em 0 #2c353d, 0 0.03em #2c353d, 0 -0.03em #2c353d, 0.06em 0 #2c353d, -0.06em 0 #2c353d, 0.09em 0 #2c353d, -0.09em 0 #2c353d, 0.12em 0 #2c353d, -0.12em 0 #2c353d, 0.15em 0 #2c353d, -0.15em 0 #2c353d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
  background-image: linear-gradient(to bottom, currentColor, currentColor);
  background-repeat: repeat-x;
  background-size: 0.06em 0.06em;
  background-position: 0 96%;
}
.tipp--solid h2,
.tipp--solid h3,
.tipp--solid h4 {
  color: currentColor;
}
/*** media ***/
.gallery {
  margin-top: 1em;
  margin-bottom: 4em;
}
.gallery__item {
  position: relative;
}
.gallery__item a {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.gallery__image {
  display: block;
  width: 100%;
  height: auto;
}
.gallery--default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 0 -0.5rem 4rem;
}
.content .gallery--default {
  margin: 0.5rem -0.5rem;
}
.gallery--default .gallery__overflow {
  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;
  font-size: 1.25em;
  font-weight: 700;
  color: #ffffff;
  background-color: rgba(44, 53, 61, 0.7);
}
.gallery--default .gallery__overflow a {
  color: #ffffff;
}
.gallery--default .gallery__overflow a:hover {
  color: #ffffff;
  text-decoration: underline;
}
@media (min-width: 41rem) {
  .gallery--default .gallery__overflow {
    position: absolute;
    right: 0;
    height: 100%;
  }
  .content .gallery--default .gallery__overflow {
    height: calc(100% - 1rem);
  }
}
.gallery--default .gallery__item,
.gallery--default .gallery__overflow {
  width: 50%;
}
.content .gallery--default .gallery__item,
.content .gallery--default .gallery__overflow {
  width: calc(50% - 1rem);
  margin: 0.5rem;
}
@media (min-width: 41rem) {
  .gallery--default .gallery__item,
  .gallery--default .gallery__overflow {
    width: 33.33%;
  }
  .content .gallery--default .gallery__item,
  .content .gallery--default .gallery__overflow {
    width: calc(33.33% - 1rem);
  }
}
/* list gallery with captions */
.gallery--list .gallery__item {
  display: table;
  width: 100%;
  margin: 1em 0;
}
.gallery--list .gallery__icon,
.gallery--list .gallery__caption {
  vertical-align: top;
  display: table-cell;
}
.gallery--list .gallery__icon {
  width: 60px;
}
.gallery--list .gallery__caption {
  padding-left: 1em;
  font-size: 0.9em;
}
@media (min-width: 25rem) {
  .gallery--list .gallery__icon {
    width: 150px;
  }
  .gallery--list .gallery__caption {
    vertical-align: middle;
    font-size: 1em;
  }
}
.gallery--column {
  text-align: center;
}
.gallery--column .gallery__item + .gallery__item {
  margin-top: 1em;
}
.gallery--column .gallery__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1ex;
  font-size: 0.8em;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}
.gallery--column[data-caption='true'] .gallery__item > a[title] {
  position: relative;
  display: block;
}
.gallery--column[data-caption='true'] .gallery__item > a[title]::after {
  content: attr(title);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1ex;
  font-size: 0.8em;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}
@media (min-width: 40rem) {
  .gallery--column {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    -webkit-column-gap: 1em;
       -moz-column-gap: 1em;
            column-gap: 1em;
  }
}
.LB {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.LB--hint {
  display: inline-block;
  position: relative;
  /* circle
        &::after {
            speak: none;
            content: '\2795';
            position: absolute;
            top: .5em;
            left: .5em;
            width: 1.5em;
            height: 1.5em;
            line-height: 1.5;
            text-align: center;
            color: #fff;
            background: @brand-color;
            border-radius: 50%;
        }
        /**/
  /**/
}
.LB--hint::after {
  speak: none;
  content: '+';
  position: absolute;
  top: 0;
  left: 0.1em;
  line-height: 1;
  font-size: 0.9em;
  color: #fff;
}
.LB--hint::before {
  speak: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.5em 1.5em 0 0;
  border-color: #2c353d transparent transparent;
}
/*** pages ***/
.archive__thumbnail {
  display: block;
}
.archive__thumbnail .wp-post-image,
.archive__thumbnail__img,
.archive__thumbnail__img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 100em) {
  .archive__thumbnail .wp-post-image,
  .archive__thumbnail__img,
  .archive__thumbnail__img img {
    max-width: 100%;
  }
}
.archive__header {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.archive__title {
  color: #d49319;
  font-weight: 700;
  font-size: 1.953125em;
}
@media (min-width: 50rem) {
  .archive__title {
    font-size: 2.44140625em;
  }
}
@media (min-width: 60rem) {
  .archive__title {
    font-size: 3.05175781em;
  }
}
.archive__title--search {
  margin-top: 10rem;
  text-align: center;
}
.archive__title q {
  color: #2c353d;
  font-weight: 700;
}
.search__needle {
  padding: 0.2rem;
  color: #d49319;
}
.e404-search {
  margin-top: 3em;
}
/*** plugins ***/
/* WP Contact Form 7
--------------------------------------------------- */
.wpcf7-form {
  margin-top: 1.5em;
}
.wpcf7-form input[type='submit'] {
  padding: 1ex 5ex;
}
.wpcf7-form input[type='submit']:hover,
.wpcf7-form input[type='submit']:focus,
.wpcf7-form input[type='submit']:focus-visible {
  color: #2c353d;
}
.wpcf7-not-valid {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #c0392b;
}
.wpcf7-not-valid-tip {
  display: block;
  padding: 1ex;
  font-size: 0.8em;
  color: #fff;
  background: #c0392b;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.wpcf7-response-output {
  margin-top: 1.5em;
}
input.wpcf7-form-control[type='file'] {
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
input.wpcf7-form-control[type='file']:focus-visible {
  border: 1px dashed #2c353d;
}
input.wpcf7-form-control[type='file']::file-selector-button {
  opacity: 0;
  width: 0;
  cursor: pointer;
}
.cf__fields,
.pager__fields,
.post-navigation__links__fields {
  margin-bottom: 1.5em;
}
.cf__field,
.cf__msg,
.pager__field,
.pager__msg,
.post-navigation__links__field,
.post-navigation__links__msg,
.cf__fields__field,
.cf__fields__msg,
.pager__fields__field,
.pager__fields__msg,
.post-navigation__links__fields__field,
.post-navigation__links__fields__msg {
  position: relative;
}
@media only screen and (min-width: 30em) {
  .cf__fields,
  .pager__fields,
  .post-navigation__links__fields,
  .cf__fields__fields,
  .pager__fields__fields,
  .post-navigation__links__fields__fields {
    margin-bottom: 0;
  }
  .cf__field,
  .pager__field,
  .post-navigation__links__field,
  .cf__fields__field,
  .pager__fields__field,
  .post-navigation__links__fields__field {
    float: left;
    width: 50%;
  }
  .cf__field:nth-child(even),
  .pager__field:nth-child(even),
  .post-navigation__links__field:nth-child(even),
  .cf__fields__field:nth-child(even),
  .pager__fields__field:nth-child(even),
  .post-navigation__links__fields__field:nth-child(even) {
    padding-right: 1em;
  }
  .cf__email,
  .pager__email,
  .post-navigation__links__email,
  .cf__fields__email,
  .pager__fields__email,
  .post-navigation__links__fields__email {
    width: 100%;
  }
  .cf__msg,
  .cf__submit,
  .pager__msg,
  .pager__submit,
  .post-navigation__links__msg,
  .post-navigation__links__submit,
  .cf__fields__msg,
  .cf__fields__submit,
  .pager__fields__msg,
  .pager__fields__submit,
  .post-navigation__links__fields__msg,
  .post-navigation__links__fields__submit {
    clear: left;
  }
}
@media only screen and (min-width: 50em) {
  .cf__fields,
  .pager__fields,
  .post-navigation__links__fields,
  .cf__fields__fields,
  .pager__fields__fields,
  .post-navigation__links__fields__fields {
    float: left;
    padding-right: 2em;
  }
  .cf__field,
  .pager__field,
  .post-navigation__links__field,
  .cf__fields__field,
  .pager__fields__field,
  .post-navigation__links__fields__field {
    float: none;
    width: 100%;
  }
  .cf__field:nth-child(even),
  .pager__field:nth-child(even),
  .post-navigation__links__field:nth-child(even),
  .cf__fields__field:nth-child(even),
  .pager__fields__field:nth-child(even),
  .post-navigation__links__fields__field:nth-child(even) {
    padding-right: 0;
  }
  .cf__msg,
  .pager__msg,
  .post-navigation__links__msg,
  .cf__fields__msg,
  .pager__fields__msg,
  .post-navigation__links__fields__msg {
    clear: none;
    overflow: hidden;
  }
  .cf__msg textarea,
  .pager__msg textarea,
  .post-navigation__links__msg textarea,
  .cf__fields__msg textarea,
  .pager__fields__msg textarea,
  .post-navigation__links__fields__msg textarea {
    height: 13.1em;
  }
}
/* --- the real ramabzamba shit --- */
.lightbox {
  position: fixed;
  z-index: 999;
}
.lightbox__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  text-decoration: none;
  visibility: hidden;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000', GradientType=1);
}
.lightbox__item:target {
  visibility: visible;
  pointer-events: auto;
}
.lightbox__item:target .lightbox__image {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}
.lightbox__item:target::after {
  content: attr(data-caption);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 3%;
  height: auto;
  text-align: center;
  color: #fff;
  z-index: 99;
}
.lightbox__item--next .lightbox__image {
  -webkit-transform: translateX(2em);
          transform: translateX(2em);
}
.lightbox__item--prev .lightbox__image {
  -webkit-transform: translateX(-2em);
          transform: translateX(-2em);
}
.lightbox__image {
  display: block;
  position: relative;
  max-width: 80%;
  width: auto;
  max-height: 80%;
  height: auto;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.7s;
  transition: opacity 0.5s, -webkit-transform 0.7s;
  transition: opacity 0.5s, transform 0.7s;
  transition: opacity 0.5s, transform 0.7s, -webkit-transform 0.7s;
  pointer-events: none;
  z-index: 88;
}
.lightbox__button {
  display: none;
  position: fixed;
  top: 50%;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 111;
}
.lightbox__button::after {
  content: '';
  position: absolute;
  top: 33%;
  width: 1em;
  height: 1em;
  border: 0 solid #fff;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.lightbox__button--prev {
  left: 3%;
}
.lightbox__button--prev::after {
  left: 38%;
  border-top-width: 2px;
  border-left-width: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.lightbox__button--next {
  right: 3%;
}
.lightbox__button--next::after {
  right: 38%;
  border-top-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.lightbox__pagination {
  display: none;
  position: fixed;
  top: 3%;
  left: 50%;
  font-size: 0.8em;
  color: #fff;
  z-index: 99;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lightbox__pagination__item {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0.2em;
  border: 1px solid #fff;
  border-radius: 50%;
}
.lightbox__pagination__item.aktiv {
  background-color: #fff;
}
.lightbox__image {
  display: inline !important;
  /* stylelint-disable-line */
  width: auto !important;
  /* stylelint-disable-line */
}
.lightbox .show {
  display: block;
}
@media (max-width: 30em) {
  .has-touch .lightbox__button.show {
    display: none;
  }
}
.gallery--slider {
  position: relative;
  overflow: hidden;
}
.gallery--slider .gallery {
  /* --- fade animations ---*/
}
.gallery--slider .gallery__item {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.gallery--slider .gallery__item--active {
  visibility: visible;
  position: relative;
}
.gallery--slider .gallery__item--hidePrevious,
.gallery--slider .gallery__item--hideNext {
  visibility: visible;
}
.gallery--slider .gallery__item--hidePrevious {
  -webkit-animation: wallopFadeHidePrev 1s both;
          animation: wallopFadeHidePrev 1s both;
}
.gallery--slider .gallery__item--hideNext {
  -webkit-animation: wallopFadeHideNext 1s both;
          animation: wallopFadeHideNext 1s both;
}
.gallery--slider .gallery__item--showPrevious,
.gallery--slider .gallery__item--showNext {
  visibility: hidden;
  opacity: 0;
  -webkit-animation: wallopFadeShow 0.5s both;
          animation: wallopFadeShow 0.5s both;
}
.gallery--slider .gallery__item--showPrevious {
  -webkit-transform: translateX(-3em);
          transform: translateX(-3em);
}
.gallery--slider .gallery__item--showNext {
  -webkit-transform: translateX(3em);
          transform: translateX(3em);
}
.gallery--slider .gallery__item--hidePrevious,
.gallery--slider .gallery__item--hideNext {
  z-index: 1;
}
.gallery--slider .gallery__item--showPrevious,
.gallery--slider .gallery__item--showNext {
  z-index: 2;
}
@-webkit-keyframes wallopFadeHideNext {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes wallopFadeHideNext {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes wallopFadeHidePrev {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes wallopFadeHidePrev {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes wallopFadeShow {
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes wallopFadeShow {
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.gallery--slider .gallery__controls {
  position: relative;
  width: 100%;
  height: 5rem;
  margin-top: 2rem;
}
@media (max-width: 40.99rem) {
  .gallery--slider .gallery__controls {
    position: relative;
    min-height: 4rem;
  }
}
.gallery--slider .gallery__controls__prev,
.gallery--slider .gallery__controls__next {
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.5rem;
  text-align: center;
  color: #ffffff;
  border: none;
  border-radius: 50%;
  background: #2c353d;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  will-change: box-shadow, background-color;
}
.gallery--slider .gallery__controls__prev:hover,
.gallery--slider .gallery__controls__next:hover {
  -webkit-animation: controls-button-hover 0.7s forwards;
          animation: controls-button-hover 0.7s forwards;
}
.gallery--slider .gallery__controls__prev {
  left: 0;
}
.gallery--slider .gallery__controls__next {
  right: 0;
}
.gallery--slider .gallery__controls__pagination {
  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;
}
@media (max-width: 40.99rem) {
  .gallery--slider .gallery__controls__pagination {
    min-height: 4rem;
  }
}
.gallery--slider .gallery__controls__pagination__item {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.5rem;
  background-color: #c2c2c2;
  border-radius: 50%;
  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 0 0 1px rgba(44, 53, 61, 0);
          box-shadow: 0 0 0 1px rgba(44, 53, 61, 0);
  -webkit-transition: -webkit-box-shadow 0.5s;
  transition: -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
  will-change: box-shadow;
  cursor: pointer;
}
.gallery--slider .gallery__controls__pagination__item.active {
  -webkit-box-shadow: 0 0 0 1px #2c353d;
          box-shadow: 0 0 0 1px #2c353d;
}
.md h4 {
  font-size: 1.25em;
  font-weight: 700;
}
.md table {
  width: 100%;
  margin-top: 1.5em;
  border: 1px solid #e9edf2;
}
.md td,
.md th {
  padding: 1ex;
  border-bottom: 1px solid #e9edf2;
}
.md th {
  background-color: #e9edf2;
}
.md li {
  position: relative;
  list-style: none;
}
.md li::before {
  content: '';
  display: block;
  position: absolute;
  top: calc(50% + 1px);
  left: -1em;
  width: 1ex;
  height: 1px;
  background-color: #c2c2c2;
}
.md pre {
  margin-top: 1.5em;
  color: #fff;
  border-radius: 0.3em;
  background-color: #c2c2c2;
}
/*** always last ***/
/**
 * TODO : Refactor https://uxdesign.cc/i-totally-forgot-about-print-style-sheets-f1e6604cfd6#.i4grmelwd
 */
/* debug */
@media print {
  /* */
  /* stylelint-disable declaration-no-important */
  /* stylelint-disable selector-list-comma-newline-after */
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    color: #00f !important;
    text-decoration: underline;
  }
  @page {
    margin: 0.5cm;
  }
  .main a:after {
    content: ' (' attr(href) ')';
    font-size: 0.9em;
  }
  .main a[rel='tag']:after,
  .main .wp-caption a:after {
    content: '';
  }
  abbr:after {
    content: ' (' attr(title) ')';
  }
  .ir a:after {
    content: '';
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  body {
    width: auto;
    font-size: 10pt !important;
  }
  .wrapper,
  .container,
  .content-wrap,
  .main,
  .footer__info,
  .content-area {
    margin: 0;
    max-width: 100%;
  }
  hr {
    clear: both;
    width: 100%;
    margin: 1em 0;
    border: 0;
    border-bottom: 1px solid #ccc;
  }
  blockquote {
    margin: 1.5em 0;
    padding: 1em;
    border: 0.2em solid #ccc;
    font-style: italic;
    font-size: 0.9em;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #000;
  }
  q {
    color: #444;
  }
  .gallery a::after {
    content: '';
  }
  .do-not-print,
  .header,
  .footer {
    display: none;
  }
  /* debug */
}
/* */
/*** a11y resources and tests ***/
/* make sure you moved them in a dependency section of bower.json */
/*
@import '../../libs/a11y.css/css/a11y-en.css';
@import '../../libs/lint-html-with-css/dist/lint.css';
*/
/*
protanopia
protanomaly
deuteranopia
deuteranomaly
tritanopia
tritanomaly
achromatopsia
achromatomaly

body {
    filter: url('../../libs/color-blindness-emulation/filters.svg#tritanopia');
}
/* */
/*# sourceMappingURL=main.css.map */