/* Main.pcss from Jensen.Site */
/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

/**
Use a more readable tab size (opinionated).
*/

:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

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

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

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

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Swiper 6.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 18, 2020
 */

/**
 * Swiper 6.7.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 1, 2021
 */

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

.swiper-container{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}

.swiper-container-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-container-multirow-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-container-pointer-events{
  touch-action:pan-y
}

.swiper-container-pointer-events.swiper-container-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto
}

.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-container-3d{
  perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling: touch
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
  -ms-scroll-snap-type:x mandatory;
      scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
  -ms-scroll-snap-type:y mandatory;
      scroll-snap-type:y mandatory
}

/**
 * Swiper 6.7.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 1, 2021
 */

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

.swiper-container{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}

.swiper-container-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-container-multirow-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-container-pointer-events{
  touch-action:pan-y
}

.swiper-container-pointer-events.swiper-container-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto
}

.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-container-3d{
  perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling: touch
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
  -ms-scroll-snap-type:x mandatory;
      scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
  -ms-scroll-snap-type:y mandatory;
      scroll-snap-type:y mandatory
}

:root{
  --swiper-navigation-size:44px
}

.swiper-button-next,.swiper-button-prev{
  position:absolute;
  top:50%;
  width:calc(44px/ 44 * 27);
  width:calc(var(--swiper-navigation-size)/ 44 * 27);
  height:44px;
  height:var(--swiper-navigation-size);
  margin-top:calc(0px - (44px/ 2));
  margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--swiper-theme-color);
  color:var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity:.35;
  cursor:auto;
  pointer-events:none
}

.swiper-button-next:after,.swiper-button-prev:after{
  font-family:swiper-icons;
  font-size:44px;
  font-size:var(--swiper-navigation-size);
  text-transform:none!important;
  letter-spacing:0;
  text-transform:none;
  font-feature-settings:normal, ;
  font-variant:normal;
  font-variant:initial;
  line-height:1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
  left:10px;
  right:auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
  content:'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
  right:10px;
  left:auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
  content:'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
  --swiper-navigation-color:#ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
  --swiper-navigation-color:#000000
}

.swiper-button-lock{
  display:none
}

.swiper-pagination{
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10
}

.swiper-pagination.swiper-pagination-hidden{
  opacity:0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom:10px;
  left:0;
  width:100%
}

.swiper-pagination-bullets-dynamic{
  overflow:hidden;
  font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform:scale(.33);
  position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  transform:scale(.33)
}

.swiper-pagination-bullet{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:50%;
  background:#000;
  opacity:.2
}

button.swiper-pagination-bullet{
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer
}

