/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/styles.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
@import url(https://use.typekit.net/dtm8wtb.css);
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/styles.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Defaults
 */
/*!
	yeah-grid-utils


	@version	1.2.1
	@author		Yeah <https://github.com/yeah8000>
	@used		https://grid-utils.yeah.de
*/
/**
 * Defaults
 */
/**
  * Opinions
  */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/**
  * Mixins and functions
  */
/**
  * mobile-first media query at breakpoint
  * @param  {cssunit} $size	breakpoint in pixels or slug (see $breakpoints) or map of width/height
  * @param  {cssunit} $height breakpoint in pixels
  */
/**
  * mobile-last media query at breakpoint
  * @param  {cssunit} $size	breakpoint in pixels or slug (see $breakpoints) or map of width/height
  * @param  {cssunit} $height breakpoint in pixels
  */
/**
  * shorthand: set the gutter-width as value for a property
  */
/**
  * shorthand: set the outer-margin as value for a property
  */
/**
  * shorthand: set the gutter-width as value for a property
  */
/**
  * shorthand: get the value of a property at a certain size
  */
/**
  * Get breakpoint by name
  * @param  {string} $name
  */
/**
  * utility mixin for containers
  */
/**
  * utility mixin for fullwidth containers
  */
/**
  * utility mixin for containers
  */
/**
  * utility mixin for rows that ignore the outer-margin
  */
/**
  * utility mixin for getting grid vars as css variables
  */
/**
  * split a string by a seperator
  * thanks: https://stackoverflow.com/questions/32376461/how-to-split-a-string-into-two-lists-of-numbers-in-sass
  */
/**
  * utility mixin for declaring multiple properties for multiple breakpoints
  * @param  {list} $values	list of values for breakpoints (in $breakpoint)
  *
  * e.g.
  *
  * @include breakpoint-stepper((
  *         xs: #ff0000,
  *         md: #00ff00,
  *         lg: #0000ff
  *     ), color);
  * 
  */
/**
  *  Map multiple grid values to a property, modifier is optional
  *	e.g. map-grid-values('padding-left': ('outer-margin', 0.5));
  */
/**
  * 	init
  */
:root {
  --outer-margin: 20px;
  --gutter-width: 20px;
  --max-width: 600px;
}
@media only screen and (min-width: 768px) {
  :root {
    --outer-margin: 20px;
    --gutter-width: 20px;
    --max-width: 1400px;
  }
}
@media only screen and (min-width: 1024px) {
  :root {
    --outer-margin: 30px;
    --gutter-width: 30px;
    --max-width: 1400px;
  }
}
@media only screen and (min-width: 1200px) {
  :root {
    --outer-margin: 40px;
    --gutter-width: 40px;
    --max-width: 1400px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  :root {
    --outer-margin: 60px;
    --gutter-width: 40px;
    --max-width: 1500px;
  }
}

.container, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  max-width: 600px;
}
@media only screen and (min-width: 768px) {
  .container, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1024px) {
  .container, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1200px) {
  .container, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .container, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
    padding-right: 60px;
    padding-left: 60px;
    max-width: 1500px;
  }
}

.container-full {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1920px;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .container-full {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .container-full {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .container-full {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .container-full {
    padding-right: 60px;
    padding-left: 60px;
  }
}

.grid {
  width: 100%;
  display: grid;
}

.column-gap {
  column-gap: 20px;
}
@media only screen and (min-width: 768px) {
  .column-gap {
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .column-gap {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .column-gap {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .column-gap {
    column-gap: 40px;
  }
}

.row-gap {
  row-gap: 20px;
}
@media only screen and (min-width: 768px) {
  .row-gap {
    row-gap: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .row-gap {
    row-gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .row-gap {
    row-gap: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .row-gap {
    row-gap: 40px;
  }
}

.grid-full {
  width: auto;
  margin-right: -20px;
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .grid-full {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid-full {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media only screen and (min-width: 1200px) {
  .grid-full {
    margin-right: -40px;
    margin-left: -40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .grid-full {
    margin-right: -60px;
    margin-left: -60px;
  }
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/**
 * strip the unit from a pixel-value
 */
/**
 * convert px to rems
 */
:root {
  --color-text: #fff0dc;
  --color-background: #131c17;
  --color-primary: #e3c092;
  --color-secondary: #4b695d;
  --color-box: #303c37;
  --color-lines: #303c37;
}

/**
 * strip units from numbers
 * @param  {cssunit} $number the number in question
 * @return {number}         unitless representation
 */
/**
 * set font size and line height
 * @param  {number} $fs			font size in pixels
 * @param  {number} $lh: auto   line height in pixels
 */
/**
 * UTILITY MIXINS
 */
.align-center {
  text-align: center;
}

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

.nowrap {
  white-space: nowrap;
}

.img-wrapper {
  position: relative;
  background-color: transparent;
  padding-bottom: 100%;
  overflow: hidden;
  width: 100%;
  display: block;
}
.img-wrapper > img,
.img-wrapper > svg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.img-wrapper.img-wrapper-circle {
  border-radius: 9999px;
}
.img-wrapper.ratio1to1 {
  padding-bottom: 100%;
  height: 0;
}
.img-wrapper.ratio16to7 {
  padding-bottom: 43.75%;
  height: 0;
}
.img-wrapper.ratio2to1 {
  padding-bottom: 50%;
  height: 0;
}
.img-wrapper.ratio16to9 {
  padding-bottom: 56.25%;
  height: 0;
}
.img-wrapper.ratio16to10 {
  padding-bottom: 62.5%;
  height: 0;
}
.img-wrapper.ratio7to6 {
  padding-bottom: 85%;
  height: 0;
}
.img-wrapper.ratio4to3 {
  padding-bottom: 75%;
  height: 0;
}
.img-wrapper.ratio5to4 {
  padding-bottom: 60%;
  height: 0;
}
.img-wrapper.ratio4to5 {
  padding-bottom: 125%;
  height: 0;
}
.img-wrapper.ratioFix500 {
  padding-bottom: 500px;
  height: 0;
}
.img-wrapper.ratioFix300 {
  padding-bottom: 300px;
  height: 0;
}
.img-wrapper.ratioAuto {
  padding-bottom: 0px;
  height: auto;
}
.img-wrapper.ratioAuto > img {
  position: relative;
}
.img-wrapper.height100 {
  padding-bottom: 0px;
  height: 100%;
}
.img-wrapper.no-bg {
  background-color: transparent;
}
.img-wrapper.contain-img > img {
  object-fit: contain;
}
.img-wrapper.icon {
  padding-bottom: 0px;
  height: 100%;
}
.img-wrapper.icon > img {
  object-fit: contain;
}

.chevron-arrow-down,
.chevron-arrow-up,
.chevron-arrow-left,
.chevron-arrow-right {
  content: "";
  display: inline-block;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 12px;
  height: 12px;
}

.chevron-arrow-down {
  transform: rotate(45deg);
}

.chevron-arrow-left {
  transform: rotate(-225deg);
}

.chevron-arrow-right {
  transform: rotate(-45deg);
}

.arrow-link {
  display: inline-block;
}
.arrow-link svg {
  width: 1.3em;
  height: auto;
  margin-right: 0.2em;
  margin-top: -0.25em;
}
.arrow-link svg * {
  fill: #e3c092;
}
.page-yellow .arrow-link svg * {
  fill: #e3c092;
}
.arrow-link:hover {
  color: #fff;
}
.arrow-link:hover svg * {
  fill: #fff;
}

.whitebox {
  background-color: #fff;
  padding: 2rem;
}
.whitebox > *:not(.img-wrapper):first-child {
  margin-top: 0;
}
.whitebox > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .whitebox {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 479px) {
  .whitebox {
    padding: 1rem;
  }
}

a.whitebox,
a .whitebox {
  transition: transform 100ms ease;
  transform: scale(1);
  display: block;
}
a.whitebox:hover,
a .whitebox:hover {
  transform: scale(1.02);
}

.arrow-before {
  position: relative;
  font-weight: 900;
  padding-left: 1.1em;
}
.arrow-before:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.8em;
  height: 0.9em;
  -webkit-mask-image: url(../img/icon-arrow-l.svg);
          mask-image: url(../img/icon-arrow-l.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
  background-color: #e3c092;
  transition: background-color 0.2s;
}
.arrow-before:hover:before, .arrow-before:focus:before, .arrow-before:active:before {
  background-color: #4b695d;
}

.arrow-after {
  position: relative;
  font-weight: 900;
  padding-right: 1.1em;
}
.arrow-after:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.8em;
  height: 0.9em;
  -webkit-mask-image: url(../img/icon-arrow-r.svg);
          mask-image: url(../img/icon-arrow-r.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
  background-color: #e3c092;
  transition: background-color 0.2s;
}
.arrow-after:hover:after, .arrow-after:focus:after, .arrow-after:active:after {
  background-color: #4b695d;
}

.color-gold,
.color-primary {
  color: #e3c092;
}

.bold {
  font-weight: bold;
}

.margin-0 {
  margin: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

/**
 * Often changed
 */
body,
.p,
select {
  font-family: bicyclette, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #fff0dc;
  background-color: #131c17;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: grayscale;
}

h1:first-child,
.h1:first-child,
h2:first-child,
.h2:first-child,
h3:first-child,
.h3:first-child,
h4:first-child,
.h4:first-child,
body.single-post h2:first-child,
.teasers .teaser .teaser-text-headline:first-child,
.configurator-widget .configurator-widget-title:first-child,
blockquote:first-child,
h5:first-child,
.h5:first-child,
.customerslider .customer-slide-item .customer-slide-item-title:first-child,
h6:first-child,
.h6:first-child,
.arrow-link:first-child,
p:first-child,
.p:first-child,
select:first-child {
  margin-top: 0;
}
h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
body.single-post h2:last-child,
.teasers .teaser .teaser-text-headline:last-child,
.configurator-widget .configurator-widget-title:last-child,
blockquote:last-child,
h5:last-child,
.h5:last-child,
.customerslider .customer-slide-item .customer-slide-item-title:last-child,
h6:last-child,
.h6:last-child,
.arrow-link:last-child,
p:last-child,
.p:last-child,
select:last-child {
  margin-bottom: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
body.single-post h2,
.teasers .teaser .teaser-text-headline,
.configurator-widget .configurator-widget-title,
blockquote,
h5,
.h5,
.customerslider .customer-slide-item .customer-slide-item-title,
h6,
.h6,
.arrow-link {
  font-family: bicyclette, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 0.04em;
}

h1,
.h1 {
  font-size: 85px;
  font-size: 5.3125rem;
  line-height: 0.9647058824;
  font-weight: 800;
  margin-top: 1.5em;
  margin-bottom: 1.5rem;
}

h2,
.h2 {
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1.25;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2.89px;
  margin-top: 1.5em;
  margin-bottom: 0.75em;
  color: #e3c092;
}

h3,
.h3 {
  font-size: 55px;
  font-size: 3.4375rem;
  line-height: 1.2727272727;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2.67px;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

h4,
.h4,
body.single-post h2,
.teasers .teaser .teaser-text-headline,
.configurator-widget .configurator-widget-title,
blockquote {
  font-size: 45px;
  font-size: 2.8125rem;
  line-height: 1.2222222222;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2.17px;
  margin-top: 1.5em;
  margin-bottom: 1em;
}
h4.light,
.h4.light,
body.single-post h2.light,
.teasers .teaser .light.teaser-text-headline,
.configurator-widget .light.configurator-widget-title,
blockquote.light {
  font-size: 47px;
  font-size: 2.9375rem;
  line-height: 1;
  text-transform: none;
  font-weight: 100;
  letter-spacing: 2.27px;
  margin-bottom: 0.5em;
}

h5,
.h5,
.customerslider .customer-slide-item .customer-slide-item-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.0714285714;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-top: 1em;
  margin-bottom: 0.6em;
  color: #e3c092;
}

h6,
.h6,
.arrow-link {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.3571428571;
  font-weight: normal;
  text-transform: none;
  color: #e3c092;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

p,
.p,
select {
  margin-top: 1em;
  margin-bottom: 1em;
}

.no-margin {
  margin: 0;
}

main a {
  color: #e3c092;
  text-decoration: none;
  transition: color 0.2s;
}
main a:hover, main a:focus {
  color: #4b695d;
  text-decoration: none;
}
main a[disabled] {
  pointer-events: none;
}

hr {
  height: 0;
  border: none;
  border-bottom: 1px solid #fff0dc;
  margin: 1rem 0;
}

/**
 * Seldom changed
 */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[tabindex="-1"]:focus {
  outline: none !important;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0;
  margin-top: 2rem;
  font-weight: 200;
  color: #e3c092;
  text-transform: none;
}
blockquote cite {
  width: 100%;
  display: inline-block;
  font-weight: normal;
  text-align: right;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

small {
  display: block;
  line-height: 1.2;
  font-size: 0.65em;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

progress {
  vertical-align: baseline;
}

.titlestyle, .blog-subheader .blog-subheader-inner, .category-menu .category-nav ul li a, body.single-post .featured-posts .featured-posts-title {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #e3c092;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 999px) {
  .titlestyle, .blog-subheader .blog-subheader-inner, .category-menu .category-nav ul li a, body.single-post .featured-posts .featured-posts-title {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 499px) {
  .titlestyle, .blog-subheader .blog-subheader-inner, .category-menu .category-nav ul li a, body.single-post .featured-posts .featured-posts-title {
    font-size: 0.8rem;
  }
}

.headlinestyle, .post-tile .post-tile-text-headline, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline,
body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline {
  font-weight: 800;
  text-transform: none;
  font-size: 2.5rem;
  line-height: 1;
  color: #fff0dc;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 999px) {
  .headlinestyle, .post-tile .post-tile-text-headline, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 499px) {
  .headlinestyle, .post-tile .post-tile-text-headline, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline {
    font-size: 1.7rem;
  }
}

.title, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 768px) {
  .title, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    letter-spacing: 0.99px;
  }
}
@media only screen and (min-width: 1024px) {
  .title, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 1.22px;
  }
}
@media only screen and (min-width: 1200px) {
  .title, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1.44px;
  }
}
.title, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left {
  font-weight: 800;
  color: #e3c092;
  text-transform: uppercase;
}
.title:not(:last-child), .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left:not(:last-child) {
  margin-bottom: 0.5em;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  text-align: inherit;
  background-color: rgba(227, 192, 146, 0.3);
}

tr + tr {
  border-top: 1px solid #9b948d;
}
tr:nth-child(odd) {
  background-color: rgba(227, 192, 146, 0.05);
}

td,
th {
  padding: 0.5em 1em;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
  caption-side: bottom;
}

thead {
  font-weight: bold;
}

ol,
ul {
  margin-left: 0;
  padding-left: 0;
}
ol li,
ul li {
  margin-bottom: 0.5em;
}
ol li ul,
ol li ol,
ul li ul,
ul li ol {
  margin-left: 1em;
}

main ol,
main ul,
body#tinymce ol,
body#tinymce ul {
  margin-left: 0;
  padding-left: 0;
}
main ol li,
main ul li,
body#tinymce ol li,
body#tinymce ul li {
  margin-bottom: 0.3em;
}
main ol li ul,
main ol li ol,
main ul li ul,
main ul li ol,
body#tinymce ol li ul,
body#tinymce ol li ol,
body#tinymce ul li ul,
body#tinymce ul li ol {
  margin-left: 1em;
}
main ul,
body#tinymce ul {
  list-style: none;
}
main ul li,
body#tinymce ul li {
  padding-left: 0.5em;
  position: relative;
}
main ul li:before,
body#tinymce ul li:before {
  content: "•";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
main ol,
body#tinymce ol {
  counter-reset: li;
  list-style: none;
}
main ol li,
body#tinymce ol li {
  position: relative;
  padding-left: 1em;
}
main ol li:before,
body#tinymce ol li:before {
  content: counters(li, ".") ".";
  counter-increment: li;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
main ol li ol,
body#tinymce ol li ol {
  counter-reset: li;
  margin-left: 0;
  margin-top: 0.4em;
  margin-bottom: 0.8em;
}
main ol li ol li,
body#tinymce ol li ol li {
  padding-left: 2.2em;
}
main ol li ol li ol li,
body#tinymce ol li ol li ol li {
  padding-left: 3.4em;
}

body:not(#tinymce) ul.grid-2 {
  column-gap: 20px;
}
@media only screen and (min-width: 768px) {
  body:not(#tinymce) ul.grid-2 {
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body:not(#tinymce) ul.grid-2 {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body:not(#tinymce) ul.grid-2 {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body:not(#tinymce) ul.grid-2 {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 768px) {
  body:not(#tinymce) ul.grid-2 {
    row-gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  body:not(#tinymce) ul.grid-2 {
    row-gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  body:not(#tinymce) ul.grid-2 {
    row-gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  body:not(#tinymce) ul.grid-2 {
    row-gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  body:not(#tinymce) ul.grid-2 {
    row-gap: 40px;
  }
}
body:not(#tinymce) ul.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}
body:not(#tinymce) ul.grid-2 li {
  padding: 0;
}
body:not(#tinymce) ul.grid-2 li:before {
  content: "";
}
body:not(#tinymce) ul.grid-svg {
  display: grid;
}
@media only screen and (max-width: 767px) {
  body:not(#tinymce) ul.grid-svg {
    grid-template-columns: 1fr;
  }
}
body:not(#tinymce) ul.grid-svg {
  margin: 0;
}
body:not(#tinymce) ul.grid-svg li {
  display: grid;
  grid-template-columns: 46px 1fr;
  column-gap: 20px;
}
@media only screen and (min-width: 768px) {
  body:not(#tinymce) ul.grid-svg li {
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body:not(#tinymce) ul.grid-svg li {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body:not(#tinymce) ul.grid-svg li {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body:not(#tinymce) ul.grid-svg li {
    column-gap: 40px;
  }
}
body:not(#tinymce) ul.grid-svg li {
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  body:not(#tinymce) ul.grid-svg li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
    letter-spacing: 1.22px;
  }
}
@media only screen and (max-width: 1023px) {
  body:not(#tinymce) ul.grid-svg li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.125;
    letter-spacing: 0.77px;
  }
}
@media only screen and (min-width: 768px) {
  body:not(#tinymce) ul.grid-svg li {
    grid-template-columns: 1fr;
    grid-template-rows: calc(50px + 1em) 1fr;
    align-items: start;
  }
}
body:not(#tinymce) ul.grid-svg li svg {
  display: block;
  width: auto;
  height: 50px;
  fill: #131c17;
}
@media only screen and (min-width: 768px) {
  body:not(#tinymce) ul.grid-svg li svg {
    margin-bottom: 1em;
  }
}

ul[class^=checklist-],
body#tinymce ul[class^=checklist-] {
  --icon-color: #e3c092;
}
ul[class^=checklist-] li,
body#tinymce ul[class^=checklist-] li {
  border-bottom: 2px solid var(--color-lines);
  margin: 0;
  padding: 1.1em 1em 1em 0.5em;
  display: flex;
  align-items: center;
  gap: 1em;
  line-height: 1.2;
}
ul[class^=checklist-] li:before,
body#tinymce ul[class^=checklist-] li:before {
  content: "";
  position: relative;
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../img/icon-check.svg);
          mask-image: url(../img/icon-check.svg);
  background: var(--icon-color);
}
ul[class^=checklist-].checklist-green,
body#tinymce ul[class^=checklist-].checklist-green {
  --icon-color: #349971;
}

label {
  display: block;
  width: 100%;
}

textarea {
  display: block;
  width: 100%;
  font-family: bicyclette, sans-serif;
  color: #fff0dc;
  min-height: 150px;
  border-radius: 0;
  border: 0;
  border-bottom: 3px solid #e3c092;
  padding: 0 0.1em;
  margin: 0.1em 0;
  background-color: transparent;
  resize: none;
}
textarea:focus {
  border-color: #4b695d;
  outline: none;
}

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=file],
select,
select option {
  background-color: transparent;
  display: block;
  border: none;
  border-bottom: 2px solid #e3c092;
  border-radius: 0;
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  padding: 0 0.1em;
  margin: 0.1em 0;
  outline: none;
  color: #fff0dc;
  transition: border-color 0.3s;
}
input[type=color]:active, input[type=color]:focus,
input[type=date]:active,
input[type=date]:focus,
input[type=datetime]:active,
input[type=datetime]:focus,
input[type=datetime-local]:active,
input[type=datetime-local]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=month]:active,
input[type=month]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=text]:active,
input[type=text]:focus,
input[type=time]:active,
input[type=time]:focus,
input[type=url]:active,
input[type=url]:focus,
input[type=week]:active,
input[type=week]:focus,
input[type=file]:active,
input[type=file]:focus,
select:active,
select:focus,
select option:active,
select option:focus {
  border-color: #e3c092;
}
input[type=color]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=datetime-local]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=month]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=week]::-webkit-input-placeholder,
input[type=file]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select option::-webkit-input-placeholder {
  color: #636363;
  opacity: 0.5;
}
input[type=color]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=datetime-local]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=month]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=week]::-moz-placeholder,
input[type=file]::-moz-placeholder,
select::-moz-placeholder,
select option::-moz-placeholder {
  color: #636363;
  opacity: 0.5;
}
input[type=color]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=datetime-local]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=week]:-ms-input-placeholder,
input[type=file]:-ms-input-placeholder,
select:-ms-input-placeholder,
select option:-ms-input-placeholder {
  color: #636363;
  opacity: 0.5;
}
input[type=color]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=datetime-local]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=week]:-moz-placeholder,
input[type=file]:-moz-placeholder,
select:-moz-placeholder,
select option:-moz-placeholder {
  color: #636363;
  opacity: 0.5;
}

input[type=file] {
  padding-top: 0.5em;
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}
input[type=file] + .file {
  background-color: transparent;
  background-image: url(../img/icon-upload.svg);
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: right center;
  display: block;
  border-bottom: 2px solid #9b948d;
  border-radius: 0;
  width: 100%;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.8;
  padding: 0.5em 1em;
  min-height: 40px;
}
input[type=file] + .file > .wpcf7-error {
  font-size: 14px;
  font-weight: bold;
  color: #e3c092;
  position: absolute;
  top: -1.5em;
  right: 1em;
}
@media only screen and (min-width: 768px) {
  input[type=file] + .file > .wpcf7-error {
    font-size: 16px;
  }
}
input[type=file]:focus + .file {
  border-color: #e3c092;
}

input[type=radio], input[type=checkbox] {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  cursor: pointer;
}
input[type=radio] + span, input[type=checkbox] + span {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  position: relative;
  top: 0.1em;
  background-color: #131c17;
  border: 3px solid #e3c092;
  display: inline-block;
  cursor: pointer;
}
input[type=radio] + span:before, input[type=radio] + span:after, input[type=checkbox] + span:before, input[type=checkbox] + span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #e3c092;
  content: "";
  width: 6px;
  height: 10px;
  display: block;
  opacity: 0;
  transition: opacity 0.3s;
}
input[type=radio] + span:before, input[type=checkbox] + span:before {
  height: 15px;
  transform: translate(-9px, -2px) rotateZ(-45deg);
}
input[type=radio] + span:after, input[type=checkbox] + span:after {
  height: 20px;
  transform: translate(3px, -10px) rotateZ(45deg);
}
input[type=radio]:focus + span, input[type=checkbox]:focus + span {
  border-color: #fff0dc;
}
input[type=radio]:checked + span:after,
input[type=radio]:checked + span:before, input[type=checkbox]:checked + span:after,
input[type=checkbox]:checked + span:before {
  opacity: 1;
}
input[type=radio][disabled] + span, input[type=checkbox][disabled] + span {
  opacity: 0.33;
}
input[type=radio] + span {
  border-radius: 50%;
}
input[type=radio] + span:after {
  content: none;
  display: none;
  opacity: 0;
}
input[type=radio]:checked + span {
  background: radial-gradient(ellipse at center, #fff0dc 0%, #fff0dc 40%, transparent 45%, transparent 100%);
}

select {
  outline: none;
  appearance: none;
  background-image: url(../img/select-arrow.svg);
  background-size: 30px 30px;
  background-position: right 0.3em center;
  background-repeat: no-repeat;
  border: 2px solid #e3c092;
  padding: 0.4em 0.7em;
  white-space: normal;
  line-height: 1.2 !important;
}
select option {
  color: #000;
}

/* CF7 */
.wpcf7-hp {
  display: none;
}
.wpcf7 label {
  position: relative;
  margin: 0;
  margin: 2em 0 0;
}
.wpcf7 label:first-of-type {
  margin-top: 0;
}
.wpcf7 label.hidden {
  display: none;
}
.wpcf7 label.label-small {
  font-size: 1rem;
  font-weight: 700;
  color: #e3c092;
  margin-bottom: 0.4em;
}
.wpcf7 label textarea {
  min-height: 40px;
}
.wpcf7 label span.label {
  margin-left: 0.1em;
  padding-right: 21px;
  position: absolute;
  z-index: 1;
  top: 15px;
}
@media only screen and (min-width: 1024px) {
  .wpcf7 label span.label {
    top: 4px;
    font-size: 1.3rem;
  }
}
.wpcf7 label span.label {
  display: grid;
  width: 100%;
  color: #fff0dc;
  grid-template-columns: 1fr auto;
  align-items: end;
  opacity: 0.7;
  transition: all 0.3s;
}
.wpcf7 label span.label > span {
  display: none;
}
.wpcf7 label span.label > span.short, .wpcf7 label span.label > span.wpcf7-error {
  display: inline;
}
@media only screen and (min-width: 1440px) {
  .wpcf7 label span.label > span {
    display: inline;
  }
  .wpcf7 label span.label > span.short {
    display: none;
  }
}
.wpcf7 label span.label > .wpcf7-error {
  color: #e3c092;
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .wpcf7 label span.label > .wpcf7-error {
    font-size: 16px;
  }
}
.wpcf7 label span.label > .wpcf7-error {
  font-weight: bold;
  margin-left: 1em;
}
@media only screen and (min-width: 1024px) {
  .wpcf7 label input:focus + span.label, .wpcf7 label input:not(:placeholder-shown) + span.label,
  .wpcf7 label textarea:focus + span.label,
  .wpcf7 label textarea:not(:placeholder-shown) + span.label {
    margin-left: 0.25em;
  }
}
.wpcf7 label input:focus + span.label, .wpcf7 label input:not(:placeholder-shown) + span.label,
.wpcf7 label textarea:focus + span.label,
.wpcf7 label textarea:not(:placeholder-shown) + span.label {
  top: -1.1em;
  font-size: 1rem;
  font-weight: bold;
  color: #e3c092;
  opacity: 1;
}
.wpcf7 label input:focus + span.label > .wpcf7-error, .wpcf7 label input:not(:placeholder-shown) + span.label > .wpcf7-error,
.wpcf7 label textarea:focus + span.label > .wpcf7-error,
.wpcf7 label textarea:not(:placeholder-shown) + span.label > .wpcf7-error {
  font-size: 14px;
}
@media only screen and (min-width: 768px) {
  .wpcf7 label input:focus + span.label > .wpcf7-error, .wpcf7 label input:not(:placeholder-shown) + span.label > .wpcf7-error,
  .wpcf7 label textarea:focus + span.label > .wpcf7-error,
  .wpcf7 label textarea:not(:placeholder-shown) + span.label > .wpcf7-error {
    font-size: 16px;
  }
}
.wpcf7 label select:focus + span.label, .wpcf7 label select:not([value=""]):valid + span.label {
  top: -1.5em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  color: #9b948d;
  font-weight: bold;
}
.wpcf7 h4 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1666666667;
}
.wpcf7 .field-group {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
}
@media only screen and (min-width: 768px) {
  .wpcf7 .field-group {
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .wpcf7 .field-group {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .wpcf7 .field-group {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .wpcf7 .field-group {
    column-gap: 40px;
  }
}
.wpcf7 .field-group {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .wpcf7 .field-group {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .wpcf7 .field-group {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .wpcf7 .field-group {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .wpcf7 .field-group {
    margin-top: 40px;
  }
}
.wpcf7 .field-group:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .wpcf7 .field-group {
    grid-template-columns: 1fr 1fr;
  }
  .wpcf7 .field-group.fullwidth {
    grid-template-columns: 1fr;
  }
  .wpcf7 .field-group .fullwidth {
    grid-column: span 2;
  }
}
.wpcf7 .field-group h3 + p {
  margin-top: 0;
}
.wpcf7 #privacy,
.wpcf7 #newsletter {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 20px;
}
.wpcf7 #privacy .wpcf7-list-item,
.wpcf7 #newsletter .wpcf7-list-item {
  margin-left: 0;
}
.wpcf7 #privacy input + span > .wpcf7-error,
.wpcf7 #newsletter input + span > .wpcf7-error {
  display: none;
}
.wpcf7 #privacy span.privacy,
.wpcf7 #privacy span.newsletter,
.wpcf7 #privacy [data-name=privacy],
.wpcf7 #privacy [data-name=newsletter],
.wpcf7 #newsletter span.privacy,
.wpcf7 #newsletter span.newsletter,
.wpcf7 #newsletter [data-name=privacy],
.wpcf7 #newsletter [data-name=newsletter] {
  position: static;
}
.wpcf7 #privacy span.privacy + span,
.wpcf7 #privacy span.newsletter + span,
.wpcf7 #privacy [data-name=privacy] + span,
.wpcf7 #privacy [data-name=newsletter] + span,
.wpcf7 #newsletter span.privacy + span,
.wpcf7 #newsletter span.newsletter + span,
.wpcf7 #newsletter [data-name=privacy] + span,
.wpcf7 #newsletter [data-name=newsletter] + span {
  display: block;
  margin-top: 0.3em;
}
.wpcf7 #privacy span.privacy + span + span,
.wpcf7 #privacy span.newsletter + span + span,
.wpcf7 #privacy [data-name=privacy] + span + span,
.wpcf7 #privacy [data-name=newsletter] + span + span,
.wpcf7 #newsletter span.privacy + span + span,
.wpcf7 #newsletter span.newsletter + span + span,
.wpcf7 #newsletter [data-name=privacy] + span + span,
.wpcf7 #newsletter [data-name=newsletter] + span + span {
  grid-column: span 2;
  margin-top: 1em;
  display: block;
  line-height: 1.2;
  font-size: 0.75em;
}
.wpcf7 #privacy span.privacy > .wpcf7-not-valid-tip,
.wpcf7 #privacy span.newsletter > .wpcf7-not-valid-tip,
.wpcf7 #newsletter span.privacy > .wpcf7-not-valid-tip,
.wpcf7 #newsletter span.newsletter > .wpcf7-not-valid-tip {
  display: none;
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  margin: 3em 0 0;
  padding: 0.5em 1em;
}
@media only screen and (min-width: 768px) {
  .wpcf7 form .wpcf7-response-output,
  .wpcf7 form.invalid .wpcf7-response-output {
    margin: 2em 0 0;
  }
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  border: 3px solid #e3c092;
  line-height: 1.2;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: #4b695d;
}
.wpcf7 .wpcf7-submit {
  border: none;
  margin: 3em 0 0;
}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus {
  background-color: #4b695d;
}
.wpcf7 .wpcf7-chechboxes-group {
  display: grid;
  grid-auto-flow: row;
}
.wpcf7 .wpcf7-chechboxes-group > label {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  gap: 0.5em;
  margin: 0.5em 0;
}
.wpcf7 .wpcf7-chechboxes-group > label .wpcf7-list-item {
  margin: 0;
  max-height: 30px;
}
.wpcf7 .wpcf7-chechboxes-group > label .wpcf7-list-item-label {
  transform: scale(0.5);
  transform-origin: top left;
}