.swiper-pagination-bullet-active{
  opacity:1;
  background:var(--swiper-theme-color);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets{
  right:10px;
  top:50%;
  transform:translate3d(0px,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:6px 0;
  display:block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  transform:translateY(-50%);
  width:8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  transition:.2s transform,.2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s right
}

.swiper-pagination-progressbar{
  background:rgba(0,0,0,.25);
  position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-theme-color);
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  transform-origin:right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width:100%;
  height:4px;
  left:0;
  top:0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
  width:4px;
  height:100%;
  left:0;
  top:0
}

.swiper-pagination-white{
  --swiper-pagination-color:#ffffff
}

.swiper-pagination-black{
  --swiper-pagination-color:#000000
}

.swiper-pagination-lock{
  display:none
}

.swiper-scrollbar{
  border-radius:10px;
  position:relative;
  -ms-touch-action:none;
  background:rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar{
  position:absolute;
  left:1%;
  bottom:3px;
  z-index:50;
  height:5px;
  width:98%
}

.swiper-container-vertical>.swiper-scrollbar{
  position:absolute;
  right:3px;
  top:1%;
  z-index:50;
  width:5px;
  height:98%
}

.swiper-scrollbar-drag{
  height:100%;
  width:100%;
  position:relative;
  background:rgba(0,0,0,.5);
  border-radius:10px;
  left:0;
  top:0
}

.swiper-scrollbar-cursor-drag{
  cursor:move
}

.swiper-scrollbar-lock{
  display:none
}

.swiper-zoom-container{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
  max-width:100%;
  max-height:100%;
  -o-object-fit:contain;
     object-fit:contain
}

.swiper-slide-zoomed{
  cursor:move
}

.swiper-lazy-preloader{
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  -webkit-animation:swiper-preloader-spin 1s infinite linear;
          animation:swiper-preloader-spin 1s infinite linear;
  box-sizing:border-box;
  border:4px solid var(--swiper-theme-color);
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000
}

@-webkit-keyframes swiper-preloader-spin{
  100%{
    transform:rotate(360deg)
  }
}

@keyframes swiper-preloader-spin{
  100%{
    transform:rotate(360deg)
  }
}

.swiper-container .swiper-notification{
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
  transition-timing-function:ease-out
}

.swiper-container-fade .swiper-slide{
  pointer-events:none;
  transition-property:opacity
}

.swiper-container-fade .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-container-cube{
  overflow:visible
}

.swiper-container-cube .swiper-slide{
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}

.swiper-container-cube .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide{
  transform-origin:100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.swiper-container-cube .swiper-cube-shadow{
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}

.swiper-container-cube .swiper-cube-shadow:before{
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter:blur(50px)
}

.swiper-container-flip{
  overflow:visible
}

.swiper-container-flip .swiper-slide{
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1
}

.swiper-container-flip .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.ss-main{
  position:relative;
  display:inline-block;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  color:#666;
  width:100%
}

.ss-main .ss-single-selected{
  display:flex;
  cursor:pointer;
  width:100%;
  height:30px;
  padding:6px;
  border:1px solid #dcdee2;
  border-radius:4px;
  background-color:#fff;
  outline:0;
  box-sizing:border-box;
  transition:background-color .2s
}

.ss-main .ss-single-selected.ss-disabled{
  background-color:#dcdee2;
  cursor:not-allowed
}

.ss-main .ss-single-selected.ss-open-above{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.ss-main .ss-single-selected.ss-open-below{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.ss-main .ss-single-selected .placeholder{
  flex:1 1 100%;
  text-align:left;
  width:calc(100% - 30px);
  line-height:1em;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.ss-main .ss-single-selected .placeholder,.ss-main .ss-single-selected .placeholder *{
  display:flex;
  align-items:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.ss-main .ss-single-selected .placeholder *{
  width:auto
}

.ss-main .ss-single-selected .placeholder .ss-disabled{
  color:#dedede
}

.ss-main .ss-single-selected .ss-deselect{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 1 auto;
  margin:0 6px;
  font-weight:700
}

.ss-main .ss-single-selected .ss-deselect.ss-hide{
  display:none
}

.ss-main .ss-single-selected .ss-arrow{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:0 1 auto;
  margin:0 6px
}

.ss-main .ss-single-selected .ss-arrow span{
  border:solid #666;
  border-width:0 2px 2px 0;
  display:inline-block;
  padding:3px;
  transition:transform .2s,margin .2s
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up{
  transform:rotate(-135deg);
  margin:3px 0 0
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down{
  transform:rotate(45deg);
  margin:-3px 0 0
}

.ss-main .ss-multi-selected{
  display:flex;
  flex-direction:row;
  cursor:pointer;
  min-height:30px;
  width:100%;
  padding:0 0 0 3px;
  border:1px solid #dcdee2;
  border-radius:4px;
  background-color:#fff;
  outline:0;
  box-sizing:border-box;
  transition:background-color .2s
}

.ss-main .ss-multi-selected.ss-disabled{
  background-color:#dcdee2;
  cursor:not-allowed
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled{
  color:#666
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete{
  cursor:not-allowed
}

.ss-main .ss-multi-selected.ss-open-above{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.ss-main .ss-multi-selected.ss-open-below{
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}

.ss-main .ss-multi-selected .ss-values{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  flex:1 1 100%;
  width:calc(100% - 30px)
}

.ss-main .ss-multi-selected .ss-values .ss-disabled{
  display:flex;
  padding:4px 5px;
  margin:2px 0;
  line-height:1em;
  align-items:center;
  width:100%;
  color:#dedede;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

@-webkit-keyframes scaleIn{
  0%{
    transform:scale(0);
    opacity:0
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

@keyframes scaleIn{
  0%{
    transform:scale(0);
    opacity:0
  }

  to{
    transform:scale(1);
    opacity:1
  }
}

@-webkit-keyframes scaleOut{
  0%{
    transform:scale(1);
    opacity:1
  }

  to{
    transform:scale(0);
    opacity:0
  }
}

@keyframes scaleOut{
  0%{
    transform:scale(1);
    opacity:1
  }

  to{
    transform:scale(0);
    opacity:0
  }
}

.ss-main .ss-multi-selected .ss-values .ss-value{
  display:flex;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  align-items:center;
  font-size:12px;
  padding:3px 5px;
  margin:3px 5px 3px 0;
  color:#fff;
  background-color:#5897fb;
  border-radius:4px;
  -webkit-animation-name:scaleIn;
          animation-name:scaleIn;
  -webkit-animation-duration:.2s;
          animation-duration:.2s;
  -webkit-animation-timing-function:ease-out;
          animation-timing-function:ease-out;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both
}

.ss-main .ss-multi-selected .ss-values .ss-value.ss-out{
  -webkit-animation-name:scaleOut;
          animation-name:scaleOut;
  -webkit-animation-duration:.2s;
          animation-duration:.2s;
  -webkit-animation-timing-function:ease-out;
          animation-timing-function:ease-out
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete{
  margin:0 0 0 5px;
  cursor:pointer
}

.ss-main .ss-multi-selected .ss-add{
  display:flex;
  flex:0 1 3px;
  margin:9px 12px 0 5px
}

.ss-main .ss-multi-selected .ss-add .ss-plus{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#666;
  position:relative;
  height:10px;
  width:2px;
  transition:transform .2s
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after{
  background:#666;
  content:"";
  position:absolute;
  height:2px;
  width:10px;
  left:-4px;
  top:4px
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross{
  transform:rotate(45deg)
}

.ss-content{
  position:absolute;
  width:100%;
  margin:-1px 0 0;
  box-sizing:border-box;
  border:1px solid #dcdee2;
  z-index:1010;
  background-color:#fff;
  transform-origin:center top;
  transition:transform .2s,opacity .2s;
  opacity:0;
  transform:scaleY(0)
}

.ss-content.ss-open{
  display:block;
  opacity:1;
  transform:scaleY(1)
}

.ss-content .ss-search{
  display:flex;
  flex-direction:row;
  padding:8px 8px 6px
}

.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input{
  height:0;
  opacity:0;
  padding:0;
  margin:0
}

.ss-content .ss-search input{
  display:inline-flex;
  font-size:inherit;
  line-height:inherit;
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:30px;
  padding:6px 8px;
  margin:0;
  border:1px solid #dcdee2;
  border-radius:4px;
  background-color:#fff;
  outline:0;
  text-align:left;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-appearance:textfield
}

.ss-content .ss-search input::-moz-placeholder{
  color:#8a8a8a;
  vertical-align:middle
}

.ss-content .ss-search input:-ms-input-placeholder{
  color:#8a8a8a;
  vertical-align:middle
}

.ss-content .ss-search input::placeholder{
  color:#8a8a8a;
  vertical-align:middle
}

.ss-content .ss-search input:focus{
  box-shadow:0 0 5px #5897fb
}

.ss-content .ss-search .ss-addable{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  font-size:22px;
  font-weight:700;
  flex:0 0 30px;
  height:30px;
  margin:0 0 0 8px;
  border:1px solid #dcdee2;
  border-radius:4px;
  box-sizing:border-box
}

.ss-content .ss-addable{
  padding-top:0
}

.ss-content .ss-list{
  max-height:200px;
  overflow-x:hidden;
  overflow-y:auto;
  text-align:left;
  -webkit-overflow-scrolling: touch
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label{
  padding:6px 10px;
  font-weight:700
}

.ss-content .ss-list .ss-optgroup .ss-option{
  padding:6px 6px 6px 25px
}

.ss-content .ss-list .ss-optgroup-label-selectable{
  cursor:pointer
}

.ss-content .ss-list .ss-optgroup-label-selectable:hover{
  color:#fff;
  background-color:#5897fb
}

.ss-content .ss-list .ss-option{
  padding:6px 10px;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none
}

.ss-content .ss-list .ss-option *{
  display:inline-block
}

.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover{
  color:#fff;
  background-color:#5897fb
}

.ss-content .ss-list .ss-option.ss-disabled{
  cursor:not-allowed;
  color:#dedede;
  background-color:#fff
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected{
  color:#666;
  background-color:rgba(88,151,251,.1)
}

.ss-content .ss-list .ss-option.ss-hide{
  display:none
}

.ss-content .ss-list .ss-option .ss-search-highlight{
  background-color:#fffb8c
}

@font-face {
  font-family: 'Roboto';

  src: url('../Fonts/roboto-regular-webfont.woff2') format('woff2'),
  url('../Fonts/roboto-regular-webfont.woff') format('woff');

  font-style: normal;

  font-weight: 400;

  font-display: swap;
}

@font-face {
  font-family: 'Work Sans';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url('../Fonts/WorkSans-LightItalic.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url('../Fonts/WorkSans-Light.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url('../Fonts/WorkSans-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url('../Fonts/WorkSans-Italic.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: italic;

  font-weight: 500;

  font-display: swap;

  src: url('../Fonts/WorkSans-MediumItalic.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url('../Fonts/WorkSans-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: italic;

  font-weight: 600;

  font-display: swap;

  src: url('../Fonts/WorkSans-SemiBoldItalic.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: normal;

  font-weight: 600;

  font-display: swap;

  src: url('../Fonts/WorkSans-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url('../Fonts/WorkSans-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Work Sans';

  font-style: italic;

  font-weight: 700;

  font-display: swap;

  src: url('../Fonts/WorkSans-BoldItalic.woff') format('woff');
}

body {
  font-family: 'Roboto', sans-serif;
}

main{
  z-index: 2;
  position: relative;
}

.container.container-menu {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px
}

@media (min-width: 1024px){

.container.container-menu {
    display: flex
}
  }

strong{
  font-weight: 700;
}

a{
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
  font-family: AkkuratLLSub-Black, sans-serif;
  font-weight: 700;
}

li {
  font-size: 1.125em;
  line-height: 1.3125rem;
}

h1, .h1 {
  font-size: 5em;
  line-height: 5.5rem
}

@media (max-width: 767px) {

h1, .h1 {
    font-size: 2.25em;

    line-height: 2.5rem
}
  }

h2, .h2 {
  font-size: 3em;
  line-height: 3.5625rem
}

@media (max-width: 767px) {

h2, .h2 {
    font-size: 2.25em;

    line-height: 2.5rem;

    margin-bottom: 0.75rem
}
  }

h3, .h3 {
  font-size: 2.25em;
  line-height: 2.875rem;
  margin-bottom: 1.75rem
}

@media (max-width: 767px) {

h3, .h3 {
    font-size: 1.5em;

    line-height: 2rem;

    margin-bottom: 0.5rem
}
  }

h4, .h4 {
  font-size: 1.5em;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}

h5, .h5{
  font-family: Akkurat Pro, sans-serif;
  font-size: 1.125em;
  line-height: 1;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  h5, .h5 {
    font-size: 1.25em;
  }
}

h6, .h6 {
  font-size: 0.75em;
  line-height: 1rem;
}

p{
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 2rem;
  margin-bottom: 1.75rem;
  color: rgba(41, 40, 39, 0.7);
}

ul li {
    color: rgba(41, 40, 39, 0.7);
  }

.text-vertical{
  font-weight: 700;
  position: absolute;
  bottom: 280px;
  transform: rotate(90deg) scale(-1);
}

.section__footer__scroll-top {
    right: 30px;
    bottom: 30px;
    transition: height 0.4s ease, width 0.4s ease, opacity 0.4s ease;
    --tw-bg-opacity: 1;
    background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0px;
    opacity: 0;
    position: fixed;
    width: 0px;
    z-index: 10;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-rotate: -90deg;
  }

.section__footer__scroll-top svg{
      transform: scale(1);
      transition: transform 0.4s ease;
    }

.section__footer__scroll-top:hover svg{
        transform: scale(1.5);
      }

.section__footer__scroll-top.active{
      opacity: 1;
      height: 60px;
      width: 60px;
    }

.cars-car .section__footer__scroll-top {
      bottom: 90px;
    }

.rich-text li {
  font-size: 0.875em;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  position: relative
}

@media (min-width: 768px) {
  .rich-text li {
    font-size: 1.125em;
  }
}

.rich-text li {
  line-height: 1.875rem;
}

.rich-text li:last-of-type {
    margin-bottom: 0px;
  }

.rich-text li:before {
  content: '';
  --tw-bg-opacity: 1;
  background-color: rgba(34, 34, 34, var(--tw-bg-opacity));
  border-radius: 9999px;
  position: absolute;
  left: 0px;
  height: 7px;
  width: 7px;
  margin-top: 13px
}

@media (max-width: 1023px) {

.rich-text li:before {
    margin-top: 11px
}
  }

.rich-text ul {
  font-size: 1em;
  padding-top: 1rem;
  padding-bottom: 1.5rem
}

@media (max-width: 1023px) {

.rich-text ul {
    margin-bottom: 0.25rem
}
  }

.rich-text ul li {
  margin-bottom: 1rem
}

@media (max-width: 1023px) {

.rich-text ul li {
    margin-bottom: 0.25rem;

    font-size: 1.125em
}
  }

.rich-text p {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 2rem;
  margin-bottom: 2.5rem;
  color: rgba(41, 40, 39, 0.7)
}

@media (max-width: 767px) {

.rich-text p {
    margin-bottom: 1.25rem
}
  }

.rich-text h1, .rich-text h2, .rich-text h4, .rich-text h5, .rich-text h6 {
  font-weight: 700;
}

.rich-text h1 {
  font-size: 5em;
}

.rich-text h1.h2.accent, .rich-text h2 {
  font-size: 3em;
  margin-bottom: 2.25rem;
  position: relative
}

@media (max-width: 767px) {

.rich-text h1.h2.accent, .rich-text h2 {
    font-size: 1.5em;

    line-height: 1.75rem;

    margin-bottom: 1.5rem;

    position: relative
}
  }

.rich-text h4 {
  font-weight: 400;
  font-size: 1.5em;
  margin-bottom: 0.5rem;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
}

.rich-text h5 {
  font-weight: 400;
  font-size: 1.25em;
  margin-bottom: 0.5rem;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
}

.rich-text h6 {
  font-size: 1em;
  margin-bottom: 2rem;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
}

.rich-text small {
  display: block;
  font-size: 1em;
  --tw-text-opacity: 1;
  color: rgba(149, 149, 149, var(--tw-text-opacity));
}

.rich-text h1.h2.accent, .rich-text h2.accent {
  padding-left: 160px
}

@media (max-width: 1023px) {

.rich-text h1.h2.accent, .rich-text h2.accent {
    padding-left: 78px
}
  }

.rich-text h2.accent.no-margin {
  margin-bottom: 0px;
}

.rich-text h1.h2.accent:before, .rich-text h2.accent:before {
  --tw-bg-opacity: 1;
  background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 72px;
  height: 2px;
  transition: width 0.5s ease
}

@media (max-width: 1023px) {

.rich-text h1.h2.accent:before, .rich-text h2.accent:before {
    transform: translate(0, -50%);

    width: 45px
}
  }

.rich-text h1.h2.accent.active:before, .rich-text h2.accent.active:before {
  content: '';
  width: 0;
}

.bg-dark {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.rich-text a {
  display: inline-block;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(90, 111, 71, var(--tw-text-opacity))
}

.rich-text a:before {
    content: '';
    bottom: 3px;
    height: 1px;
    transition: all 0.2s ease-in-out;
    --tw-bg-opacity: 1;
    background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
    position: absolute;
    width: 0px;
  }

.rich-text a:hover:before {
    content: '';
    width: 100%;
  }

.rich-text a[target=_blank] {
  padding-right: 25px;
  position: relative;
}

.rich-text a[target=_blank]:after {
  content: " ";
  top: 5px;
  height: 20px;
  width: 20px;
  background-image: url("../../Jensen.Components/Icons/link-external.svg");
  position: absolute;
  right: 0px;
}

.hamburger {
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.navigation--open .hamburger.is-active .hamburger-inner,
.navigation--open .hamburger.is-active .hamburger-inner::before,
.navigation--open .hamburger.is-active .hamburger-inner::after {
  background-color: #FFF;
}

.hamburger-box {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 16px;
  height: 2px;
  background-color: #000;
  border-radius: 2px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -6px;
}

.hamburger-inner::after {
  bottom: -6px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.link span {
  font-size: 1.125em;
  --tw-text-opacity: 1;
  color: rgba(90, 111, 71, var(--tw-text-opacity));
}

.link img {
  margin-right: 0.75rem;
}

.section-link .link, .heading-links li a {
  position: relative
}

.section-link .link:before, .heading-links li a:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1px;
    transition: all 0.4s ease;
    --tw-bg-opacity: 1;
    background-color: rgba(77, 111, 97, var(--tw-bg-opacity));
  }

.section-link .link:hover:before, .heading-links li a:hover:before {
      width: 100%;
    }

.heading-links li a:before {
    --tw-bg-opacity: 1;
    background-color: rgba(217, 192, 119, var(--tw-bg-opacity));
  }

.btn{
  --tw-bg-opacity: 1;
  background-color: rgba(90, 111, 71, var(--tw-bg-opacity))
}

.btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.btn {
  --tw-border-opacity: 1;
  border-color: rgba(90, 111, 71, var(--tw-border-opacity));
  border-width: 2px;
  display: inline-flex;
  justify-content: center;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 0.75em;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.btn:hover {
  --tw-text-opacity: 1;
  color: rgba(90, 111, 71, var(--tw-text-opacity));
}

.btn {
  letter-spacing: 0.0625em;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn--hidden {
    display:none;
  }

.btn--green{
    border-width: 2px;
    min-height: 42px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

.btn--orange{
    --tw-bg-opacity: 1;
    background-color: rgba(227, 169, 46, var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgba(227, 169, 46, var(--tw-border-opacity));
    border-width: 2px;
    min-height: 42px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }

.btn--dark-green {
    --tw-bg-opacity: 1;
    background-color: rgba(55, 87, 74, var(--tw-bg-opacity));
  }

.btn--dark-green:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.btn--dark-green {
    --tw-border-opacity: 1;
    border-color: rgba(55, 87, 74, var(--tw-border-opacity));
  }

.btn--dark-green:hover {
    --tw-text-opacity: 1;
    color: rgba(55, 87, 74, var(--tw-text-opacity));
  }

.btn--transparent{
    background-color: transparent;
  }

.btn--transparent:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
  }

.btn--transparent {
    min-height: 42px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    --tw-text-opacity: 1;
    color: rgba(55, 87, 74, var(--tw-text-opacity));
  }

.btn--transparent:hover {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

@media (min-width: 1024px) {
  .btn--hidden-lg {
      display:none
  }
    }

@media (min-width: 1024px) {
  .btn--show-lg {
      display: inline-flex
  }
    }

.btn--cursor-pointer {
    cursor: pointer
  }

.btn--small{
  --tw-border-opacity: 1;
  border-color: rgba(55, 87, 74, var(--tw-border-opacity));
  border-width: 1px;
  font-size: 0.75em;
  line-height: 1rem;
}

.btn--menu{
  /*@apply text-10 leading-16 py-3 px-4 mr-9 tracking-middle-wild uppercase;*/
  font-size: 0.625em;
  line-height: 1rem;
  margin-right: 2.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-transform: uppercase;
  border: 0
}

@media (max-width: 639px) {

.btn--menu{
    margin-right: 1rem;

    padding-top: 0.375rem;

    padding-bottom: 0.375rem
}
  }

.btn--icon{
  z-index: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: right;
  font-weight: 700;
  height: 3rem;
  margin-right: 2.5rem;
  position: relative;
  width: 3rem;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

@media (min-width: 768px) {
  .btn--icon {
    display: none;
  }
}

.btn--icon-small{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

.btn--arrow{
  --tw-bg-opacity: 1;
  background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  float: right;
  font-weight: 700;
  height: 3rem;
  margin-right: 1.5rem;
  position: relative;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  width: 3rem;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.btn__icon-text{
  padding-left: 15px;
  display: flex;
}

@media (max-width: 1023px){
  .btn--small{
    font-size: 0.625em;
    line-height: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.btn__play{
  background-color: rgba(0,0,0,.26);
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  border-radius: 9999px;
  border-width: 2px;
  border-width: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  z-index: 1;
}

.btn__play:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
}

.btn__play {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 500ms;
}

.video {
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  position: relative;
}

@media (min-width: 640px){
  .video__headline{
      font-size: 2em;

      line-height: 2.5rem
  }
    }

@media (min-width: 1280px){
  .video__headline{
      font-size: 5em;

      line-height: 5.5rem
  }
    }

.video iframe, .video__placeholder {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.video iframe{
  z-index: 2;
}

.video__placeholder{
  z-index: 1;
}

.video__wrapper {
  overflow: hidden;
  position: relative;
}

.video:after {
  content: '';
  background-color: rgba(0, 0, 0, .2);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.video__single:after {
  display: none;
}

.video__text-bottom {
  z-index: 1;
  padding-bottom: 2.5rem;
}

.video__text-bottom ul li p, .video__text-bottom ul li span {
      }

.video__text-bottom ul li {
      font-size: 16px;
}

@media (max-width: 767px) {

.video__text-bottom {
    padding-bottom: 0px;

    padding-top: 2.25rem
}
  }

.video__text-bottom li {
  margin-bottom: 0.75rem
}

@media (max-width: 767px) {

.video__text-bottom li {
    display: block;

    margin-left: 0px;

    width: 100%
}
  }

@media (min-width: 768px) {

.video__text-bottom li:nth-of-type(odd) {
      margin-left: 0px
  }
    }

.video__text-bottom li:first-of-type {
    margin-left: 0px;
  }

.video .btn__play.hidden {
  display: none;
}

.select{
  text-align: left;
}

.select label{
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 0.875em;
    --tw-text-opacity: 1;
    color: rgba(105, 104, 103, var(--tw-text-opacity))
  }

.selectbox__car{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ss-main .ss-single-selected{
  --tw-border-opacity: 1;
  border-color: rgba(90, 111, 71, var(--tw-border-opacity));
  border-style: solid;
  border-width: 1px;
  min-height: 46px;
  border-radius: 0;
  padding: 5px 10px;
  font-size: 14px;
}

.ss-main .ss-option{
    font-size: 14px;
  }

.ss-content .ss-list .ss-option:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
}

.teaser__service {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    cursor: default;
    display: block;
    height: 100%;
    position: relative;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
  }

.teaser .menu-white.navigation__logo svg__service .teaser .menu-white.navigation__logo svg {
        fill: #000000;
      }

.teaser__service[href] {
      cursor: pointer;
    }

.teaser__service[href]:hover {
      --tw-shadow: -15px 15px 20px 0px rgba(55,87,74,0.15);;
      box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
    }

.teaser__service .rich-text h1, .teaser__service .rich-text h2, .teaser__service .rich-text h3, .teaser__service .rich-text h4, .teaser__service .rich-text h5, .teaser__service .rich-text h6 {
        font-weight: 600;
      }

.teaser__service .separator {
      --tw-bg-opacity: 1;
      background-color: rgba(217, 192, 119, var(--tw-bg-opacity));
      display: inline-block;
      height: 0.25rem;
      margin-bottom: 1.75rem;
      width: 2.5rem;
    }

.teaser__service:hover .separator {
        -webkit-animation: widthAnimation .4s linear;
                animation: widthAnimation .4s linear;
      }

.swiper-container-teaser .swiper-slide {
    height: auto;
  }

@-webkit-keyframes widthAnimation {
  0% {
    width: 0;
  }

  100% {
    width: 40px;
  }
}

@keyframes widthAnimation {
  0% {
    width: 0;
  }

  100% {
    width: 40px;
  }
}

@media (max-width: 639px) {
          .video__wrapper .video__text-bottom ul li a svg {
              min-width: 25px
          }
            }

.video__wrapper .heading-title a {
      text-decoration: underline;
    }

@media (min-width: 768px) {
  .video__wrapper .heading-description {
      max-width: 410px
  }
    }

.video__wrapper .heading-description a {
      text-decoration: underline;
    }

.articles-article .section--header .\-mb-20 {
      margin-bottom: 0!important;
    }

.articles-article .section--header .\-mb-20 {
      margin-bottom: 0!important;
    }

.team-person h5, .team-person .h5 {
    font-size: 24px
  }

@media (max-width: 639px) {
  .team-person h5, .team-person .h5 {
      font-size: 20px
  }
    }

#topSearch button:focus {
      outline-width: 0px !important;
    }

#topSearch button.focus-visible {
      outline-width: 0px !important;
    }

#topSearch button:focus-visible {
      outline-width: 0px !important;
    }

.flowpack-searchplugin-search form {
    display: flex;
    margin-bottom: 1.25rem;
    background-color: #FFFFFF;
  }

.flowpack-searchplugin-search form .close-input {
      right: 5%;
      cursor: pointer;
      display: flex;
      display: none;
      align-items: center;
      height: 100%;
      position: absolute;
      top: 0px;
    }

.flowpack-searchplugin-search form .video .btn__play.close-input {
      display: none;
    }

.flowpack-searchplugin-search form input {
      background-color: transparent;
      --tw-border-opacity: 1;
      border-color: rgba(90, 111, 71, var(--tw-border-opacity));
      border-style: solid;
      font-size: 2.25em;
      outline: 2px solid transparent;
      outline-offset: 2px;
      padding-right: 2rem;
      --tw-text-opacity: 1;
      color: rgba(227, 169, 46, var(--tw-text-opacity));
      border-bottom-width: 3px;
      width: 95%
    }

@media (max-width: 767px) {
    .flowpack-searchplugin-search form input {
        font-size: 1.25em
    }
      }

/* clears the 'X' from Internet Explorer */

.flowpack-searchplugin-search form input[type=search]::-ms-clear {  display: none; width : 0; height: 0;
    }

.flowpack-searchplugin-search form input[type=search]::-ms-reveal {  display: none; width : 0; height: 0;
    }

/* clears the 'X' from Chrome */

.flowpack-searchplugin-search form input[type="search"]::-webkit-search-decoration,
    .flowpack-searchplugin-search form input[type="search"]::-webkit-search-cancel-button,
    .flowpack-searchplugin-search form input[type="search"]::-webkit-search-results-button,
    .flowpack-searchplugin-search form input[type="search"]::-webkit-search-results-decoration { display: none;
    }

.flowpack-searchplugin-search form button {
      width: 20%;
      margin-left: auto;
      transition: .3s linear;
      --tw-bg-opacity: 1;
      background-color: rgba(90, 111, 71, var(--tw-bg-opacity));
      --tw-border-opacity: 1;
      border-color: rgba(90, 111, 71, var(--tw-border-opacity));
      border-width: 2px;
      justify-content: center;
      font-family: Akkurat Pro, sans-serif;
      font-weight: 500;
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      text-transform: uppercase;
      letter-spacing: 0.0625em
    }

@media (max-width: 767px) {
    .flowpack-searchplugin-search form button {
        width: 30%
    }
      }

@media (max-width: 767px) {
    .flowpack-searchplugin-search form button {
        font-size: 0.75rem;

        line-height: 1rem
    }
      }

.flowpack-searchplugin-search form button:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        --tw-border-opacity: 1;
        border-color: rgba(90, 111, 71, var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgba(90, 111, 71, var(--tw-text-opacity));
      }

.flowpack-searchplugin-search form button .menu-white.navigation__logo svg:hover .flowpack-searchplugin-search form button .menu-white.navigation__logo svg {
            fill: #000000;
          }

.flowpack-searchplugin-search .search__results__count {
    font-size: 1em;
    --tw-text-opacity: 1;
    color: rgba(90, 111, 71, var(--tw-text-opacity));
  }

.flowpack-searchplugin-search ol {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

.flowpack-searchplugin-search ol li {
      border-bottom: 1px solid black;
      margin-bottom: 2.5rem;
      padding-bottom: 1rem;
    }

.flowpack-searchplugin-search ol p {
      font-family: Roboto, sans-serif;
      font-size: 1em;
      margin-bottom: 0.25rem;
      line-height: 1.4;
    }

.flowpack-searchplugin-search ol em {
      font-style: inherit;
      font-weight: 700;
      --tw-text-opacity: 1;
      color: rgba(90, 111, 71, var(--tw-text-opacity));
    }

.flowpack-searchplugin-search ol .breadcrumb {
      font-weight: 700;
      font-size: 0.75em;
      --tw-text-opacity: 1;
      color: rgba(90, 111, 71, var(--tw-text-opacity));
    }

.flowpack-searchplugin-search .page-navigation ul {
      display: flex;
    }

.flowpack-searchplugin-search .page-navigation ul li {
        font-weight: 700;
        font-size: 1.25em;
        margin-right: 1rem;
        --tw-text-opacity: 1;
        color: rgba(227, 169, 46, var(--tw-text-opacity))
      }

.flowpack-searchplugin-search .page-navigation ul li.current {
          --tw-text-opacity: 1;
          color: rgba(90, 111, 71, var(--tw-text-opacity));
        }

.grid-line{
  border-left: 1px solid #EFE9E1;
  width: 100%
}

.grid-line:last-of-type{
    border-right: 1px solid #EFE9E1;
  }

.grid-lines{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-width: 960px;
  left: 50%;
  transform: translateX(-50%);
}

.menu {
  margin-bottom: 0px;
  margin-left: auto
}

@media (max-width: 1023px) {

.menu {
    margin-left: 0px;

    margin-right: 0px;

    margin-bottom: 2.5rem
}
  }

.menu li {
  margin-left: 2.5rem
}

@media (max-width: 639px) {

.menu li {
    margin-left: 0px
}
  }

.menu-black li a, .menu-white li a {
  font-size: 16px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
  position: relative
}

@media screen and (max-width: 1023px) {

.menu-black li a, .menu-white li a {
    font-size: 36px;

    color: #fff
}

    .menu-black li a:before, .menu-white li a:before {
      background-color: transparent;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 500ms;
      content: '';
      position: absolute;
      height: 7px;
      width: 7px;
      border-radius: 50%;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      bottom: -10px;
    }
  }

@media screen and (max-width: 767px) {

.menu-black li a, .menu-white li a {
    font-weight: 600;

    line-height: 1.2em
}
  }

.menu-white li a {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.menu-black .navigation__link--active a {
  position: relative
}

@media screen and (min-width: 1024px) {
    .menu-black .navigation__link--active a:before {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
        .menu-black .navigation__link--active a .menu-white.navigation__logo svg:before .menu-black .navigation__link--active a .menu-white.navigation__logo svg {
          fill: #000000;
        }

    .menu-black .navigation__link--active a:before {
      content: '';
      position: absolute;
      height: 7px;
      width: 7px;
      border-radius: 50%;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
    }
  }

@media screen and (max-width: 767px) {

.menu-black .navigation__link--active a {
    padding-left: 10px
}
  }

.menu-white li a:hover {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.menu-white li a:hover:before {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.menu-white li a:hover .menu-white.navigation__logo svg:before .menu-white li a:hover .menu-white.navigation__logo svg {
        fill: #000000;
      }

.menu-black li a:hover {
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity))
}

.menu-black li a:hover:before {
    --tw-bg-opacity: 1;
    background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-duration: 300ms;
  }

@media (min-width: 1024px) {
    .menu-black li a:before, .menu-white li a:before {
      content: '';
      position: absolute;
      height: 7px;
      width: 7px;
      border-radius: 50%;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      background-color: transparent;
      transition: background-color 0.6s ease-in-out;
    }
  }

@media (min-width: 1024px) {
    .menu-black li a:hover:before {
      content: '';
      --tw-bg-opacity: 1;
      background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
    }
  }

@media (min-width: 1024px) {
    .menu-white li a:hover:before {
      content: '';
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
        .menu-white li a:hover .menu-white.navigation__logo svg:before .menu-white li a:hover .menu-white.navigation__logo svg {
          fill: #000000;
        }
  }

.menu-black .navigation__link--active a {
  position: relative
}

@media (min-width: 1024px) {
    .menu-black .navigation__link--active a:before {
      content: '';
      --tw-bg-opacity: 1;
      background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
    }
  }

@media (min-width: 1024px) {
    .menu-white .navigation__link--active a:before {
      content: '';
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
        .menu-white .navigation__link--active a .menu-white.navigation__logo svg:before .menu-white .navigation__link--active a .menu-white.navigation__logo svg {
          fill: #000000;
        }
  }

@media (min-width: 1024px) {
    .menu-black .navigation__link--active a:before {
      content: '';
      --tw-bg-opacity: 1;
      background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
    }
  }

.menu li a:hover, .menu li a {
  position: relative;
  white-space: nowrap
}

@media (max-width: 1023px) {

.menu li a:hover, .menu li a {
    margin-left: 0px;

    margin-right: 0px;

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, var(--tw-text-opacity))
}
  }

@media (max-width: 1023px) {

.menu li a:hover {
    padding-left: 30px
}
  }

@media (max-width: 1023px) {
    .menu li a:hover:before {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
        .menu li a:hover .menu-white.navigation__logo svg:before .menu li a:hover .menu-white.navigation__logo svg {
          fill: #000000;
        }

    .menu li a:hover {

    margin-left: 0px;

    margin-right: 0px;

    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, var(--tw-text-opacity));
	}
  }

.menu--bottom {
  list-style: none;
  max-width: 90%;
  margin: 0 auto;
}

.menu--bottom li {
    margin-bottom: 1.5rem;
  }

.menu--bottom li a {
      font-weight: 600;
      font-size: 0.875em;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

.navigation--mobile .menu li:last-of-type {
    order: -1;
  }

@media (min-width: 768px) {
    .navigation--mobile .menu li:last-of-type {
      display: none;
    }
  }

@media screen and (max-width: 1023px) {

.navigation--mobile .navigation__logo {
    /* @todo what the heck? */

    /* width: 92px; */

    height: 24px;

    display: flex;

    align-items: center
}
  }

@media screen and (max-width: 1023px) {

.navigation--mobile.navigation--open:after {
    content: '';

    position: absolute;

    height: 100vh
}
  }

@media screen and (max-width: 1023px) {

.navigation--mobile.navigation--open:after {
    width: 100%;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    z-index: -1;

    --tw-bg-opacity: 1;

    background-color: rgba(90, 111, 71, var(--tw-bg-opacity))
}
  }

@media (min-width: 768px) {

.navigation--mobile.navigation--open:after {
    background-repeat: no-repeat;

    background-position: bottom right
}
  }

@media screen and (max-width: 1023px) {

.navigation--mobile.navigation--open .menu {
    display: flex;

    flex-direction: column;

    width: 100%;

    height: 100%;

    max-width: 100%;

    margin: 34px auto 0 auto;

    padding: 0 20px;

    box-sizing: border-box
}
  }

@media (min-width: 768px) {

.navigation--mobile.navigation--open .menu {
    width: auto;

    display: inline-block
}
  }

@media (max-width: 639px) {

.navigation--mobile.navigation--open .menu {
    margin-bottom: 32px
}
  }

@media screen and (max-width: 1023px) {

.navigation--mobile.navigation--open .menu li {
    display: block;

    width: 100%;

    padding: 0 0 24px 0
}
  }

@media (min-width: 768px) {

.navigation--mobile.navigation--open .menu li {
    width: auto;

    display: inline-block;

    position: relative
}

    .navigation--mobile.navigation--open .menu li:after {
      background-color: transparent;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 500ms;
      content: '';
      position: absolute;
      height: 7px;
      width: 7px;
      border-radius: 50%;
      left: 50%;
      transform: translateX(-50%);
      bottom: 45px;
    }

    .navigation--mobile.navigation--open .menu li:hover a {
      padding-left: 0px;
    }
  }

@media screen (max-width: 767 px) {

.navigation--mobile.navigation--open .menu li a {
    line-height: 1.2em
}
  }

@media screen (min-width: 768 px) {

.navigation--mobile.navigation--open .menu li a {
    display: inline-block;

    margin-bottom: 50px;

    font-size: 44px
}
  }

@media (min-width: 768px) {
    .navigation--mobile.navigation--open .menu .navigation__link--active:after {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
      transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 500ms;
    }
        .navigation--mobile.navigation--open .menu .navigation__link--active .menu-white.navigation__logo svg:after .navigation--mobile.navigation--open .menu .navigation__link--active .menu-white.navigation__logo svg {
          fill: #000000;
        }

    .navigation--mobile.navigation--open .menu .navigation__link--active:hover a {
      padding-left: 0;
    }
  }

@media (max-width: 767px) {

.navigation--mobile.navigation--open .menu .navigation__link--active a {
    padding-left: 30px
}

    .navigation--mobile.navigation--open .menu .navigation__link--active a:before {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }
        .navigation--mobile.navigation--open .menu .navigation__link--active a .menu-white.navigation__logo svg:before .navigation--mobile.navigation--open .menu .navigation__link--active a .menu-white.navigation__logo svg {
          fill: #000000;
        }
  }

@media (min-width: 768px) {

.navigation--mobile.navigation--open .menu .navigation__link--active a {
    padding-left: 0
}

    .navigation--mobile.navigation--open .menu .navigation__link--active a:hover {
      padding-left: 0;
    }
  }

@media (min-width: 768px) {

.navigation--mobile.navigation--open .menu li a:before {
    display: none
}
  }

@media (min-width: 768px) {

.navigation--mobile.navigation--open .menu li:last-of-type {
    display: none
}
  }

@media screen and (max-width: 1023px) {

.mobile-menu {
    overflow: hidden;

    position: relative;

    height: 0
}
  }

@media screen and (max-width: 1023px) {

.navigation--open.mobile-menu {
    display: block
}
  }

@media screen and (max-width: 1023px) {

.navigation--open {
    display: block;

    width: 100%;

    padding: 15px 0
}
  }

.scrolled form button {
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity))
}

@media (max-width: 767px) {
    .scrolled form button #topSearchSubmit {
      fill: #fff;
    }
  }

@media (min-width: 1024px) {

.scrolled .menu li a {
    --tw-text-opacity: 1;

    color: rgba(41, 40, 39, var(--tw-text-opacity))
}
  }

@media (min-width: 1024px) {

body .scrolled .menu li a:hover:before {
    --tw-bg-opacity: 1;

    background-color: rgba(41, 40, 39, var(--tw-bg-opacity));

    transition-property: all;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 150ms
}
  }

body .scrolled .navigation__logo {
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
}

.scrolled .navigation__link--active a::before {
  --tw-bg-opacity: 1;
  background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
}

.scrolled .navigation__link--active a:hover::before {
  --tw-bg-opacity: 1;
  background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
}

.scrolled.section--navigation {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media screen and (max-width: 1023px) {

.section--navigation.scrolled {
    padding-top: 1rem;

    padding-bottom: 1rem
}
  }

@media (max-width: 1023px) {

.menu-mobile {
    height: 0;

    overflow: hidden
}
  }

@media (max-width: 1023px) {

.navigation--open .menu-mobile {
    height: 100%
}
  }

@media (max-width: 767px) {

.navigation--open .menu-mobile {
    height: auto;

    overflow-y: auto;

    max-height: 85vh;

    -webkit-overflow-scrolling: touch
}
  }

@media (min-width: 768px) {

.navigation--open .menu-mobile {
    display: flex;

    justify-content: space-between;

    flex-direction: column
}
  }

body .navigation--open .navigation__logo {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.navigation--open .btn--menu {
  background-color: #FFF;
  color: #37574A;
  border-color: #fff;
}

.navigation--open button svg {
  fill: white;
}

.navigation--open input {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  color: #fff;
  font-size: 16px !important /* Prevent iOS Safari zoom */
}

@media (min-width: 767px) {

.navigation--open input {
    display: none
}
  }

form {
  background-color: rgba(55, 86, 74, 0.2);
}

.menu-black button {
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
}

.menu-white button {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.menu-white button svg {
    fill: #fff;
  }

.scrolled .menu-white button svg {
      fill: #000000
    }

@media (max-width: 767px){
    .scrolled .menu-white button svg {
        fill: #fff
    }
      }

.menu-white.navigation__logo svg {
    fill: #ffffff;
  }

.bg-white .menu-white.navigation__logo svg {
      fill: #000000;
    }

@media screen and (max-width: 1023px) {
    .menu-white.navigation__logo svg {
      fill: #000000;
    }
      .navigation--open .menu-white.navigation__logo svg {
        fill: #ffffff;
      }
  }

@media (min-width: 1024px) {

.menu-white.navigation__logo {
    --tw-text-opacity: 1;

    color: rgba(255, 255, 255, var(--tw-text-opacity))
}
  }

@media (min-width: 1024px) {

.menu-black.navigation__logo {
    --tw-text-opacity: 1;

    color: rgba(41, 40, 39, var(--tw-text-opacity))
}
  }

@media (max-width: 639px) {
        .body-menu .navigation__logo.menu-black svg {
          fill: #FFFFFF;
        }
      }

@media (max-width: 767px) {

.navigation__logo svg {
    max-width: 105px
}
  }

.menu li:not(.navigation__link--active) a:before {
      content: '';
      background-color: transparent;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.menu.menu-white li:not(.navigation__link--active) a:hover:before {
          background-color: #ffffff;
        }

.navigation__link--active a{
  position: relative
}

.navigation__link--active a:before {
    content: '';
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.navigation__link--active a .menu-white.navigation__logo svg:before .navigation__link--active a .menu-white.navigation__logo svg {
        fill: #000000;
      }

.navigation__link--active a:before {
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

@media screen and (min-width: 1024px) {
    .navigation__link--active a:before {
      --tw-bg-opacity: 1;
      background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
      content: '';
      position: absolute;
      height: 7px;
      width: 7px;
      border-radius: 50%;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      top: auto;
    }
  }

.menu li a:hover{
  position: relative
}

.menu li a:hover:before {
    content: '';
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.menu li a:hover .menu-white.navigation__logo svg:before .menu li a:hover .menu-white.navigation__logo svg {
        fill: #000000;
      }

.menu li a:hover:before {
    position: absolute;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

@media screen and (min-width: 1024px) {
    .menu li a:hover:before {
      --tw-bg-opacity: 1;
      background-color: rgba(41, 40, 39, var(--tw-bg-opacity));
      content: '';
      position: absolute;
      height: 7px;
      width: 7px;
      border-radius: 50%;
      left: 50%;
      transform: translateX(-50%);
      bottom: -10px;
      top: auto;
    }
  }

.section--navigation{
  padding-top: 50px
}

@media (max-width: 1023px) {

.section--navigation{
    --tw-bg-opacity: 1;

    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

    fill: #000000
}
  }

.navigation--open{
  height: 100vh;
  padding-top: 50px;
}

input::-moz-placeholder{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

input:-ms-input-placeholder{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

input::placeholder{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.navigation--open .container-menu{
  height: 100%;
  position: relative;
}

.body-menu{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.body-menu main{
  height: 100vh;
  overflow: hidden;
}

.teaser__bubble {
  position: relative;
}

@media (min-width: 768px) {
  .teaser__bubble {
    padding-top: 40px;
  }
}

@media (min-width: 1024px) {
  .teaser__bubble {
    min-height: 510px;
    padding-top: 220px;
  }
}

.teaser__bubble__decorator {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  -webkit-animation:  translateFirstCircle 20s linear infinite alternate;
          animation:  translateFirstCircle 20s linear infinite alternate
}

@media screen and (max-width: 1023px) {

.teaser__bubble__decorator {
    top: 60%;

    left: 50%;

    transform: translateX(-50%) scale(0.5)
}
  }

@media screen and (max-width: 1023px) {

.teaser__bubble__decorator svg {
    transform: scale(0.4)
}
  }

@-webkit-keyframes translateFirstCircle {
  0% {
    transform: translate(-50%,-50%);
  }

  50% {
    transform: translate(-38%,-60%);
  }

  100% {
    transform: translate(-55%,-45%);
  }
}

@keyframes translateFirstCircle {
  0% {
    transform: translate(-50%,-50%);
  }

  50% {
    transform: translate(-38%,-60%);
  }

  100% {
    transform: translate(-55%,-45%);
  }
}

.teaser__bubble__text__arrow p:last-of-type {
  display: inline;
}

.section__double__teaser .double-teaser p {
    color: rgba(41, 40, 39, 0.7);
  }

.section__double__teaser .double-teaser p:last-of-type {
    display: inline;
  }

.section__double__teaser .double-teaser__btn{
    padding: 0;
    height: 46px;
    width: 46px;
    justify-content: center;
  }

.section__double__teaser .double-teaser__btn svg{
    position: absolute;
  }

@media (min-width: 768px) {
    .section__double__teaser .double-teaser {
      padding-bottom: 3rem;
    }
  }

.section__double__teaser .square {
    margin-bottom: 65px;
    opacity: 0.6;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    background-color: #edddb2;
    -webkit-animation:  square 7s linear infinite alternate;
            animation:  square 7s linear infinite alternate;
  }

@-webkit-keyframes square {
    0% {
      transform: translate3d(13%,13%,0);
    }

    50% {
      transform: translate3d(16%, 16%, 0);
    }

    100% {
      transform: translate3d(13%,21%,0);
    }
  }

@keyframes square {
    0% {
      transform: translate3d(13%,13%,0);
    }

    50% {
      transform: translate3d(16%, 16%, 0);
    }

    100% {
      transform: translate3d(13%,21%,0);
    }
  }

.section__double__teaser .text-vertical {
    font-family: Roboto, sans-serif;
    font-size: 2.25em;
    position: relative;
    transform: none;
    bottom: 50%;
    left: inherit
  }

@media (min-width: 1024px) {
  .section__double__teaser .text-vertical {
      transform: translate3d(-50%, 0, 0) rotate(270deg);

      position: absolute;

      bottom: 50%;

      left: -10px;

      font-size: 1em
  }
    }

@media (min-width: 768px) {
  .double-teaser {
    padding-bottom: 3rem;
  }
}

.double-teaser p + svg{
    transition: transform 0.4s ease;
  }

.double-teaser:hover p + svg{
      transform: translateX(5px);
    }

.teaser__news h5 {
  font-family: AkkuratLLSub-Black, sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}

.teaser__news .category {
  display: inline-block;
  font-weight: 700;
  font-size: 0.75em;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  text-transform: uppercase;
}

.teaser__news .separator {
  --tw-bg-opacity: 1;
  background-color: rgba(217, 192, 119, var(--tw-bg-opacity));
  display: block;
  margin-bottom: 1rem;
  height: 4px;
  width: 40px;
}

.teaser__news:hover .separator{
  -webkit-animation: widthAnimation .4s linear;
          animation: widthAnimation .4s linear;
}

.teaser__news__text p {
  display: inline;
}

.teaser__news p {
  opacity: 0.7;
}

.teaser__news svg {
  transition: transform .2s linear;
}

.teaser__news:hover svg {
  transform: translateX(5px)
}

.teaser__news {
  max-width: 254px;
  margin-right: 65px
}

@media screen and (max-width: 768px) {

.teaser__news {
    max-width: 350px;

    padding-right: 40px;

    margin-right: inherit
}
  }

@media screen and (max-width: 375px) {

.teaser__news {
    max-width: inherit;

    margin-right: inherit
}
  }

.news__filter__item {
  display: inline-block;
  margin-bottom: 1rem;
  position: relative;
}

.news__filter__item.active:before {
  --tw-bg-opacity: 1;
  background-color: rgba(77, 111, 97, var(--tw-bg-opacity));
  content: '';
  position: absolute;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
}

.teaser__news--hero {
  max-width: inherit;
  margin-right: inherit;
  padding-right: 2rem;
}

.teaser__news--hero img {
  width: 100%;
}

.load__more__element {
  display: none;
}

.load__more__element.load__more__element--active {
  display: block;
  -webkit-animation: fadeIn .4s linear;
          animation: fadeIn .4s linear;
}

@keyframes widthAnimation {
  0% {
    width: 0;
  }

  100% {
    width: 40px;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/**
 * Swiper 6.7.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 1, 2021
 */

@font-face {
  font-family: 'swiper-icons';

  src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');

  font-weight: 400;

  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
  -webkit-overflow-scrolling: touch;
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: normal, ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-theme-color);
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container {
  padding-bottom: 40px !important;
  display: flex;
  justify-content: center
}

.swiper-container.swiper-container__car {
    padding-bottom: 0 !important;
  }

.container.container__slider {
  max-width: 1020px;
}

.swiper-button-next.slider__swiper-button-next, .swiper-button-prev.slider__swiper-button-prev {
  width: 60px;
  height: 60px;
  --tw-bg-opacity: 1;
  background-color: rgba(217, 192, 119, var(--tw-bg-opacity));
  position: absolute;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  bottom: 290px;
  top: auto !important
}

@media (max-width: 1023px) {

.swiper-button-next.slider__swiper-button-next, .swiper-button-prev.slider__swiper-button-prev {
    display: none;

    display: none
}
  }

.swiper-button-next.slider__swiper-button-next:not(.disabled) svg, .swiper-button-prev.slider__swiper-button-prev:not(.disabled) svg {
      transition: transform 0.5s ease;
      transform: scale(1);
      fill: white;
    }

.swiper-button-next.slider__swiper-button-next:not(.disabled):hover svg, .swiper-button-prev.slider__swiper-button-prev:not(.disabled):hover svg {
        transform: scale(1.5);
      }

.swiper-button-next.slider__swiper-button-next {
  right: 0;
}

.swiper-button-prev.slider__swiper-button-prev {
  left: 0px;
  transform: scale(-1);
}

.slider__swiper-button-next:after, .slider__swiper-button-prev:after {
  display: none;
}

.video .btn__play.slider__swiper-button-next:after, .video .btn__play.slider__swiper-button-prev:after {
  display: none;
}

.swiper-pagination-fraction {
  color: white;
}

.pagination__line-items {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .pagination__line-items {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.pagination__line-items .swiper-pagination {
}

.pagination__line-items .swiper-pagination-bullet {
  background-color: #222222;
  height: 2px;
  width: 30px;
  border-radius: 4px;
  opacity: 0.2;
  margin-left: 10px;
}

.active-slide {
  margin-right: 10px;
}

.total-slides {
  margin-left: 10px;
}

.total-slides, .active-slide {
  font-size: 0.75em;
  --tw-text-opacity: 1;
  color: rgba(41, 40, 39, var(--tw-text-opacity));
}

.pagination__line-items .swiper-pagination-bullet-active {
  opacity: 1;
}

.pagination__line-items .swiper-pagination {
  position: relative;
}

.swiper-button-next.slider__swiper-button-next-black, .swiper-button-prev.slider__swiper-button-prev-black {
  width: 37px;
  height: 100%;
  top: 0 !important;
  margin-top: 0 !important
}

.swiper-button-next.slider__swiper-button-next-black:after, .swiper-button-next.slider__swiper-button-next-black:before, .swiper-button-prev.slider__swiper-button-prev-black:after, .swiper-button-prev.slider__swiper-button-prev-black:before {
    display: none;
  }

.video .btn__play.swiper-button-next.slider__swiper-button-next-black:after, .video .btn__play.swiper-button-next.slider__swiper-button-next-black:before, .video .btn__play.swiper-button-prev.slider__swiper-button-prev-black:after, .video .btn__play.swiper-button-prev.slider__swiper-button-prev-black:before {
    display: none;
  }

@media (max-width: 1023px) {

.swiper-button-next.slider__swiper-button-next-black, .swiper-button-prev.slider__swiper-button-prev-black {
    display: none;

    display: none
}
  }

.swiper-button-prev.slider__swiper-button-prev-black {
  background: transparent;
  left: 0;
}

.swiper-button-prev.slider__swiper-button-prev-black svg path {
      stroke: #d9c077;
    }

.swiper-button-prev.slider__swiper-button-prev-black svg {
    transform: scale(-1);
}

.swiper-button-next.slider__swiper-button-next-black {
  background: transparent;
  right: 0;
}

.swiper-button-next.slider__swiper-button-next-black svg path {
      stroke: #d9c077;
    }

.swiper-container-teaser .swiper-slide .btn--arrow {
      --tw-border-opacity: 1;
      border-color: rgba(90, 111, 71, var(--tw-border-opacity));
      border-style: solid;
      border-width: 2px;
    }

.swiper-container-teaser .swiper-slide:hover .btn--arrow {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
      }

.btn--arrow .swiper-container-teaser .swiper-slide:hover .menu-white.navigation__logo svg {
            fill: #000000;
          }

.swiper-container-teaser .swiper-slide:hover .btn--arrow svg path  {
            stroke: #5a6f47;
          }

@media screen and (max-width: 1023px){

.swiper-container-teaser {
    margin: 0 -30px 30px;
}

    .swiper-container-teaser .pagination__line-items {
      margin: 0 30px;
    }
  }

@media screen and (max-width: 374px){

.swiper-container-teaser {
    margin: 0 -15px 20px;
}

    .swiper-container-teaser .pagination__line-items {
      margin: 0 15px;
    }
  }

@media (min-width: 1024px) {
  .swiper-container-teaser {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    overflow: unset !important;
  }
    .swiper-container-teaser .pagination__line-items{
      display: none;
    }
    .swiper-container-teaser .video .btn__play.pagination__line-items {
      display: none;
    }
    .swiper-container-teaser .swiper-wrapper{
      flex-wrap: wrap;
    }
    .swiper-container-teaser .swiper-slide{
      margin-bottom: 40px;
      margin-bottom: 3rem;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
      .swiper-container-teaser .swiper-slide--2{
        width: 50%;
      }
      .swiper-container-teaser .swiper-slide--3{
        width: 33.333333%;
      }
}

.section__content__quader .neos-contentcollection {
  position: relative
}

.section__content__quader .text-vertical {
  font-family: Roboto, sans-serif;
  font-size: 2.25em;
  position: relative;
  transform: none;
  bottom: inherit;
  left: inherit
}

@media (min-width: 1024px) {

.section__content__quader .text-vertical {
    transform: translate3d(-50%, 0, 0) rotate(270deg);

    position: absolute;

    bottom: 280px;

    left: -10px;

    font-size: 1em
}
  }

.content__quader__box{
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  right: 0px;
  z-index: 1;
  max-width: 80%;
  margin-top: -50px;
  margin-left: auto
}

@media (min-width: 1024px) {

.content__quader__box{
    margin-top: -90px;

    max-width: 670px;

    margin-left: auto;

    flex-direction: row
}
  }

.content__quader__box span:not(.link span):not(.headline) {
    display: block;
    opacity: 0.7;
  }

.content__quader__box p, .content__quader__box a{
    line-height: 2rem;
    margin-bottom: 0px;
  }

.content__quader__box h5 {
    display: inline-block;
    font-size: 1.25em;
    margin-bottom: 1rem;
  }

@media (min-width: 768px) {
    .content__quader__box h5 {
      font-size: 1.5em;
    }
  }

.content__quader__box .content__quader__box span:not(.link span):not(h5) {
      display: block;
      opacity: 0.7;
    }

.content__quader__box h5 {
    font-weight: inherit;
  }

.section__content__quader {
  overflow: hidden
}

.cta{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media (min-width: 1024px) {
  .cta {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .cta .rich-text p {
    margin-bottom: 0px;
  }
}

.cta .btn {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/** @todo resolve multiple cases */

.section__cta .btn svg.cta-phone-fill path {
        stroke: #ffffff;
      }

.section__cta .btn svg.cta-marker-fill polygon, .section__cta .btn svg.cta-marker-fill circle, .section__cta .btn svg.cta-marker-fill path {
        stroke: #ffffff;
      }

.section__cta .btn svg.cta-clock-fill path, .section__cta .btn svg.cta-clock-fill circle {
        stroke: #ffffff;
      }

.section__cta .btn svg.cta-spanner-fill path, .section__cta .btn svg.cta-spanner-fill circle {
        stroke: #ffffff;
      }

.section__cta .btn svg.cta-phone-fill path {
        stroke: #ffffff;
      }

.section__cta .btn svg.cta-car-fill path, .section__cta .btn svg.cta-car-fill circle {
        stroke: #ffffff;
      }

.section__cta .btn:hover svg.cta-car-fill path, .section__cta .btn:hover svg.cta-car-fill circle {
          stroke: #5a6f47;
        }

.section__cta .btn:hover svg.cta-calendar-fill path, .section__cta .btn:hover svg.cta-calendar-fill rect {
          stroke: #5a6f47;
        }

.section__cta .btn:hover svg.cta-car-fill path, .section__cta .btn:hover svg.cta-car-fill rect {
          stroke: $darkGreen;
        }

.section__cta .btn:hover svg.cta-marker-fill path, .section__cta .btn:hover svg.cta-marker-fill circle, .section__cta .btn:hover svg.cta-marker-fill polygon {
          stroke: #5a6f47;
        }

.section__cta .btn:hover svg.cta-clock-fill path, .section__cta .btn:hover svg.cta-clock-fill circle {
          stroke: #5a6f47;
        }

.section__cta .btn:hover svg.cta-spanner-fill path, .section__cta .btn:hover svg.cta-spanner-fill circle {
          stroke: #5a6f47;
        }

.section__cta .btn:hover svg.cta-phone-fill path {
          stroke: #5a6f47;
        }

h1,h2,h3,h4,h5,h6 {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.teaser__team--content {
  max-width: 255px
}

.teaser__team {
    max-width: 255px;
  }

.teaser__team--content {
      max-width: 255px
    }

.teaser__team:hover .heading{
        --tw-text-opacity: 1;
        color: rgba(55, 87, 74, var(--tw-text-opacity));
      }

.teaser__team img {
      max-width: 255px;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 500ms
    }

.teaser__team img.lazyloaded{
        opacity: 1;
      }

.teaser__grid {
    width: 100%;
    max-width: 960px;
  }

.teaser__grid .teaser__wrapper:nth-child(3n+3) {
      position: relative;
      right: 0px
    }

@media (min-width: 1536px) {
      .teaser__grid .teaser__wrapper:nth-child(3n+3):nth-of-type(even) {
          position: relative;

          right: -10rem
      }
        }

.teaser__grid .teaser__wrapper:nth-child(3n+2) {
      position: relative;
      right: 0px
    }

@media (min-width: 1536px) {
    .teaser__grid .teaser__wrapper:nth-child(3n+2) {
        position: relative;

        right: -10rem
    }
      }

.teaser__grid .teaser__wrapper:nth-child(3n+2):nth-of-type(even) {
        position: relative;
        right: 0px;
      }

.teaser__grid .teaser__wrapper:nth-child(3n+1) {
      position: relative;
      right: 0px
    }

@media (min-width: 1536px) {
    .teaser__grid .teaser__wrapper:nth-child(3n+1) {
        position: relative;

        right: -10rem
    }
      }

.teaser__grid .teaser__wrapper:nth-child(3n+1):nth-of-type(odd) {
        position: relative;
        right: 0px;
      }

.teaser__wrapper {
    opacity: 0;
    transition: opacity 0.5s ease
  }

.teaser__wrapper.active{
      opacity: 1;
    }

.teaser__wrapper:hover .separator{
        -webkit-animation: widthAnimation .4s linear;
                animation: widthAnimation .4s linear;
      }

.teaser__wrapper {
    width: 100%
  }

@media (min-width: 640px) {
  .teaser__wrapper {
      width: 50%
  }
    }

@media (min-width: 1024px) {
  .teaser__wrapper {
      width: 33.3%
  }
    }

@keyframes widthAnimation {
  0% {
    width: 0;
  }

  100% {
    width: 40px;
  }
}

.separator{
  --tw-bg-opacity: 1;
  background-color: rgba(217, 192, 119, var(--tw-bg-opacity));
  display: inline-block;
  margin-bottom: 1.25rem;
  height: 4px;
  width: 40px;
}

.teaser__car.teaser__news {
    max-width: unset;
    margin-right: unset;
  }

.btn__offer.btn {
    padding: 2px!important;
    line-height: 1em;
  }

.car-details h1,.car-details h2,.car-details h3,.car-details h4,.car-details h5,.car-details h6 {
    font-weight: 600;
  }

@media (min-width: 1280px) {
  .car-details h2 {
      line-height: 2.75rem
  }
    }

.car-details h4, .car-details .h4 {
    line-height: 1.4
  }

@media (min-width: 1024px) {
  .car-details h4, .car-details .h4 {
      margin-bottom: 1.5rem
  }
    }

@media (max-width: 639px) {
  .car-details h4, .car-details .h4 {
      line-height: 1.2
  }
    }

.car-details p {
    font-family: Roboto, sans-serif;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 2rem;
    margin-bottom: 1.75rem;
    color: rgba(41, 40, 39, 0.7)
  }

@media (max-width: 1023px) {
  .car-details p {
      font-size: 12px;

      line-height: 1.4
  }
    }

/** fast force prevent font size **/

.car-details .teaser__bubble__text__arrow p {
      font-size: 1.125em;
      line-height: 2rem;
    }

.car-details__energy p {
      margin-bottom: 0px;
    }

@media (min-width: 1024px) {
  .car-details__col-3 {
      -moz-column-count: 3;
           column-count: 3;

      width: 100%
  }
    }

.car-details .news__filter__item {
    font-size: 0.875em;
    margin-right: 1rem
  }

@media (min-width: 1024px) {
  .car-details .news__filter__item {
      font-size: 1em;

      margin-right: 2rem;

      padding-right: 0.25rem
  }
    }

.car-details .cars__teaser {
    padding-left: 1rem;
  }

.car-details .car-details__equipment .text-line {
      max-width: 300px
    }

@media (max-width: 639px) {
    .car-details .car-details__equipment .text-line {
        max-width: 250px
    }
      }

.car-details svg.car-email-fill path, .car-details svg.car-email-fill rect {
        stroke: #ffffff;
      }

.car-details a:hover svg.car-email-fill path, .car-details a:hover svg.car-email-fill rect {
          stroke: #5a6f47;
        }

.cars .cars__sortfilter__item {
    display: flex;
    justify-content: center;
    margin-right: 0px;
    padding-right: 0px
  }

@media (min-width: 768px) {
  .cars .cars__sortfilter__item {
      justify-content: flex-end
  }
    }

.cars .subheaderpromo__logo {
    max-width: 60px;
    margin: 0.5em 0;
    height: auto;
    display: block;
  }

.cars #header__container .section--subtitle p {
        padding-bottom: 0;
      }

.cars #header__container .section--subtitle a:before {
          content: unset;
        }

.cars #header__container .section--subtitle a:hover {
          text-decoration: underline;
        }

.cars #main__container .co2-icon {
      width: 60px;
      height: 40px;
    }

.cars #main__container .teaser__news {
      padding-right: 0;
    }

.cars #main__container .teaser__news .car--details--row span {
          padding-right: 10px
        }

.cars #main__container .teaser__news .car--details--row span:not(:last-of-type):after {
            content: '|';
            right: 2px;
            color: #696867;
            position: absolute;
          }

@media (max-width: 639px) {
        .cars #main__container .teaser__news .car--details--row span {
            font-size: 0.65rem
        }
          }

@media (max-width: 639px) {
  .cars #main__container {
      margin-left: -30px;

      margin-right: -30px;
  }
        .cars #main__container .news__filter__item:last-of-type {
          margin-right: 0;
        }

      .cars #main__container .teaser__news {
        padding-right: 0;
      }
          .cars #main__container .teaser__news .car--details--row span {
            padding-right: 0.5rem
          }
            .cars #main__container .teaser__news .car--details--row span:not(:last-of-type):after {
              right: 0.15rem;
            }
            .cars #main__container .teaser__news .car--details--row span:last-of-type {
              padding-right: 0.15rem;
            }
    }

@media (max-width: 374px) {
  .cars #main__container {
      margin-left: -15px;

      margin-right: -15px;
  }

      .cars #main__container .news__filter__item {
        margin-right: 0.25rem;
      }
    }

.cars h4 {
    font-size: 1.125em
  }

@media (min-width: 1024px) {
  .cars h4 {
      font-size: 1.5em;

      margin-bottom: 0.75rem
  }
    }

.cars .cars__teaser {
    margin-right: 0px;
    max-width: 100%;
  }

.cars .cars__teaser p {
      margin-bottom: 0px;
    }

.cars .filters__title {
    display: none
  }

.cars .video .btn__play.filters__title {
    display: none;
  }

@media (min-width: 768px) {
  .cars .filters__title {
      display: block;
  }
    }

.cars .total {
    text-align: center
  }

@media (min-width: 1024px) {
    .cars .total {
      text-align: left;
    }
  }

.listing--header--mobile .cars .total {
      text-align: unset;
      padding-left: 78px;
    }

.cars .listing--header--mobile .total {
      text-align: unset;
      padding-left: 78px;
    }

.cars .filters__wrapper {
    text-align: center
  }

@media (min-width: 1024px) {
  .cars .filters__wrapper {
      text-align: inherit
  }
    }

.cars .filters__wrapper .select {
      display: none
    }

.cars .filters__wrapper .video .btn__play.select {
      display: none;
    }

@media (min-width: 768px) {
    .cars .filters__wrapper .select {
        display: block;
    }
      }

.cars .tooltip {
    margin-left: auto;
  }

.cars .swiper-button-next.swiper-button-disabled {
    pointer-events: auto!important;
  }

.show-filters-modal {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgba(77, 111, 97, var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgba(90, 111, 71, var(--tw-text-opacity));
  text-transform: capitalize
}

.show-filters-modal .menu-white.navigation__logo svg {
      fill: #000000;
    }

.show-filters-modal {
  border-width: 1px;
}

@media (min-width: 768px) {

.show-filters-modal {
    display: none;

    display: none;
}
  }

.car__teaser {
  display: none;
}

.car__teaser.car__teaser--active {
  display: block;
  -webkit-animation: fadeIn .4s linear;
          animation: fadeIn .4s linear;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.preloader {
  width: 80px;
  height: 80px;
  border: 2px solid #f3f3f3;
  border-top: 4px solid #5a6f47;
  border-radius: 100%;
  position: static;
  top: 14em;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  display: none
}

.preloader.active {
    display: block;
  }

@media (min-width: 768px) {

.preloader {
    left: 5rem;

    top: 0;

    position: absolute
}
  }

.preloader__small {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 1px solid #5a6f47;
  border-radius: 100%;
  position: static;
  top: 14em;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto auto auto 0.5rem;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  display: none
}

.preloader__small.active {
    display: block;
  }

@media (min-width: 768px) {

.preloader__small {
    left: 5rem;

    top: 0;

    position: absolute
}
  }

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.apply__filters {
  margin-left: auto;
}

.apply__filters .btn {
    text-transform: capitalize;
  }

.test-drive-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100vh + 100px);
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  overflow: hidden;
  margin-top: -100px;
  -webkit-overflow-scrolling: touch;
}

.booking-modal { overflow:hidden;
}

.booking-modal header { display:none;
}

.booking-modal .test-drive-modal { display:block;
}

.booking-modal .mobile__widget { display: none;
}

/* Modal Content */

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height: 100%;
}

@media screen and (max-width: 640px) {
  .modal-content {
    padding: 5px;
    width: 95%;
  }
}

.test-drive-modal-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer
}

.test-drive-modal-close:hover,
  .test-drive-modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

body.test-drive {
  height: calc(100vh - 100px);
  padding: 0;
}

body.test-drive iframe.booking-page {
  border: 0;
  height: calc(100% + 32px);
  overflow: hidden;
}

@media (max-width: 768px) {

.mobile__widget {
    position: fixed;

    right: 0;

    bottom: 0;

    z-index: 100;

    width: 100%;
}

    .mobile__widget .mobile__widget__circle {
      transition: all 300ms ease-in-out;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      right: 30px;
      bottom: 15px;
      font-size: 2em;
      box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16);
      --tw-bg-opacity: 1;
      background-color: rgba(77, 111, 97, var(--tw-bg-opacity));
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }
      .mobile__widget .mobile__widget__circle svg {
        transition: transform .3s linear;
        width: 24px;
      }

    .mobile__widget .mobile__widget__buttons {
      display: none;
      opacity: 0;
      transition: .2s linear;
      position: relative;
      left: 30px;
      margin-bottom: 70px;
    }
      .mobile__widget .mobile__widget__buttons .btn {
        margin-bottom: 15px;
        pointer-events: none;
      }
      .mobile__widget .mobile__widget__buttons .btn--transparent {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      }
          .btn--transparent .mobile__widget .mobile__widget__buttons .menu-white.navigation__logo svg {
            fill: #000000;
          }
      .mobile__widget.show .mobile__widget__buttons {
        display: block;
        opacity: 1;
      }
        .mobile__widget.show .mobile__widget__buttons .btn {
          pointer-events: auto;
        }
        .mobile__widget.show .mobile__widget__circle svg {
          transform: rotate(45deg);
        }
  }

.section__footer {
  z-index: 1;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  position: relative
}

@media (max-width: 767px) {

.section__footer {
    text-align: center
}
  }

.section__footer p {
    font-size: 1em;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    text-transform: uppercase;
  }

.section__footer .link--column--title {
    font-size: 1em;
    margin-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    text-transform: uppercase;
  }

.section__footer .link--column--title svg {
      order: 2;
      margin-right: 0;
    }

@media (max-width: 767px) {
  .section__footer .contact__details {
      margin-left: -20px;

      margin-right: -20px
  }
    }

@media (max-width: 639px) {
  .section__footer .contact__details {
      margin-left: 0px;

      margin-right: 0px
  }
    }

.section__footer .contact__details span {
      font-size: 1em;
      margin-right: 0.75rem;
      margin-left: 0.75rem;
      opacity: 0.6;
      position: relative;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

.section__footer .contact__details span:not(:last-of-type):after {
        content: '|';
        right: -15px;
        position: absolute;
      }

.section__footer .contact__details span:first-of-type {
        margin-left: 0px;
      }

@media (max-width: 374px) {
        .section__footer .contact__details span:first-of-type {
          display: block
        }
          .section__footer .contact__details span:first-of-type:after {
            content: unset;
          }
      }

.section__footer .contact__links {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

.section__footer .contact__links span {
      font-size: 1em;
      opacity: 0.6;
      position: relative;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

@media (min-width: 768px) {
      .section__footer .contact__links a:last-of-type {
          flex: 0 0 100%
      }
        }

@media (max-width: 767px) {
      .section__footer .contact__links span {
        display: none;
      }

      .section__footer .contact__links .link {
        width: 46px;
        height: 46px;
        --tw-bg-opacity: 1;
        background-color: rgba(217, 192, 119, var(--tw-bg-opacity));
      }
        .section__footer .contact__links .link svg {
          margin: 0 auto;
        }
          .section__footer .contact__links .link svg g {
            filter: none;
          }
          .section__footer .contact__links .link svg path,
          .section__footer .contact__links .link svg rect {
            stroke: white;
          }

      .section__footer .contact__links {

      justify-content: center;
	}
    }

.section__footer .social__icons {
    margin-left: auto;
  }

.section__footer .link span {
      padding-left: 0.5rem;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

.neos-backend .section__footer .contact__links .link span span {
            padding-left: 0;
            margin-left: 0;
          }

.neos-backend .section__footer .contact__links .link span span span {
              padding-left: 0;
              margin-left: 0;
            }

.section__footer .footer--contact--btn--bottom p {
      margin-bottom: 0;
    }

@media (min-width: 768px) {
  .section__footer .footer--contact--btn--bottom {
      display: none;

      display: none
  }
    }

@media (min-width: 768px) {
  .section__footer .footer--newsletter--btn--middle {
      display: none
  }
    }

.section__footer .footer--newsletter--btn--bottom {
    display: none !important;
    background-color: #93b272;
    border-color: #93b272
  }

.section__footer .footer--newsletter--btn--bottom:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

.section__footer .footer--newsletter--btn--bottom .menu-white.navigation__logo svg:hover .section__footer .footer--newsletter--btn--bottom .menu-white.navigation__logo svg {
          fill: #000000;
        }

.section__footer .footer--newsletter--btn--bottom:hover {
      color: #93b272;
    }

@media (min-width: 768px) {
  .section__footer .footer--newsletter--btn--bottom {
      display: inline-flex !important
  }
    }

#cb #cookie_Banner__Revoke {
  z-index: 100;
}

[data-neos-placeholder] {
  position: relative;
}

[data-neos-placeholder] * {
    position: absolute;
  }

body{
  max-width: 1920px;
  margin: 0 auto
}

body.page main {
      min-height: calc(100vh - 310px - 160px);
    }

.container {
  max-width: 960px;
  margin: 0 auto
}

@media screen and (max-width: 1023px){

.container {
    padding: 0 30px
}
  }

@media screen and (max-width: 374px){

.container {
    padding: 0px 15px
}
  }

.section--padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media (min-width: 768px) {
  .section--padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.section--pb-0 {
  padding-bottom: 0px;
}

.section--padding-small {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .section--padding-small {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.sb-show-main{
  padding: 0 !important;
}

.sb-show-main{
  padding: 0 !important;
}

/** NeosRulez.CookieOptIn override **/

#cb .cookie-Banner--Wrapper,
#cb .cookie-Settings--Wrapper {
  z-index: 100;
}

.empty-content-collection {
  display: none
}

.video .btn__play.empty-content-collection {
  display: none;
}

[data-__neos-insertion-anchor]:empty ~ .empty-content-collection {
    display: block;
  }