input,
button {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

.btn-bordered, .btn.btn, button,
input[type=submit],
input[type=button],
input[type=reset] {
  display: inline-grid;
  align-items: center;
  min-height: 50px;
  padding: 0 1.5em;
  margin-bottom: 0.5em;
}
.btn-bordered:last-child, .btn:last-child, button:last-child,
input[type=submit]:last-child,
input[type=button]:last-child,
input[type=reset]:last-child {
  margin-right: 0;
}
.btn-bordered, .btn.btn, button,
input[type=submit],
input[type=button],
input[type=reset] {
  color: #131c17;
  background-color: #e3c092;
  border: 2px solid #e3c092;
  border-radius: 25px;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 2.9411764706;
  font-family: bicyclette, sans-serif;
  font-weight: 800;
  line-height: 1.2 !important;
  letter-spacing: 1.48px;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none !important;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, color 0.2s;
}
.btn-bordered:hover, .btn:hover, button:hover,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover, .btn-bordered:active, .btn:active, button:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active, .btn-bordered:focus, .btn:focus, button:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus {
  background-color: #4b695d;
  border-color: #4b695d;
  color: #131c17;
}
.btn-bordered:disabled, .btn:disabled, button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled {
  opacity: 0.4;
  border-color: #9b948d;
  color: #9b948d;
  background-color: rgba(227, 192, 146, 0);
  cursor: default;
}
@media only screen and (max-width: 1023px) {
  .btn-bordered, .btn.btn, button,
  input[type=submit],
  input[type=button],
  input[type=reset] {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.8;
  }
}
@media only screen and (max-width: 767px) {
  .btn-bordered, .btn.btn, button,
  input[type=submit],
  input[type=button],
  input[type=reset] {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 2;
    min-height: 40px;
  }
}

.btn.btn-primary {
  background-color: #e3c092;
  border: 2px solid #e3c092;
  color: #fff;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  background-color: #4b695d;
  border-color: #4b695d;
}
.btn.btn-primary:disabled, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled:focus {
  opacity: 0.4;
  background-color: #9b948d;
  color: #131c17;
}
.btn.btn-secondary {
  background-color: rgba(227, 192, 146, 0);
  color: #e3c092;
  border: 2px solid #e3c092;
}
.btn.btn-secondary:hover, .btn.btn-secondary:active, .btn.btn-secondary:focus {
  color: #fff;
  background-color: #4b695d;
  border-color: #4b695d;
}
.btn.btn-secondary:disabled, .btn.btn-secondary:disabled:hover, .btn.btn-secondary:disabled:active, .btn.btn-secondary:disabled:focus {
  opacity: 0.4;
  background-color: #9b948d;
  color: #131c17;
}
.btn.btn-tertiary {
  background-color: #131c17;
  color: #fff0dc;
  border: 2px solid #131c17;
}
.btn.btn-tertiary:hover, .btn.btn-tertiary:active, .btn.btn-tertiary:focus {
  color: #fff;
  background-color: #4b695d;
  border-color: #4b695d;
}
.btn.btn-tertiary:disabled, .btn.btn-tertiary:disabled:hover, .btn.btn-tertiary:disabled:active, .btn.btn-tertiary:disabled:focus {
  opacity: 0.4;
  background-color: #9b948d;
  color: #131c17;
}

.btn:last-child(),
.mapboxgl-ctrl-group button {
  margin-bottom: 0;
}

.btn-bordered {
  color: #e3c092;
  background-color: transparent;
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}
@media only screen and (min-width: 768px) {
  img.alignleft,
  svg.alignleft {
    float: left;
    padding: 0 1em 0 0;
    max-width: 50%;
  }
  img.alignright,
  svg.alignright {
    float: right;
    padding: 0 0 0 1em;
    max-width: 50%;
  }
}

svg:not(:root) {
  overflow: hidden;
}

figure,
.wp-caption {
  display: table;
  padding: 0;
  margin: 0.3em auto 1em;
}
figure + p,
.wp-caption + p {
  margin-top: 0;
}
figure figcaption,
figure .wp-caption-dd,
.wp-caption figcaption,
.wp-caption .wp-caption-dd {
  display: table-caption;
  caption-side: bottom;
  padding: 0.5em;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.8;
  word-break: break-word;
}
figure ​img,
.wp-caption ​img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
figure.aligncenter,
.wp-caption.aligncenter {
  padding: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  figure,
  .wp-caption {
    margin-bottom: 0.3em;
  }
  figure.alignleft,
  .wp-caption.alignleft {
    float: left;
    padding: 0 0.6em 0 0;
    max-width: 50%;
    margin-right: 0.6em;
  }
  figure.alignleft figcaption,
  .wp-caption.alignleft figcaption {
    margin-right: 0.8em;
  }
  figure.alignright,
  .wp-caption.alignright {
    float: right;
    padding: 0 0 0 0.6em;
    max-width: 50%;
    margin-left: 0.6em;
  }
  figure.alignright figcaption,
  .wp-caption.alignright figcaption {
    margin-left: 0.8em;
  }
}

.iframe {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
}
.iframe .mce-object-iframe,
.iframe iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.iframe.at-md {
  display: none;
}
@media only screen and (min-width: 768px) {
  .iframe.at-md {
    display: block;
  }
}

.youtube {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 101%;
  height: 200vw;
  opacity: 0;
}
.youtube.loaded {
  opacity: 1;
}
.youtube-holder {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #303c37;
}
.youtube-holder:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0);
}
.youtube-holder:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(360deg);
  width: 25%;
  height: 25%;
  -webkit-mask-image: url("../img/icon-play.svg");
          mask-image: url("../img/icon-play.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #e3c092;
  opacity: 1;
  transition: opacity 0.2s;
  cursor: pointer;
}
.youtube-holder.playing:after  {
  opacity: 0;
}
.youtube-holder.at-md {
  display: none;
}
@media only screen and (min-width: 768px) {
  .youtube-holder.at-md {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .home .youtube-holder.at-md {
    display: none;
    height: 0;
    padding-top: 0;
  }
  .home .youtube-holder.at-md.playing {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 200vh;
    transform: translate(-50%, -50%);
    z-index: 9999999;
  }
}

button > iframe {
  opacity: 0;
  position: absolute;
  z-index: 1;
}

/**
wrap inside
	position: relative;
	overflow: hidden;
*/
.bgvideo {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: #000;
}
.bgvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bgvideo:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.hasBgvideo .bgvideo {
  display: block;
}

/**
wrap inside
	position: relative;
	overflow: hidden;
*/
.bgimage {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  z-index: 0;
  background-color: #000;
}
.bgimage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bgimage:after {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/**
	This is only loaded on the frontend to prevent variating font-sizes in the backend.
	because of that it is also desktop first
**/
:root,
body#tinymce {
  --body-font-size: 1.25rem;
}

@media only screen and (max-width: 1199px) {
  :root {
    --body-font-size: 1.25rem;
  }
}
@media only screen and (max-width: 1023px) {
  :root {
    --body-font-size: 1.125rem;
  }
}
@media only screen and (max-width: 767px) {
  :root {
    --body-font-size: 1rem;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  :root {
    --body-font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1199px) {
  body,
  .p,
  select {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  h2,
  .h2 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.2;
  }
  h4,
  .h4,
  body.single-post h2,
  .teasers .teaser .teaser-text-headline,
  .configurator-widget .configurator-widget-title,
  blockquote {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2222222222;
  }
  h5,
  .h5,
  .customerslider .customer-slide-item .customer-slide-item-title {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.3076923077;
  }
}
@media only screen and (max-width: 1023px) {
  body,
  .p,
  select {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
  body input,
  body textarea,
  .p input,
  select input,
  .p textarea,
  select textarea {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.8;
  }
  h1,
  .h1 {
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 1.1111111111;
    line-height: 1;
  }
  h2,
  .h2 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2666666667;
    letter-spacing: 1.45px;
  }
  h3,
  .h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
  h4,
  .h4,
  body.single-post h2,
  .teasers .teaser .teaser-text-headline,
  .configurator-widget .configurator-widget-title,
  blockquote {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.2;
  }
  h5,
  .h5,
  .customerslider .customer-slide-item .customer-slide-item-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
  h6,
  .h6,
  .arrow-link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}
@media only screen and (max-width: 767px) {
  body,
  .p,
  select {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
  body input,
  body textarea,
  .p input,
  select input,
  .p textarea,
  select textarea {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.8;
  }
  h1,
  .h1 {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.125;
    letter-spacing: 1.74px;
    line-height: 1;
  }
  h2,
  .h2 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
    letter-spacing: 1.45px;
  }
  h3,
  .h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.25;
    letter-spacing: 1.45px;
  }
  h4,
  .h4,
  body.single-post h2,
  .teasers .teaser .teaser-text-headline,
  .configurator-widget .configurator-widget-title,
  blockquote {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 0.9523809524;
  }
  h5,
  .h5,
  .customerslider .customer-slide-item .customer-slide-item-title {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 0.9523809524;
    letter-spacing: 0.6px;
  }
  h6,
  .h6,
  .arrow-link {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body,
  input,
  textarea,
  .p,
  select {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  h1,
  .h1 {
    font-size: 100px;
    font-size: 6.25rem;
    line-height: 0.85;
    letter-spacing: 2.35px;
    line-height: 1;
  }
}
.certificate {
  border: 3px solid #e3c092;
  margin: 160px 0 0;
}
@media only screen and (min-width: 1024px) {
  .certificate {
    margin: 110px 0;
  }
}
.certificate {
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .certificate {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .certificate {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .certificate {
    padding: 45px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .certificate {
    padding: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .certificate {
    padding: 60px;
  }
}
.certificate > li {
  padding-left: 35px;
  margin: 0 0 1em;
}
.certificate > li:first-child {
  padding: 0;
  text-align: center;
  margin: 2em 0 1.4em;
  padding-top: 60px;
}
@media only screen and (min-width: 1024px) {
  .certificate > li:first-child {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .certificate > li:first-child {
    padding-top: 25px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .certificate > li:first-child {
    padding-top: 37.5px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .certificate > li:first-child {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .certificate > li:first-child {
    padding-top: 50px;
  }
}
.certificate > li:first-child:before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  top: -195px;
}
@media only screen and (min-width: 1024px) {
  .certificate > li:first-child:before {
    top: -230px;
  }
}
.certificate > li:first-child:before {
  left: calc(50% - 110px);
  -webkit-mask-image: none;
          mask-image: none;
  -webkit-mask-size: unset;
          mask-size: unset;
  -webkit-mask-position: unset;
          mask-position: unset;
  -webkit-mask-repeat: unset;
          mask-repeat: unset;
  background-color: transparent;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.certificate > li:last-child {
  margin: 0 0 0.5em;
}
.certificate > li:before {
  content: "";
  top: 0;
}
@media only screen and (min-width: 1024px) {
  .certificate > li:before {
    top: 6px;
  }
}
.certificate > li:before {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../img/cert-list-marker.svg");
          mask-image: url("../img/cert-list-marker.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #4b695d;
}
.certificate.bronze > li:first-child:before {
  background-image: url("../img/cert-bronze.svg");
}
.certificate.silber > li:first-child:before {
  background-image: url("../img/cert-silber.svg");
}
.certificate.gold > li:first-child:before {
  background-image: url("../img/cert-gold.svg");
}
.certificate.platin > li:first-child:before {
  background-image: url("../img/cert-platin.svg");
}

.map {
  position: relative;
  border: 0;
  -webkit-mask-image: url("../img/map-germany.svg");
          mask-image: url("../img/map-germany.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff0dc;
  width: 100%;
  padding-bottom: 130%;
}
.map, .mapmarkers {
  margin: 0;
}
.map-slider {
  position: relative;
  height: 100%;
}
.map-slider-holder {
  position: relative;
  height: 100%;
  z-index: 1;
}
.map-slider .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
}
.map-slider .close:before, .map-slider .close:after {
  content: "";
  position: relative;
  top: 8px;
  display: block;
  width: 25px;
  height: 3px;
  background-color: #fff0dc;
}
.map-slider .close:before {
  transform: rotate(45deg);
}
.map-slider .close:after {
  top: 5px;
  transform: rotate(-45deg);
}
.map-slider .flickity-page-dots {
  display: none;
  position: static;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .map-slider .flickity-page-dots {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .map-slider .flickity-page-dots {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .map-slider .flickity-page-dots {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .map-slider .flickity-page-dots {
    margin-top: 20px;
  }
}
.map-slider .flickity-page-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
@media only screen and (min-width: 1024px) {
  .map-slider .flickity-page-dots li {
    width: 22px;
    height: 22px;
    border-radius: 11px;
  }
}
.map-slider .flickity-page-dots li {
  padding: 0;
  background-color: transparent;
  opacity: 1;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.map-slider .flickity-page-dots li.is-selected {
  border-color: #e3c092;
}
.map-slider .flickity-page-dots li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .map-slider .flickity-page-dots li:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.map-slider .flickity-page-dots li:before {
  padding: 0;
  background-color: #e3c092;
}
.map-slider .slider .flickity-viewport {
  display: grid;
  height: 100%;
}
.map-slider .slider .flickity-viewport .flickity-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.map-slider .slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-right: 3px;
}
@media only screen and (min-width: 1024px) {
  .map-slider .slider-slide {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .map-slider .slider-slide {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .map-slider .slider-slide {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .map-slider .slider-slide {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .map-slider .slider-slide {
    margin-right: 40px;
  }
}
.map-slider .slider-slide {
  display: grid;
  grid-template-rows: max-content;
}
.map-slider .slider-slide-header {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.map-slider .slider-slide-header img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
}
.map-slider .slider-slide-header h4 {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  margin: 0;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.map-slider .slider-slide-body {
  background-color: #e3c092;
  color: #131c17;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .map-slider .slider-slide-body {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .map-slider .slider-slide-body {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .map-slider .slider-slide-body {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .map-slider .slider-slide-body {
    padding: 40px;
  }
}
.map-slider .slider-slide-body .item {
  margin: 0.75em 0;
}
.map-slider .slider-slide-body .item .key {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 768px) {
  .map-slider .slider-slide-body .item .key {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    letter-spacing: 0.99px;
  }
}
@media only screen and (min-width: 1024px) {
  .map-slider .slider-slide-body .item .key {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    letter-spacing: 1.11px;
  }
}
@media only screen and (min-width: 1200px) {
  .map-slider .slider-slide-body .item .key {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.0909090909;
    letter-spacing: 1.22px;
  }
}
.map-slider .slider-slide-body .item .key {
  font-weight: 800;
  color: #fff0dc;
  text-transform: uppercase;
}
.map-slider .slider-slide-body .item .value {
  font-size: 16px;
  font-size: 1rem;
  line-height: 0.875;
  letter-spacing: 0.77px;
}
@media only screen and (min-width: 768px) {
  .map-slider .slider-slide-body .item .value {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 0.9;
    letter-spacing: 0.92px;
  }
}
@media only screen and (min-width: 1024px) {
  .map-slider .slider-slide-body .item .value {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.9166666667;
    letter-spacing: 1.07px;
  }
}
@media only screen and (min-width: 1200px) {
  .map-slider .slider-slide-body .item .value {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 0.9285714286;
    letter-spacing: 1.17px;
  }
}
.map-slider .slider-slide-body .item .value {
  font-weight: 400;
  color: #131c17;
}
.padding-small .mapmarkers, .padding-medium .mapmarkers {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
}
@media only screen and (min-width: 1024px) {
  .padding-small .mapmarkers {
    top: 60px;
    right: 60px;
    bottom: 60px;
    left: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .padding-small .mapmarkers {
    top: 60px;
    right: 60px;
    bottom: 60px;
    left: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .padding-medium .mapmarkers {
    top: 90px;
    right: 90px;
    bottom: 90px;
    left: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .padding-medium .mapmarkers {
    top: 90px;
    right: 90px;
    bottom: 90px;
    left: 90px;
  }
}
@media only screen and (min-width: 1024px) {
  .padding-large .mapmarkers {
    top: 120px;
    right: 120px;
    bottom: 120px;
    left: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .padding-large .mapmarkers {
    top: 120px;
    right: 120px;
    bottom: 120px;
    left: 120px;
  }
}
.map-location-marker {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 1024px) {
  .map-location-marker {
    width: 15px;
    height: 15px;
  }
}
.map-location-marker {
  transform: translate(-50%, -50%);
  transition: transform 0.2s;
  cursor: pointer;
  background-color: #4b695d;
  border-radius: 999px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
}
.map-location-marker svg {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
.map-location-marker svg path {
  position: relative;
  z-index: 0;
  transition: fill 0.2s;
}
.map-location-marker svg path.inactive {
  fill: #4b695dFF;
}
.map-location-marker svg path.logo {
  fill: #4b695d;
}
.map-location-marker svg path.active {
  fill: #4b695d00;
}
.map-location-marker:hover, .map-location-marker:focus {
  outline: 0;
  z-index: 1;
  transform: translate(-50%, -50%) scale(1.25);
}
.map-location-marker.active {
  outline: 0;
  z-index: 1;
  width: 50px;
  height: 50px;
}
.map-location-marker.active svg {
  display: block;
}
.map-location-marker.active svg path.inactive {
  fill: #4b695d00;
}
.map-location-marker.active svg path.logo {
  fill: #fff0dc;
}
.map-location-marker.active svg path.active {
  fill: #4b695dFF;
}

.rangeslider-wrapper {
  width: 100%;
  --color-rail: #e3c092;
  --color-knob: #fff0dc;
}
.theme-gold .rangeslider-wrapper {
  --color-rail: #fff0dc;
  --color-knob: #131c17;
}
.rangeslider-wrapper .rangeslider {
  -webkit-appearance: none;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background: var(--color-rail);
  outline: none;
  opacity: 1;
  transition: opacity 0.2s;
}
.rangeslider-wrapper .rangeslider::-webkit-slider-thumb {
  appearance: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: var(--color-knob);
  cursor: pointer;
}
.rangeslider-wrapper .rangeslider-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.rangeslider-wrapper .rangeslider-label .title, .rangeslider-wrapper .rangeslider-label .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .rangeslider-wrapper .rangeslider-label .configurator-data-table-col-inner-left {
  color: var(--color-rail);
}
.rangeslider-wrapper .rangeslider-label .title.title-lowercase, .rangeslider-wrapper .rangeslider-label .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .title-lowercase.configurator-data-table-col-inner-left, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .rangeslider-wrapper .rangeslider-label .title-lowercase.configurator-data-table-col-inner-left {
  text-transform: none;
}
.rangeslider-wrapper .rangeslider-label .output-squaremeters {
  color: var(--color-knob);
  font-weight: 200;
  font-size: 2.5em;
}

.header-message {
  width: 100%;
  background-color: #e3c092;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .header-message {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-message {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-message {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .header-message {
    padding-left: 60px;
  }
}
.header-message {
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .header-message {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-message {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-message {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .header-message {
    padding-right: 60px;
  }
}
.header-message {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.header-message-inner {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
  font-family: bicyclette, sans-serif;
  margin: 0 auto;
  position: relative;
  max-width: 900px;
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .header-message-inner {
    max-width: 1000px;
  }
}
.header-message-inner {
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .header-message-inner {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.8;
  }
}
.header-message-inner a {
  color: #fff;
  transition: opacity 0.3s;
}
.header-message-inner a:hover, .header-message-inner a:focus {
  color: inherit;
  opacity: 0.8;
  text-decoration: none;
}
.header-message-inner.text-dark {
  color: #fff0dc;
}
.header-message-inner.text-dark a {
  color: #fff0dc;
}

.footer {
  padding-top: 30px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .footer {
    padding-bottom: 40px;
  }
}
.footer a {
  color: #e3c092;
  text-decoration: none;
  transition: color 0.2s;
}
.footer a:hover, .footer a:focus, .footer a:active {
  color: #4b695d;
}
.footer a.cert, .footer a#top {
  transition: background-color 0.2s;
}
.footer a.cert:hover, .footer a.cert:focus, .footer a.cert:active, .footer a#top:hover, .footer a#top:focus, .footer a#top:active {
  background-color: #4b695d;
}
.footer a.cert-img {
  min-width: 0;
  transition: opacity 0.2s;
  background-color: transparent;
}
.footer a.cert-img img {
  height: 100%;
  width: auto;
}
.footer a.cert-img:hover, .footer a.cert-img:focus, .footer a.cert-img:active {
  background-color: transparent;
  opacity: 0.8;
}
.footer-logo svg {
  height: 25px;
}
@media only screen and (min-width: 768px) {
  .footer-logo svg {
    height: 30px;
  }
}
.footer-logo svg {
  fill: #e3c092;
}
@media only screen and (min-width: 768px) {
  .footer-social {
    grid-column: span 2;
  }
}
.footer-social {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .footer-social {
    justify-content: flex-end;
  }
}
.footer-social svg {
  height: 35px;
}
@media only screen and (min-width: 768px) {
  .footer-social svg {
    height: 40px;
  }
}
.footer-social svg {
  fill: #e3c092;
  transition: fill 0.2s;
}
.footer-social a {
  margin-left: 1em;
}
.footer-social a:first-child {
  margin: 0;
}
.footer-social a:hover svg, .footer-social a:focus svg, .footer-social a:active svg {
  fill: #4b695d;
}
.footer-cols {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .footer-cols {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-cols {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-cols {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .footer-cols {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-cols {
    grid-template-columns: 3fr 2fr 4fr;
  }
}
.footer-endline {
  display: flex;
  flex-flow: column;
  margin-top: 60px;
}
@media only screen and (min-width: 768px) {
  .footer-endline {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-endline {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-endline {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .footer-endline {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-endline {
    display: grid;
    grid-template-columns: 1fr auto;
  }
}
.footer-endline-certs {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  position: relative;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.footer-endline-certs .cert {
  display: block;
  min-width: 80px;
  height: 65px;
}
@media only screen and (min-width: 768px) {
  .footer-endline-certs .cert {
    min-width: 150px;
    height: 120px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-endline-certs .cert {
    min-width: 180px;
    height: 120px;
  }
}
.footer-endline-certs .cert {
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0;
          mask-position: 0;
  background-color: #e3c092;
}
.footer-endline-certs .cert:last-child {
  margin-right: 0;
}
.footer-endline-certs-intro {
  grid-column: span 2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .footer-endline-certs-intro {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-endline-certs-intro {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-endline-certs-intro {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .footer-endline-certs-intro {
    margin-bottom: 40px;
  }
}
.footer-endline-totop {
  order: -1;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .footer-endline-totop {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-endline-totop {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-endline-totop {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .footer-endline-totop {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .footer-endline-totop {
    order: unset;
    margin: 0;
    justify-self: end;
  }
}
.footer-endline-totop #top {
  display: block;
  width: 24px;
  height: 33px;
  margin-left: 10px;
}
@media only screen and (min-width: 768px) {
  .footer-endline-totop #top {
    width: 50px;
    height: 65px;
    margin-left: 0;
  }
}
.footer-endline-totop #top {
  -webkit-mask-image: url(../img/icon-arrow-ud.svg);
          mask-image: url(../img/icon-arrow-ud.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
  background-color: #e3c092;
}

main {
  display: grid;
  overflow: hidden;
}
main > section {
  display: grid;
}
main > .product {
  display: grid;
}

.grid .col {
  width: 100%;
}

.grid-one-col {
  justify-items: center;
}
.grid-one-col .col {
  max-width: 900px;
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .grid-one-col .col {
    max-width: 1000px;
  }
}

.grid-two-col {
  justify-items: center;
  grid-template-columns: 1fr;
}
.grid-two-col .col {
  max-width: 900px;
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .grid-two-col .col {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 1024px) {
  .grid-two-col {
    grid-template-columns: 1fr 1fr;
  }
  .grid-two-col .col:last-child {
    padding-top: 60px;
  }
}

.margin-top-small {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .margin-top-small {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .margin-top-small {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .margin-top-small {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .margin-top-small {
    margin-top: 40px;
  }
}

.margin-bottom-small {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .margin-bottom-small {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .margin-bottom-small {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .margin-bottom-small {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .margin-bottom-small {
    margin-bottom: 40px;
  }
}

.margin-top-large {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .margin-top-large {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .margin-top-large {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .margin-top-large {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .margin-top-large {
    margin-top: 80px;
  }
}

.margin-bottom-large, .pageheader.image-slider {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .margin-bottom-large, .pageheader.image-slider {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .margin-bottom-large, .pageheader.image-slider {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .margin-bottom-large, .pageheader.image-slider {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .margin-bottom-large, .pageheader.image-slider {
    margin-bottom: 80px;
  }
}

.gap-large .container .grid.column-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap,
.gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap,
body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap {
  column-gap: 50px;
}
@media only screen and (min-width: 768px) {
  .gap-large .container .grid.column-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap {
    column-gap: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .gap-large .container .grid.column-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap {
    column-gap: 75px;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-large .container .grid.column-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap {
    column-gap: 100px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .gap-large .container .grid.column-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.column-gap {
    column-gap: 100px;
  }
}
.gap-large .container .grid.row-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap,
.gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap,
body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap {
  row-gap: 50px;
}
@media only screen and (min-width: 768px) {
  .gap-large .container .grid.row-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap {
    row-gap: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .gap-large .container .grid.row-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap {
    row-gap: 75px;
  }
}
@media only screen and (min-width: 1200px) {
  .gap-large .container .grid.row-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap {
    row-gap: 100px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .gap-large .container .grid.row-gap, .gap-large body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap,
  .gap-large body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .gap-large .blog-main-tile-text .grid.row-gap {
    row-gap: 100px;
  }
}

html,
body {
  height: 100%;
  min-height: 100%;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.site {
  display: grid;
}

footer {
  align-self: end;
}

.mq-helper {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1;
}
@media only screen and (min-width: ) {
  .mq-helper {
    z-index: 2;
  }
}
@media only screen and (min-width: 480px) {
  .mq-helper {
    z-index: 3;
  }
}
@media only screen and (min-width: 768px) {
  .mq-helper {
    z-index: 4;
  }
}
@media only screen and (min-width: 1330px) {
  .mq-helper {
    z-index: 5;
  }
}
@media only screen and (min-width: 1024px) {
  .mq-helper {
    z-index: 6;
  }
}
@media only screen and (min-width: 1200px) {
  .mq-helper {
    z-index: 7;
  }
}

@media only screen and (min-width: 768px) {
  .until-md {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .until-lg {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .at-md {
    display: none !important;
  }
}

@media only screen and (max-width: 1023px) {
  .at-lg {
    display: none !important;
  }
}

.margin-top-xlarge {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) {
  .margin-top-xlarge {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .margin-top-xlarge {
    margin-top: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .margin-top-xlarge {
    margin-top: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .margin-top-xlarge {
    margin-top: 160px;
  }
}

.margin-bottom-xlarge, body.single-post main#main > .container, body.single-post body.blog .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text,
body.single-post body.archive .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text, body.blog section.blog-tiles,
body.archive section.blog-tiles {
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  .margin-bottom-xlarge, body.single-post main#main > .container, body.single-post body.blog .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text,
  body.single-post body.archive .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text, body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .margin-bottom-xlarge, body.single-post main#main > .container, body.single-post body.blog .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text,
  body.single-post body.archive .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text, body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .margin-bottom-xlarge, body.single-post main#main > .container, body.single-post body.blog .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text,
  body.single-post body.archive .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text, body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-bottom: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .margin-bottom-xlarge, body.single-post main#main > .container, body.single-post body.blog .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text,
  body.single-post body.archive .blog-main-tile .blog-main-tile-inner main#main > .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner body.single-post main#main > .blog-main-tile-text, body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-bottom: 160px;
  }
}

.padding-top-xlarge {
  padding-top: 80px;
}
@media only screen and (min-width: 768px) {
  .padding-top-xlarge {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .padding-top-xlarge {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .padding-top-xlarge {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .padding-top-xlarge {
    padding-top: 160px;
  }
}

.padding-bottom-xlarge {
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  .padding-bottom-xlarge {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .padding-bottom-xlarge {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .padding-bottom-xlarge {
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .padding-bottom-xlarge {
    padding-bottom: 160px;
  }
}

.pageheader {
  position: relative;
  max-height: 100vh;
}
.pageheader > .container-full {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.pageheader-image {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 300px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .pageheader-image {
    max-height: 100%;
    height: 0;
    padding-top: 56.25%;
  }
}
@media only screen and (min-width: 1920px) {
  .pageheader-image {
    padding-top: 0;
    height: 1080px;
  }
}
.pageheader-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 1920px) {
  .pageheader-image img {
    object-position: 50% 50% !important;
  }
}
.pageheader-image.overlay-1 {
  position: relative;
}
.pageheader-image.overlay-1:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0.6);
}
.pageheader-content {
  width: 100%;
}
.pageheader-content.fullwidth- {
  max-width: 1200px;
}
.pageheader-content {
  margin: 0 auto;
  position: relative;
  margin-top: -180px;
}
@media only screen and (min-width: 768px) {
  .pageheader-content {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
  }
}
.pageheader-content {
  z-index: 2;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .pageheader-content {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader-content {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader-content {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-content {
    padding-top: 40px;
  }
}
.pageheader-content {
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .pageheader-content {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader-content {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader-content {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-content {
    padding-bottom: 40px;
  }
}
.pageheader-content.align-center {
  text-align: center;
}
.pageheader-content.align-left {
  text-align: left;
}
.pageheader-content-subtitle {
  color: #e3c092;
  max-width: 350px;
}
@media only screen and (min-width: 768px) {
  .pageheader-content-subtitle {
    max-width: 650px;
  }
}
.pageheader-content-subtitle {
  margin-left: auto;
  margin-right: auto;
}
.pageheader-content button {
  width: 100%;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .pageheader-content button {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader-content button {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader-content button {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-content button {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .pageheader-content button {
    width: auto;
    justify-content: center;
  }
  .pageheader-content button:not(:first-of-type) {
    margin-top: 0;
  }
}
.pageheader-content button#open_video {
  overflow: hidden;
  position: relative;
}
.pageheader-content-backlink {
  position: relative;
  font-weight: 900;
}
@media only screen and (max-width: 1023px) {
  .pageheader-content-backlink {
    margin-left: 29px;
  }
}
.pageheader-content-backlink:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateX(-29px) translateY(-50%);
  width: 14px;
  height: 17px;
  -webkit-mask-image: url(../img/icon-arrow-l.svg);
          mask-image: url(../img/icon-arrow-l.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
  background-color: #e3c092;
  transition: background-color 0.2s;
}
.pageheader-content-backlink:hover:before, .pageheader-content-backlink:focus:before, .pageheader-content-backlink:active:before {
  background-color: #4b695d;
}
.pageheader-content-backlink + .pageheader-content-title {
  margin-top: 0.25em;
}
.pageheader.image- .pageheader-content {
  position: static;
  transform: none;
  margin: 100px 0 0px;
}
@media only screen and (min-width: 768px) {
  .pageheader.image- .pageheader-content {
    margin: 200px 0 0;
  }
}
.pageheader.image-slider .pageheader-content {
  padding-left: 20px;
  padding-right: 0;
  left: 0;
  transform: translateY(-240px);
}
@media only screen and (min-width: 768px) {
  .pageheader.image-slider .pageheader-content {
    transform: translateY(-50%);
  }
}
.pageheader.image-slider .pageheader-content {
  width: auto;
}
@media only screen and (min-width: 768px) {
  .pageheader.image-slider .pageheader-content {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader.image-slider .pageheader-content {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader.image-slider .pageheader-content {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .pageheader.image-slider .pageheader-content {
    padding-left: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .pageheader.image-slider .pageheader-content {
    padding-left: calc(60px + (100vw - 1500px) / 2);
  }
}
.pageheader.image-slider .pageheader-content,
.pageheader.image-slider .pageheader-content * {
  display: inline-block;
}
.pageheader.image-slider .pageheader-content > .container, .pageheader.image-slider body.blog .blog-main-tile .blog-main-tile-inner .pageheader-content > .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader.image-slider .pageheader-content > .blog-main-tile-text,
.pageheader.image-slider body.archive .blog-main-tile .blog-main-tile-inner .pageheader-content > .blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader.image-slider .pageheader-content > .blog-main-tile-text {
  display: inline-flex;
  flex-flow: column;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .pageheader.image-slider + * {
    margin-top: -75px;
  }
}
.pageheader-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pageheader-slider-holder {
  position: relative;
  width: 100%;
  height: 100vh;
  max-height: 350px;
}
@media only screen and (min-width: 768px) {
  .pageheader-slider-holder {
    max-height: 100%;
    height: 0;
    padding-top: 56.25%;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-slider-holder {
    padding-top: 0;
    height: 843px;
  }
}
.pageheader-slider .slide {
  position: relative;
  height: 100%;
  width: 100%;
}
.pageheader-slider .slide-img {
  position: relative;
  height: 100%;
  width: 100%;
}
.pageheader-slider .slide-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pageheader-slider .slide-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0.6);
}
.pageheader-slider .slide-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  opacity: 0;
}
.pageheader-slider .slide-iframe.loaded {
  opacity: 1;
}
.pageheader-slider .slide-iframe-holder {
  position: relative;
  height: 100%;
  width: 100%;
}
.pageheader-slider .slide-iframe-holder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0.6);
}
.pageheader-slider .slide-description {
  grid-column: 2/3;
  position: relative;
  transform: translateY(-100%);
  width: 100%;
  background-color: rgba(48, 60, 55, 0.6);
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .pageheader-slider .slide-description {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader-slider .slide-description {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader-slider .slide-description {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-slider .slide-description {
    padding: 40px;
  }
}
.pageheader-slider .slide-description {
  color: #e3c092;
}
@media only screen and (max-width: 767px) {
  .pageheader-slider .container, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text {
    padding: 0;
    margin: 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .pageheader-slider .container, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text {
    display: grid;
    grid-template-columns: 7fr 5fr;
    column-gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .pageheader-slider .container, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text {
    column-gap: 50px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .pageheader-slider .container, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text {
    column-gap: 75px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .pageheader-slider .container, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text {
    column-gap: 100px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-slider .container, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text {
    column-gap: 100px;
  }
}
.pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
  grid-column: 2/3;
  position: static;
  width: 100%;
  background-color: #303c37;
  padding-left: 18px;
}
@media only screen and (min-width: 768px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-left: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-left: 27px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-left: 36px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-left: 36px;
  }
}
.pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
  padding-right: 18px;
}
@media only screen and (min-width: 768px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-right: 18px;
  }
}
@media only screen and (min-width: 1024px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-right: 27px;
  }
}
@media only screen and (min-width: 1200px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-right: 36px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    padding-right: 36px;
  }
}
.pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
  text-align: center;
  justify-content: center;
  height: 46px;
}
@media only screen and (min-width: 768px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    height: 60px;
    text-align: left;
    justify-content: start;
  }
}
.pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 16px;
  column-gap: 10px;
}
@media only screen and (min-width: 768px) {
  .pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
    grid-auto-columns: 22px;
  }
}
.pageheader-slider .container .flickity-page-dots, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots {
  align-items: center;
}
.pageheader-slider .container .flickity-page-dots li, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 8px;
}
@media only screen and (min-width: 1024px) {
  .pageheader-slider .container .flickity-page-dots li, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li {
    width: 22px;
    height: 22px;
    border-radius: 11px;
  }
}
.pageheader-slider .container .flickity-page-dots li, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li {
  padding: 0;
  background-color: transparent;
  opacity: 1;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.pageheader-slider .container .flickity-page-dots li.is-selected, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li.is-selected, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li.is-selected,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li.is-selected,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li.is-selected {
  border-color: #e3c092;
}
.pageheader-slider .container .flickity-page-dots li:before, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li:before, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li:before,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li:before,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .pageheader-slider .container .flickity-page-dots li:before, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li:before, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li:before,
  .pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li:before,
  body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.pageheader-slider .container .flickity-page-dots li:before, .pageheader-slider body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li:before, body.blog .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li:before,
.pageheader-slider body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .flickity-page-dots li:before,
body.archive .blog-main-tile .blog-main-tile-inner .pageheader-slider .blog-main-tile-text .flickity-page-dots li:before {
  padding: 0;
  background-color: #e3c092;
}

.page-template-template-configurator .pageheader-image {
  padding-top: 0 !important;
  height: 800px !important;
}
.page-template-template-configurator .configurator-data-table-inner {
  display: grid;
  column-gap: 2em;
}
.page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col {
  padding: 1.1em 0em 1em 0em;
  color: #e3c092;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:nth-child(3), .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:nth-child(4) {
    grid-column: 1/span 2;
  }
}
.page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:not(:last-child) {
  border-bottom: 2px solid var(--color-lines);
}
.page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:nth-child(3) {
  border-bottom: 2px solid #e3c092;
}
.page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child {
  align-items: baseline;
}
.page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-right .output-cost {
  font-size: 2.5em;
  font-weight: 200;
  color: #fff0dc;
}

.configurator-regions .twocolumn .container .grid, .configurator-regions .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .configurator-regions .twocolumn .blog-main-tile-text .grid,
.configurator-regions .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .configurator-regions .twocolumn .blog-main-tile-text .grid {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .configurator-regions .twocolumn .container .grid, .configurator-regions .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .configurator-regions .twocolumn .blog-main-tile-text .grid,
  .configurator-regions .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .configurator-regions .twocolumn .blog-main-tile-text .grid {
    grid-template-columns: 7fr 5fr;
  }
}
.configurator-regions-descriptions-slide {
  width: 100%;
}
.configurator-regions .region-select {
  font-size: 1.8em;
  padding: 0.4em 0.7em;
  font-weight: 200;
}
.configurator-regions-data-item .key {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-data-item .key {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    letter-spacing: 0.99px;
  }
}
@media only screen and (min-width: 1024px) {
  .configurator-regions-data-item .key {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 1.22px;
  }
}
@media only screen and (min-width: 1200px) {
  .configurator-regions-data-item .key {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1.44px;
  }
}
.configurator-regions-data-item .key {
  font-weight: 800;
  color: #e3c092;
  text-transform: uppercase;
}
.configurator-regions-data-item .value {
  margin-top: 10px;
  color: #fff0dc;
}
.configurator-regions-data-item .value.focus {
  background-color: #303c37;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-data-item .value.focus {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .configurator-regions-data-item .value.focus {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .configurator-regions-data-item .value.focus {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .configurator-regions-data-item .value.focus {
    padding: 40px;
  }
}
.configurator-regions-data-item .value.focus {
  display: block;
}
.configurator-regions-data-item .value.textlarge {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  letter-spacing: 1.77px;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-data-item .value.textlarge {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: 1.92px;
  }
}
@media only screen and (min-width: 1024px) {
  .configurator-regions-data-item .value.textlarge {
    font-size: 47px;
    font-size: 2.9375rem;
    line-height: 1;
    letter-spacing: 2.27px;
  }
}
@media only screen and (min-width: 1200px) {
  .configurator-regions-data-item .value.textlarge {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1;
    letter-spacing: 2.44px;
  }
}
.configurator-regions-data-item .value.textlarge {
  font-weight: 100;
}
.configurator-regions-data-item .value.columns {
  display: grid;
  grid-auto-flow: column;
}
.configurator-regions-data-item .value.cert svg {
  width: 180px;
  height: 180px;
}
.configurator-regions-data-item .value .cert {
  display: block;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0;
          mask-position: 0;
  background-color: #e3c092;
  height: 130px;
}
.configurator-regions-map {
  margin: 0;
  position: relative;
}
.configurator-regions-map .map {
  margin: 0;
  background-color: #303c37;
}
.configurator-regions-map .mapmarkers {
  margin: 0;
}
.configurator-regions-map .mapmarkers-marker {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 1200px) {
  .configurator-regions-map .mapmarkers-marker {
    width: 60px;
    height: 60px;
  }
}
.configurator-regions-map .mapmarkers-marker {
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: transform 0.2s;
  cursor: pointer;
  background-color: #fff0dc;
  border-radius: 999px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
}
.configurator-regions-map .mapmarkers-marker svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.configurator-regions-map .mapmarkers-marker svg path {
  position: relative;
  z-index: 0;
  transition: fill 0.2s;
}
.configurator-regions-map .mapmarkers-marker svg path.inactive {
  fill: #4b695d00;
}
.configurator-regions-map .mapmarkers-marker svg path.logo {
  fill: #131c17;
}
.configurator-regions-map .mapmarkers-marker svg path.active {
  fill: #4b695d00;
}
.configurator-regions-map .mapmarkers-marker:hover, .configurator-regions-map .mapmarkers-marker:focus {
  outline: 0;
  z-index: 1;
  transform: translate(-50%, -50%) scale(1.25);
}
.configurator-regions-map .mapmarkers-marker.active {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .configurator-regions-map {
    display: none;
  }
}
.configurator-regions-slider {
  height: 0;
  padding-top: calc(60% + 100px);
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider {
    padding-top: calc(30% + 80px);
  }
}
.configurator-regions-slider {
  width: 100%;
  border-bottom: 2px solid #e3c092;
}
.configurator-regions-slider > .flickity-viewport {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100% !important;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder {
  height: 100%;
  width: 100%;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider {
  height: 100%;
  width: 100%;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport {
  overflow: unset;
  height: 0;
  padding-top: 60%;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport {
    padding-top: 30%;
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider {
  top: 0;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide {
    width: calc(50% - 25px);
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide {
  margin-right: 50px;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-img {
  height: 0;
  overflow: hidden;
  display: block;
  padding-bottom: 56.25%;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 200vw;
  opacity: 0;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe.loaded {
  opacity: 1;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #303c37;
  padding-bottom: 56.25%;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0);
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(360deg);
  width: 25%;
  height: 25%;
  -webkit-mask-image: url("../img/icon-play.svg");
          mask-image: url("../img/icon-play.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #e3c092;
  opacity: 1;
  transition: opacity 0.2s;
  cursor: pointer;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder.playing:after  {
  opacity: 0;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide > .ywpp-content-blocker.unblocked {
  height: 100%;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide > .ywpp-content-blocker.unblocked .slide-iframe-holder {
  position: absolute;
  top: 0;
  left: 0;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-title,
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots {
  display: grid;
  align-items: center;
  width: 100%;
  height: 46px;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-title,
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots {
    display: inline-grid;
    width: 50%;
    height: 80px;
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-title {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-title {
    justify-content: start;
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-title {
  font-weight: 900;
  color: #e3c092;
  text-transform: uppercase;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots {
  position: static;
  grid-auto-flow: column;
  grid-auto-columns: 16px;
  column-gap: 10px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots {
    justify-content: end;
  }
}
@media only screen and (min-width: 768px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots {
    grid-auto-columns: 22px;
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 8px;
}
@media only screen and (min-width: 1024px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li {
    width: 22px;
    height: 22px;
    border-radius: 11px;
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li {
  padding: 0;
  background-color: transparent;
  opacity: 1;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li.is-selected {
  border-color: #e3c092;
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.configurator-regions-slider .configurator-regions-projekt-slider-holder .configurator-regions-projekt-slider .flickity-page-dots li:before {
  padding: 0;
  background-color: #e3c092;
}

.configurator-widget {
  --color-background: #e3c092;
  --color-title: #131c17;
  --color-lines: #fff0dc;
  --color-text: #131c17;
  --color-btn: #131c17;
  --color-btn-text: #e3c092;
  --color-mapmarker: #131c17;
  --color-mapmarker-logo: #fff0dc;
  --padding: 5%;
}
.configurator-widget.theme-transparent {
  --color-background: transparent;
  --color-title: #e3c092;
  --color-lines: #e3c092;
  --color-text: #fff0dc;
  --color-btn: #e3c092;
  --color-btn-text: #131c17;
  --padding: 0;
}
.configurator-widget {
  background-color: var(--color-background);
  padding: var(--padding);
}
.configurator-widget .configurator-widget-title {
  color: var(--color-title);
  line-height: 1.1;
  margin-bottom: 1rem;
}
.configurator-widget .configurator-widget-body {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
  align-items: center;
}
@media only screen and (max-width: 469px) {
  .configurator-widget .configurator-widget-body {
    grid-template-columns: 1fr;
  }
}
.configurator-widget .configurator-widget-body .configurator-widget-body-left {
  max-width: 600px;
}
.configurator-widget .configurator-widget-body .configurator-widget-body-right {
  max-width: 300px;
}
@media only screen and (max-width: 469px) {
  .configurator-widget .configurator-widget-body .configurator-widget-body-right {
    display: none;
  }
}
.configurator-widget .title, .configurator-widget .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-data-table-col-inner-left, .page-template-template-configurator .configurator-data-table-inner .configurator-data-table-col:last-child .configurator-widget .configurator-data-table-col-inner-left {
  font-size: 1rem;
  color: var(--color-lines);
}
.configurator-widget select {
  color: var(--color-text);
  background-image: url(../img/select-arrow-bright.svg);
  background-size: 30px 30px;
  background-position: right 0.3em center;
  background-repeat: no-repeat;
  border-color: var(--color-lines);
  margin-top: 0.5rem;
}
.configurator-widget .rangeslider-wrapper {
  margin-top: 2rem;
}
.configurator-widget .rangeslider-wrapper .rangeslider::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
}
.configurator-widget .rangeslider-wrapper .rangeslider-label .output-squaremeters {
  font-weight: normal;
  font-size: 1.5rem;
}
.configurator-widget .configurator-regions-map .map {
  background-color: var(--color-lines);
}
.configurator-widget .configurator-regions-map .mapmarkers-marker {
  width: 30px;
  height: 30px;
  background-color: var(--color-mapmarker);
}
.configurator-widget .configurator-regions-map .mapmarkers-marker svg path.logo {
  fill: var(--color-mapmarker-logo);
}
.configurator-widget .configurator-widget-footer {
  text-align: center;
  margin-top: 2rem;
}
.configurator-widget .configurator-widget-footer .btn {
  background-color: var(--color-btn);
  border-color: var(--color-btn);
  color: var(--color-btn-text);
}

.single-kunde nav.main-nav .main-nav-holder ul.menu > li > a {
  color: #e3c092;
}
@media only screen and (min-width: 1330px) {
  .single-kunde nav.main-nav .main-nav-holder ul.menu > li > a:hover, .single-kunde nav.main-nav .main-nav-holder ul.menu > li > a:active {
    color: #4b695d;
  }
}
.single-kunde nav.main-nav .main-nav-holder ul.menu > li > a:after {
  border-color: #e3c092;
}
.single-kunde nav.main-nav .nav-logo {
  background-color: #e3c092;
}
.single-kunde nav.main-nav .nav-logo:hover, .single-kunde nav.main-nav .nav-logo:focus, .single-kunde nav.main-nav .nav-logo:active {
  background-color: #4b695d;
}
.single-kunde-data.twocolumn .container .grid, .single-kunde-data.twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .single-kunde-data.twocolumn .blog-main-tile-text .grid,
.single-kunde-data.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .single-kunde-data.twocolumn .blog-main-tile-text .grid {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .single-kunde-data.twocolumn .container .grid, .single-kunde-data.twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .single-kunde-data.twocolumn .blog-main-tile-text .grid,
  .single-kunde-data.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .single-kunde-data.twocolumn .blog-main-tile-text .grid {
    grid-template-columns: 7fr 5fr;
  }
}
.single-kunde-data-item {
  display: inline-block;
  width: 100%;
}
.single-kunde-data-item .key {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 768px) {
  .single-kunde-data-item .key {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    letter-spacing: 0.99px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-kunde-data-item .key {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 1.22px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-kunde-data-item .key {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1.44px;
  }
}
.single-kunde-data-item .key {
  font-weight: 800;
  color: #e3c092;
  text-transform: uppercase;
}
.single-kunde-data-item .value {
  margin-top: 10px;
  color: #fff0dc;
}
.single-kunde-data-item .value.focus {
  background-color: #303c37;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .single-kunde-data-item .value.focus {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-kunde-data-item .value.focus {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-kunde-data-item .value.focus {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .single-kunde-data-item .value.focus {
    padding: 40px;
  }
}
.single-kunde-data-item .value.focus {
  display: block;
}
.single-kunde-data-item .value.textlarge {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  letter-spacing: 1.77px;
}
@media only screen and (min-width: 768px) {
  .single-kunde-data-item .value.textlarge {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: 1.92px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-kunde-data-item .value.textlarge {
    font-size: 47px;
    font-size: 2.9375rem;
    line-height: 1;
    letter-spacing: 2.27px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-kunde-data-item .value.textlarge {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1;
    letter-spacing: 2.44px;
  }
}
.single-kunde-data-item .value.textlarge {
  font-weight: 100;
}
.single-kunde-data-item .value.columns {
  display: flex;
  flex-flow: row;
}
.single-kunde-data-item .value.columns svg {
  width: auto;
  height: 80px;
  margin: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .single-kunde-data-item .value.columns svg {
    height: 110px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-kunde-data-item .value.columns svg {
    height: 130px;
  }
}
.single-kunde-data-item .value.columns svg {
  fill: #e3c092;
}
.single-kunde-data-item .value.columns svg:first-child {
  margin-left: 0;
}
.single-kunde-data-item .value.columns svg:last-child {
  margin-right: 0;
}
.single-kunde-data-item .value.cert svg {
  width: 180px;
  height: 180px;
}

.single-wald nav.main-nav .main-nav-holder ul.menu > li > a {
  color: #e3c092;
}
@media only screen and (min-width: 1330px) {
  .single-wald nav.main-nav .main-nav-holder ul.menu > li > a:hover, .single-wald nav.main-nav .main-nav-holder ul.menu > li > a:active {
    color: #4b695d;
  }
}
.single-wald nav.main-nav .main-nav-holder ul.menu > li > a:after {
  border-color: #e3c092;
}
.single-wald nav.main-nav .nav-logo {
  background-color: #e3c092;
}
.single-wald nav.main-nav .nav-logo:hover, .single-wald nav.main-nav .nav-logo:focus, .single-wald nav.main-nav .nav-logo:active {
  background-color: #4b695d;
}
.single-wald-header {
  margin-top: 50px;
  padding: 10px 0;
}
@media only screen and (min-width: 1024px) {
  .single-wald-header {
    margin-top: 100px;
    padding: 30px 0;
  }
}
.single-wald-data.twocolumn .container .grid, .single-wald-data.twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .single-wald-data.twocolumn .blog-main-tile-text .grid,
.single-wald-data.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .single-wald-data.twocolumn .blog-main-tile-text .grid {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .single-wald-data.twocolumn .container .grid, .single-wald-data.twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .single-wald-data.twocolumn .blog-main-tile-text .grid,
  .single-wald-data.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .single-wald-data.twocolumn .blog-main-tile-text .grid {
    grid-template-columns: 7fr 5fr;
  }
}
.single-wald-data-item {
  display: inline-block;
  width: 100%;
}
.single-wald-data-item .key {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 768px) {
  .single-wald-data-item .key {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    letter-spacing: 0.99px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-wald-data-item .key {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 1.22px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-wald-data-item .key {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1.44px;
  }
}
.single-wald-data-item .key {
  font-weight: 800;
  color: #e3c092;
  text-transform: uppercase;
}
.single-wald-data-item .value.focus {
  background-color: #303c37;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .single-wald-data-item .value.focus {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-wald-data-item .value.focus {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-wald-data-item .value.focus {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .single-wald-data-item .value.focus {
    padding: 40px;
  }
}
.single-wald-data-item .value.focus {
  display: block;
}
.single-wald-data-item .value.textlarge {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  letter-spacing: 1.77px;
}
@media only screen and (min-width: 768px) {
  .single-wald-data-item .value.textlarge {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: 1.92px;
  }
}
@media only screen and (min-width: 1024px) {
  .single-wald-data-item .value.textlarge {
    font-size: 47px;
    font-size: 2.9375rem;
    line-height: 1;
    letter-spacing: 2.27px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-wald-data-item .value.textlarge {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1;
    letter-spacing: 2.44px;
  }
}
.single-wald-data-item .value.textlarge {
  font-weight: 100;
}
.single-wald-data-item .value {
  margin-top: 10px;
  color: #fff0dc;
}
.single-wald-data-item .value.columns {
  display: flex;
  flex-flow: row;
}
.single-wald-data-item .value.columns svg {
  width: auto;
  height: 80px;
  margin: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .single-wald-data-item .value.columns svg {
    height: 110px;
  }
}
@media only screen and (min-width: 1200px) {
  .single-wald-data-item .value.columns svg {
    height: 130px;
  }
}
.single-wald-data-item .value.columns svg {
  fill: #e3c092;
}
.single-wald-data-item .value.columns svg:first-child {
  margin-left: 0;
}
.single-wald-data-item .value.columns svg:last-child {
  margin-right: 0;
}

.error404 nav.nav {
  background: #fff0dc;
}
.error404-header {
  margin-top: 50px;
  padding: 10px 0;
}
@media only screen and (min-width: 1024px) {
  .error404-header {
    margin-top: 100px;
    padding: 30px 0;
  }
}

.projekte-nav ul {
  position: relative;
  left: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 95px;
}
@media only screen and (min-width: 768px) {
  .projekte-nav ul {
    height: 115px;
  }
}
.projekte-nav ul {
  width: 100%;
}
.projekte-nav ul li {
  margin: 17.5px 0;
  padding: 0;
  text-indent: 0;
  margin-right: 10px;
  display: flex;
  align-items: center;
  background-color: #303c37;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: 1.17px;
  padding: 0 1em;
  height: 60px;
}
@media only screen and (min-width: 768px) {
  .projekte-nav ul li {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 1.22px;
    padding: 0 1.6em;
    height: 80px;
  }
}
.projekte-nav ul li {
  text-transform: uppercase;
  font-weight: 900;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
.projekte-nav ul li:before {
  content: none;
}
.projekte-nav ul li.is-active {
  background-color: #e3c092;
  color: #131c17;
}
.projekte-nav ul.flickity-enabled {
  display: block;
  width: 100%;
}
.projekte-nav ul .flickity-prev-next-button {
  height: 100%;
  width: 30px;
  top: 0;
  min-height: 0;
  transform: none;
  padding: 0;
  margin: 0;
  display: block;
  border-radius: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.projekte-nav ul .flickity-prev-next-button:hover {
  background: none;
}
.projekte-nav ul .flickity-prev-next-button:before {
  content: "";
  background-color: #e3c092;
  position: absolute;
  display: block;
  width: 2px;
  height: 110%;
  top: -5%;
  left: 14px;
}
.projekte-nav ul .flickity-prev-next-button:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #e3c092;
}
.projekte-nav ul .flickity-prev-next-button:disabled {
  opacity: 0;
}
.projekte-nav ul .flickity-prev-next-button svg {
  display: none;
  fill: #e3c092;
}
.projekte-nav ul .flickity-prev-next-button.previous {
  left: -14px;
  background: linear-gradient(to right, #131c17 50%, rgba(19, 28, 23, 0));
  transform: translateX(0px);
}
.projekte-nav ul .flickity-prev-next-button.previous:after {
  right: 0;
  transform: translate(-20px, -50%) rotateZ(180deg);
}
.projekte-nav ul .flickity-prev-next-button.next {
  right: -14px;
  transform: translateX(0px);
  background: linear-gradient(to right, rgba(19, 28, 23, 0), #131c17 50%);
}
.projekte-nav ul .flickity-prev-next-button.next:after {
  left: 0;
  transform: translate(20px, -50%) rotateZ(360deg);
}
.projekte .twocolumn .container .grid, .projekte .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .projekte .twocolumn .blog-main-tile-text .grid,
.projekte .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .projekte .twocolumn .blog-main-tile-text .grid {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .projekte .twocolumn .container .grid, .projekte .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .projekte .twocolumn .blog-main-tile-text .grid,
  .projekte .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .projekte .twocolumn .blog-main-tile-text .grid {
    grid-template-columns: 7fr 5fr;
  }
}
.projekte-descriptions {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .projekte-descriptions {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .projekte-descriptions {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .projekte-descriptions {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .projekte-descriptions {
    margin-top: 80px;
  }
}
.projekte-descriptions-slide {
  width: 100%;
}
.projekte-data-item .key {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 768px) {
  .projekte-data-item .key {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.1111111111;
    letter-spacing: 0.99px;
  }
}
@media only screen and (min-width: 1024px) {
  .projekte-data-item .key {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1;
    letter-spacing: 1.22px;
  }
}
@media only screen and (min-width: 1200px) {
  .projekte-data-item .key {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1.44px;
  }
}
.projekte-data-item .key {
  font-weight: 800;
  color: #e3c092;
  text-transform: uppercase;
}
.projekte-data-item .value {
  margin-top: 10px;
  color: #fff0dc;
}
.projekte-data-item .value.focus {
  background-color: #303c37;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .projekte-data-item .value.focus {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .projekte-data-item .value.focus {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .projekte-data-item .value.focus {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .projekte-data-item .value.focus {
    padding: 40px;
  }
}
.projekte-data-item .value.focus {
  display: block;
}
.projekte-data-item .value.textlarge {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1;
  letter-spacing: 1.77px;
}
@media only screen and (min-width: 768px) {
  .projekte-data-item .value.textlarge {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
    letter-spacing: 1.92px;
  }
}
@media only screen and (min-width: 1024px) {
  .projekte-data-item .value.textlarge {
    font-size: 47px;
    font-size: 2.9375rem;
    line-height: 1;
    letter-spacing: 2.27px;
  }
}
@media only screen and (min-width: 1200px) {
  .projekte-data-item .value.textlarge {
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1;
    letter-spacing: 2.44px;
  }
}
.projekte-data-item .value.textlarge {
  font-weight: 100;
}
.projekte-data-item .value.columns {
  display: grid;
  grid-auto-flow: column;
}
.projekte-data-item .value.cert svg {
  width: 180px;
  height: 180px;
}
.projekte-data-item .value .cert {
  display: block;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0;
          mask-position: 0;
  background-color: #e3c092;
  height: 130px;
}
.projekte-map {
  margin: 0;
  position: relative;
}
.projekte-map .map {
  margin: 0;
  background-color: #303c37;
}
.projekte-map .mapmarkers {
  margin: 0;
}
.projekte-map .mapmarkers-marker {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
}
@media only screen and (min-width: 1200px) {
  .projekte-map .mapmarkers-marker {
    width: 60px;
    height: 60px;
  }
}
.projekte-map .mapmarkers-marker {
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: transform 0.2s;
  cursor: pointer;
  background-color: #fff0dc;
  border-radius: 999px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
}
.projekte-map .mapmarkers-marker svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.projekte-map .mapmarkers-marker svg path {
  position: relative;
  z-index: 0;
  transition: fill 0.2s;
}
.projekte-map .mapmarkers-marker svg path.inactive {
  fill: #4b695d00;
}
.projekte-map .mapmarkers-marker svg path.logo {
  fill: #131c17;
}
.projekte-map .mapmarkers-marker svg path.active {
  fill: #4b695d00;
}
.projekte-map .mapmarkers-marker:hover, .projekte-map .mapmarkers-marker:focus {
  outline: 0;
  z-index: 1;
  transform: translate(-50%, -50%) scale(1.25);
}
.projekte-map .mapmarkers-marker.active {
  opacity: 1;
}
.projekte-slider {
  height: 0;
  padding-top: calc(60% + 100px);
}
@media only screen and (min-width: 768px) {
  .projekte-slider {
    padding-top: calc(30% + 80px);
  }
}
.projekte-slider {
  width: 100%;
  border-bottom: 2px solid #e3c092;
}
.projekte-slider > .flickity-viewport {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100% !important;
}
.projekte-slider .projekte-projekt-slider-holder {
  height: 100%;
  width: 100%;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider {
  height: 100%;
  width: 100%;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport {
  overflow: unset;
  height: 0;
  padding-top: 60%;
}
@media only screen and (min-width: 768px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport {
    padding-top: 30%;
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider {
  top: 0;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide {
    width: calc(50% - 25px);
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide {
  margin-right: 50px;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-img {
  height: 0;
  overflow: hidden;
  display: block;
  padding-bottom: 56.25%;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 200vw;
  opacity: 0;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe.loaded {
  opacity: 1;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #303c37;
  padding-bottom: 56.25%;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0);
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(360deg);
  width: 25%;
  height: 25%;
  -webkit-mask-image: url("../img/icon-play.svg");
          mask-image: url("../img/icon-play.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #e3c092;
  opacity: 1;
  transition: opacity 0.2s;
  cursor: pointer;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide .slide-iframe-holder.playing:after  {
  opacity: 0;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide > .ywpp-content-blocker.unblocked {
  height: 100%;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-viewport .flickity-slider .projekt-slider-slide > .ywpp-content-blocker.unblocked .slide-iframe-holder {
  position: absolute;
  top: 0;
  left: 0;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-title,
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots {
  display: grid;
  align-items: center;
  width: 100%;
  height: 46px;
}
@media only screen and (min-width: 768px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-title,
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots {
    display: inline-grid;
    width: 50%;
    height: 80px;
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-title {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-title {
    justify-content: start;
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-title {
  font-weight: 900;
  color: #e3c092;
  text-transform: uppercase;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots {
  position: static;
  grid-auto-flow: column;
  grid-auto-columns: 16px;
  column-gap: 10px;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots {
    justify-content: end;
  }
}
@media only screen and (min-width: 768px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots {
    grid-auto-columns: 22px;
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0;
  border-radius: 8px;
}
@media only screen and (min-width: 1024px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li {
    width: 22px;
    height: 22px;
    border-radius: 11px;
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li {
  padding: 0;
  background-color: transparent;
  opacity: 1;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li.is-selected {
  border-color: #e3c092;
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.projekte-slider .projekte-projekt-slider-holder .projekte-projekt-slider .flickity-page-dots li:before {
  padding: 0;
  background-color: #e3c092;
}

.ywpp-cookiebar-curtain {
  display: none;
}
.ywpp-cookiebar-bar {
  display: none;
  position: fixed;
  z-index: 9999;
  margin: auto;
  width: 100%;
  right: 0;
  bottom: 0;
  background-color: rgba(19, 28, 23, 0.95);
  box-shadow: 0 0 10px 0 rgba(40, 58, 51, 0.4);
}
@media (min-width: 730px) {
  .ywpp-cookiebar-bar {
    width: 100%;
    right: 0;
    bottom: 0;
  }
}
.ywpp-cookiebar-bar a {
  color: #e3c092;
}
.ywpp-cookiebar-bar a:hover {
  color: #666;
  transition: 0.2s;
}
.ywpp-cookiebar.active {
  display: block;
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar {
  display: flex;
  opacity: 1;
  justify-content: center;
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar.enter-active {
  transition: all 0.4s ease-out;
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar.enter-from {
  opacity: 0.5;
  transform: translateY(120%);
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar.enter-to {
  opacity: 1;
  transform: translateY(0);
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar.leave-active {
  transition: all 0.2s 0.3s ease-in;
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar.leave-from {
  opacity: 1;
  transform: translateY(0);
}
.ywpp-cookiebar.active .ywpp-cookiebar-bar.leave-to {
  opacity: 0;
  transform: translateX(120%);
}
.ywpp-cookiebar-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  max-width: 1500px;
  padding: 1rem 60px;
}
@media (min-width: 730px) {
  .ywpp-cookiebar-inner {
    padding: 1.5rem 60px;
  }
}
.ywpp-cookiebar-inner {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  max-width: 600px;
}
@media only screen and (min-width: 768px) {
  .ywpp-cookiebar-inner {
    padding-right: 20px;
    padding-left: 20px;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1024px) {
  .ywpp-cookiebar-inner {
    padding-right: 30px;
    padding-left: 30px;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1200px) {
  .ywpp-cookiebar-inner {
    padding-right: 40px;
    padding-left: 40px;
    max-width: 1400px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .ywpp-cookiebar-inner {
    padding-right: 60px;
    padding-left: 60px;
    max-width: 1500px;
  }
}
.ywpp-cookiebar-buttons {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.5em;
}
@media (min-width: 630px) {
  .ywpp-cookiebar-buttons {
    display: flex;
  }
}
.ywpp-cookiebar-buttons button {
  font-size: 1rem;
  cursor: pointer;
  border: 2px solid;
  align-self: center;
  text-align: center;
  transition: background-color 300ms, color 300ms, border-color 300ms;
  max-width: none;
  margin-right: 0;
  margin-bottom: 0;
}
@media (min-width: 630px) {
  .ywpp-cookiebar-buttons button {
    flex: 1 0 auto;
    margin-right: 0.75rem;
  }
}
.ywpp-cookiebar-buttons button:last-child {
  margin-right: 0;
}
.ywpp-cookiebar-buttons button.btn-primary {
  border-color: #e3c092;
  background-color: #e3c092;
  color: #fff;
}
.ywpp-cookiebar-buttons button.btn-primary:hover {
  border-color: #4b695e;
  background-color: #4b695e;
}
.ywpp-cookiebar-buttons button.btn-secondary {
  opacity: 0.5;
  background-color: transparent;
  border-color: #666;
  color: #666;
}
.ywpp-cookiebar-buttons button.btn-secondary:hover {
  border-color: #666;
  background-color: #666;
  color: #fff;
}

.ywpp-content-blocker {
  /** ********************
   * Variables
   */
  /** ********************
   * Typo and colors
   */
}
.ywpp-content-blocker .ywpp-content-blocker-title p.ywpp-content-blocker-headline {
  color: #e3c092;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1;
  margin: 0;
  margin-bottom: 0.2em;
}
@media (min-width: 768px) {
  .ywpp-content-blocker .ywpp-content-blocker-title p.ywpp-content-blocker-headline {
    font-size: 1.4rem;
  }
}
.ywpp-content-blocker .ywpp-content-blocker-title p.ywpp-content-blocker-subtitle {
  color: rgba(255, 240, 220, 0.6);
  font-size: 0.7rem;
  line-height: 1;
  margin: 0;
}
@media (min-width: 768px) {
  .ywpp-content-blocker .ywpp-content-blocker-title p.ywpp-content-blocker-subtitle {
    font-size: 0.8rem;
  }
}
.ywpp-content-blocker .ywpp-content-blocker-description {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .ywpp-content-blocker .ywpp-content-blocker-description {
    font-size: 1.2rem;
  }
}
.ywpp-content-blocker button.ywpp-content-blocker-enable .ywpp-enable-button-toggle .ywpp-enable-button-label button.ywpp-enable-button .ywpp-enable-button-label {
  font-size: 1rem;
  color: #fff0dc;
}
@media (min-width: 768px) {
  .ywpp-content-blocker button.ywpp-content-blocker-enable .ywpp-enable-button-toggle .ywpp-enable-button-label button.ywpp-enable-button .ywpp-enable-button-label {
    font-size: 1.2rem;
  }
}
.ywpp-content-blocker button.ywpp-content-blocker-enable .ywpp-enable-button-toggle .ywpp-enable-button-label .ywpp-content-blocker-footer small {
  font-size: 80%;
}
.ywpp-content-blocker button.ywpp-content-blocker-enable .ywpp-enable-button-toggle .ywpp-enable-button-label .ywpp-content-blocker-footer,
.ywpp-content-blocker button.ywpp-content-blocker-enable .ywpp-enable-button-toggle .ywpp-enable-button-label .ywpp-content-blocker-footer a {
  color: rgba(255, 240, 220, 0.4);
}
.ywpp-content-blocker {
  /** ********************
   * Sizes and positioning
   */
}
.ywpp-content-blocker {
  position: relative;
}
.ywpp-content-blocker.unblocked {
  background: none;
}
.ywpp-content-blocker-blocked {
  display: grid;
  opacity: 0;
  grid-template-areas: "overlap";
  justify-items: center;
  align-items: center;
  width: 100%;
  transition: opacity 0.2s;
}
.active .ywpp-content-blocker-blocked {
  opacity: 1;
}
.ywpp-content-blocker-blocked.is-full-width .ywpp-content-blocker-inner {
  width: 100%;
  height: 100%;
}
.ywpp-content-blocker-blocked.has-max-width {
  padding-left: var(--outer-margin, 1rem);
  padding-right: var(--outer-margin, 1rem);
}
.ywpp-content-blocker-blocked.has-max-width .ywpp-content-blocker-inner {
  width: 100%;
  max-width: 600px;
  height: auto;
}
.ywpp-content-blocker-blocked.has-fixed-ratio .ywpp-content-blocker-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  max-height: 100%;
}
.ywpp-content-blocker-spacer {
  grid-area: overlap;
  position: relative;
  height: 0;
  width: 100%;
  display: block;
}
.ywpp-content-blocker-inner {
  grid-area: overlap;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 0.8rem;
  position: relative;
  padding: 1rem 1rem 0 1rem;
  background: rgba(48, 60, 55, 0.8);
  color: rgba(255, 240, 220, 0.8);
  border: 1px solid #e3c092;
  border-width: 0px;
  border-radius: 0px;
}
@media (min-width: 768px) {
  .ywpp-content-blocker-inner {
    gap: 1rem;
  }
}
.ywpp-content-blocker {
  /** ********************
   * Background image
   */
}
.ywpp-content-blocker-image, .ywpp-content-blocker-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ywpp-content-blocker {
  /** ********************
   * Inner message
   */
}
.ywpp-content-blocker-message {
  position: relative;
  display: grid;
  align-self: flex-start;
  gap: 0.8rem;
  margin: 0;
}
@media (min-width: 768px) {
  .ywpp-content-blocker-message {
    gap: 1rem;
  }
}
.ywpp-content-blocker-header {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1rem;
}
.ywpp-content-blocker-header .ywpp-content-blocker-icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  border-radius: 0px;
  background-color: #e3c092;
}
@media (min-width: 768px) {
  .ywpp-content-blocker-header .ywpp-content-blocker-icon {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  content: "";
  display: block;
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
  background-color: #fff;
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/default.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/default.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
[data-type=facebook-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/facebook.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/facebook.svg);
}
[data-type=google-maps-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/maps.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/maps.svg);
}
[data-type=mapbox-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/maps.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/maps.svg);
}
[data-type=instagram-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/instagram.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/instagram.svg);
}
[data-type=linkedin-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/linkedin.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/linkedin.svg);
}
[data-type=personio-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/personio.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/personio.svg);
}
[data-type=soundcloud-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/soundcloud.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/soundcloud.svg);
}
[data-type=spotify-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/spotify.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/spotify.svg);
}
[data-type=tik-tok-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/tiktok.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/tiktok.svg);
}
[data-type=twitter-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/twitter.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/twitter.svg);
}
[data-type=vimeo-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/vimeo.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/vimeo.svg);
}
[data-type=xing-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/xing.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/xing.svg);
}
[data-type=x-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/x.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/x.svg);
}
[data-type=youtube-blocked] .ywpp-content-blocker-header .ywpp-content-blocker-icon:before {
  -webkit-mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/youtube.svg);
          mask-image: url(../../../../plugins/yeah-wp-privacy/public/img/youtube.svg);
}
.ywpp-content-blocker-content {
  display: grid;
  gap: 0.8rem;
}
@media (min-width: 768px) {
  .ywpp-content-blocker-content {
    gap: 1rem;
  }
}
.ywpp-content-blocker-footer {
  position: relative;
  display: flex;
  padding-bottom: 1rem;
}
.ywpp-content-blocker {
  /** ********************
   * Enable switch
   */
}
.ywpp-content-blocker .ywpp-content-blocker-enable {
  margin-bottom: 1rem;
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button {
  border: none;
  background: none;
  outline: none;
  margin: 0;
  padding: 0;
  color: rgba(255, 240, 220, 0.8);
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button .ywpp-enable-button-toggle {
  position: relative;
  display: inline-flex;
  width: 2.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background-color: rgba(255, 240, 220, 0.3);
  transition: background-color 0.2s;
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button .ywpp-enable-button-toggle:after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  width: calc(1.6rem - 6px);
  height: calc(1.6rem - 6px);
  border-radius: 50%;
  background-color: #fff;
  transform: translateX(0);
  transition: transform 0.2s;
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button .ywpp-enable-button-label {
  margin-left: 1rem;
  font-weight: bold;
}
@media (hover: hover) {
  .ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button:hover .ywpp-enable-button-toggle {
    background-color: rgba(255, 240, 220, 0.6);
  }
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button:focus-visible .ywpp-enable-button-toggle {
  outline-offset: 2px;
  outline: 2px solid #e3c092;
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button.active .ywpp-enable-button-toggle {
  background-color: #34c759 !important;
}
.ywpp-content-blocker .ywpp-content-blocker-enable .ywpp-enable-button.active .ywpp-enable-button-toggle:after {
  transform: translateX(1rem);
}
.ywpp-content-blocker {
  /** ********************
   * The unblocked container
   */
}
.ywpp-content-blocker-unblocked {
  position: relative;
  display: none;
}
.ywpp-content-blocker-unblocked:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border: 2px solid rgba(227, 192, 146, 0.3);
  border-top: 2px solid #e3c092;
  border-radius: 50%;
  animation: load 0.8s linear infinite;
}
@keyframes load {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@media only screen and (min-width: 768px) {
  section#auszeichnungen + section .col.right .iframe,
  section#kompensation + section .col.right .iframe {
    padding-top: 68%;
  }
}
@media only screen and (min-width: 850px) {
  section#auszeichnungen + section .col.right .iframe,
  section#kompensation + section .col.right .iframe {
    padding-top: 56.25%;
  }
}
section#auszeichnungen + section .col.right .iframe .ywpp-content-blocker-unblocked,
section#kompensation + section .col.right .iframe .ywpp-content-blocker-unblocked {
  height: 100%;
}

/* frontpage erkläranimation vimeo-blocked */
.iframe > .ywpp-content-blocker {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.onecolumn.normal .grid {
  max-width: 900px;
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .onecolumn.normal .grid {
    max-width: 1000px;
  }
}
.onecolumn.normal .grid {
  margin: 0 auto;
}
.onecolumn.normal .grid.justify-start {
  margin: 0 auto 0 0;
}
.onecolumn.normal .grid.justify-end {
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 767px) {
  #waelder .twocolumn .container, #waelder .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner #waelder .twocolumn .blog-main-tile-text,
  #waelder .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner #waelder .twocolumn .blog-main-tile-text {
    padding: 0;
  }
}
.twocolumn .container .grid, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid {
  position: relative;
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.gap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .twocolumn .container .grid .col.gap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.gap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.gap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.gap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.left {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.gap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .twocolumn .container .grid .col.gap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.gap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.gap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.gap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.gap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.gap.right {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 45px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 768px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 90px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.biggap.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.left {
    padding-right: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 45px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 768px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 90px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.biggap.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.biggap.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.biggap.right {
    padding-left: 120px;
  }
}
.twocolumn .container .grid .col.nogap .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.nogap .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.nogap .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.nogap .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.nogap .content {
  padding: 0;
}
.twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content, .twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content, .twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content, .twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content, .twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content, .twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content, .twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content, .twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content, .twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content, .twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content, .twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content, .twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content, .twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
    padding: 90px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content, .twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content, .twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content, .twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
    padding: 120px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content, .twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content, .twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content, .twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
    padding: 120px;
  }
}
.twocolumn .container .grid .col.boxed-dark .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark .content {
  background-color: #303c37;
}
.twocolumn .container .grid .col.boxed-dark-transparent .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-dark-transparent .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-dark-transparent .content {
  background-color: rgba(48, 60, 55, 0.8);
}
.twocolumn .container .grid .col.boxed-light .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-light .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-light .content {
  background-color: #4b695d;
}
.twocolumn .container .grid .col.boxed-text .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.boxed-text .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.boxed-text .content {
  background-color: #fff0dc;
  color: #131c17;
}
.twocolumn .container .grid .col.image, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image {
  position: relative;
  overflow: hidden;
}
.twocolumn .container .grid .col.image img, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image img, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image img,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image img,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.twocolumn .container .grid .col.image .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.image .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .twocolumn .container .grid .col.image .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.image .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content {
    padding: 90px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.image .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content {
    padding: 120px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.image .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content {
    padding: 120px;
  }
}
.twocolumn .container .grid .col.image .content.textdark, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content.textdark, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content.textdark,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image .content.textdark,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image .content.textdark {
  color: #131c17;
}
.twocolumn .container .grid .col.image.multiply:after, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image.multiply:after, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image.multiply:after,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image.multiply:after,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image.multiply:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #131c17;
  mix-blend-mode: multiply;
}
.twocolumn .container .grid .col.image.overlay-75:before, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image.overlay-75:before, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image.overlay-75:before,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.image.overlay-75:before,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.image.overlay-75:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(19, 28, 23, 0.75);
}
.twocolumn .container .grid .col .iframe iframe, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col .iframe iframe, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col .iframe iframe,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col .iframe iframe,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col .iframe iframe {
  left: -1%;
  width: 102%;
  height: 101%;
}
.twocolumn .container .grid .col .iframe, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col .iframe, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col .iframe,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col .iframe,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col .iframe {
  overflow: hidden;
}
.twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
    padding-left: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
    padding-left: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .twocolumn .container .grid .col.left.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.left.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.left.nowide {
    padding-left: calc(60px + (1920px - 1500px) / 2);
  }
}
.twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
    padding-right: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
    padding-right: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .twocolumn .container .grid .col.right.nowide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.right.nowide,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.right.nowide {
    padding-right: calc(60px + (1920px - 1500px) / 2);
  }
}
.twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 40px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 40px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 80px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 80px;
  }
}
@media only screen and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 45px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.padding-small .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-small .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-small .content {
    padding: 60px;
  }
}
.twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 90px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 120px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 45px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 45px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 67.5px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 90px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.padding-medium .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-medium .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-medium .content {
    padding: 90px;
  }
}
.twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
  padding: 20px;
}
@media only screen and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 80px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 768px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 80px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 120px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 160px;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 160px;
  }
}
@media only screen and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 60px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1024px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 90px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 120px;
  }
}
@media only screen and (min-width: 1200px) and (min-width: 1500px) and (min-height: 900px) {
  .twocolumn .container .grid .col.padding-large .content, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.padding-large .content,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.padding-large .content {
    padding: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .twocolumn .container .grid .col.slide-until-lg, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    transition: left 0.2s, right 0.2s;
  }
  .twocolumn .container .grid .col.slide-until-lg.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.left {
    left: -100%;
  }
  .twocolumn .container .grid .col.slide-until-lg.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.right {
    right: -114%;
  }
  .twocolumn .container .grid .col.slide-until-lg .flickity-page-dots, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg .flickity-page-dots,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg .flickity-page-dots {
    position: absolute;
    opacity: 0;
    left: -100px;
    transition: opacity 0.2s, left 0.2s 0.0001s;
  }
  .twocolumn .container .grid .col.slide-until-lg.open.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.open.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.open.left,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.open.left,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.open.left {
    right: 0;
  }
  .twocolumn .container .grid .col.slide-until-lg.open.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.open.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.open.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.open.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.open.right {
    right: 0;
  }
  .twocolumn .container .grid .col.slide-until-lg.open .flickity-page-dots, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.open .flickity-page-dots, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.open .flickity-page-dots,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.slide-until-lg.open .flickity-page-dots,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.slide-until-lg.open .flickity-page-dots {
    position: static;
    opacity: 1;
    left: 0;
  }
}
.twocolumn .container .grid .col.border-top.left, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.border-top.left, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.border-top.left,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.border-top.left,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.border-top.left {
  border-top: 2px solid #e3c092;
}
@media only screen and (min-width: 768px) {
  .twocolumn .container .grid .col.border-top.right, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.border-top.right, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.border-top.right,
  .twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.border-top.right,
  body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.border-top.right {
    border-top: 2px solid #e3c092;
  }
}
.twocolumn .container .grid .col.relative, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.relative, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.relative,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col.relative,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .blog-main-tile-text .grid .col.relative {
  position: relative;
}
.twocolumn .container.wide, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .wide.blog-main-tile-text,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .wide.blog-main-tile-text {
  padding: 0;
  max-width: 1920px;
}
.twocolumn .container.wide .grid, .twocolumn body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .twocolumn .wide.blog-main-tile-text .grid,
.twocolumn body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .twocolumn .wide.blog-main-tile-text .grid {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  .textimg .container .grid, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid {
    grid-template-columns: 1fr 1fr;
  }
}
.textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
  background-color: #4b695d;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -40px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.boxed-light, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-light,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-light {
    padding-right: 80px;
  }
}
.textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
  background-color: #303c37;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  top: -60px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-left: 40px;
    padding-right: 40px;
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.boxed-dark, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.boxed-dark,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.boxed-dark {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
    padding-right: 80px;
  }
}
.textimg .container .grid .content, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
}
.textimg .container .grid .content.align-start, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.align-start, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.align-start,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.align-start,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.align-start {
  justify-content: flex-start;
}
.textimg .container .grid .content.align-end, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.align-end, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.align-end,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.align-end,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.align-end {
  justify-content: flex-end;
}
.textimg .container .grid .content.align-end > *:nth-child(2), .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.align-end > *:nth-child(2), body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.align-end > *:nth-child(2),
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.align-end > *:nth-child(2),
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.align-end > *:nth-child(2) {
  margin-top: 0;
}
.textimg .container .grid .content.padding-top-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small {
  padding-top: 40px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-top-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-top-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-top-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-top-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-small {
    padding-top: 80px;
  }
}
.textimg .container .grid .content.padding-top-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium {
  padding-top: 60px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-top-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-top-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-top-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-top-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-medium {
    padding-top: 120px;
  }
}
.textimg .container .grid .content.padding-top-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large {
  padding-top: 100px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-top-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-top-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-top-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-top-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-top-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-top-large {
    padding-top: 200px;
  }
}
.textimg .container .grid .content.padding-bottom-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small {
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-bottom-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-bottom-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-bottom-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-bottom-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-small {
    padding-bottom: 80px;
  }
}
.textimg .container .grid .content.padding-bottom-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium {
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-bottom-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-bottom-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-bottom-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-bottom-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-medium {
    padding-bottom: 120px;
  }
}
.textimg .container .grid .content.padding-bottom-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large {
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-bottom-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-bottom-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large {
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-bottom-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large {
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-bottom-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-bottom-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-bottom-large {
    padding-bottom: 200px;
  }
}
.textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
  padding-left: 20px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-left: 40px;
  }
}
.textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
  padding-right: 20px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-side-small, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-small,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-small {
    padding-right: 40px;
  }
}
.textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
  padding-left: 40px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-left: 80px;
  }
}
.textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
  padding-right: 40px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-right: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-side-medium, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-medium,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-medium {
    padding-right: 80px;
  }
}
.textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
  padding-left: 80px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-left: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-left: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-left: 160px;
  }
}
.textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
  padding-right: 80px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-right: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-right: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .textimg .container .grid .content.padding-side-large, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content.padding-side-large,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content.padding-side-large {
    padding-right: 160px;
  }
}
.textimg .container .grid .content svg, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content svg, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content svg,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content svg,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content svg {
  fill: #e3c092;
  max-width: 280px;
}
@media only screen and (min-width: 768px) {
  .textimg .container .grid .content svg, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content svg, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content svg,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .content svg,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .content svg {
    max-width: 100%;
  }
}
.textimg .container .grid .col, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .col,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .col {
  width: 100%;
  height: 100%;
}
.textimg .container .grid .col img, .textimg body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col img, body.blog .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .col img,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .grid .col img,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .blog-main-tile-text .grid .col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.textimg .container.wide, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text {
  padding: 0;
  max-width: 1920px;
}
.textimg .container.wide .grid, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .grid, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .grid,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .grid,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .grid {
  margin-left: 0;
  margin-right: 0;
}
.textimg .container.wide .textimg-text, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text,
.textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text,
body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text {
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 620px) {
  .textimg .container.wide .textimg-text, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text {
    padding-left: calc(20px + (100% - 600px) / 2);
    padding-right: calc(20px + (100% - 600px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .textimg .container.wide .textimg-text.imageright, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright {
    padding-left: 20px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container.wide .textimg-text.imageright, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container.wide .textimg-text.imageright, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .textimg .container.wide .textimg-text.imageright, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright {
    padding-left: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .textimg .container.wide .textimg-text.imageright, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright {
    padding-left: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .textimg .container.wide .textimg-text.imageright, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageright,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageright {
    padding-left: calc(60px + (1920px - 1500px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .textimg .container.wide .textimg-text.imageleft, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft {
    padding-right: 20px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .textimg .container.wide .textimg-text.imageleft, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .textimg .container.wide .textimg-text.imageleft, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .textimg .container.wide .textimg-text.imageleft, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft {
    padding-right: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .textimg .container.wide .textimg-text.imageleft, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft {
    padding-right: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  .textimg .container.wide .textimg-text.imageleft, .textimg body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft, body.blog .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft,
  .textimg body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text .textimg-text.imageleft,
  body.archive .blog-main-tile .blog-main-tile-inner .textimg .wide.blog-main-tile-text .textimg-text.imageleft {
    padding-right: calc(60px + (1920px - 1500px) / 2);
  }
}
.textimg-img-wide {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  .textimg-img-wide {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 66.6666%;
  }
  .textimg-img-wide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) {
  .textimg-img-fitted {
    position: relative;
  }
  .textimg-img-fitted img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.textimg-img-fitted.textimg-img-wide img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .textimg .first-col {
    order: -1;
  }
}
.textimg.img-text-bg-green .textimg-text .content {
  background-color: #4b695d !important;
}

@media only screen and (min-width: 768px) {
  .threecolumn > .container > .grid, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  .threecolumn > .container > .grid, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.threecolumn > .container > .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap,
body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap {
  row-gap: 50px;
}
@media only screen and (min-width: 768px) {
  .threecolumn > .container > .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap {
    row-gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .threecolumn > .container > .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap {
    row-gap: 40px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1024px) {
  .threecolumn > .container > .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap {
    row-gap: 60px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .threecolumn > .container > .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap {
    row-gap: 80px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1500px) and (min-height: 900px) {
  .threecolumn > .container > .grid.row-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.row-gap {
    row-gap: 80px;
  }
}
.threecolumn > .container > .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap,
body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap {
  column-gap: 40px;
}
@media only screen and (min-width: 768px) {
  .threecolumn > .container > .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .threecolumn > .container > .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap {
    column-gap: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .threecolumn > .container > .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap {
    column-gap: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .threecolumn > .container > .grid.column-gap, body.blog .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap,
  body.archive .blog-main-tile .blog-main-tile-inner .threecolumn > .blog-main-tile-text > .grid.column-gap {
    column-gap: 80px;
  }
}
.threecolumn .col svg {
  width: auto;
  height: 145px;
}
@media only screen and (min-width: 768px) {
  .threecolumn .col svg {
    height: 115px;
  }
}
@media only screen and (min-width: 1200px) {
  .threecolumn .col svg {
    height: 145px;
  }
}
.threecolumn .col svg {
  fill: #e3c092;
}

section {
  position: relative;
}
section .section-background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
section .section-background.dark {
  background-color: #303c37;
}
section .section-background.light {
  background-color: #4b695d;
}
section .section-background.image {
  overflow: hidden;
}
section .section-background.image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section .section-background.image.multiply:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 102%;
  top: -1%;
  left: 0;
  background-color: #202924;
  mix-blend-mode: multiply;
}
section .section-background.svg svg {
  position: absolute;
  height: 100%;
  width: 100%;
  fill: #19261d;
}
@media only screen and (min-width: 1024px) {
  section.image-until-lg > .section-background.image {
    display: none;
  }
}

#waelder .section-background.svg {
  width: 140%;
  height: 140%;
  top: -15%;
  left: -20%;
}

section.part-newsletterform {
  background-color: #303c37;
}

main > .image,
section > .image:not(.section-background) {
  position: relative;
  z-index: -1;
}
main > .image .container.wide, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text,
main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text,
section > .image:not(.section-background) .container.wide,
section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text,
body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text,
section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text {
  padding: 0;
  max-width: 1920px;
}
main > .image .container.wide > .grid, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid,
main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid,
section > .image:not(.section-background) .container.wide > .grid,
section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid,
section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 620px) {
  main > .image .container.wide > .grid, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid,
  section > .image:not(.section-background) .container.wide > .grid,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid {
    padding-left: calc(20px + (100% - 600px) / 2);
    padding-right: calc(20px + (100% - 600px) / 2);
  }
}
main > .image .container.wide > .grid.both, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.both, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.both,
main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.both,
body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.both,
section > .image:not(.section-background) .container.wide > .grid.both,
section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.both,
body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.both,
section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.both,
body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.both {
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  main > .image .container.wide > .grid.right, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) .container.wide > .grid.right,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right {
    padding-left: 20px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 1024px) {
  main > .image .container.wide > .grid.right, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) .container.wide > .grid.right,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main > .image .container.wide > .grid.right, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) .container.wide > .grid.right,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  main > .image .container.wide > .grid.right, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) .container.wide > .grid.right,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right {
    padding-left: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  main > .image .container.wide > .grid.right, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) .container.wide > .grid.right,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right {
    padding-left: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  main > .image .container.wide > .grid.right, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) .container.wide > .grid.right,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.right,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.right {
    padding-left: calc(60px + (1920px - 1500px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  main > .image .container.wide > .grid.left, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) .container.wide > .grid.left,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left {
    padding-right: 20px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  main > .image .container.wide > .grid.left, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) .container.wide > .grid.left,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main > .image .container.wide > .grid.left, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) .container.wide > .grid.left,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  main > .image .container.wide > .grid.left, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) .container.wide > .grid.left,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left {
    padding-right: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  main > .image .container.wide > .grid.left, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) .container.wide > .grid.left,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left {
    padding-right: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1920px) {
  main > .image .container.wide > .grid.left, main > .image body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left, body.blog .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  main > .image body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner main > .image .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) .container.wide > .grid.left,
  section > .image:not(.section-background) body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.blog .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left,
  section > .image:not(.section-background) body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid.left,
  body.archive .blog-main-tile .blog-main-tile-inner section > .image:not(.section-background) .wide.blog-main-tile-text > .grid.left {
    padding-right: calc(60px + (1920px - 1500px) / 2);
  }
}

/* frontpage pefc logo at CO2-Kompensation mobile sizing */
@media only screen and (max-width: 767px) {
  img[title=pefc_siegel] {
    max-width: 50vw;
  }
}
.images.normal .grid {
  max-width: 900px;
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .images.normal .grid {
    max-width: 1000px;
  }
}
.images.normal .grid {
  margin: 0 auto;
}
.images.normal .grid.justify-start {
  margin: 0 auto 0 0;
}
.images.normal .grid.justify-end {
  margin: 0 0 0 auto;
}
.images .grid {
  display: grid;
}
.images .grid.gap-small {
  gap: calc(var(--gutter-width) * 1);
}
.images .grid.gap-large {
  gap: calc(var(--gutter-width) * 2);
}
@media only screen and (min-width: 768px) {
  .images .grid.numberofcolumns-2, .images .grid.numberofcolumns-3, .images .grid.numberofcolumns-4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  .images .grid.numberofcolumns-3, .images .grid.numberofcolumns-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .images .grid.numberofcolumns-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .images .grid.numberofcolumns-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.testimonials .container.wide, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text,
.testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text {
  padding: 0;
  max-width: 1920px;
}
.testimonials .container.wide > .grid, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid,
.testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid {
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (min-width: 620px) {
  .testimonials .container.wide > .grid, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid {
    padding-left: calc(20px + (100% - 600px) / 2);
    padding-right: calc(20px + (100% - 600px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .testimonials .container.wide > .grid, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .testimonials .container.wide > .grid, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid {
    padding-right: calc(40px + (100vw - 1400px) / 2 - 80px);
  }
}
@media only screen and (min-width: 1500px) {
  .testimonials .container.wide > .grid, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid {
    padding-right: calc(60px + (100vw - 1500px) / 2 - 80px);
  }
}
@media only screen and (min-width: 1920px) {
  .testimonials .container.wide > .grid, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid {
    padding-right: calc(60px + (1920px - 1500px) / 2 - 80px);
  }
}
.testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
.testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
  background-color: rgba(48, 60, 55, 0.95);
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  padding-top: 40px;
}
@media only screen and (min-width: 768px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-top: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-top: 80px;
  }
}
.testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
.testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
  padding-bottom: 60px;
}
@media only screen and (min-width: 768px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: calc(40px + (100vw - 1400px) / 2);
    padding-right: calc(40px + (100vw - 1400px) / 2);
  }
}
@media only screen and (min-width: 1500px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: calc(60px + (100vw - 1500px) / 2);
    padding-right: calc(60px + (100vw - 1500px) / 2);
  }
}
@media only screen and (min-width: 1540px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: calc(60px + (100vw - 1500px) / 2);
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1920px) {
  .testimonials .container.wide > .grid > .inner-container, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container {
    padding-left: calc(60px + (1920px - 1500px) / 2);
  }
}
.testimonials .container.wide > .grid > .inner-container h2, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2,
.testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2,
body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2 {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .testimonials .container.wide > .grid > .inner-container h2, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2 {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials .container.wide > .grid > .inner-container h2, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials .container.wide > .grid > .inner-container h2, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2 {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .testimonials .container.wide > .grid > .inner-container h2, .testimonials body.blog .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2, body.blog .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2,
  .testimonials body.archive .blog-main-tile .blog-main-tile-inner .wide.blog-main-tile-text > .grid > .inner-container h2,
  body.archive .blog-main-tile .blog-main-tile-inner .testimonials .wide.blog-main-tile-text > .grid > .inner-container h2 {
    margin-bottom: 80px;
  }
}
.testimonials-slider {
  position: relative;
  height: 100%;
}
.testimonials-slider-holder {
  position: relative;
  height: 425px;
}
@media only screen and (min-width: 375px) {
  .testimonials-slider-holder {
    height: 350px;
  }
}
@media only screen and (min-width: 414px) {
  .testimonials-slider-holder {
    height: 350px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider-holder {
    height: 450px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials-slider-holder {
    height: 550px;
  }
}
.testimonials-slider .flickity-page-dots {
  top: calc(100% + 25px);
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .flickity-page-dots {
    top: calc(100% + 35px);
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials-slider .flickity-page-dots {
    top: calc(100% + 45px);
  }
}
.testimonials-slider .flickity-page-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .flickity-page-dots li {
    width: 22px;
    height: 22px;
    border-radius: 11px;
  }
}
.testimonials-slider .flickity-page-dots li {
  padding: 0;
  background-color: transparent;
  opacity: 1;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.testimonials-slider .flickity-page-dots li.is-selected {
  border-color: #e3c092;
}
.testimonials-slider .flickity-page-dots li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .flickity-page-dots li:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.testimonials-slider .flickity-page-dots li:before {
  padding: 0;
  background-color: #e3c092;
}
.testimonials-slider .slider .flickity-viewport {
  display: grid;
  height: 100%;
}
.testimonials-slider .slider .flickity-viewport .flickity-slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.testimonials-slider .slider-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .testimonials-slider .slider-slide {
    width: calc(50% - 25px);
  }
}
.testimonials-slider .slider-slide {
  height: 100%;
  margin-right: 50px;
  margin-bottom: 80px;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .testimonials-slider .slider-slide {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .slider-slide {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials-slider .slider-slide {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .testimonials-slider .slider-slide {
    padding: 40px;
  }
}
.testimonials-slider .slider-slide {
  display: grid;
  align-items: start;
  grid-template-rows: 1fr auto;
  background-color: rgba(75, 105, 93, 0);
  border: 2px solid #e3c092;
  transition: border-color 0.2s, background-color 0.2s;
}
.testimonials-slider .slider-slide-quote {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.3181818182;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .slider-slide-quote {
    font-size: 29px;
    font-size: 1.8125rem;
    line-height: 1.2413793103;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials-slider .slider-slide-quote {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.1111111111;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .testimonials-slider .slider-slide-quote {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1.15;
  }
}
.testimonials-slider .slider-slide-quote {
  text-transform: none;
  font-weight: 100;
  color: #e3c092;
  transition: color 0.2s;
}
.testimonials-slider .slider-slide-quote.smalltext {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2777777778;
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .slider-slide-quote.smalltext {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials-slider .slider-slide-quote.smalltext {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.4347826087;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .testimonials-slider .slider-slide-quote.smalltext {
    font-size: 31px;
    font-size: 1.9375rem;
    line-height: 1.1935483871;
  }
}
.testimonials-slider .slider-slide-author {
  margin: 0;
  color: #fff0dc;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  letter-spacing: 0.83px;
}
@media only screen and (min-width: 1024px) {
  .testimonials-slider .slider-slide-author {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1;
    letter-spacing: 0.96px;
  }
}
@media only screen and (min-width: 1200px) {
  .testimonials-slider .slider-slide-author {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1;
    letter-spacing: 1.06px;
  }
}
.testimonials-slider .slider-slide.link:hover {
  margin: 0;
  border-color: #4b695d;
  background-color: #4b695d;
}
.testimonials-slider .slider-slide.link:hover .slider-slide-quote {
  color: #fff0dc;
}

.customerslider {
  --numberOfCols: 4;
  --itemHeight: 200px;
  --gap: 10px;
}
@media only screen and (max-width: 1499px), screen and (max-height: 899px) {
  .customerslider {
    --numberOfCols: 3;
  }
}
@media only screen and (max-width: 1199px) {
  .customerslider {
    --numberOfCols: 2;
  }
}
@media only screen and (max-width: 767px) {
  .customerslider {
    --numberOfCols: 1;
    --itemHeight: 150px;
  }
}
.customerslider .customerslider-slider.has-label {
  border-bottom: 2px solid #e3c092;
}
.customerslider .customer-slide {
  width: calc((100% - var(--gap) * (var(--numberOfCols) - 1)) / var(--numberOfCols));
  margin-right: var(--gap);
}
.customerslider .customer-slide-item {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(48, 60, 55, 0.8);
  color: #e3c092;
  width: 100%;
  height: var(--itemHeight);
  padding: calc(var(--gutter-width) / 2);
}
.customerslider .customer-slide-item:not(:first-child) {
  margin-top: 10px;
}
.customerslider .customer-slide-item .customer-slide-item-title {
  text-align: center;
  hyphens: auto;
}
.customerslider .customer-slide-item .customer-slide-item-logo {
  width: 65%;
  height: 60%;
}
.customerslider .customer-slide-item.has-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.customerslider .customer-slide-item.has-link:hover, .customerslider .customer-slide-item.has-link:focus, .customerslider .customer-slide-item.has-link:active {
  background-color: #4b695d;
}
.customerslider .customer-slide-item.has-link:hover .customer-slide-item-title, .customerslider .customer-slide-item.has-link:focus .customer-slide-item-title, .customerslider .customer-slide-item.has-link:active .customer-slide-item-title {
  color: #fff0dc;
}

.jumbo {
  position: relative;
  max-height: 100vh;
}
.jumbo > .container-full {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.jumbo-image {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.jumbo-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
}
@media only screen and (min-width: 1920px) {
  .jumbo-image img {
    object-position: 50% 50% !important;
  }
}
.jumbo-image.blendimage-30 img {
  opacity: 0.3;
}
.jumbo-image.blendimage-70 img {
  opacity: 0.7;
}
.jumbo-content {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding-top: 20vh;
  padding-bottom: 20vh;
}
@media only screen and (min-width: 768px) {
  .jumbo-content {
    padding-top: 30vh;
    padding-bottom: 30vh;
  }
}
.jumbo-content.align-center {
  text-align: center;
}
.jumbo-content.align-left {
  text-align: left;
}
.jumbo-content button {
  width: 100%;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .jumbo-content button {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .jumbo-content button {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .jumbo-content button {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .jumbo-content button {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .jumbo-content button {
    width: auto;
    justify-content: center;
  }
  .jumbo-content button:not(:first-of-type) {
    margin-top: 0;
  }
}
.jumbo-content button#open_video {
  overflow: hidden;
  position: relative;
}

.imagewithlegend {
  --icon-size: 1.3em;
}
@media only screen and (max-width: 767px) {
  .imagewithlegend .img-wrapper {
    padding-bottom: 65%;
  }
}
.imagewithlegend-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1em 10em;
}
@media only screen and (min-width: 768px) {
  .imagewithlegend-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2em 7em;
  }
  .imagewithlegend-grid .img-wrapper {
    grid-column: 1/span 2;
    grid-row: 1/span 1;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .imagewithlegend-grid {
    grid-template-columns: 400px 1fr 400px;
    gap: 0;
  }
  .imagewithlegend-grid .img-wrapper {
    grid-column: 1/span 3;
    grid-row: 2/span 1;
    margin-top: -100px;
    margin-bottom: -50px;
  }
  .imagewithlegend-grid div:nth-child(2) {
    grid-column: 1/span 1;
    grid-row: 1/span 1;
  }
  .imagewithlegend-grid div:nth-child(3) {
    grid-column: 1/span 1;
    grid-row: 3/span 1;
  }
  .imagewithlegend-grid div:nth-child(4) {
    grid-column: 3/span 1;
    grid-row: 1/span 1;
  }
  .imagewithlegend-grid div:nth-child(5) {
    grid-column: 3/span 1;
    grid-row: 3/span 1;
  }
}
.imagewithlegend-category-title {
  font-weight: bold;
  color: #fff0dc;
}
.imagewithlegend-itemlist {
  margin: 0;
}
.imagewithlegend-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 10px;
  padding: 0;
  align-items: center;
  line-height: 1.1;
  margin-bottom: 0.35em;
}
.imagewithlegend-item:before {
  content: none;
}
.imagewithlegend-item-number {
  width: var(--icon-size);
  height: var(--icon-size);
  background-color: #fff0dc;
  color: #131c17;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imagewithlegend-item-number span {
  font-size: 0.8em;
}
.imagewithlegend-item-medialist {
  display: flex;
  column-gap: 5px;
  margin: 0;
}
.imagewithlegend-item-medialist-item {
  display: block;
  width: var(--icon-size);
  height: var(--icon-size);
  padding: 0;
  margin: 0;
  position: relative;
}
.imagewithlegend-item-medialist-item:before {
  content: none;
}
.imagewithlegend-item-medialist-item-icon {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 200ms ease;
}
.imagewithlegend-item-medialist-item-icon-podcast {
  background-image: url(../img/icon-medium-podcast.png);
}
.imagewithlegend-item-medialist-item-icon-blogentry {
  background-image: url(../img/icon-medium-blog.png);
}
@media (hover: hover) {
  a .imagewithlegend-item-medialist-item-icon:not(:disabled):hover {
    transform: scale(1.2);
  }
}
a .imagewithlegend-item-medialist-item-icon:not(:disabled):active {
  transform: scale(1.2);
}
.imagewithlegend-legendlist {
  margin-top: 2em;
}
.imagewithlegend-legendlist-item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  padding: 0;
  align-items: center;
  font-size: 0.7em;
}
.imagewithlegend-legendlist-item:before {
  content: none;
}
.imagewithlegend-legendlist-item .imagewithlegend-item-medialist-item-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  position: relative;
}

.part-contactform {
  overflow: hidden;
}
.part-contactform .form-holder .col.boxed-dark {
  background-color: #303c37;
}
.part-contactform .form-holder .col.boxed-dark .content {
  background-color: transparent !important;
}
.part-contactform .form-holder .col.boxed-dark-transparent {
  background-color: rgba(48, 60, 55, 0.8);
}
.part-contactform .form-holder .col.boxed-dark-transparent .content {
  background-color: transparent !important;
}
.part-contactform .form-holder .col.boxed-light {
  background-color: #4b695d;
}
.part-contactform .form-holder .col.boxed-light .content {
  background-color: transparent !important;
}
.part-contactform .form-holder .col.boxed-text {
  background-color: #fff0dc;
}
.part-contactform .form-holder .col.boxed-text .content {
  background-color: transparent !important;
  color: #131c17;
}

.contactbadge {
  border: 2px solid #e3c092;
  border-radius: 9999px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.contactbadge .contactbadge-image {
  border-radius: 9999px;
  width: 4.7em;
  overflow: hidden;
}
.contactbadge .contactbadge-text {
  padding: 0.6em;
  line-height: 1.1;
}
@media only screen and (max-width: 399px) {
  .contactbadge .contactbadge-text {
    font-size: 0.8em;
  }
}

.teasers .teasers-grid {
  display: grid;
  gap: var(--gutter-width);
}
@media only screen and (min-width: 768px) {
  .teasers .teasers-grid.grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .teasers .teasers-grid.grid-3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .teasers .teasers-grid.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.teasers .teaser {
  transition: transform 300ms ease;
}
.teasers .teaser .teaser-text {
  position: relative;
  padding: var(--gutter-width);
  padding-top: calc(var(--gutter-width) * 0.75);
  padding-bottom: calc(var(--gutter-width) * 0.75);
  background-color: rgba(19, 28, 23, 0.8);
  transform: translateY(-2em);
  transition: transform 300ms ease;
}
.teasers .teaser .teaser-text-headline {
  line-height: 1.1;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
  color: #fff0dc;
  margin-bottom: 0.25em;
}
@media only screen and (hover: hover) and (min-width: 768px) {
  .teasers .teaser:hover {
    transform: scale(1.02);
  }
  .teasers .teaser:hover .teaser-text {
    transform: translateY(0rem);
  }
}

.accordion {
  --accordion-padding: 1.5em;
}
@media only screen and (max-width: 479px) {
  .accordion {
    --accordion-padding: 1em;
  }
}
.accordion .accordion-item {
  width: 100%;
  transition: border-color 300ms ease, background-color 300ms ease;
  background-clip: padding-box;
  border-bottom: 2px solid var(--color-lines);
}
.accordion .accordion-item .accordion-item-trigger {
  line-height: 1.2;
  display: block;
  width: 100%;
  position: relative;
  padding: var(--accordion-padding);
  padding-right: 5em;
  margin-bottom: 0;
  border: 0;
  color: var(--color-text);
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  font-size: 1em;
  text-transform: none;
  letter-spacing: 1px;
  font-weight: normal;
}
.accordion .accordion-item .accordion-item-trigger:after {
  content: "+";
  position: absolute;
  display: flex;
  background-color: transparent;
  color: #e3c092;
  font-size: 1.5em;
  font-weight: bold;
  width: 2.5em;
  height: 100%;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  transition: transform 300ms ease;
}
.accordion .accordion-item .accordion-item-trigger:focus {
  border: 0;
  outline: 0;
}
.accordion .accordion-item .accordion-item-trigger:focus-visible {
  border-radius: 0;
  outline-offset: 1px;
  outline: 3px solid #e3c092;
}
.accordion .accordion-item .accordion-item-content {
  padding: var(--accordion-padding);
  padding-top: 0;
}
@media only screen and (min-width: 768px) {
  .accordion .accordion-item .accordion-item-content {
    padding-right: 20%;
  }
}
.accordion .accordion-item.open {
  background-color: transparent;
}
.accordion .accordion-item.open .accordion-item-trigger {
  font-weight: bold;
}
.accordion .accordion-item.open .accordion-item-trigger:after {
  transform: rotate(45deg);
}

.fab {
  --color-background: #4b695d;
  --color-text: #fff0dc;
  --fab-size: 80px;
  --outer-margin: 40px;
  display: grid;
  grid-template-columns: 30px 1fr;
  column-gap: 0.5em;
  border-radius: 999px;
  background: var(--color-background);
  margin: 0;
  border: 0;
  padding: 0.5em 1.5em;
}
@media only screen and (max-width: 1329px) {
  .fab {
    --fab-size: 40px;
    padding: 0;
    width: var(--fab-size);
    height: var(--fab-size);
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.fab:hover {
  --color-background: #131c17;
  --color-text: #fff0dc;
  background-color: var(--color-background);
  color: var(--color-text);
}
.fab:focus {
  outline: 0;
}
.fab:focus-visible {
  outline: 5px auto -webkit-focus-ring-color;
}
.fab:focus, .fab:focus:hover {
  background-color: #e3c092;
  border-color: #e3c092;
  color: #131c17;
  --color-text: #131c17;
}
.fab-wrapper {
  position: relative;
  --color-background: #4b695d;
  --color-text: #fff0dc;
}
body.fab-active .fab-wrapper {
  z-index: 9999;
}
@media only screen and (max-width: 1329px) {
  .fab-wrapper {
    position: absolute;
    right: 40px;
  }
}
.fab-background {
  display: none;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.fab-touch-target-wrapper {
  z-index: 1;
  display: grid;
  position: relative;
}
.fab__pulse {
  z-index: -1;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-background);
  border-radius: 999px;
}
.fab__pulse--running {
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: 5;
}
.fab__icon {
  width: 100%;
  height: 100%;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  background: var(--color-text);
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url(../img/icon-contact.svg);
          mask-image: url(../img/icon-contact.svg);
}
.fab__icon svg {
  width: calc(var(--fab-size) * 0.4);
  height: auto;
  fill: var(--color-white, #131c17);
  transform: translateX(-1px);
}
.fab.active .fab__icon {
  -webkit-mask-image: url(../img/icon-close.svg);
          mask-image: url(../img/icon-close.svg);
}
@media only screen and (min-width: 768px) {
  .fab__icon {
    transition: transform 0.2s ease;
  }
}
@media only screen and (max-width: 1329px) {
  .fab__icon {
    width: 60%;
    height: 60%;
  }
}
.fab__label {
  transition: opacity 0.2s ease;
  color: var(--color-text);
}
@media only screen and (max-width: 1329px) {
  .fab__label {
    display: none;
  }
}
.fab--active {
  border-radius: 40px;
}
.fab--extended .fab__label {
  opacity: 1;
  transition: opacity 0.2s ease 0.1s;
}
.fab-menu {
  --color-text: #131c17;
  --color-background: #fff;
  --animation-duration: 0.3s;
  --fab-size: 80px;
  --outer-margin: 40px;
  z-index: 2;
  display: none;
  position: absolute;
  overflow: hidden;
  color: var(--color-text);
  background: var(--color-background);
  border-radius: 14px 14px 0 0;
}
@media only screen and (max-width: 767px) {
  .fab-menu {
    --outer-margin: 15px;
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    transition: transform var(--animation-duration) ease;
    position: fixed;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .fab-menu {
    right: 0;
    top: 100px;
    width: 400px;
    max-width: 100vw;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--animation-duration) ease, visibility var(--animation-duration) ease;
  }
}
body.fab-active .fab-menu {
  display: grid;
}
@media only screen and (max-width: 767px) {
  .fab-menu.visible {
    transform: translateY(0);
  }
}
@media only screen and (min-width: 768px) {
  .fab-menu.visible {
    opacity: 1;
    visibility: visible;
  }
}
.fab-menu > header {
  --color-text: #131c17;
  --color-background: #e3c092;
  --color-primary: #131c17;
  color: var(--color-text);
  background: var(--color-background);
  padding: calc(var(--outer-margin) * 1.1) var(--outer-margin) var(--outer-margin);
}
.fab-menu > header > * {
  color: var(--color-text);
}
@media only screen and (min-width: 768px) {
  .fab-menu > header {
    padding: 1.4rem 1.25rem 1.25rem;
  }
}
.fab-menu > main {
  overflow: auto;
}
.fab-menu > main .menu {
  margin-bottom: 0;
}
.fab-menu > main .menu-item {
  margin: 0;
  padding: 0;
  font-size: 70%;
  line-height: 1.4;
}
.fab-menu > main .menu-item:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.fab-menu > main .menu-item > a {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border: 0;
  color: var(--color-text);
  padding: var(--outer-margin);
}
@media only screen and (min-width: 768px) {
  .fab-menu > main .menu-item > a {
    padding: 1.25rem;
  }
}
.fab-menu > main .menu-item .icon img {
  width: 40px;
}
.fab-menu > main .menu-item:before {
  display: none;
  padding: 0;
}

@keyframes pulse {
  0% {
    transform: scaleX(1) scaleY(1);
    opacity: 0.5;
  }
  100% {
    transform: scaleX(1.2) scaleY(1.5);
    opacity: 0;
  }
}
@media only screen and (max-width: 1329px) {
  @keyframes pulse {
    0% {
      transform: scaleX(1) scaleY(1);
      opacity: 0.5;
    }
    100% {
      transform: scaleX(1.5) scaleY(1.5);
      opacity: 0;
    }
  }
}
.downloads.normal .grid {
  max-width: 900px;
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .downloads.normal .grid {
    max-width: 1000px;
  }
}
.downloads.normal .grid {
  margin: 0 auto;
}

.downloads-item {
  container-type: inline-size;
  container-name: downloadwidth;
  --color-background: var(--color-box);
  --color-icon-wrapper: color-mix(in srgb, var(--color-box), black 15%);
  --color-icon: var(--color-primary);
  display: grid;
  grid-template-columns: 4em 1fr;
  align-items: center;
  text-decoration: none;
  color: var(--color-text);
  overflow: hidden;
  transition: opacity 300ms ease, background-color 300ms ease;
  background-color: var(--color-background);
  position: relative;
  border: 0;
  border-radius: 0;
  padding: 0;
  width: 100%;
  text-transform: none;
  font-weight: inherit;
  font-size: var(--body-font-size);
  text-align: left;
  letter-spacing: 1px;
}
.downloads-item:not(:first-child) {
  margin-top: 0.6em;
}
.downloads-item:focus {
  outline: 0;
}
.downloads-item:focus-visible {
  border-radius: 0;
  outline-offset: 1px;
  outline: 3px solid var(--color-primary);
}
.downloads-item .downloads-item-icon-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-icon-wrapper);
  transition: background-color 300ms ease;
}
.downloads-item .downloads-item-icon-wrapper .downloads-item-icon {
  display: block;
  max-width: 2.5em;
  height: 1.8em;
  width: 1.8em;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--color-icon);
}
.downloads-item .downloads-item-text {
  padding: 1.2em;
  transition: transform 300ms ease;
  transform: scale(1.01);
  line-height: 1.1;
}
@container downloadwidth (width <= 500px) {
  .downloads-item .downloads-item-text {
    font-size: 0.8em;
  }
}
.downloads-item .downloads-item-text .downloads-item-title {
  font-size: 1.1em;
  font-weight: bold;
  display: inline;
}
.downloads-item .downloads-item-text .downloads-item-type {
  display: inline;
  white-space: nowrap;
}
.downloads-item .downloads-item-text .downloads-item-type:before {
  content: "—";
  padding: 0 0.25em;
}

body:has(.downloads-item:hover) .downloads-item {
  opacity: 0.2;
}
@media (hover: hover) {
  body:has(.downloads-item:hover) .downloads-item:not(:disabled):hover {
    opacity: 1;
    background-color: var(--color-background);
  }
  body:has(.downloads-item:hover) .downloads-item:not(:disabled):hover .downloads-item-text {
    transform: scale(1);
    color: var(--color-text);
  }
}
body:has(.downloads-item:hover) .downloads-item:not(:disabled):active {
  opacity: 1;
  background-color: var(--color-background);
}
body:has(.downloads-item:hover) .downloads-item:not(:disabled):active .downloads-item-text {
  transform: scale(1);
  color: var(--color-text);
}

@media only screen and (max-width: 1329px) {
  .main-nav {
    background-color: transparent;
    min-height: 50px;
    transition: background-color 0.4s;
  }
  .main-nav .nav-logo {
    width: 35px;
    height: 30px;
    -webkit-mask-image: url("../img/logo-deutim-signet.svg");
            mask-image: url("../img/logo-deutim-signet.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center left;
            mask-position: center left;
    background-color: #131c17;
  }
  header.small .main-nav, .menu-open .main-nav {
    background: rgba(19, 28, 23, 0.9);
  }
  header.small .main-nav .nav-logo, .menu-open .main-nav .nav-logo {
    background-color: #e3c092;
  }
  .main-nav .grid-nav {
    position: relative;
    grid-template-columns: 75px 40px 1fr 40px;
    align-items: center;
    row-gap: 0;
    column-gap: 0;
    height: 50px;
  }
  .main-nav-search {
    grid-column: span 4;
  }
  .main-nav-holder {
    position: fixed;
    z-index: 2;
    right: 0;
    top: 50px;
    height: calc(100% - 50px);
    width: 100%;
    max-width: 500px;
    background: rgba(19, 28, 23, 0.9);
    border-left: 0;
    border-top: 1px solid #000;
    transform: translateX(110%);
    transition: transform 0.3s;
  }
  .menu-open .main-nav-holder {
    transform: translateX(0);
  }
  .main-nav-holder .mobile-nav-subheader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
    z-index: 1;
  }
  .main-nav-holder .mobile-nav-subheader .mobile-nav-back {
    border: none;
    background: none;
    outline: none;
    border-radius: 0;
    text-align: right;
    width: 100%;
    margin-top: 0;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .main-nav-holder .mobile-nav-subheader .mobile-nav-back:after {
    content: "";
    display: block;
    position: absolute;
    left: 15px;
    top: 0;
    width: 40px;
    height: 100%;
    -webkit-mask-image: url(../img/icon-arrow-l.svg);
            mask-image: url(../img/icon-arrow-l.svg);
    -webkit-mask-size: 20px;
            mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: left center;
            mask-position: left center;
    background-color: #e3c092;
  }
  .main-nav-holder .mobile-nav-subheader .mobile-nav-back:hover {
    background-color: #000;
  }
  .main-nav-holder .mobile-nav-subheader-link a {
    width: 100%;
    color: #e3c092;
    border-top: 1px solid #000;
  }
  .main-nav-holder .mobile-nav-subheader-link a:hover {
    background-color: #000;
  }
  .main-nav-holder.sub-menu-is-open .mobile-nav-subheader {
    transform: translateX(0);
  }
  .main-nav-holder .menu-hauptmenue-container {
    transition: transform 0.3s ease-out;
  }
  .main-nav-holder ul a {
    width: 100%;
    padding-right: 60px;
  }
  .main-nav-holder ul a:hover {
    background-color: #000;
  }
  .main-nav-holder ul#main-menu {
    width: 100%;
  }
  .main-nav-holder ul#main-menu li {
    width: 100%;
    position: static;
    text-indent: 0;
  }
  .main-nav-holder ul#main-menu li.menu-item-has-children > a:after {
    content: "";
    display: block;
    position: absolute;
    right: 17px;
    top: 0;
    width: 40px;
    height: 100%;
    -webkit-mask-image: url(../img/icon-arrow-r.svg);
            mask-image: url(../img/icon-arrow-r.svg);
    -webkit-mask-size: 20px;
            mask-size: 20px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: right center;
            mask-position: right center;
    background-color: #e3c092;
  }
  .main-nav-holder ul#main-menu li .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    display: none;
  }
  .main-nav-holder ul#main-menu li.has-open-sub-menu {
    position: static;
  }
  .main-nav-holder ul#main-menu li.has-open-sub-menu > a {
    background-color: #000;
  }
  .main-nav-holder ul#main-menu li.has-open-sub-menu > .sub-menu {
    display: block;
  }
  .main-nav-holder ul#main-menu > li > .sub-menu {
    top: 99px;
  }
  .main-nav-overflow {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .main-nav .mobile-nav-subheader-link {
    background-color: rgba(19, 28, 23, 0.9);
    color: #e3c092;
    font-weight: bold;
    padding: 0.3em 15px 0.2em;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8;
  }
  .main-nav .mobile-nav-subheader .mobile-nav-back,
  .main-nav ul a {
    color: #e3c092;
    font-weight: bold;
    display: inline-block;
    padding: 1.2em 15px 1.2em;
    position: relative;
    transition: background-color 0.3s, color 0.3s;
    border-bottom: 1px solid #000;
    font-size: 18px;
    text-decoration: none;
    line-height: 1.1;
  }
  .main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .main-nav ul li {
    margin: 0;
  }
  .main-nav ul li:before {
    display: none;
  }
}
@media only screen and (min-width: 1330px) {
  .main-nav {
    transition: transform 0.4s;
  }
  .main-nav:before {
    content: "";
    background: rgba(19, 28, 23, 0.95);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transform: scaleX(0);
    opacity: 0;
    transition: all 0.4s ease-in-out;
  }
  .main-nav .main-nav-overflow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .main-nav .nav-logo {
    width: 240px;
    height: 40px;
    -webkit-mask-image: url("../img/logo-deutim-reg.svg");
            mask-image: url("../img/logo-deutim-reg.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center left;
            mask-position: center left;
    background-color: #131c17;
    transition: background-color 0.2s, width 0.2s;
  }
  header.small .main-nav:before {
    transform: scaleX(1);
    opacity: 1;
  }
  header.small .main-nav ul#main-menu {
    height: 80px;
  }
  header.small .main-nav .nav-logo {
    width: 200px;
    background-color: #e3c092;
  }
  header.small .main-nav .main-nav-holder #main-menu > li > a {
    color: #e3c092;
  }
  header.small .main-nav .main-nav-holder #main-menu > li > a:hover, header.small .main-nav .main-nav-holder #main-menu > li > a:focus, header.small .main-nav .main-nav-holder #main-menu > li > a:active {
    color: #4b695d;
  }
  header.small .main-nav ul#main-menu > li.menu-item-has-children > a:after {
    border-color: #e3c092;
  }
  .main-nav-holder {
    position: relative;
    background-color: transparent;
    left: initial;
  }
  .main-nav .open-navigation,
  .main-nav .mobile-nav-subheader {
    display: none;
  }
  .main-nav .grid-nav {
    grid-template-columns: auto 1fr auto;
    column-gap: 40px;
    align-items: center;
  }
  .main-nav .menu-hauptmenue-container {
    transform: translateX(0%) !important;
  }
  .main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .main-nav ul li {
    margin: 0;
    padding: 0;
    transition: background-color 0.3s;
  }
  .main-nav ul li:before {
    content: none;
  }
  .main-nav ul#main-menu {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: auto;
    gap: 40px;
    align-items: center;
    height: 100px;
    transition: height 0.8s ease-in-out;
  }
  .main-nav ul#main-menu > li {
    position: relative;
    text-indent: 0;
  }
  .main-nav ul#main-menu > li > a {
    display: inline-block;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    color: #131c17;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s, color 0.3s;
    white-space: nowrap;
    margin-left: 0;
    margin-right: 0;
    text-indent: 0;
  }
  .main-nav ul#main-menu > li > a:hover, .main-nav ul#main-menu > li > a.active {
    color: #4b695d;
  }
  .main-nav ul#main-menu > li.menu-item-has-children > a {
    cursor: default;
  }
  .main-nav ul#main-menu > li.menu-item-has-children > a:after {
    content: "";
    display: inline-block;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 8px;
    height: 8px;
    margin-top: 12px;
    position: absolute;
    margin-left: 4px;
    transform: rotate(45deg);
  }
  .main-nav ul.sub-menu {
    position: absolute;
    background: #fff;
    left: 50%;
    margin-left: -125px;
    width: 300px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.3);
    margin-top: 0px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
    border-radius: 8px;
  }
  .main-nav ul.sub-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-width: 15px;
    border-color: transparent transparent #fff transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -15px;
  }
  .main-nav ul.sub-menu li {
    display: flex;
    align-items: center;
    padding: 1rem;
  }
  .main-nav ul.sub-menu li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
  }
  .main-nav ul.sub-menu li > a {
    font-weight: normal;
    text-decoration: none;
    font-size: 0.8em;
    color: #000;
    line-height: 1.1;
    display: inline-block;
  }
  .main-nav ul.sub-menu li > a:hover, .main-nav ul.sub-menu li > a.active {
    text-decoration: none;
    color: #4b695d;
  }
  .main-nav ul li.has-open-sub-menu ul.sub-menu {
    display: block;
    margin-top: 15px;
    opacity: 1;
    visibility: visible;
  }
}
.open-navigation,
.open-navigation:active,
.open-navigation:focus {
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  color: transparent;
  border: none;
  overflow: hidden;
  font-size: 0;
  outline: 0;
  width: 25px;
  height: 50px;
  min-height: 0;
  background: transparent;
  border-radius: 0;
  outline: 0 !important;
}
.open-navigation:before, .open-navigation:after,
.open-navigation:active:before,
.open-navigation:active:after,
.open-navigation:focus:before,
.open-navigation:focus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  border-bottom: 3px solid #e3c092;
  transition: border-color 0.2s, height 0.2s 0.2s, transform 0.2s, border 0.2s;
  transform: translate(-50%, -50%);
  background: 0 0;
  opacity: 1;
}
.open-navigation:before,
.open-navigation:active:before,
.open-navigation:focus:before {
  height: 40%;
  border-top: 3px solid #e3c092;
  transform: translate(-50%, -50%);
}
.open-navigation:after,
.open-navigation:active:after,
.open-navigation:focus:after {
  height: 0;
  border-top: 1px solid #e3c092;
  border-bottom: 2px solid #e3c092;
}
.page-template-default:not(.menu-open) .header:not(.small) .open-navigation:before, .page-template-default:not(.menu-open) .header:not(.small) .open-navigation:after, .page-template-template-no-header:not(.menu-open) .header:not(.small) nav.nav.dark-menu .open-navigation:before, .page-template-template-no-header:not(.menu-open) .header:not(.small) nav.nav.dark-menu .open-navigation:after,
.page-template-default:not(.menu-open) .header:not(.small) .open-navigation:active:before,
.page-template-default:not(.menu-open) .header:not(.small) .open-navigation:active:after,
.page-template-template-no-header:not(.menu-open) .header:not(.small) nav.nav.dark-menu .open-navigation:active:before,
.page-template-template-no-header:not(.menu-open) .header:not(.small) nav.nav.dark-menu .open-navigation:active:after,
.page-template-default:not(.menu-open) .header:not(.small) .open-navigation:focus:before,
.page-template-default:not(.menu-open) .header:not(.small) .open-navigation:focus:after,
.page-template-template-no-header:not(.menu-open) .header:not(.small) nav.nav.dark-menu .open-navigation:focus:before,
.page-template-template-no-header:not(.menu-open) .header:not(.small) nav.nav.dark-menu .open-navigation:focus:after {
  border-color: #000;
}
.open-navigation.active,
.open-navigation:active.active,
.open-navigation:focus.active {
  background-color: transparent;
}
.open-navigation.active:before, .open-navigation.active:after,
.open-navigation:active.active:before,
.open-navigation:active.active:after,
.open-navigation:focus.active:before,
.open-navigation:focus.active:after {
  transition: border-color 200ms, height 200ms, transform 200ms 200ms, border 200ms 200ms;
  border-color: #e3c092;
}
.open-navigation.active:before,
.open-navigation:active.active:before,
.open-navigation:focus.active:before {
  height: 0;
  border-bottom: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.open-navigation.active:after,
.open-navigation:active.active:after,
.open-navigation:focus.active:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.open-navigation:hover,
.open-navigation:active:hover,
.open-navigation:focus:hover {
  background: transparent;
}

.slider-nav .flickity-title, .customerslider .flickity-title,
.slider-nav .flickity-title + .flickity-page-dots,
.customerslider .flickity-title + .flickity-page-dots {
  display: inline-flex;
  position: static;
  align-items: center;
  width: 100%;
  height: 46px;
}
@media only screen and (min-width: 768px) {
  .slider-nav .flickity-title, .customerslider .flickity-title,
  .slider-nav .flickity-title + .flickity-page-dots,
  .customerslider .flickity-title + .flickity-page-dots {
    width: 50%;
    height: 80px;
  }
}
.slider-nav .flickity-title, .customerslider .flickity-title {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .slider-nav .flickity-title, .customerslider .flickity-title {
    justify-content: start;
  }
}
.slider-nav .flickity-title, .customerslider .flickity-title {
  font-weight: 900;
  color: #e3c092;
  text-transform: uppercase;
}
.slider-nav .flickity-title + .flickity-page-dots, .customerslider .flickity-title + .flickity-page-dots {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .slider-nav .flickity-title + .flickity-page-dots, .customerslider .flickity-title + .flickity-page-dots {
    justify-content: flex-end;
  }
}
.slider-nav .flickity-page-dots, .customerslider .flickity-page-dots {
  top: calc(100% + 25px);
}
@media only screen and (min-width: 1024px) {
  .slider-nav .flickity-page-dots, .customerslider .flickity-page-dots {
    top: calc(100% + 35px);
  }
}
@media only screen and (min-width: 1200px) {
  .slider-nav .flickity-page-dots, .customerslider .flickity-page-dots {
    top: calc(100% + 45px);
  }
}
.slider-nav .flickity-page-dots li, .customerslider .flickity-page-dots li {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 8px;
}
@media only screen and (min-width: 1024px) {
  .slider-nav .flickity-page-dots li, .customerslider .flickity-page-dots li {
    width: 22px;
    height: 22px;
    border-radius: 11px;
  }
}
.slider-nav .flickity-page-dots li, .customerslider .flickity-page-dots li {
  padding: 0;
  background-color: transparent;
  opacity: 1;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.slider-nav .flickity-page-dots li.is-selected, .customerslider .flickity-page-dots li.is-selected {
  border-color: #e3c092;
}
.slider-nav .flickity-page-dots li:before, .customerslider .flickity-page-dots li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 1024px) {
  .slider-nav .flickity-page-dots li:before, .customerslider .flickity-page-dots li:before {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.slider-nav .flickity-page-dots li:before, .customerslider .flickity-page-dots li:before {
  padding: 0;
  background-color: #e3c092;
}

#waelder .section-background {
  width: 140%;
  height: 140%;
  margin-left: -20%;
  margin-top: -10%;
}
#waelder .section-background img {
  object-fit: contain;
}

@media only screen and (min-width: 1024px) {
  #unternehmen > .textimg .textimg-img-wide {
    margin-left: -100px;
  }
  #unternehmen > .textimg .textimg-text,
  #unternehmen .customergrid,
  #unternehmen .customerslider {
    margin-top: -150px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  #unternehmen > .textimg .textimg-text,
  #unternehmen .customergrid,
  #unternehmen .customerslider {
    margin-top: -350px;
  }
}

@media only screen and (min-width: 1024px) {
  #echo .testimonials {
    margin-top: -70vw;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  #echo .testimonials {
    margin-top: -1000px;
  }
}

/* frontpage top video on mobile repositioning */
@media only screen and (max-width: 767px) {
  .home .pageheader + section {
    margin-top: 0;
  }
  .home .pageheader + section > .twocolumn {
    margin-top: 0;
  }
  .home .pageheader + section > .twocolumn .grid > .col.right {
    order: -1;
    transform: none !important;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .module-top-video .configurator-widget {
    transform: translateX(15%);
  }
}
.page-template-template-no-header nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a,
.page-template-template-configurator nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a,
.single-clientpage nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a {
  color: #e3c092;
}
@media only screen and (min-width: 1330px) {
  .page-template-template-no-header nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:hover, .page-template-template-no-header nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:active,
  .page-template-template-configurator nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:hover,
  .page-template-template-configurator nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:active,
  .single-clientpage nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:hover,
  .single-clientpage nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:active {
    color: #fff;
  }
}
.page-template-template-no-header nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:after,
.page-template-template-configurator nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:after,
.single-clientpage nav.nav:not(.dark-menu) .main-nav-holder ul#main-menu > li > a:after {
  border-color: #e3c092;
}
.page-template-template-no-header nav.nav:not(.dark-menu) .nav-logo,
.page-template-template-configurator nav.nav:not(.dark-menu) .nav-logo,
.single-clientpage nav.nav:not(.dark-menu) .nav-logo {
  background-color: #e3c092;
}
.page-template-template-no-header nav.nav:not(.dark-menu) .nav-logo:hover, .page-template-template-no-header nav.nav:not(.dark-menu) .nav-logo:focus, .page-template-template-no-header nav.nav:not(.dark-menu) .nav-logo:active,
.page-template-template-configurator nav.nav:not(.dark-menu) .nav-logo:hover,
.page-template-template-configurator nav.nav:not(.dark-menu) .nav-logo:focus,
.page-template-template-configurator nav.nav:not(.dark-menu) .nav-logo:active,
.single-clientpage nav.nav:not(.dark-menu) .nav-logo:hover,
.single-clientpage nav.nav:not(.dark-menu) .nav-logo:focus,
.single-clientpage nav.nav:not(.dark-menu) .nav-logo:active {
  background-color: #4b695d;
}
.page-template-template-no-header nav.nav:not(.dark-menu) .fab,
.page-template-template-configurator nav.nav:not(.dark-menu) .fab,
.single-clientpage nav.nav:not(.dark-menu) .fab {
  --color-background: #e3c092;
  --color-text: #131c17;
}
.page-template-template-no-header nav.nav:not(.dark-menu) .fab:hover,
.page-template-template-configurator nav.nav:not(.dark-menu) .fab:hover,
.single-clientpage nav.nav:not(.dark-menu) .fab:hover {
  --color-background: #fff;
  --color-text: #131c17;
  background-color: var(--color-background);
  color: var(--color-text);
}
.page-template-template-no-header nav.nav:not(.dark-menu) .fab-wrapper,
.page-template-template-configurator nav.nav:not(.dark-menu) .fab-wrapper,
.single-clientpage nav.nav:not(.dark-menu) .fab-wrapper {
  --color-background: #e3c092;
  --color-text: #131c17;
}

body.blog nav.nav .main-nav-holder ul#main-menu > li > a,
body.archive nav.nav .main-nav-holder ul#main-menu > li > a {
  color: #e3c092;
}
@media only screen and (min-width: 1330px) {
  body.blog nav.nav .main-nav-holder ul#main-menu > li > a:hover, body.blog nav.nav .main-nav-holder ul#main-menu > li > a:active,
  body.archive nav.nav .main-nav-holder ul#main-menu > li > a:hover,
  body.archive nav.nav .main-nav-holder ul#main-menu > li > a:active {
    color: #4b695d;
  }
}
body.blog nav.nav .main-nav-holder ul#main-menu > li > a:after,
body.archive nav.nav .main-nav-holder ul#main-menu > li > a:after {
  border-color: #e3c092;
}
body.blog nav.nav .nav-logo,
body.archive nav.nav .nav-logo {
  background-color: #e3c092;
}
body.blog nav.nav .nav-logo:hover, body.blog nav.nav .nav-logo:focus, body.blog nav.nav .nav-logo:active,
body.archive nav.nav .nav-logo:hover,
body.archive nav.nav .nav-logo:focus,
body.archive nav.nav .nav-logo:active {
  background-color: #4b695d;
}
body.blog main#main,
body.archive main#main {
  padding-top: 100px;
  overflow: visible;
}
@media only screen and (max-width: 1329px) {
  body.blog main#main,
  body.archive main#main {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 839px) {
  body.blog .blog-main-tile > .container, body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile > .blog-main-tile-text,
  body.archive .blog-main-tile > .container,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile > .blog-main-tile-text {
    max-width: none;
    padding: 0;
  }
}
body.blog .blog-main-tile .blog-main-tile-inner,
body.archive .blog-main-tile .blog-main-tile-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  transition: transform 300ms ease;
}
@media only screen and (max-width: 839px) {
  body.blog .blog-main-tile .blog-main-tile-inner,
  body.archive .blog-main-tile .blog-main-tile-inner {
    grid-template-columns: 1fr;
  }
}
body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
  background-color: rgba(19, 28, 23, 0.8);
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  transition: transform 300ms ease;
}
@media only screen and (max-width: 839px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
    padding-bottom: 20px;
    margin-bottom: -2rem;
  }
}
@media only screen and (min-width: 840px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text {
    max-width: none;
    padding: 0;
  }
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 768px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 1024px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 1200px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 1500px) and (min-height: 900px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .blog-main-tile-text-inner {
    padding-right: 40px;
  }
}
body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline,
body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline {
  font-size: 4rem;
  margin-bottom: 0.25em;
  hyphens: auto;
}
@media only screen and (max-width: 999px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 499px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-text .post-headline {
    font-size: 2rem;
  }
}
body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-img,
body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-img {
  transition: transform 300ms ease;
}
@media only screen and (min-width: 840px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-img,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-img {
    margin-left: -80px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 768px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-img,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-img {
    margin-left: -80px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 1024px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-img,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-img {
    margin-left: -120px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 1200px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-img,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-img {
    margin-left: -160px;
  }
}
@media only screen and (min-width: 840px) and (min-width: 1500px) and (min-height: 900px) {
  body.blog .blog-main-tile .blog-main-tile-inner .blog-main-tile-img,
  body.archive .blog-main-tile .blog-main-tile-inner .blog-main-tile-img {
    margin-left: -160px;
  }
}
@media only screen and (min-width: 768px) and (hover: hover) {
  body.blog .blog-main-tile .blog-main-tile-inner:hover,
  body.archive .blog-main-tile .blog-main-tile-inner:hover {
    transform: scale(1.02);
  }
  body.blog .blog-main-tile .blog-main-tile-inner:hover .blog-main-tile-text,
  body.archive .blog-main-tile .blog-main-tile-inner:hover .blog-main-tile-text {
    transform: translateX(-2rem);
  }
  body.blog .blog-main-tile .blog-main-tile-inner:hover .blog-main-tile-img,
  body.archive .blog-main-tile .blog-main-tile-inner:hover .blog-main-tile-img {
    transform: translateX(2rem);
  }
}
body.blog .category-menu-section,
body.archive .category-menu-section {
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  body.blog .category-menu-section,
  body.archive .category-menu-section {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  body.blog .category-menu-section,
  body.archive .category-menu-section {
    margin-top: 22.5px;
  }
}
@media only screen and (min-width: 1200px) {
  body.blog .category-menu-section,
  body.archive .category-menu-section {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.blog .category-menu-section,
  body.archive .category-menu-section {
    margin-top: 30px;
  }
}
body.blog section.blog-tiles,
body.archive section.blog-tiles {
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-top: 22.5px;
  }
}
@media only screen and (min-width: 1200px) {
  body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.blog section.blog-tiles,
  body.archive section.blog-tiles {
    margin-top: 30px;
  }
}
body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
body.archive section.blog-tiles > .container > .row,
body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}
@media only screen and (min-width: 768px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    column-gap: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    column-gap: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    column-gap: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    column-gap: 40px;
  }
}
body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
body.archive section.blog-tiles > .container > .row,
body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
  row-gap: 25px;
}
@media only screen and (min-width: 768px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    row-gap: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    row-gap: 37.5px;
  }
}
@media only screen and (min-width: 1200px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    row-gap: 50px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    row-gap: 50px;
  }
}
@media only screen and (max-width: 839px) {
  body.blog section.blog-tiles > .container > .row, body.blog .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row,
  body.archive section.blog-tiles > .container > .row,
  body.archive .blog-main-tile .blog-main-tile-inner section.blog-tiles > .blog-main-tile-text > .row {
    grid-template-columns: 1fr;
  }
}
body.blog .blog-infobox,
body.archive .blog-infobox {
  border: 2px solid #fff0dc;
  padding: 60px;
}
@media only screen and (min-width: 768px) {
  body.blog .blog-infobox,
  body.archive .blog-infobox {
    padding: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  body.blog .blog-infobox,
  body.archive .blog-infobox {
    padding: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  body.blog .blog-infobox,
  body.archive .blog-infobox {
    padding: 120px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.blog .blog-infobox,
  body.archive .blog-infobox {
    padding: 120px;
  }
}
body.blog .btn.posts-archive-loadmore,
body.archive .btn.posts-archive-loadmore {
  margin-top: 4rem;
  color: #131c17;
}
body.blog [data-loadmore-target],
body.archive [data-loadmore-target] {
  transition: opacity 300ms ease;
}
body.blog [data-loadmore-target].loading,
body.archive [data-loadmore-target].loading {
  opacity: 0.5;
}

body.single-post nav.nav .main-nav-holder ul#main-menu > li > a {
  color: #e3c092;
}
@media only screen and (min-width: 1330px) {
  body.single-post nav.nav .main-nav-holder ul#main-menu > li > a:hover, body.single-post nav.nav .main-nav-holder ul#main-menu > li > a:active {
    color: #4b695d;
  }
}
body.single-post nav.nav .main-nav-holder ul#main-menu > li > a:after {
  border-color: #e3c092;
}
body.single-post nav.nav .nav-logo {
  background-color: #e3c092;
}
body.single-post nav.nav .nav-logo:hover, body.single-post nav.nav .nav-logo:focus, body.single-post nav.nav .nav-logo:active {
  background-color: #4b695d;
}
body.single-post main#main {
  padding-top: 100px;
  overflow: visible;
}
@media only screen and (max-width: 1329px) {
  body.single-post main#main {
    padding-top: 50px;
  }
}
body.single-post .single-text-wrapper {
  position: relative;
  padding: 0 2rem;
  max-width: 60rem;
  margin: 0 auto;
  background-color: rgba(19, 28, 23, 0.8);
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  body.single-post .single-text-wrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .single-text-wrapper {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .single-text-wrapper {
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .single-text-wrapper {
    padding-bottom: 160px;
  }
}
body.single-post .single-text-wrapper {
  margin-top: -50px;
}
@media only screen and (min-width: 768px) {
  body.single-post .single-text-wrapper {
    margin-top: -50px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .single-text-wrapper {
    margin-top: -75px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .single-text-wrapper {
    margin-top: -100px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .single-text-wrapper {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 599px) {
  body.single-post .single-text-wrapper {
    hyphens: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
  }
}
body.single-post .single-text-wrapper .single-text-wrapper-header {
  height: 50px;
}
@media only screen and (min-width: 768px) {
  body.single-post .single-text-wrapper .single-text-wrapper-header {
    height: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .single-text-wrapper .single-text-wrapper-header {
    height: 75px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .single-text-wrapper .single-text-wrapper-header {
    height: 100px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .single-text-wrapper .single-text-wrapper-header {
    height: 100px;
  }
}
body.single-post .single-text-wrapper .single-text-wrapper-header {
  display: flex;
  align-items: center;
}
body.single-post .single-text-wrapper .post-cats {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  body.single-post .single-text-wrapper .post-cats {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .single-text-wrapper .post-cats {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .single-text-wrapper .post-cats {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .single-text-wrapper .post-cats {
    margin-top: 40px;
  }
}
body.single-post .single-text-wrapper .post-cta-contact {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  body.single-post .single-text-wrapper .post-cta-contact {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .single-text-wrapper .post-cta-contact {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .single-text-wrapper .post-cta-contact {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .single-text-wrapper .post-cta-contact {
    margin-top: 40px;
  }
}
body.single-post h1 {
  margin-top: 0.5em;
  font-size: 5rem;
}
@media only screen and (max-width: 999px) {
  body.single-post h1 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 499px) {
  body.single-post h1 {
    font-size: 2rem;
  }
}
body.single-post hr {
  height: 0;
  border: none;
  border-bottom: 2px solid #e3c092;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  body.single-post hr {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post hr {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post hr {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post hr {
    margin-top: 40px;
  }
}
body.single-post hr {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  body.single-post hr {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post hr {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post hr {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post hr {
    margin-bottom: 40px;
  }
}
body.single-post .featured-posts {
  border-top: 2px solid #e3c092;
}
body.single-post .featured-posts .featured-posts-title {
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-top: 22.5px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-top: 30px;
  }
}
body.single-post .featured-posts .featured-posts-title {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-bottom: 22.5px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .featured-posts .featured-posts-title {
    margin-bottom: 30px;
  }
}
body.single-post .featured-posts .featured-posts-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  row-gap: 2.5rem;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  body.single-post .featured-posts .featured-posts-tiles {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  body.single-post .featured-posts .featured-posts-tiles {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body.single-post .featured-posts .featured-posts-tiles {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  body.single-post .featured-posts .featured-posts-tiles {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 839px) {
  body.single-post .featured-posts .featured-posts-tiles {
    grid-template-columns: 1fr;
  }
}

.category-menu .category-nav ul {
  position: relative;
  left: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  height: 85px;
}
@media only screen and (min-width: 768px) {
  .category-menu .category-nav ul {
    height: 115px;
  }
}
.category-menu .category-nav ul {
  width: 100%;
}
.category-menu .category-nav ul li {
  margin: 17.5px 0;
  margin-right: 5px;
}
@media only screen and (min-width: 768px) {
  .category-menu .category-nav ul li {
    margin-right: 5px;
  }
}
@media only screen and (min-width: 1024px) {
  .category-menu .category-nav ul li {
    margin-right: 7.5px;
  }
}
@media only screen and (min-width: 1200px) {
  .category-menu .category-nav ul li {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .category-menu .category-nav ul li {
    margin-right: 10px;
  }
}
.category-menu .category-nav ul li {
  padding: 0;
}
.category-menu .category-nav ul li a {
  display: flex;
  align-items: center;
  background-color: #303c37;
  color: #fff0dc;
  padding: 0 1em;
  height: 50px;
  white-space: nowrap;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
}
@media only screen and (min-width: 768px) {
  .category-menu .category-nav ul li a {
    padding: 0 1.6em;
    height: 80px;
  }
}
@media (hover: hover) {
  .category-menu .category-nav ul li a:hover {
    background-color: #4b695d;
  }
}
.category-menu .category-nav ul li:before {
  content: none;
}
.category-menu .category-nav ul li.is-active a {
  background-color: #e3c092;
  color: #131c17;
}
.category-menu .category-nav ul.flickity-enabled {
  display: block;
  width: 100%;
}
.category-menu .category-nav ul .flickity-prev-next-button {
  height: 100%;
  width: 30px;
  top: 0;
  min-height: 0;
  transform: none;
  padding: 0;
  margin: 0;
  display: block;
  border-radius: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.category-menu .category-nav ul .flickity-prev-next-button:hover {
  background: none;
}
.category-menu .category-nav ul .flickity-prev-next-button:before {
  content: "";
  background-color: #e3c092;
  position: absolute;
  display: block;
  width: 2px;
  height: 110%;
  top: -5%;
  left: 14px;
}
.category-menu .category-nav ul .flickity-prev-next-button:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #e3c092;
}
.category-menu .category-nav ul .flickity-prev-next-button:disabled {
  opacity: 0;
}
.category-menu .category-nav ul .flickity-prev-next-button svg {
  display: none;
  fill: #e3c092;
}
.category-menu .category-nav ul .flickity-prev-next-button.previous {
  left: -14px;
  background: linear-gradient(to right, #131c17 50%, rgba(19, 28, 23, 0));
  transform: translateX(0px);
}
.category-menu .category-nav ul .flickity-prev-next-button.previous:after {
  right: 0;
  transform: translate(-20px, -50%) rotateZ(180deg);
}
.category-menu .category-nav ul .flickity-prev-next-button.next {
  right: -14px;
  transform: translateX(0px);
  background: linear-gradient(to right, rgba(19, 28, 23, 0), #131c17 50%);
}
.category-menu .category-nav ul .flickity-prev-next-button.next:after {
  left: 0;
  transform: translate(20px, -50%) rotateZ(360deg);
}

.post-tags {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .post-tags {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .post-tags {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .post-tags {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .post-tags {
    margin-top: 40px;
  }
}
.post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3em;
}

.post-tag {
  background-color: #e3c092;
  border-radius: 999px;
  padding: 0.15em 1em 0.15em 0.7em;
  color: #131c17;
  letter-spacing: 0;
}
.post-tag:before {
  content: "#";
  color: #fff0dc;
  margin-right: 0.25em;
}

.blog-subheader .blog-subheader-inner {
  border-top: 2px solid #e3c092;
  padding: 1.4em 0;
  line-height: 1.5;
}

.post-tile {
  transition: transform 300ms ease;
}
.post-tile .post-tile-text {
  position: relative;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .post-tile .post-tile-text {
    padding: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .post-tile .post-tile-text {
    padding: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .post-tile .post-tile-text {
    padding: 40px;
  }
}
@media only screen and (min-width: 1500px) and (min-height: 900px) {
  .post-tile .post-tile-text {
    padding: 40px;
  }
}
.post-tile .post-tile-text {
  background-color: rgba(19, 28, 23, 0.8);
  margin-top: -3rem;
  transition: transform 300ms ease;
}
.post-tile .post-tile-text-headline {
  margin-bottom: 0.25em;
  hyphens: auto;
}
@media only screen and (hover: hover) and (min-width: 768px) {
  .post-tile:hover {
    transform: scale(1.02);
  }
  .post-tile:hover .post-tile-text {
    transform: translateY(3rem);
  }
}

/*# sourceMappingURL=styles.css.map*/