@charset "UTF-8";
/*!
 * style.scss
 * Version: 2026-03-05
 * Author: din - Dietmar Nocker Sicherheitstechnik - din-Sicherheitstechnik
 * Desc: Die Firma din-Dietmar Nocker Sicherheitstechnik GmbH ist ein Dienstleistungszentrum für Notbeleuchtung und Sicherheitsbeleuchtung.
 * Website: https://www.din-notlicht.com
 */
/* === style -> mixins.scss === */
/* === functions.scss === */
/*!
 * Materialize v1.0.0 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */
.materialize-red {
  background-color: #e51c23 !important;
}

.materialize-red-text {
  color: #e51c23 !important;
}

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important;
}

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important;
}

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important;
}

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important;
}

.materialize-red.lighten-3 {
  background-color: #f3989b !important;
}

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important;
}

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important;
}

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important;
}

.materialize-red.lighten-1 {
  background-color: #ea454b !important;
}

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important;
}

.materialize-red.darken-1 {
  background-color: #d0181e !important;
}

.materialize-red-text.text-darken-1 {
  color: #d0181e !important;
}

.materialize-red.darken-2 {
  background-color: #b9151b !important;
}

.materialize-red-text.text-darken-2 {
  color: #b9151b !important;
}

.materialize-red.darken-3 {
  background-color: #a21318 !important;
}

.materialize-red-text.text-darken-3 {
  color: #a21318 !important;
}

.materialize-red.darken-4 {
  background-color: #8b1014 !important;
}

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important;
}

.red {
  background-color: #F44336 !important;
}

.red-text {
  color: #F44336 !important;
}

.red.lighten-5 {
  background-color: #FFEBEE !important;
}

.red-text.text-lighten-5 {
  color: #FFEBEE !important;
}

.red.lighten-4 {
  background-color: #FFCDD2 !important;
}

.red-text.text-lighten-4 {
  color: #FFCDD2 !important;
}

.red.lighten-3 {
  background-color: #EF9A9A !important;
}

.red-text.text-lighten-3 {
  color: #EF9A9A !important;
}

.red.lighten-2 {
  background-color: #E57373 !important;
}

.red-text.text-lighten-2 {
  color: #E57373 !important;
}

.red.lighten-1 {
  background-color: #EF5350 !important;
}

.red-text.text-lighten-1 {
  color: #EF5350 !important;
}

.red.darken-1 {
  background-color: #E53935 !important;
}

.red-text.text-darken-1 {
  color: #E53935 !important;
}

.red.darken-2 {
  background-color: #D32F2F !important;
}

.red-text.text-darken-2 {
  color: #D32F2F !important;
}

.red.darken-3 {
  background-color: #C62828 !important;
}

.red-text.text-darken-3 {
  color: #C62828 !important;
}

.red.darken-4 {
  background-color: #B71C1C !important;
}

.red-text.text-darken-4 {
  color: #B71C1C !important;
}

.red.accent-1 {
  background-color: #FF8A80 !important;
}

.red-text.text-accent-1 {
  color: #FF8A80 !important;
}

.red.accent-2 {
  background-color: #FF5252 !important;
}

.red-text.text-accent-2 {
  color: #FF5252 !important;
}

.red.accent-3 {
  background-color: #FF1744 !important;
}

.red-text.text-accent-3 {
  color: #FF1744 !important;
}

.red.accent-4 {
  background-color: #D50000 !important;
}

.red-text.text-accent-4 {
  color: #D50000 !important;
}

.transparent {
  background-color: transparent !important;
}

.transparent-text {
  color: transparent !important;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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 and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/*
ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ul:not(.browser-default) > li {
  list-style-type: none;
}
*/
nav ul:not(.browser-default), footer ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

nav ul:not(.browser-default) > li, footer ul:not(.browser-default) > li {
  list-style-type: none;
}

a {
  color: #039be5;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.valign-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.clearfix {
  clear: both;
}

.z-depth-0 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* 2dp elevation modified*/
/* 6dp elevation modified*/
/* 12dp elevation modified*/
/* 16dp elevation */
/* 24dp elevation */
.hoverable {
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}

.hoverable:hover {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #e0e0e0;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5rem;
  border-left: 5px solid #ee6e73;
}

i {
  line-height: inherit;
}

i.left {
  float: left;
  margin-right: 15px;
}

i.right {
  float: right;
  margin-left: 15px;
}

i.tiny {
  font-size: 1rem;
}

i.small {
  font-size: 2rem;
}

i.medium {
  font-size: 4rem;
}

i.large {
  font-size: 6rem;
}

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

.pagination li {
  display: inline-block;
  border-radius: 2px;
  text-align: center;
  vertical-align: top;
  height: 30px;
}

.pagination li a {
  color: #444;
  display: inline-block;
  font-size: 1.2rem;
  padding: 0 10px;
  line-height: 30px;
}

.pagination li.active a {
  color: #fff;
}

.pagination li.active {
  background-color: #ee6e73;
}

.pagination li.disabled a {
  cursor: default;
  color: #999;
}

.pagination li i {
  font-size: 2rem;
}

.pagination li.pages ul li {
  display: inline-block;
  float: none;
}

@media only screen and (max-width: 992px) {
  .pagination {
    width: 100%;
  }
  .pagination li.prev,
  .pagination li.next {
    width: 10%;
  }
  .pagination li.pages {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
  }
}
.breadcrumb {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}

.breadcrumb i,
.breadcrumb [class^=mdi-], .breadcrumb [class*=mdi-],
.breadcrumb i.material-icons {
  display: inline-block;
  float: left;
  font-size: 24px;
}

.breadcrumb:before {
  content: "\e5cc";
  color: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  display: inline-block;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  margin: 0 10px 0 8px;
  -webkit-font-smoothing: antialiased;
}

.breadcrumb:first-child:before {
  display: none;
}

.breadcrumb:last-child {
  color: #fff;
}

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.parallax-container .parallax img {
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

/*********************
  Transition Classes
**********************/
ul.staggered-list li {
  opacity: 0;
}

.fade-in {
  opacity: 0;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

/*********************
  Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}
@media only screen and (max-width: 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}
@media only screen and (min-width: 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}
@media only screen and (min-width: 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1201px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}
@media only screen and (min-width: 1201px) {
  .show-on-extra-large {
    display: block !important;
  }
}
@media only screen and (min-width: 993px) {
  .show-on-large {
    display: block !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}
@media only screen and (max-width: 600px) {
  .show-on-small {
    display: block !important;
  }
}
@media only screen and (min-width: 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}
@media only screen and (max-width: 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}
@media only screen and (max-width: 600px) {
  .center-on-small-only {
    text-align: center;
  }
}
.page-footer {
  padding-top: 20px;
  color: #fff;
  background-color: #ee6e73;
}

.page-footer .footer-copyright {
  overflow: hidden;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0px;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(51, 51, 51, 0.08);
}

table, th, td {
  border: none;
}

table {
  width: 100%;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
}

table.striped tr {
  border-bottom: none;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(242, 242, 242, 0.5);
}

table.striped > tbody > tr > td {
  border-radius: 0;
}

table.highlight > tbody > tr {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

table.highlight > tbody > tr:hover {
  background-color: rgba(242, 242, 242, 0.5);
}

table.centered thead tr th, table.centered tbody tr td {
  text-align: center;
}

tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

td, th {
  padding: 15px 5px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}

@media only screen and (max-width: 992px) {
  table.responsive-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    position: relative;
    /* sort out borders */
  }
  table.responsive-table td:empty:before {
    content: " ";
  }
  table.responsive-table th,
  table.responsive-table td {
    margin: 0;
    vertical-align: top;
  }
  table.responsive-table th {
    text-align: left;
  }
  table.responsive-table thead {
    display: block;
    float: left;
  }
  table.responsive-table thead tr {
    display: block;
    padding: 0 10px 0 0;
  }
  table.responsive-table thead tr th::before {
    content: " ";
  }
  table.responsive-table tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
  }
  table.responsive-table tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  table.responsive-table th {
    display: block;
    text-align: right;
  }
  table.responsive-table td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }
  table.responsive-table tr {
    border-bottom: none;
    padding: 0 10px;
  }
  table.responsive-table thead {
    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
  }
}
.collection {
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.collection .collection-item {
  background-color: #fff;
  line-height: 1.5rem;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
}

.collection .collection-item.avatar {
  min-height: 84px;
  padding-left: 72px;
  position: relative;
}

.collection .collection-item.avatar:not(.circle-clipper) > .circle,
.collection .collection-item.avatar :not(.circle-clipper) > .circle {
  position: absolute;
  width: 42px;
  height: 42px;
  overflow: hidden;
  left: 15px;
  display: inline-block;
  vertical-align: middle;
}

.collection .collection-item.avatar i.circle {
  font-size: 18px;
  line-height: 42px;
  color: #fff;
  background-color: #999;
  text-align: center;
}

.collection .collection-item.avatar .title {
  font-size: 16px;
}

.collection .collection-item.avatar p {
  margin: 0;
}

.collection .collection-item.avatar .secondary-content {
  position: absolute;
  top: 16px;
  right: 16px;
}

.collection .collection-item:last-child {
  border-bottom: none;
}

.collection .collection-item.active {
  background-color: #20A956;
  color: #eafaf9;
}

.collection .collection-item.active .secondary-content {
  color: #fff;
}

.collection a.collection-item {
  display: block;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  color: #20A956;
}

.collection a.collection-item:not(.active):hover {
  background-color: #ddd;
}

.collection.with-header .collection-header {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 20px;
}

.collection.with-header .collection-item {
  padding-left: 30px;
}

.collection.with-header .collection-item.avatar {
  padding-left: 72px;
}

.secondary-content {
  float: right;
  color: #20A956;
}

.collapsible .collection {
  margin: 0;
  border: none;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #20A956;
  -webkit-transition: width 0.3s linear;
  transition: width 0.3s linear;
}

.progress .indeterminate {
  background-color: #20A956;
}

.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
/*******************
  Utility Classes
*******************/
.hide {
  display: none !important;
}

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

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

.center, .center-align {
  text-align: center;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.no-select, input[type=range],
input[type=range] + .thumb {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.circle {
  border-radius: 50%;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

span.badge {
  min-width: 3rem;
  padding: 0 6px;
  margin-left: 14px;
  text-align: center;
  font-size: 1rem;
  line-height: 22px;
  height: 22px;
  color: #757575;
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

span.badge.new {
  font-weight: 300;
  font-size: 0.8rem;
  color: #fff;
  background-color: #20A956;
  border-radius: 2px;
}

span.badge.new:after {
  content: " new";
}

span.badge[data-badge-caption]::after {
  content: " " attr(data-badge-caption);
}

nav ul a span.badge {
  display: inline-block;
  float: none;
  margin-left: 4px;
  line-height: 22px;
  height: 22px;
  -webkit-font-smoothing: auto;
}

.collection-item span.badge {
  margin-top: calc(0.75rem - 11px);
}

.collapsible span.badge {
  margin-left: auto;
}

.sidenav span.badge {
  margin-top: 13px;
}

table span.badge {
  display: inline-block;
  float: none;
  margin-left: auto;
}

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width: 993px) {
  .container {
    width: 90%;
  }
}
.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.no-pad {
  padding: 0;
}

.section.no-pad-bot {
  padding-bottom: 0;
}

.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*=push-], .row .col[class*=pull-] {
  position: relative;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
  right: 8.3333333333%;
}

.row .col.push-s1 {
  left: 8.3333333333%;
}

.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
  right: 16.6666666667%;
}

.row .col.push-s2 {
  left: 16.6666666667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
  right: 33.3333333333%;
}

.row .col.push-s4 {
  left: 33.3333333333%;
}

.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
  right: 41.6666666667%;
}

.row .col.push-s5 {
  left: 41.6666666667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
  right: 58.3333333333%;
}

.row .col.push-s7 {
  left: 58.3333333333%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
  right: 66.6666666667%;
}

.row .col.push-s8 {
  left: 66.6666666667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
  right: 83.3333333333%;
}

.row .col.push-s10 {
  left: 83.3333333333%;
}

.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
  right: 91.6666666667%;
}

.row .col.push-s11 {
  left: 91.6666666667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width: 768px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}
nav {
  color: #fff;
  background-color: #ee6e73;
  width: 100%;
  height: 56px;
  line-height: 56px;
}

nav.nav-extended {
  height: auto;
}

nav.nav-extended .nav-wrapper {
  min-height: 56px;
  height: auto;
}

nav.nav-extended .nav-content {
  position: relative;
  line-height: normal;
}

nav a {
  color: #fff;
}

nav i,
nav [class^=mdi-], nav [class*=mdi-],
nav i.material-icons {
  display: block;
  font-size: 24px;
  height: 56px;
  line-height: 56px;
}

nav .nav-wrapper {
  position: relative;
  height: 100%;
}

@media only screen and (min-width: 993px) {
  nav a.sidenav-trigger {
    display: none;
  }
}
nav .sidenav-trigger {
  float: left;
  position: relative;
  z-index: 1;
  height: 56px;
  margin: 0 18px;
}

nav .sidenav-trigger i {
  height: 56px;
  line-height: 56px;
}

nav .brand-logo {
  position: absolute;
  color: #fff;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0;
}

nav .brand-logo.center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 1199px) {
  nav .brand-logo {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  nav .brand-logo.left, nav .brand-logo.right {
    padding: 0;
    -webkit-transform: none;
    transform: none;
  }
  nav .brand-logo.left {
    left: 0.5rem;
  }
  nav .brand-logo.right {
    right: 0.5rem;
    left: auto;
  }
}
nav .brand-logo.right {
  right: 0.5rem;
  padding: 0;
}

nav .brand-logo i,
nav .brand-logo [class^=mdi-], nav .brand-logo [class*=mdi-],
nav .brand-logo i.material-icons {
  float: left;
  margin-right: 15px;
}

nav .nav-title {
  display: inline-block;
  font-size: 32px;
  padding: 28px 0;
}

nav ul {
  margin: 0;
}

nav ul li {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  float: left;
  padding: 0;
}

nav ul li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

nav ul a {
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  font-size: 1rem;
  color: #fff;
  display: block;
  padding: 0 15px;
  cursor: pointer;
}

nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
  margin-top: -2px;
  margin-left: 15px;
  margin-right: 15px;
}

nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
  height: inherit;
  line-height: inherit;
}

nav ul a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

nav ul.left {
  float: left;
}

nav form {
  height: 100%;
}

nav .input-field {
  margin: 0;
  height: 100%;
}

nav .input-field input {
  height: 100%;
  font-size: 1.2rem;
  border: none;
  padding-left: 2rem;
}

nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

nav .input-field label {
  top: 0;
  left: 0;
}

nav .input-field label i {
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

nav .input-field label.active i {
  color: #fff;
}

.navbar-fixed {
  position: relative;
  height: 56px;
  z-index: 997;
}

.navbar-fixed nav {
  position: fixed;
}

@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 64px;
  }
  nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
    height: 64px;
    line-height: 64px;
  }
  .navbar-fixed {
    height: 64px;
  }
}
a {
  text-decoration: none;
}

html {
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

@media only screen and (min-width: 0) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) {
  html {
    font-size: 14.5px;
  }
}
@media only screen and (min-width: 1200px) {
  html {
    font-size: 15px;
  }
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.3;
}

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

h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.8rem 0 1.68rem 0;
}

h2 {
  font-size: 3.56rem;
  line-height: 110%;
  margin: 2.3733333333rem 0 1.424rem 0;
}

h3 {
  font-size: 2.92rem;
  line-height: 110%;
  margin: 1.9466666667rem 0 1.168rem 0;
}

h4 {
  font-size: 2.28rem;
  line-height: 110%;
  margin: 1.52rem 0 0.912rem 0;
}

h5 {
  font-size: 1.64rem;
  line-height: 110%;
  margin: 1.0933333333rem 0 0.656rem 0;
}

h6 {
  font-size: 1.15rem;
  line-height: 110%;
  margin: 0.7666666667rem 0 0.46rem 0;
}

em {
  font-style: italic;
}

strong {
  font-weight: 500;
}

small {
  font-size: 75%;
}

.light {
  font-weight: 300;
}

.thin {
  font-weight: 200;
}

@media only screen and (min-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 390px) {
  .flow-text {
    font-size: 1.224rem;
  }
}
@media only screen and (min-width: 420px) {
  .flow-text {
    font-size: 1.248rem;
  }
}
@media only screen and (min-width: 450px) {
  .flow-text {
    font-size: 1.272rem;
  }
}
@media only screen and (min-width: 480px) {
  .flow-text {
    font-size: 1.296rem;
  }
}
@media only screen and (min-width: 510px) {
  .flow-text {
    font-size: 1.32rem;
  }
}
@media only screen and (min-width: 540px) {
  .flow-text {
    font-size: 1.344rem;
  }
}
@media only screen and (min-width: 570px) {
  .flow-text {
    font-size: 1.368rem;
  }
}
@media only screen and (min-width: 600px) {
  .flow-text {
    font-size: 1.392rem;
  }
}
@media only screen and (min-width: 630px) {
  .flow-text {
    font-size: 1.416rem;
  }
}
@media only screen and (min-width: 660px) {
  .flow-text {
    font-size: 1.44rem;
  }
}
@media only screen and (min-width: 690px) {
  .flow-text {
    font-size: 1.464rem;
  }
}
@media only screen and (min-width: 720px) {
  .flow-text {
    font-size: 1.488rem;
  }
}
@media only screen and (min-width: 750px) {
  .flow-text {
    font-size: 1.512rem;
  }
}
@media only screen and (min-width: 780px) {
  .flow-text {
    font-size: 1.536rem;
  }
}
@media only screen and (min-width: 810px) {
  .flow-text {
    font-size: 1.56rem;
  }
}
@media only screen and (min-width: 840px) {
  .flow-text {
    font-size: 1.584rem;
  }
}
@media only screen and (min-width: 870px) {
  .flow-text {
    font-size: 1.608rem;
  }
}
@media only screen and (min-width: 900px) {
  .flow-text {
    font-size: 1.632rem;
  }
}
@media only screen and (min-width: 930px) {
  .flow-text {
    font-size: 1.656rem;
  }
}
@media only screen and (min-width: 960px) {
  .flow-text {
    font-size: 1.68rem;
  }
}
@media only screen and (max-width: 360px) {
  .flow-text {
    font-size: 1.2rem;
  }
}
.scale-transition {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
  transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

.scale-transition.scale-out {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.2s !important;
  transition: -webkit-transform 0.2s !important;
  transition: transform 0.2s !important;
  transition: transform 0.2s, -webkit-transform 0.2s !important;
}

.scale-transition.scale-in {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.card-panel {
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 2px;
  background-color: #fff;
}

.card {
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
  border-radius: 2px;
}

.card .card-title {
  font-size: 24px;
  font-weight: 300;
}

.card .card-title.activator {
  cursor: pointer;
}

.card.small, .card.medium, .card.large {
  position: relative;
}

.card.small .card-image, .card.medium .card-image, .card.large .card-image {
  max-height: 60%;
  overflow: hidden;
}

.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
  max-height: 40%;
}

.card.small .card-content, .card.medium .card-content, .card.large .card-content {
  max-height: 100%;
  overflow: hidden;
}

.card.small .card-action, .card.medium .card-action, .card.large .card-action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.card.small {
  height: 300px;
}

.card.medium {
  height: 400px;
}

.card.large {
  height: 500px;
}

.card.horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
  height: 100%;
  max-height: none;
  overflow: visible;
}

.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
  height: 100%;
}

.card.horizontal .card-image {
  max-width: 50%;
}

.card.horizontal .card-image img {
  border-radius: 2px 0 0 2px;
  max-width: 100%;
  width: auto;
}

.card.horizontal .card-stacked {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

.card.horizontal .card-stacked .card-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.card.sticky-action .card-action {
  z-index: 2;
}

.card.sticky-action .card-reveal {
  z-index: 1;
  padding-bottom: 64px;
}

.card .card-image {
  position: relative;
}

.card .card-image img {
  display: block;
  border-radius: 2px 2px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}

.card .card-image .card-title {
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  padding: 24px;
}

.card .card-content {
  padding: 24px;
  border-radius: 0 0 2px 2px;
}

.card .card-content p {
  margin: 0;
}

.card .card-content .card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
}

.card .card-content .card-title i {
  line-height: 32px;
}

.card .card-action {
  background-color: inherit;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  position: relative;
  padding: 16px 24px;
}

.card .card-action:last-child {
  border-radius: 0 0 2px 2px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: uppercase;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
  color: #ffd8a6;
}

.card .card-reveal {
  padding: 24px;
  position: absolute;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  left: 0;
  top: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

.card .card-reveal .card-title {
  cursor: pointer;
  display: block;
}

#toast-container {
  display: block;
  position: fixed;
  z-index: 10000;
}

@media only screen and (max-width: 600px) {
  #toast-container {
    min-width: 100%;
    bottom: 0%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  #toast-container {
    left: 5%;
    bottom: 7%;
    max-width: 90%;
  }
}
@media only screen and (min-width: 993px) {
  #toast-container {
    top: 10%;
    right: 7%;
    max-width: 86%;
  }
}
.toast {
  border-radius: 2px;
  top: 35px;
  width: auto;
  margin-top: 10px;
  position: relative;
  max-width: 100%;
  height: auto;
  min-height: 48px;
  line-height: 1.5em;
  background-color: #323232;
  padding: 10px 25px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: default;
}

.toast .toast-action {
  color: #eeff41;
  font-weight: 500;
  margin-right: -25px;
  margin-left: 3rem;
}

.toast.rounded {
  border-radius: 24px;
}

@media only screen and (max-width: 600px) {
  .toast {
    width: 100%;
    border-radius: 0;
  }
}
.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  white-space: nowrap;
}

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

.tabs.tabs-transparent .tab a,
.tabs.tabs-transparent .tab.disabled a,
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.tabs.tabs-transparent .tab a:hover,
.tabs.tabs-transparent .tab a.active {
  color: #fff;
}

.tabs.tabs-transparent .indicator {
  background-color: #fff;
}

.tabs.tabs-fixed-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}

.tabs .tab a {
  color: rgba(238, 110, 115, 0.7);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color 0.28s ease, background-color 0.28s ease;
  transition: color 0.28s ease, background-color 0.28s ease;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
  background-color: rgba(246, 178, 181, 0.2);
  outline: none;
}

.tabs .tab a:hover, .tabs .tab a.active {
  background-color: transparent;
  color: #ee6e73;
}

.tabs .tab.disabled a,
.tabs .tab.disabled a:hover {
  color: rgba(238, 110, 115, 0.4);
  cursor: default;
}

.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #f6b2b5;
  will-change: left, right;
}

@media only screen and (max-width: 992px) {
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .tabs .tab a {
    padding: 0 12px;
  }
}
.material-tooltip {
  padding: 10px 8px;
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 2px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #323232;
}

.backdrop {
  position: absolute;
  opacity: 0;
  height: 7px;
  width: 14px;
  border-radius: 0 0 50% 50%;
  background-color: #323232;
  z-index: -1;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  visibility: hidden;
}

.btn, .btn-large, .btn-small,
.btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.btn.disabled, .disabled.btn-large, .disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-floating[disabled],
.btn-large[disabled],
.btn-small[disabled],
.btn-flat[disabled] {
  pointer-events: none;
  background-color: #DFDFDF !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #9F9F9F !important;
  cursor: default;
}

.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
.btn-small.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
.btn-small:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
.btn-small[disabled]:hover,
.btn-flat[disabled]:hover {
  background-color: #DFDFDF !important;
  color: #9F9F9F !important;
}

.btn, .btn-large, .btn-small,
.btn-floating,
.btn-large,
.btn-small,
.btn-flat {
  font-size: 14px;
  outline: 0;
}

.btn i, .btn-large i, .btn-small i,
.btn-floating i,
.btn-large i,
.btn-small i,
.btn-flat i {
  font-size: 1.3rem;
  line-height: inherit;
}

.btn:focus, .btn-large:focus, .btn-small:focus,
.btn-floating:focus {
  background-color: #1d7d74;
}

.btn, .btn-large, .btn-small {
  text-decoration: none;
  color: #fff;
  background-color: #20A956;
  text-align: center;
  letter-spacing: 0.5px;
  -webkit-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
  cursor: pointer;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: #2bbbad;
}

.btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #20A956;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  vertical-align: middle;
}

.btn-floating:hover {
  background-color: #20A956;
}

.btn-floating:before {
  border-radius: 0;
}

.btn-floating.btn-large {
  width: 56px;
  height: 56px;
  padding: 0;
}

.btn-floating.btn-large.halfway-fab {
  bottom: -28px;
}

.btn-floating.btn-large i {
  line-height: 56px;
}

.btn-floating.btn-small {
  width: 32.4px;
  height: 32.4px;
}

.btn-floating.btn-small.halfway-fab {
  bottom: -16.2px;
}

.btn-floating.btn-small i {
  line-height: 32.4px;
}

.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}

.btn-floating i {
  width: inherit;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
}

button.btn-floating {
  border: none;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.fixed-action-btn.active ul {
  visibility: visible;
}

.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
  padding: 0 0 0 15px;
}

.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
  text-align: right;
  right: 64px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100%;
  left: auto;
  /*width 100% only goes to width of button container */
  width: 500px;
}

.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
  display: inline-block;
  margin: 7.5px 15px 0 0;
}

.fixed-action-btn.direction-right {
  padding: 0 15px 0 0;
}

.fixed-action-btn.direction-right ul {
  text-align: left;
  direction: rtl;
  left: 64px;
  right: auto;
}

.fixed-action-btn.direction-right ul li {
  margin: 7.5px 0 0 15px;
}

.fixed-action-btn.direction-bottom {
  padding: 0 0 15px 0;
}

.fixed-action-btn.direction-bottom ul {
  top: 64px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.fixed-action-btn.direction-bottom ul li {
  margin: 15px 0 0 0;
}

.fixed-action-btn.toolbar {
  padding: 0;
  height: 56px;
}

.fixed-action-btn.toolbar.active > a i {
  opacity: 0;
}

.fixed-action-btn.toolbar ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: inline-block;
  margin: 0;
  height: 100%;
  -webkit-transition: none;
  transition: none;
}

.fixed-action-btn.toolbar ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  line-height: 56px;
  z-index: 1;
}

.fixed-action-btn.toolbar ul li a i {
  line-height: inherit;
}

.fixed-action-btn ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 64px;
  margin: 0;
  visibility: hidden;
}

.fixed-action-btn ul li {
  margin-bottom: 15px;
}

.fixed-action-btn ul a.btn-floating {
  opacity: 0;
}

.fixed-action-btn .fab-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 40px;
  height: 40px;
  background-color: #20A956;
  border-radius: 50%;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.btn-flat {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  color: #343434;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.btn-flat:focus, .btn-flat:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-flat:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
  background-color: transparent !important;
  color: #b3b2b2 !important;
  cursor: default;
}

.btn-large {
  height: 54px;
  line-height: 54px;
  font-size: 15px;
  padding: 0 28px;
}

.btn-large i {
  font-size: 1.6rem;
}

.btn-small {
  height: 32.4px;
  line-height: 32.4px;
  font-size: 13px;
}

.btn-small i {
  font-size: 1.2rem;
}

.btn-block {
  display: block;
}

.dropdown-content {
  background-color: #fff;
  margin: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.dropdown-content:focus {
  outline: 0;
}

.dropdown-content li {
  clear: both;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  min-height: 50px;
  line-height: 1.5rem;
  width: 100%;
  text-align: left;
}

.dropdown-content li:hover, .dropdown-content li.active {
  background-color: #eee;
}

.dropdown-content li:focus {
  outline: none;
}

.dropdown-content li.divider {
  min-height: 0;
  height: 1px;
}

.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #20A956;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}

.dropdown-content li > span > label {
  top: 1px;
  left: 0;
  height: 18px;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
}

body.keyboard-focused .dropdown-content li:focus {
  background-color: #dadada;
}

.input-field.col .dropdown-content [type=checkbox] + label {
  top: 1px;
  left: 0;
  height: 18px;
  -webkit-transform: none;
  transform: none;
}

.dropdown-trigger {
  cursor: pointer;
}

/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type=button], .waves-effect input[type=reset], .waves-effect input[type=submit] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}

.waves-effect img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
}

/* Firefox Bug: link not triggered */
.waves-effect .waves-ripple {
  z-index: -1;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 70%;
  width: 55%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.modal:focus {
  outline: none;
}

@media only screen and (max-width: 992px) {
  .modal {
    width: 80%;
  }
}
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 0;
}

.modal .modal-content {
  padding: 24px;
}

.modal .modal-close {
  cursor: pointer;
}

.modal .modal-footer {
  border-radius: 0 0 2px 2px;
  background-color: #fafafa;
  padding: 4px 6px;
  height: 56px;
  width: 100%;
  text-align: right;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
  margin: 6px 0;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

.modal.modal-fixed-footer {
  padding: 0;
  height: 70%;
}

.modal.modal-fixed-footer .modal-content {
  position: absolute;
  height: calc(100% - 56px);
  max-height: 100%;
  width: 100%;
  overflow-y: auto;
}

.modal.modal-fixed-footer .modal-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.modal.bottom-sheet {
  top: auto;
  bottom: -100%;
  margin: 0;
  width: 100%;
  max-height: 45%;
  border-radius: 0;
  will-change: bottom, opacity;
}

.collapsible {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin: 0.5rem 0 1rem 0;
}

.collapsible-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.collapsible-header:focus {
  outline: 0;
}

.collapsible-header i {
  width: 2rem;
  font-size: 1.6rem;
  display: inline-block;
  text-align: center;
  margin-right: 1rem;
}

.keyboard-focused .collapsible-header:focus {
  background-color: #eee;
}

.collapsible-body {
  display: none;
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2rem;
}

.sidenav .collapsible,
.sidenav.fixed .collapsible {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sidenav .collapsible li,
.sidenav.fixed .collapsible li {
  padding: 0;
}

.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
  background-color: transparent;
  border: none;
  line-height: inherit;
  height: inherit;
  padding: 0 16px;
}

.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav .collapsible-header i,
.sidenav.fixed .collapsible-header i {
  line-height: inherit;
}

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
  border: 0;
  background-color: #fff;
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
  padding: 0 23.5px 0 31px;
}

.collapsible.popout {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.collapsible.popout > li {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  -webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collapsible.popout > li.active {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0;
}

.chip {
  display: inline-block;
  height: 32px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.6);
  line-height: 32px;
  padding: 0 12px;
  border-radius: 16px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  margin-right: 5px;
}

.chip:focus {
  outline: none;
  background-color: #20A956;
  color: #fff;
}

.chip > img {
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}

.chip .close {
  cursor: pointer;
  float: right;
  font-size: 16px;
  line-height: 32px;
  padding-left: 8px;
}

.chips {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 0 8px 0;
  min-height: 45px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.chips.focus {
  border-bottom: 1px solid #20A956;
  -webkit-box-shadow: 0 1px 0 0 #20A956;
  box-shadow: 0 1px 0 0 #20A956;
}

.chips:hover {
  cursor: text;
}

.chips .input {
  background: none;
  border: 0;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  font-size: 16px;
  height: 3rem;
  line-height: 32px;
  outline: 0;
  margin: 0;
  padding: 0 !important;
  width: 120px !important;
}

.chips .input:focus {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.chips .autocomplete-content {
  margin-top: 0;
  margin-bottom: 0;
}

.prefix ~ .chips {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.chips:empty ~ label {
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  transform: translateY(-140%);
}

select:focus {
  outline: 1px solid #c9f3ef;
}

button:focus {
  outline: none;
}

label {
  font-size: 0.8rem;
  color: #9e9e9e;
}

/* Text Inputs + Textarea
   ========================================================================== */
/* Style Placeholders */
::-webkit-input-placeholder {
  color: #d1d1d1;
}

::-moz-placeholder {
  color: #d1d1d1;
}

:-ms-input-placeholder {
  color: #d1d1d1;
}

::-ms-input-placeholder {
  color: #d1d1d1;
}

::placeholder {
  color: #d1d1d1;
}

/* Text inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
  background-color: transparent;
  border-radius: 0;
  outline: none;
  height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s, -webkit-box-shadow 0.3s;
}

input:not([type]):disabled, input:not([type])[readonly=readonly],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly=readonly],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly=readonly],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly=readonly],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly=readonly],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly=readonly],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly=readonly],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly=readonly],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly=readonly],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly=readonly],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly=readonly],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly=readonly] {
  color: rgba(0, 0, 0, 0.42);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
}

input:not([type]):disabled + label,
input:not([type])[readonly=readonly] + label,
input[type=text]:not(.browser-default):disabled + label,
input[type=text]:not(.browser-default)[readonly=readonly] + label,
input[type=password]:not(.browser-default):disabled + label,
input[type=password]:not(.browser-default)[readonly=readonly] + label,
input[type=email]:not(.browser-default):disabled + label,
input[type=email]:not(.browser-default)[readonly=readonly] + label,
input[type=url]:not(.browser-default):disabled + label,
input[type=url]:not(.browser-default)[readonly=readonly] + label,
input[type=time]:not(.browser-default):disabled + label,
input[type=time]:not(.browser-default)[readonly=readonly] + label,
input[type=date]:not(.browser-default):disabled + label,
input[type=date]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime]:not(.browser-default):disabled + label,
input[type=datetime]:not(.browser-default)[readonly=readonly] + label,
input[type=datetime-local]:not(.browser-default):disabled + label,
input[type=datetime-local]:not(.browser-default)[readonly=readonly] + label,
input[type=tel]:not(.browser-default):disabled + label,
input[type=tel]:not(.browser-default)[readonly=readonly] + label,
input[type=number]:not(.browser-default):disabled + label,
input[type=number]:not(.browser-default)[readonly=readonly] + label,
input[type=search]:not(.browser-default):disabled + label,
input[type=search]:not(.browser-default)[readonly=readonly] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly=readonly] + label {
  color: rgba(0, 0, 0, 0.42);
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  background-color: #f7f7f7;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #20A956;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label {
  color: #4CAF50;
}

input:not([type]):focus.invalid ~ label,
input[type=text]:not(.browser-default):focus.invalid ~ label,
input[type=password]:not(.browser-default):focus.invalid ~ label,
input[type=email]:not(.browser-default):focus.invalid ~ label,
input[type=url]:not(.browser-default):focus.invalid ~ label,
input[type=time]:not(.browser-default):focus.invalid ~ label,
input[type=date]:not(.browser-default):focus.invalid ~ label,
input[type=datetime]:not(.browser-default):focus.invalid ~ label,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
input[type=tel]:not(.browser-default):focus.invalid ~ label,
input[type=number]:not(.browser-default):focus.invalid ~ label,
input[type=search]:not(.browser-default):focus.invalid ~ label,
textarea.materialize-textarea:focus.invalid ~ label {
  color: #F44336;
}

input:not([type]).validate + label,
input[type=text]:not(.browser-default).validate + label,
input[type=password]:not(.browser-default).validate + label,
input[type=email]:not(.browser-default).validate + label,
input[type=url]:not(.browser-default).validate + label,
input[type=time]:not(.browser-default).validate + label,
input[type=date]:not(.browser-default).validate + label,
input[type=datetime]:not(.browser-default).validate + label,
input[type=datetime-local]:not(.browser-default).validate + label,
input[type=tel]:not(.browser-default).validate + label,
input[type=number]:not(.browser-default).validate + label,
input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
  width: 100%;
}

/* Validation Sass Placeholders */
input.valid:not([type]), input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
  border-bottom: 1px solid #4CAF50;
  -webkit-box-shadow: 0 1px 0 0 #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
}

input.invalid:not([type]), input.invalid:not([type]):focus,
input.invalid[type=text]:not(.browser-default),
input.invalid[type=text]:not(.browser-default):focus,
input.invalid[type=password]:not(.browser-default),
input.invalid[type=password]:not(.browser-default):focus,
input.invalid[type=email]:not(.browser-default),
input.invalid[type=email]:not(.browser-default):focus,
input.invalid[type=url]:not(.browser-default),
input.invalid[type=url]:not(.browser-default):focus,
input.invalid[type=time]:not(.browser-default),
input.invalid[type=time]:not(.browser-default):focus,
input.invalid[type=date]:not(.browser-default),
input.invalid[type=date]:not(.browser-default):focus,
input.invalid[type=datetime]:not(.browser-default),
input.invalid[type=datetime]:not(.browser-default):focus,
input.invalid[type=datetime-local]:not(.browser-default),
input.invalid[type=datetime-local]:not(.browser-default):focus,
input.invalid[type=tel]:not(.browser-default),
input.invalid[type=tel]:not(.browser-default):focus,
input.invalid[type=number]:not(.browser-default),
input.invalid[type=number]:not(.browser-default):focus,
input.invalid[type=search]:not(.browser-default),
input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
.select-wrapper.invalid > input.select-dropdown:focus {
  border-bottom: 1px solid #F44336;
  -webkit-box-shadow: 0 1px 0 0 #F44336;
  box-shadow: 0 1px 0 0 #F44336;
}

input:not([type]).valid ~ .helper-text[data-success],
input:not([type]):focus.valid ~ .helper-text[data-success],
input:not([type]).invalid ~ .helper-text[data-error],
input:not([type]):focus.invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
textarea.materialize-textarea.valid ~ .helper-text[data-success],
textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
textarea.materialize-textarea.invalid ~ .helper-text[data-error],
textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
.select-wrapper.invalid ~ .helper-text[data-error] {
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

input:not([type]).valid ~ .helper-text:after,
input:not([type]):focus.valid ~ .helper-text:after,
input[type=text]:not(.browser-default).valid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=password]:not(.browser-default).valid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=email]:not(.browser-default).valid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=url]:not(.browser-default).valid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=time]:not(.browser-default).valid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=date]:not(.browser-default).valid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=number]:not(.browser-default).valid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
input[type=search]:not(.browser-default).valid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
textarea.materialize-textarea.valid ~ .helper-text:after,
textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
  content: attr(data-success);
  color: #4CAF50;
}

input:not([type]).invalid ~ .helper-text:after,
input:not([type]):focus.invalid ~ .helper-text:after,
input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
textarea.materialize-textarea.invalid ~ .helper-text:after,
textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
  content: attr(data-error);
  color: #F44336;
}

input:not([type]) + label:after,
input[type=text]:not(.browser-default) + label:after,
input[type=password]:not(.browser-default) + label:after,
input[type=email]:not(.browser-default) + label:after,
input[type=url]:not(.browser-default) + label:after,
input[type=time]:not(.browser-default) + label:after,
input[type=date]:not(.browser-default) + label:after,
input[type=datetime]:not(.browser-default) + label:after,
input[type=datetime-local]:not(.browser-default) + label:after,
input[type=tel]:not(.browser-default) + label:after,
input[type=number]:not(.browser-default) + label:after,
input[type=search]:not(.browser-default) + label:after,
textarea.materialize-textarea + label:after, .select-wrapper + label:after {
  display: block;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
  transition: 0.2s opacity ease-out, 0.2s color ease-out;
}

.input-field {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.input-field.inline {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.input-field.inline input,
.input-field.inline .select-dropdown {
  margin-bottom: 1rem;
}

.input-field.col label {
  left: 0.75rem;
}

.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
  width: calc(100% - 3rem - 1.5rem);
}

.input-field > label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out;
  transition: transform 0.2s ease-out, color 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  text-align: initial;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
}

.input-field > label:not(.label-icon).active {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label,
.input-field > input[type=date]:not(.browser-default) + label,
.input-field > input[type=time]:not(.browser-default) + label {
  -webkit-transform: translateY(-14px) scale(0.8);
  transform: translateY(-14px) scale(0.8);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.input-field .helper-text {
  position: relative;
  min-height: 18px;
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

.input-field .helper-text::after {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.input-field .prefix {
  position: absolute;
  width: 3rem;
  font-size: 2rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  top: 0.5rem;
}

.input-field .prefix.active {
  color: #20A956;
}

.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.input-field .prefix ~ label {
  margin-left: 3rem;
}

@media only screen and (max-width: 992px) {
  .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}
@media only screen and (max-width: 600px) {
  .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}
/* Search Field */
.input-field input[type=search] {
  display: block;
  line-height: inherit;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}

.nav-wrapper .input-field input[type=search] {
  height: inherit;
  padding-left: 4rem;
  width: calc(100% - 4rem);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.input-field input[type=search]:focus:not(.browser-default) {
  background-color: #fff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #444;
}

.input-field input[type=search]:focus:not(.browser-default) + label i,
.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
  color: #444;
}

.input-field input[type=search] + .label-icon {
  -webkit-transform: none;
  transform: none;
  left: 1rem;
}

.input-field input[type=search] ~ .mdi-navigation-close,
.input-field input[type=search] ~ .material-icons {
  position: absolute;
  top: 0;
  right: 1rem;
  color: transparent;
  cursor: pointer;
  font-size: 2rem;
  -webkit-transition: 0.3s color;
  transition: 0.3s color;
}

/* Textarea */
textarea {
  width: 100%;
  height: 3rem;
  background-color: transparent;
}

textarea.materialize-textarea {
  line-height: normal;
  overflow-y: hidden;
  /* prevents scroll bar flash */
  padding: 0.8rem 0 0.8rem 0;
  /* prevents text jump on Enter keypress */
  resize: none;
  min-height: 3rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.hiddendiv {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /* future version of deprecated 'word-wrap' */
  padding-top: 1.2rem;
  /* prevents text jump on Enter keypress */
  position: absolute;
  top: 0;
  z-index: -1;
}

/* Autocomplete */
.autocomplete-content li .highlight {
  color: #444;
}

.autocomplete-content li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
}

/* Character Counter */
.character-counter {
  min-height: 18px;
}

/* Radio Buttons
   ========================================================================== */
[type=radio]:not(:checked),
[type=radio]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 25px;
  margin-left: 5px;
}

[type=radio]:not(:checked) + span,
[type=radio]:checked + span {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type=radio] + span:before,
[type=radio] + span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: 0.28s ease;
  transition: 0.28s ease;
}

/* Unchecked styles */
[type=radio]:not(:checked) + span:before,
[type=radio]:not(:checked) + span:after,
[type=radio]:checked + span:before,
[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio].with-gap:checked + span:after {
  border-radius: 50%;
}

[type=radio]:not(:checked) + span:before,
[type=radio]:not(:checked) + span:after {
  border: 2px solid #5a5a5a;
}

[type=radio]:not(:checked) + span:after {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Checked styles */
[type=radio]:checked + span:before {
  border: 2px solid transparent;
}

[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:before,
[type=radio].with-gap:checked + span:after {
  border: 2px solid #20A956;
}

[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:after {
  background-color: #20A956;
}

[type=radio]:checked + span:after {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* Radio With gap */
[type=radio].with-gap:checked + span:after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

/* Focused styles */
[type=radio].tabbed:focus + span:before {
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Disabled Radio With gap */
[type=radio].with-gap:disabled:checked + span:before {
  border: 2px solid rgba(0, 0, 0, 0.42);
}

[type=radio].with-gap:disabled:checked + span:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

/* Disabled style */
[type=radio]:disabled:not(:checked) + span:before,
[type=radio]:disabled:checked + span:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.42);
}

[type=radio]:disabled + span {
  color: rgba(0, 0, 0, 0.42);
}

[type=radio]:disabled:not(:checked) + span:before {
  border-color: rgba(0, 0, 0, 0.42);
}

[type=radio]:disabled:checked + span:after {
  background-color: rgba(0, 0, 0, 0.42);
  border-color: #949494;
}

/* Checkboxes
   ========================================================================== */
/* Remove default checkbox */
[type=checkbox]:not(:checked),
[type=checkbox]:checked {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

[type=checkbox] {
  /* checkbox aspect */
}

[type=checkbox] + span:not(.lever) {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[type=checkbox] + span:not(.lever):before,
[type=checkbox]:not(.filled-in) + span:not(.lever):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 2px solid #5a5a5a;
  border-radius: 1px;
  margin-top: 3px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

[type=checkbox]:not(.filled-in) + span:not(.lever):after {
  border: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type=checkbox]:not(:checked):disabled + span:not(.lever):before {
  border: none;
  background-color: rgba(0, 0, 0, 0.42);
}

[type=checkbox].tabbed:focus + span:not(.lever):after {
  -webkit-transform: scale(1);
  transform: scale(1);
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

[type=checkbox]:checked + span:not(.lever):before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 22px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #20A956;
  border-bottom: 2px solid #20A956;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type=checkbox]:checked:disabled + span:before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}

/* Indeterminate checkbox */
[type=checkbox]:indeterminate + span:not(.lever):before {
  top: -11px;
  left: -12px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #20A956;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type=checkbox]:indeterminate:disabled + span:not(.lever):before {
  border-right: 2px solid rgba(0, 0, 0, 0.42);
  background-color: transparent;
}

[type=checkbox].filled-in + span:not(.lever):after {
  border-radius: 2px;
}

[type=checkbox].filled-in + span:not(.lever):before,
[type=checkbox].filled-in + span:not(.lever):after {
  content: "";
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
  z-index: 1;
}

[type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0;
}

[type=checkbox].filled-in:checked + span:not(.lever):before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

[type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #20A956;
  background-color: #20A956;
  z-index: 0;
}

[type=checkbox].filled-in.tabbed:focus + span:not(.lever):after {
  border-radius: 2px;
  border-color: #5a5a5a;
  background-color: rgba(0, 0, 0, 0.1);
}

[type=checkbox].filled-in.tabbed:checked:focus + span:not(.lever):after {
  border-radius: 2px;
  background-color: #20A956;
  border-color: #20A956;
}

[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  border: 2px solid transparent;
}

[type=checkbox].filled-in:disabled:not(:checked) + span:not(.lever):after {
  border-color: transparent;
  background-color: #949494;
}

[type=checkbox].filled-in:disabled:checked + span:not(.lever):before {
  background-color: transparent;
}

[type=checkbox].filled-in:disabled:checked + span:not(.lever):after {
  background-color: #949494;
  border-color: #949494;
}

/* Switch
   ========================================================================== */
.switch,
.switch * {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch label {
  cursor: pointer;
}

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #84c7c1;
}

.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
  left: 18px;
}

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #20A956;
}

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 36px;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 15px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px;
}

.switch label .lever:before, .switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: -3px;
  -webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
  transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
}

.switch label .lever:before {
  background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:after {
  background-color: #F1F1F1;
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(38, 166, 154, 0.15);
}

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
  -webkit-transform: scale(2.4);
  transform: scale(2.4);
  background-color: rgba(0, 0, 0, 0.08);
}

.switch input[type=checkbox][disabled] + .lever {
  cursor: default;
  background-color: rgba(0, 0, 0, 0.12);
}

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
  background-color: #949494;
}

/* Select Field
   ========================================================================== */
select.browser-default {
  display: block;
}

select {
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  padding: 5px;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  height: 3rem;
}

.select-label {
  position: absolute;
}

.select-wrapper {
  position: relative;
}

.select-wrapper.valid + label,
.select-wrapper.invalid + label {
  width: 100%;
  pointer-events: none;
}

.select-wrapper input.select-dropdown {
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  outline: none;
  height: 3rem;
  line-height: 3rem;
  width: 100%;
  font-size: 16px;
  margin: 0 0 8px 0;
  padding: 0;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
}

.select-wrapper input.select-dropdown:focus {
  border-bottom: 1px solid #20A956;
}

.select-wrapper .caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87);
}

.select-wrapper + label {
  position: absolute;
  top: -26px;
  font-size: 0.8rem;
}

select:disabled {
  color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled + label {
  color: rgba(0, 0, 0, 0.42);
}

.select-wrapper.disabled .caret {
  fill: rgba(0, 0, 0, 0.42);
}

.select-wrapper input.select-dropdown:disabled {
  color: rgba(0, 0, 0, 0.42);
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select-wrapper i {
  color: rgba(0, 0, 0, 0.3);
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
  color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

body.keyboard-focused .select-dropdown.dropdown-content li:focus {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li:hover {
  background-color: rgba(0, 0, 0, 0.08);
}

.select-dropdown.dropdown-content li.selected {
  background-color: rgba(0, 0, 0, 0.03);
}

.prefix ~ .select-wrapper {
  margin-left: 3rem;
  width: 92%;
  width: calc(100% - 3rem);
}

.prefix ~ label {
  margin-left: 3rem;
}

.select-dropdown li img {
  height: 40px;
  width: 40px;
  margin: 5px 15px;
  float: right;
}

.select-dropdown li.optgroup {
  border-top: 1px solid #eee;
}

.select-dropdown li.optgroup.selected > span {
  color: rgba(0, 0, 0, 0.7);
}

.select-dropdown li.optgroup > span {
  color: rgba(0, 0, 0, 0.4);
}

.select-dropdown li.optgroup ~ li.optgroup-option {
  padding-left: 1rem;
}

/* File Input
   ========================================================================== */
.file-field {
  position: relative;
}

.file-field .file-path-wrapper {
  overflow: hidden;
  padding-left: 10px;
}

.file-field input.file-path {
  width: 100%;
}

.file-field .btn, .file-field .btn-large, .file-field .btn-small {
  float: left;
  height: 3rem;
  line-height: 3rem;
}

.file-field span {
  cursor: pointer;
}

.file-field input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

.file-field input[type=file]::-webkit-file-upload-button {
  display: none;
}

/* Range
   ========================================================================== */
.range-field {
  position: relative;
}

input[type=range],
input[type=range] + .thumb {
  cursor: pointer;
}

input[type=range] {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  margin: 15px 0;
  padding: 0;
}

input[type=range]:focus {
  outline: none;
}

input[type=range] + .thumb {
  position: absolute;
  top: 10px;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #20A956;
  margin-left: 7px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #20A956;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=range] + .thumb.active {
  border-radius: 50% 50% 50% 0;
}

input[type=range] + .thumb.active .value {
  color: #fff;
  margin-left: -1px;
  margin-top: 8px;
  font-size: 10px;
}

input[type=range] {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #20A956;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-appearance: none;
  background-color: #20A956;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin: -5px 0 0 0;
}

.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range] {
  /* fix for FF unable to apply focus style bug  */
  border: 1px solid white;
  /*required for proper track sizing in FF*/
}

input[type=range]::-moz-range-track {
  height: 3px;
  background: #c2c0c2;
  border: none;
}

input[type=range]::-moz-focus-inner {
  border: 0;
}

input[type=range]::-moz-range-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #20A956;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  margin-top: -5px;
}

input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}

.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

input[type=range]::-ms-track {
  height: 3px;
  background: transparent;
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #777;
}

input[type=range]::-ms-fill-upper {
  background: #ddd;
}

input[type=range]::-ms-thumb {
  border: none;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #20A956;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
  box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}

/***************
    Nav List
***************/
.table-of-contents.fixed {
  position: fixed;
}

.table-of-contents li {
  padding: 2px 0;
}

.table-of-contents a {
  display: inline-block;
  font-weight: 300;
  color: #757575;
  padding-left: 16px;
  height: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: 0.4;
  display: inline-block;
}

.table-of-contents a:hover {
  color: #a8a8a8;
  padding-left: 15px;
  border-left: 1px solid #ee6e73;
}

.table-of-contents a.active {
  font-weight: 500;
  padding-left: 14px;
  border-left: 2px solid #ee6e73;
}

.sidenav {
  position: fixed;
  width: 300px;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  height: 100%;
  height: calc(100% + 60px);
  height: -moz-calc(100%);
  padding-bottom: 60px;
  background-color: #fff;
  z-index: 999;
  overflow-y: auto;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

.sidenav.right-aligned {
  right: 0;
  -webkit-transform: translateX(105%);
  transform: translateX(105%);
  left: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.sidenav .collapsible {
  margin: 0;
}

.sidenav li {
  float: none;
  line-height: 48px;
}

.sidenav li.active {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a {
  color: rgba(0, 0, 0, 0.87);
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  padding: 0 32px;
}

.sidenav li > a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
  margin: 10px 15px;
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
  color: #fff;
}

.sidenav li > a.btn-flat {
  color: #343434;
}

.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
  background-color: #2bbbad;
}

.sidenav li > a.btn-floating:hover {
  background-color: #20A956;
}

.sidenav li > a > i,
.sidenav li > a > [class^=mdi-], .sidenav li > a li > a > [class*=mdi-],
.sidenav li > a > i.material-icons {
  float: left;
  height: 48px;
  line-height: 48px;
  margin: 0 32px 0 0;
  width: 24px;
  color: rgba(0, 0, 0, 0.54);
}

.sidenav .divider {
  margin: 8px 0 0 0;
}

.sidenav .subheader {
  cursor: initial;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  font-weight: 500;
  line-height: 48px;
}

.sidenav .subheader:hover {
  background-color: transparent;
}

.sidenav .user-view {
  position: relative;
  padding: 32px 32px 0;
  margin-bottom: 8px;
}

.sidenav .user-view > a {
  height: auto;
  padding: 0;
}

.sidenav .user-view > a:hover {
  background-color: transparent;
}

.sidenav .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
  display: block;
}

.sidenav .user-view .circle {
  height: 64px;
  width: 64px;
}

.sidenav .user-view .name,
.sidenav .user-view .email {
  font-size: 14px;
  line-height: 24px;
}

.sidenav .user-view .name {
  margin-top: 16px;
  font-weight: 500;
}

.sidenav .user-view .email {
  padding-bottom: 16px;
  font-weight: 400;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: fixed;
  top: 0;
  z-index: 998;
}

.drag-target.right-aligned {
  right: 0;
}

.sidenav.sidenav-fixed {
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  position: fixed;
}

.sidenav.sidenav-fixed.right-aligned {
  right: 0;
  left: auto;
}

@media only screen and (max-width: 992px) {
  .sidenav.sidenav-fixed {
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  .sidenav.sidenav-fixed.right-aligned {
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
  }
  .sidenav > a {
    padding: 0 16px;
  }
  .sidenav .user-view {
    padding: 16px 16px 0;
  }
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
  background-color: #ee6e73;
}

.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
  color: #fff;
}

.sidenav .collapsible-body {
  padding: 0;
}

.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none;
}

/*
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 */
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
 * Constants:
 *      STROKEWIDTH = 3px
 *      ARCSIZE     = 270 degrees (amount of circle the arc takes up)
 *      ARCTIME     = 1333ms (time it takes to expand and contract arc)
 *      ARCSTARTROT = 216 degrees (how much the start location of the arc
 *                                should rotate each time, 216 gives us a
 *                                5 pointed star shape (it's 360/5 * 3).
 *                                For a 7 pointed star, we might do
 *                                360/7 * 3 = 154.286)
 *      CONTAINERWIDTH = 28px
 *      SHRINK_TIME = 400ms
 */
.preloader-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 50px;
}

.preloader-wrapper.small {
  width: 36px;
  height: 36px;
}

.preloader-wrapper.big {
  width: 64px;
  height: 64px;
}

.preloader-wrapper.active {
  /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */
  -webkit-animation: container-rotate 1568ms linear infinite;
  animation: container-rotate 1568ms linear infinite;
}

@-webkit-keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes container-rotate {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #20A956;
}

.spinner-blue,
.spinner-blue-only {
  border-color: #4285f4;
}

.spinner-red,
.spinner-red-only {
  border-color: #db4437;
}

.spinner-yellow,
.spinner-yellow-only {
  border-color: #f4b400;
}

.spinner-green,
.spinner-green-only {
  border-color: #0f9d58;
}

/**
 * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
 *
 * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
 * guarantee that the animation will start _exactly_ after that value. So we avoid using
 * animation-delay and instead set custom keyframes for each color (as redundant as it
 * seems).
 *
 * We write out each animation in full (instead of separating animation-name,
 * animation-duration, etc.) because under the polyfill, Safari does not recognize those
 * specific properties properly, treats them as -webkit-animation, and overrides the
 * other animation rules. See https://github.com/Polymer/platform/issues/53.
 */
.active .spinner-layer.spinner-blue {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-red {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-yellow {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer.spinner-green {
  /* durations: 4 * ARCTIME */
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only,
.active .spinner-layer.spinner-red-only,
.active .spinner-layer.spinner-yellow-only,
.active .spinner-layer.spinner-green-only {
  /* durations: 4 * ARCTIME */
  opacity: 1;
  -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}
@keyframes fill-unfill-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  /* 0.5 * ARCSIZE */
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  /* 1   * ARCSIZE */
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  /* 1.5 * ARCSIZE */
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  /* 2   * ARCSIZE */
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  /* 2.5 * ARCSIZE */
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  /* 3   * ARCSIZE */
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  /* 3.5 * ARCSIZE */
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
  /* 4   * ARCSIZE */
}
@-webkit-keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blue-fade-in-out {
  from {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@keyframes red-fade-in-out {
  from {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}
@-webkit-keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@keyframes yellow-fade-in-out {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
}
@-webkit-keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes green-fade-in-out {
  from {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.gap-patch .circle {
  width: 1000%;
  left: -450%;
}

.circle-clipper {
  display: inline-block;
  position: relative;
  width: 50%;
  height: 100%;
  overflow: hidden;
  border-color: inherit;
}

.circle-clipper .circle {
  width: 200%;
  height: 100%;
  border-width: 3px;
  /* STROKEWIDTH */
  border-style: solid;
  border-color: inherit;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation: none;
  animation: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.circle-clipper.left .circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-transform: rotate(129deg);
  transform: rotate(129deg);
}

.circle-clipper.right .circle {
  left: -100%;
  border-left-color: transparent !important;
  -webkit-transform: rotate(-129deg);
  transform: rotate(-129deg);
}

.active .circle-clipper.left .circle {
  /* duration: ARCTIME */
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  /* duration: ARCTIME */
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}
@keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}
@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}
@keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}
#spinnerContainer.cooldown {
  /* duration: SHRINK_TIME */
  -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
  animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.slider {
  position: relative;
  height: 400px;
  width: 100%;
}

.slider.fullscreen {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.slider.fullscreen ul.slides {
  height: 100%;
}

.slider.fullscreen ul.indicators {
  z-index: 2;
  bottom: 30px;
}

.slider .slides {
  background-color: #9e9e9e;
  margin: 0;
  height: 400px;
}

.slider .slides li {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: inherit;
  overflow: hidden;
}

.slider .slides li img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.slider .slides li .caption {
  color: #fff;
  position: absolute;
  top: 15%;
  left: 15%;
  width: 70%;
  opacity: 0;
}

.slider .slides li .caption p {
  color: #e0e0e0;
}

.slider .slides li.active {
  z-index: 2;
}

.slider .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.slider .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 12px;
  background-color: #e0e0e0;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 50%;
}

.slider .indicators .indicator-item.active {
  background-color: #4CAF50;
}

.carousel {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 400px;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.carousel.carousel-slider {
  top: 0;
  left: 0;
}

.carousel.carousel-slider .carousel-fixed-item {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  z-index: 1;
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
  bottom: 68px;
}

.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel.carousel-slider .carousel-item h2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.carousel.carousel-slider .carousel-item p {
  font-size: 15px;
}

.carousel .carousel-item {
  visibility: hidden;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel .carousel-item > img {
  width: 100%;
}

.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.carousel .indicators .indicator-item {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 24px 4px;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 50%;
}

.carousel .indicators .indicator-item.active {
  background-color: #fff;
}

.tap-target-wrapper {
  width: 800px;
  height: 800px;
  position: fixed;
  z-index: 1000;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s;
}

.tap-target-wrapper.open {
  visibility: visible;
  -webkit-transition: visibility 0s;
  transition: visibility 0s;
}

.tap-target-wrapper.open .tap-target {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.95;
  -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.tap-target-wrapper.open .tap-target-wave::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tap-target-wrapper.open .tap-target-wave::after {
  visibility: visible;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  -webkit-transition: opacity 0.3s, visibility 0s 1s, -webkit-transform 0.3s;
  transition: opacity 0.3s, visibility 0s 1s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, visibility 0s 1s;
  transition: opacity 0.3s, transform 0.3s, visibility 0s 1s, -webkit-transform 0.3s;
}

.tap-target {
  position: absolute;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #ee6e73;
  -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}

.tap-target-content {
  position: relative;
  display: table-cell;
}

.tap-target-wave {
  position: absolute;
  border-radius: 50%;
  z-index: 10001;
}

.tap-target-wave::before, .tap-target-wave::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffff;
}

.tap-target-wave::before {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.tap-target-wave::after {
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s, visibility 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, visibility 0s;
  transition: opacity 0.3s, transform 0.3s, visibility 0s, -webkit-transform 0.3s;
  z-index: -1;
}

.tap-target-origin {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10002;
  position: absolute !important;
}

.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
  background: none;
}

@media only screen and (max-width: 600px) {
  .tap-target, .tap-target-wrapper {
    width: 600px;
    height: 600px;
  }
}
.pulse {
  overflow: visible;
  position: relative;
}

.pulse::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
  z-index: -1;
}

@-webkit-keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes pulse-animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
/* Modal */
.datepicker-modal {
  max-width: 325px;
  min-width: 300px;
  max-height: none;
}

.datepicker-container.modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.datepicker-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 280px;
  margin: 0 auto;
}

.datepicker-controls .selects-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.datepicker-controls .select-wrapper input {
  border-bottom: none;
  text-align: center;
  margin: 0;
}

.datepicker-controls .select-wrapper input:focus {
  border-bottom: none;
}

.datepicker-controls .select-wrapper .caret {
  display: none;
}

.datepicker-controls .select-year input {
  width: 50px;
}

.datepicker-controls .select-month input {
  width: 70px;
}

.month-prev, .month-next {
  margin-top: 4px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/* Date Display */
.datepicker-date-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  background-color: #20A956;
  color: #fff;
  padding: 20px 22px;
  font-weight: 500;
}

.datepicker-date-display .year-text {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
  color: rgba(255, 255, 255, 0.7);
}

.datepicker-date-display .date-text {
  display: block;
  font-size: 2.8rem;
  line-height: 47px;
  font-weight: 500;
}

/* Calendar */
.datepicker-calendar-container {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5 auto;
  -ms-flex: 2.5 auto;
  flex: 2.5 auto;
}

.datepicker-table {
  width: 280px;
  font-size: 1rem;
  margin: 0 auto;
}

.datepicker-table thead {
  border-bottom: none;
}

.datepicker-table th {
  padding: 10px 5px;
  text-align: center;
}

.datepicker-table tr {
  border: none;
}

.datepicker-table abbr {
  text-decoration: none;
  color: #999;
}

.datepicker-table td {
  border-radius: 50%;
  padding: 0;
}

.datepicker-table td.is-today {
  color: #20A956;
}

.datepicker-table td.is-selected {
  background-color: #20A956;
  color: #fff;
}

.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
  color: rgba(0, 0, 0, 0.3);
  pointer-events: none;
}

.datepicker-day-button {
  background-color: transparent;
  border: none;
  line-height: 38px;
  display: block;
  width: 100%;
  border-radius: 50%;
  padding: 0 5px;
  cursor: pointer;
  color: inherit;
}

.datepicker-day-button:focus {
  background-color: rgba(43, 161, 150, 0.25);
}

/* Footer */
.datepicker-footer {
  width: 280px;
  margin: 0 auto;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #20A956;
  padding: 0 1rem;
}

.datepicker-clear {
  color: #F44336;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .datepicker-modal {
    max-width: 625px;
  }
  .datepicker-container.modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .datepicker-date-display {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 270px;
    -ms-flex: 0 1 270px;
    flex: 0 1 270px;
  }
  .datepicker-controls,
  .datepicker-table,
  .datepicker-footer {
    width: 320px;
  }
  .datepicker-day-button {
    line-height: 44px;
  }
}
/* Timepicker Containers */
.timepicker-modal {
  max-width: 325px;
  max-height: none;
}

.timepicker-container.modal-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.text-primary {
  color: white;
}

/* Clock Digital Display */
.timepicker-digital-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  background-color: #20A956;
  padding: 10px;
  font-weight: 300;
}

.timepicker-text-container {
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timepicker-span-hours,
.timepicker-span-minutes,
.timepicker-span-am-pm div {
  cursor: pointer;
}

.timepicker-span-hours {
  margin-right: 3px;
}

.timepicker-span-minutes {
  margin-left: 3px;
}

.timepicker-display-am-pm {
  font-size: 1.3rem;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-weight: 400;
}

/* Analog Clock Display */
.timepicker-analog-display {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5 auto;
  -ms-flex: 2.5 auto;
  flex: 2.5 auto;
}

.timepicker-plate {
  background-color: #eee;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  overflow: visible;
  position: relative;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.timepicker-canvas,
.timepicker-dial {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.timepicker-minutes {
  visibility: hidden;
}

.timepicker-tick {
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.87);
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  font-size: 15px;
}

.timepicker-tick.active,
.timepicker-tick:hover {
  background-color: rgba(38, 166, 154, 0.25);
}

.timepicker-dial {
  -webkit-transition: opacity 350ms, -webkit-transform 350ms;
  transition: opacity 350ms, -webkit-transform 350ms;
  transition: transform 350ms, opacity 350ms;
  transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
}

.timepicker-dial-out {
  opacity: 0;
}

.timepicker-dial-out.timepicker-hours {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.timepicker-dial-out.timepicker-minutes {
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8);
}

.timepicker-canvas {
  -webkit-transition: opacity 175ms;
  transition: opacity 175ms;
}

.timepicker-canvas line {
  stroke: #20A956;
  stroke-width: 4;
  stroke-linecap: round;
}

.timepicker-canvas-out {
  opacity: 0.25;
}

.timepicker-canvas-bearing {
  stroke: none;
  fill: #20A956;
}

.timepicker-canvas-bg {
  stroke: none;
  fill: #20A956;
}

/* Footer */
.timepicker-footer {
  margin: 0 auto;
  padding: 5px 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.timepicker-clear {
  color: #F44336;
}

.timepicker-close {
  color: #20A956;
}

.timepicker-clear,
.timepicker-close {
  padding: 0 20px;
}

/* Media Queries */
@media only screen and (min-width: 601px) {
  .timepicker-modal {
    max-width: 600px;
  }
  .timepicker-container.modal-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .timepicker-text-container {
    top: 32%;
  }
  .timepicker-display-am-pm {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: center;
    margin-top: 1.2rem;
  }
}
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(57, 63, 70, 0.85);
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 0;
  border: none;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../assets/img/design/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../assets/img/design/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../assets/img/design/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: none !important;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../assets/img/design/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.85;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

/*!
 * shariff - v1.7.4 - 26.02.2015
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2015 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT <http://www.opensource.org/licenses/mit-license.php> license
 */
.shariff::after, .shariff::before {
  content: " ";
  display: table;
}

.shariff::after {
  clear: both;
}

.shariff ul {
  padding: 0;
  margin: 0;
}

.shariff li {
  height: 30px;
  display: inline-block;
  margin-right: 14px;
  overflow: hidden;
  width: 120px;
}

.shariff li:last-child {
  margin-right: 0;
}

.shariff li a {
  color: #fff;
  position: relative;
  display: block;
  padding: 0 5px 0 34px;
  line-height: 30px;
  text-decoration: none;
}

.shariff li .share_count, .shariff li .share_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  vertical-align: middle;
}

.shariff li .fa {
  line-height: inherit;
  position: absolute;
  left: 5px;
}

.shariff li .share_count {
  padding: 0 8px;
  height: 28px;
  position: absolute;
  top: 1px;
  right: 1px;
  line-height: 30px;
}

.shariff .theme-grey .shariff-button a {
  background-color: #b0b0b0;
}

.shariff .theme-grey .shariff-button .share_count {
  background-color: #ccc;
  color: #333;
}

.shariff .theme-white .shariff-button {
  border: 1px solid #ddd;
}

.shariff .theme-white .shariff-button a {
  background-color: #fff;
}

.shariff .theme-white .shariff-button a:hover {
  background-color: #eee;
}

.shariff .theme-white .shariff-button .share_count {
  background-color: #fff;
  color: #999;
}

.shariff .orientation-vertical li {
  display: block;
  margin: 5px 0;
}

.shariff .orientation-vertical li .share_count {
  width: 24px;
  text-align: right;
}

.shariff .twitter a {
  background-color: #55acee;
}

.shariff .twitter a:hover {
  background-color: #32bbf5;
}

.shariff .twitter .fa-twitter {
  font-size: 24px;
}

.shariff .twitter .share_count {
  color: #0174a4;
  background-color: #96D4EE;
}

.shariff .theme-white .twitter a {
  color: #55acee;
}

.shariff .facebook a {
  padding-left: 24px;
  background-color: #3b5998;
}

.shariff .facebook a:hover {
  background-color: #4273c8;
}

.shariff .facebook .fa-facebook {
  font-size: 18px;
  top: 1px;
}

.shariff .facebook .share_count {
  color: #183a75;
  background-color: #99adcf;
}

.shariff .theme-white .facebook a {
  color: #3b5998;
}

.shariff .orientation-vertical .facebook a {
  padding-left: 34px;
}

.shariff .googleplus a {
  background-color: #d34836;
}

.shariff .googleplus a:hover {
  background-color: #f75b44;
}

.shariff .googleplus .fa-google-plus {
  font-size: 17px;
  top: 2px;
}

.shariff .googleplus .share_count {
  color: #a31601;
  background-color: #eda79d;
}

.shariff .theme-white .googleplus a {
  color: #d34836;
}

.shariff .mail a {
  background-color: #999;
}

.shariff .mail a:hover {
  background-color: #a8a8a8;
}

.shariff .mail .fa-envelope {
  font-size: 18px;
}

.shariff .theme-white .mail a {
  color: #999;
}

.shariff .info {
  width: 23px;
  height: 28px;
  border: 1px solid #ccc;
}

.shariff .info a {
  padding: 0;
  color: #666;
  background-color: #fff;
}

.shariff .info a:hover {
  background-color: #efefef;
}

.shariff .info .fa-info {
  font-size: 16px;
  left: 9px;
}

.shariff .info .share_text {
  display: block;
  text-indent: -9999px;
}

.shariff .theme-grey .info a {
  background-color: #fff;
}

.shariff .theme-grey .info a:hover {
  background-color: #efefef;
}

.shariff .theme-white .info {
  height: 30px;
}

.shariff .orientation-vertical .info {
  margin-left: 95px;
}

.shariff .whatsapp a {
  background-color: #5cbe4a;
}

.shariff .whatsapp a:hover {
  background-color: #34af23;
}

.shariff .whatsapp .fa-whatsapp {
  font-size: 22px;
}

.shariff .theme-white .whatsapp a {
  color: #5cbe4a;
}

.shariff .linkedin a {
  background-color: #0077B5;
}

.shariff .linkedin a:hover {
  background-color: #0077B5;
}

.shariff .linkedin .fa-whatsapp {
  font-size: 22px;
}

.shariff .theme-white .linkedin a {
  color: #0077B5;
}

.shariff .xing a {
  background-color: #06939B;
}

.shariff .xing a:hover {
  background-color: #06939B;
}

.shariff .xing .fa-whatsapp {
  font-size: 22px;
}

.shariff .theme-white .xing a {
  color: #06939B;
}

.shariff .telegram a {
  background-color: #269BD5;
}

.shariff .telegram a:hover {
  background-color: #269BD5;
}

.shariff .telegram .fa-whatsapp {
  font-size: 22px;
}

.shariff .theme-white .telegram a {
  color: #269BD5;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* === style -> variables.scss === */
/* cyrillic-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmhduz8A.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwkxduz8A.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmxduz8A.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlBduz8A.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmBduz8A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwmRduz8A.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zwlxdu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmhduz8A.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwkxduz8A.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmxduz8A.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlBduz8A.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmBduz8A.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwmRduz8A.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../assets/fonts/source-sans-pro/6xKydSBYKcSV-LCoeQqfX1RYOo3iu4nwlxdu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* =========================
   ===== kilakitu.scss =====
   ========================= */
/* ===============================================
   ===== START : kilakitu-module/header.scss =====
   =============================================== */
@-webkit-keyframes showhide {
  0% {
    opacity: 0;
    z-index: 0;
  }
  2% {
    opacity: 0;
    z-index: 0;
  }
  7% {
    opacity: 1;
    z-index: 100;
  }
  22% {
    opacity: 1;
    z-index: 100;
  }
  28% {
    opacity: 0;
    z-index: 0;
  }
  80% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@-ms-keyframes showhide {
  0% {
    opacity: 0;
    z-index: 0;
  }
  2% {
    opacity: 0;
    z-index: 0;
  }
  7% {
    opacity: 1;
    z-index: 100;
  }
  22% {
    opacity: 1;
    z-index: 100;
  }
  28% {
    opacity: 0;
    z-index: 0;
  }
  80% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@keyframes showhide {
  0% {
    opacity: 0;
    z-index: 0;
  }
  2% {
    opacity: 0;
    z-index: 0;
  }
  7% {
    opacity: 1;
    z-index: 100;
  }
  22% {
    opacity: 1;
    z-index: 100;
  }
  28% {
    opacity: 0;
    z-index: 0;
  }
  80% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@keyframes autoplay2 {
  0% {
    opacity: 0;
    z-index: 0;
  }
  14% {
    opacity: 1;
    z-index: 100;
  }
  50% {
    opacity: 1;
    z-index: 100;
  }
  57% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@keyframes autoplay3 {
  0% {
    opacity: 0;
    z-index: 0;
  }
  4% {
    opacity: 1;
    z-index: 100;
  }
  33.33% {
    opacity: 1;
    z-index: 100;
  }
  37.33% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
@keyframes autoplay4 {
  0% {
    opacity: 0;
    z-index: 0;
  }
  3% {
    opacity: 1;
    z-index: 100;
  }
  21% {
    opacity: 1;
    z-index: 100;
  }
  27% {
    opacity: 0;
    z-index: 0;
  }
  100% {
    opacity: 0;
    z-index: 0;
  }
}
header.kilakitu-header {
  padding: 0;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center top !important;
  -moz-background-position: center top !important;
  -ms-background-position: center top !important;
  -o-background-position: center top !important;
  background-position: center top !important;
  display: grid;
  min-height: 600px;
}
header.kilakitu-header .advent2025 {
  text-align: center;
  position: relative;
  width: 100%;
  min-height: 130px;
  margin-bottom: 25px;
  /*CSS3 keyframes for glittering effect*/
}
@media only screen and (min-width: 480px) {
  header.kilakitu-header .advent2025 {
    width: 200px;
    height: 150px;
  }
}
header.kilakitu-header .advent2025 img {
  height: 100%;
  width: auto;
}
header.kilakitu-header .advent2025 a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000;
}
header.kilakitu-header .advent2025 a .comet {
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
header.kilakitu-header .advent2025 a .comet:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
header.kilakitu-header .advent2025 .starshine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
header.kilakitu-header .advent2025 .shine {
  animation-delay: -3.25s;
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7rCNk1AAAbWElEQVR4AezcS8uU9QOHcf3/ayFWYyHixlnYAREHa9GhGCSxFjIgFthhxI1Y+RRibmwQEcRirIWIiynosBAHsRYiDG7sEMxGnoXII+LGgqmFWIueQNyIXcHNj3sffO/d9XkJ1wu4lvwXesQETdBqE6gJHROoCS+bQE3omUBNeM8EasKHJlAThiZogr4wQRM0NkET9LMJmqB5EzRBMxM0QX+boAliiZT3EA8bQXmP8pgRlNembQTlPclTRlBeh44RlPciLxlBeZvYZATl9egZQXmv8boRlNenbwTlvcO7RlDe+3xgBOUNGBhBeUc4YgTlDRkaQXmnOGUE5Y343AjKGzM2gvK+5TsjKG/CxAjK+5GfjKC8KVMjKG+BBSMo7wY3jKC8GTMjKO8P/jSC8hZZNILy/gEjKO4B4EEzKK0FtMygtNXAajMorQ1eQZS3AdhgBqU9DTxjBqV1ga4ZlPYK8KoZlNYDryDKewt42wxK2wXsMoPS5oA5MyjtAHDADEobgFcQ5X0MfGIGpX0KfGYGpY2AkRmU9jXwjRmUNgavIMq7AFwwg9IuAhfNoLQpOG9Q3jwwbwalLYBXEOX9AvxqBqX9BvxuBqUtgvMG5d0F7ppBaQCYQWHLAVhuCGWtAGCFIZTVBucNynscgCcMoawOAB1DKOt5AF4whLK64BVEeT1w3qC87QBsN4Sy+gD0DaGsPQDsMYSy5sAriPI+AucNyjsMwGFDKGsIwNAQyjoJwElDKGsEXkGUdwaAM4ZQ1jkAzhlCWRMAJoZQ1vcA/GAIZU3BK4jyrgJw1RDKug7AdUMoawbAzBDKug3AbUNkaRHyVxDpPgD3DRGl/0Hl/6ZIUgsqLVMkaRVUVpkiSW3IX0Gk9VBZb4okbYTKRlMkqQv5eYO0BSpbTJGkHuSvINIbUHnTFEnaCZWdpkjSHOTnDdJ+qOw3RZIGkL+CSMegcswUSToOleOmSNII8vMG6UuofGWKJI2hMjZFks5D5bwpkjSB/BVEmkJ+3iBdhsplUyRpASoLpkjSTajcNEWSZpC/gkh/QX7eIN2Byh1TJAkKUwRpGRTLjJGjFuSvINIaKNYYI0droVhrjBx1oOgYI0fPQvGcMXLUhfwVRNoKxVZj5GgbFNuMkaM+FH1j5Gg3FLuNkaM5yF9BpINQHDRGjg5BccgYORpCMTRGjk5AccIYORpB/goinYbitDFydBaKs8bI0QTy8wbpEhSXjJGjKeSvINIVKK4YI0fXoLhmjBzNID9vkG5BccsYOVqE/BVEugfFPWPEaCnUlpojRS3IzxuklVBbaY4UtaHWNkeK1kFtnTlS1IH8FUTqQn7eIG2G2mZzpKgHtZ45UrQDajvMkaI+5K8g0l6o7TVHivZBbZ85UjSA2sAcKToKtaPmUP4J8i979/7fVGH/cfwdAgXKpQRE7YCCGYJOqpOgKGNeWAQVZE6MDxQFnC7aydTxZaa4L2MyB5kXp2NWog8Fpx0zXlCUL2oEQRBRgkrVDcHIfShCLJQLxZL3t1ww55yENpdzTnP5PP+G/tDzOvm8j6yCCB09yqhHkYtEIZrA44x6HKZr1hPCaMWnw3yVjKqE2VoOt0AY7vzLYLqXGPUiTGb7QwGECUbe2oSbIOavgnSbXQRhivKpFphrMaMWw1RnLu8KYZKKfxTAVMsYtQxmGrSxFMIs1lcC7WCmKkZVwUSjagZBmKdw+cfFMNEaRq2BeTwHR8FMovPa9T8yfxPE5FUQ63SWw1yi57bwT2GaMKPCMEnrl1gBs4n+e/ZdDbPUMGoXzNHxXb5ihenE8LqDd8AkVIIpTlnN5YVoAuKGCB+0wAwtqdQSJui7lWs7o0mIcvJfLc3eBDFnFWRIDbf1RBMRFeTbHWC8LlTqAsPdeIB7+kM0XSglP+kGw/WgUg8YbVKEB4ajKUkoJTeXmjndYMJ4g/VxMjIKTUtCKVl9MQzWj0r9YKg2r8rFRkaEUrL2WrM2QUxYBTnxfVLCaEaEUjLyOxjqUioNgYF6riUljGZIKCX5NysMNIxKw2Ccc7eREkYzRBnrvdjK8OkGE8YbrthNShjNrKu/pR1hmLFUGgujuOtICaOZw/Is6/2nB4xSRqUyGMMyhaSE0UxSsID1tp4Ng0yg0gQYosVM1qsbDpE5iqpYb9dgGGMiafgqSLvXeUgZRCbpuon1DowxcrrB0PGGk1fKMERGOm0b60X+F0Z4kEoPQH+91/GQZy0QGRhK682wQn8VVKqA7n6yg4csKEBmklBKzm0D3c2i0izo7aq9PKSqCJlKQim5vLMRmyBGroKMq+MhG7pCZPI82tofGjDdYNx4g+UvJDM/jEooJb8+B/p6g0pvQE8FlWRWhFEJpeTuodDVEiotgY6KFpBZEkYllJJ1N0NPK6kUhH66rCKzJoxKKK13j0XfTRBjVkH6bMySxVxRWs0jnmpuzHQDuR56uShMZkkYFYNqecT8ttDLFiptgU6u2U9mTRgVoyI8IngydFJNpWro47cRMhvDqHyf5Mte0EctlWqhh2YP86hNXZEVRAWP2j4AuqAadNDKz6OqS5E15ED6qL1XQgftqdYeabMt5lG1g5AtROFCHlV3G9LXiWodka7un/GwLD15llBab5oF6SqhWgnSdNaWbP9InYRS8pkCpKk31XohPc6dPKYCWUpCKflWe103QdJeBbm+lse8ZEW2klBKrvoB0jKAagOQjokRUsJoLoRScsMZSMeFVLsQqbM+SlLCaG6EUjJ8AdIwlGpDkbLWc0gJozkTSsn9LqRuBNVGIFWd3iMljOZQKCUP3pn+JkjaqyD2z0kJo7mxJBn1UDOk6BaquZGafltJCaO5siQZ9VxLpGYc1VKs+ZfWkBJGc2dJMmqRLfWngPTHG375HSlhNJcOpKM+7YZUTKbaZKRgcoRRObEFKQfSUZvPTGcTJI1VkOZPUEG2IHNBGRV2DkLyplNtOpLVZh4VZAsyN/yBCrWjkLQZVJuBJJ30ARXk5DlXVFAh4klzuiH58YZTv6CCnDznVChVmG5Fcl6g2vNISv9tVJCT51wNpeRLrZPeBEljFWT4HipE3MhREkrJdzsiGYuo9jaScGsdmR9hVEIpufoUJGEp1ZYiYZZ7qVKBHCahlNzaN7nphhTHG1o8TTJ/wqiEUrJmCBK2mmqrkaB2b5ISRnNdGVUOjE1xE4TcgMQUf0hKGM1906gSmYQEbafadiTk9HVk3oRRWZJUeNyKhOykWjUSMXAHmUdhVJYkFV5tg0RQCwkYsY/MqzAqB9IK75+IxhVQqwUadXsd1cqQ6+RAWmFtTzSqiFpFaITlfmpMQ+6TA2mFbeeiMcXUKkbDCmZTQ7Ygc90Fe6i2e1iymyCNroJ0WEiNvDt5llBK1rmTnG5obLyhaxU15OQ5H5RRa4oFDelLrb5oQJ9N1JCT5/wwjVozW6ABA6k1EMd38bfU2F6KvCShlHy9HY5vMLUuwXGN3E9KGJVQeszKkxPcBGlkFWRChJQwKqE0al3vhKcbyGsRX7NHqCRhVEIpuWMAjmM0tUYjrlYvkBJGJZRq7L0q4cfIMsTT8R1SwqgsSVKrbhziGk+t8Yij+79JCaNiVIQx/mJBHOXUKkesH/+X9SSMinLGerYAsaZSaypiXLKLh0kYFRWMtaAIMe6n1n3QGn2AWrIFKQfSCqu6JPAHWAGNuyNUky1IOZDW2HgGNGZS6ymoWB+jgmxBis6fMlb4okY2QbSrIIUvM45yCAmlKvuvgcpcas2FwgnLGUcFhIRSjchvoTSfWvMRZV9DLTl5VpJQqvDXZohaQq0l+N45XzGOJYUQEkrj8LfC91ZQ6wMcc/luUsJooiSUkottsZsgsasgN31HShhNnIRS8rMSHLWOWl/iiD9SS8KoloRSrS1n4YjN1NqEQ5o/yVgSRrUklGrtdOKwampVo17b/yMljCZCliQ1aq/HIfuotQ/ASStICaOJkSVJjUg56jEW0CtEShhNmCxJajxqRVvGanvedlLCaOLkQFprTmsbY43Zy7hkC1JolTG+ZWczYbIFGUtMY3xbmRDZgoxPWGYyPXLy3DgJpY2Tk+f0SChNUBkaJySUJmsKRJIklGpJGE2fhFItCaP6kVCqIWE0DRJKJYyaQEKphNE0yZKkhFHjyJKkhFETyJKkhFGRpja2EvsVe5iwBT9znG0vsbWByHvNbSfaT3cMdA533eie4Jnq9T3hfzGwKFgV2hLez5TtD28JVQUXBV70P+HzTvVMcN/oGu4c6DjdfpKtOXKFaGfrYXf0cw5xXece55nsfcT3rH9+4P3gF1+Gq9kEqsNffhF8PzDf/6zvEe9kzzj3da4hzn4Oew9bO4gMU2Artp/huMB5pesm910e732+J/1zAu8EPw1tDR9gFjkQ3hr6LPhOYI7/Sd99Xs9d7ptcVzovcJxhL7YVQBijyGbv6TjXeZnrevftnnu8033/9L8RWLEytD68i3lhV3h9aOWKwBv+f/r+7r3Hc7v7etdlznMdPe22IogGtbJ1sZc6LnJe5frVLZ6J3gd8M/2vBJYG/xP6OlxH0YC68Neh/wSXBl7xz/Q94J3oueVXrhHOixyl9i62VsgPtk72Xo7znENdo913ev7krfD9yx94K/hRaGN4N4Uhdoc3hj4KvhXw/8tX4f2T5073aNdQ53mOXvZONmSVQls3+1mOQU7XNe4yz++9D/me9r8aWBb8PPRNOEKRUSLhb0KfB5cFXvU/7XvI+3tPmfsal3OQ4yx7N1shmoDV1tl+mmOA8wrXWPd4z5+9M3z+FwILg6tCm8N7KXLE3vDm0KrgwsALft8M7589491jXVc4BzhOs3e2WZG6trbu9rMdzsGuke7bPJO8D/ue8c8LLA+uDe34lnlPfLsjtDa4PDDP/4zvYe8kz23uka7BzvpC3N3WFhodOjvOd43x3Ot7LvBRqIYpEqIm9FHgOd+fPWNc5yNWe9spdsc5h8Pib+rD4t98lfVh8YNDYXEn857YeSj0flAfeit9f6sPvb85HHrPcdhPsbVP61XISYdfhfz88KuQacdehXyifRUiso321dQnx15NTTv8aurnzoGOHzXVq6m2thL72Y6fXeIa6f61Z5L3r75/+OcF3guuCe0IU2SY8I7QmuB7gXn+fxz+V+nX7pGuS468TG+LbNLMdoK9t2OAc5hrjHu8517vY77nng8sDH4c2hTeQ2GIveFNoY+DCwPPP+d7zHuvZ7x7jGuYc4Cjt/0EWzPkhda2rvYzHRc7r3a5b/Xc7X3QN8s/N/BucHVoW/ggRQMOhreFVgffDcz1z/I96L3bc6vbdbXzYseZ9q621hAN6tDRfqqjv/Ny1/XuOzxTvH/3zfa/GQh+GFofrmFeqAmvD30YDLzpn+37u3eK5w73Da7Lnf0dp9o7doAwRktbsb2P40LnL1w3u+8q997ve9L/cuCd4Gehr7Lt1w1fHf51w8v+J333e8vvct/s+oXzQkcfe7GtJUSGMT+bmP6Ybj5hfjaJ/5guvyAV0WziqmNS1vY34jFdyDDIsxYIA8iU0TQII8j4WhlEw2QuUmYihQEqZNhWGGAqNWRxxgSyjSUbWSaQNT9Z9UuD7I/KDqnZJIxqPWFBgoSE0bo5EkqF/mF078+HMtZ2CaUirTD6zXm4gLEGz5FQKtIIo6FewPmMdZ710cZDqRDljGvFSQBKGasUmBhpJJQKMSrCeOa1Rb1TGasngBtqJZSKBg2qZTxPNschJYxVgnrOnRJKRQNKqxnPH3GEjbFsOOSsLccNpUJ03cQ4vrsJR7VlrLY4rPtn8om5pMjXAmoux/cYC0fZFjOecuQ7UbiMcXx1DqL2U2sfjmnlZxyRURASRmOtsUOhmlrV+F6zhxlH7SBoCQmjy0+A0mZqbYLC+AhjVZdCTUgYfbkQKuuo9SWUrtnPWJu6QkgYVXrMCrUqalVB5aIwY1VJKJUwqhC5G1orqLUCan02SigVDYbR2tGIsYRaS6DRZZWEUtFAGN11CWLNp9Z8aBUtOG4oFRJG//tjxPEqteYiRkHlcUKpkA8//7s74qmkViViWe6LG0qFfKr+nY6Iaya1nkI84+ryPpSKaYzxQquEI2oF4rpqr4RSLTl5fqQZjuN+at2H+H6yQ0Kpipw8R/4nmUGHqTiO3uuoVVWEvCUnz/tH4vjKk3jaO3kltRYUIC+I0h3U+PZiNGA8tcbjuNq9LkuSR0kY3dQHDSlL6i61xSw5kD5MwmhVVzRoDLVGowGWKXIgXU/C6MIOaNh11LoWDXLXyYG0hNHZBWjEUGoNRcOu2E21PT9FfpEwer8FjRlMrUvQiHO35XUolTBadzsaN5BaA9GYnmvzOJRKGN03AgnoS62+aNSJ7+dtKJUwumMgElFKrVI0rs1reRpKZQty3elISAm1SpAA6+N5GUplC/LDYiTmB9QqRkImRfIvlMoW5JvtkKAiahUhMTceyLdQKifPT7dAogqo1QIJGlKTX6FUTp7vtSBx1ELC+m6VJck8OnmuuxXJ2Em1aiTulNWyJJnD3BEq7BmOpGyn2nYkodO7siSZJ2F0W38kZwPVNiAZrV+SA+m8CKNfnIokrabaaiTFOl0OpPMgjH5wEpJVRbUqJMkTkQPpXA+j89ogaUupthTJGlVLhckQuRZGn2iO5C2i2ttI2qCdORxKJYxGJiMVr1HtNSTvzM05G0oljH73S6TkBao9jxSUfJqjoVTCaM1lSE0l1SqRCtuinAylsgW5tR9SNINqM5CSls/lYCiVLcjP7UjVdKpNR2qaPZRzoVS2IN/rhJRN0+0A9c6DuRVK5eR5TmukbjJJnTqUa38uhVI5eX7UijSU67gAeUFYliRz5uQ5MhFpGUe125CGMzbIkmQ2s0bjU+0NSM8tVHMjHT9YJUuSORFGdzqRpuuodh3S0v4tOZDOgTC65SykawTVRiA9Bc/IgXTWh9HPuiNtQ6k2FGmyTJMD6SwPo4ttSN+FVLsQabutjkctKoTIujDqbwUdDKDaAKTvyr0SSrM3jD7cDHoopVopdDBgu4TSLA2jkfHQR2+q9YIeen0poTQrw+j+a6CTEqqVQBcnB7MwlMoWZPgi6KUT1TpCH23nZ10olS3IjX2gm/ZUaw+dNH8qy0KpbEFWdYGOqAbdWO7JqlAqJ88LiqCnWirVQkc312VPKJWT58oC6KqaStXQ09Dd2bIkKSfP91mgry1U2gJdnfN1Zi9Jiq4hHlI3DnrbQKX10NcP18qSZBaE0b1XQXdVVKqCzjovz/gDaQmjO34C/a2k0krorXBuhh9ISxhddxoMsIRKS6A764yMPpCWMLryZBjhDSq9AQP8PsJ62/ogA0kYfb0dDPGadhPEAGMOZGoolTA6qwWMUUmlShhi8K7MDKUSRqdYYJBZVJoFY5y9NQNDqYTROrdZI/EVMEiPf2dcKJUtyN1XwDgPUukBGKXj0gwLpbIFua2/ed9lnQbDtHoxo0KpbEGu7QkjTaTSRBjH+kgGhVI5eX7/RBhqApUmwEi/i2RKKJWT59famFDJTNs8vrY2M5Yk5eT5CSsMNpZKY2Gsi6tlSbKpXV7LyCQY7jrtJoixSjfJkmSTh9EDN8J4w6g0DEbr9okcSDdxGK25FCa4lEpDYLgOb8uBdJOG0a19YYaBVBoI47WcLQfSTRhGV58CU/SjUj+YwPIAIzdBNEkYfbcTzFFKpVKY4o6DEkqbQoV2YttAPajUA+a4ep/5oVSUc7oVZulCpS4wyU93mB1KxaiDHpiniEpFMMuP1psbSsWgmuthopZUagnTFH9sZigVpRsHwVRUgonavWleKBVdl58Jc9UwahfMVPB0BcwhimaXwGRhRoVhKsvUcphBFEy2wWwbGLUBJrt1JITxLMNbwnRrGLUGZrvsPAjDdWsG81UxqgqmO70YIictY9QymK8QIict/v927qVl6jKOwzh2WIjVWJQ8G2dhB0QcxEWHYpDEWsgfxAI7jLgRO0wh5sYG7ICIjLUQERzDDgtxEIsSYXBjh2JayLOxRsSNBVMLERdNIG7k6Rs3Nzf/rYvvb3d9XsL1Ai7VfiEHXEYR6wbgO9W+JYcLhhFPEOC4asfJ4YKjqh0lhwv6EesGYJ9q+8gBl55qPXLAZadqO8mBiCvI2+SASydi3QBsUW0LOeBSqVaRAy7rVVtPDri0I54gQCti3QCsVG0lOeDSVK1JDrg8otrD5IBLI+IJAixSbRE5YHNbxW1iwGemYkYMH1xTcY0YPphGPEGASyouEcMHF1VcJIYPxirGxPDBeRXnieGDUcQTBDil4hQxfHBCxQli+GCgwnjHBg6pOEQMH/QjniDAXhV7ieGDPSr2ECMC84YuMXywXcV2YvigE/EEATap2EQMH2xUsZEYPmhHrBuAJ1U8RQwftCKeIMAKFSuI4YPlKpYTwwcN1g2IsFjFYmIYQQUpnHBT2U1SOOEfniCIMGXdgAhXlV0lhRMmyiakcMIFZRdI4YQxTxBEGLFuQIQzys6QwglDZUNSOOFzZV+QwgkDniCIcFDZQVI4Yb+y/aRwQk9ZjxRO2KVsFymc0OUJgghblW0lhRNeUfYqKZxQKatI4YQNyjaQwgltniCIsEbZGlI4YZWyVaRwQlNZkxROWKZsGSmc0OAJggh3KbubFFZYULJACC/MWDcgwnUl1wnhhSlPEES4rOQyIbzwm5LfCeGFMesGRPheyQ+E8MKIJwginFZymhBeOKnkJCG8MGDdgAiHlRwmhBf6SvqE8MIHSj4kBLze5wkSAV3WDRGwQ8kOQsCro6RDCHhtVrKZEPCqeIJEQJt1QwQ8reQZQsCrpaRFCHg9quQxQsCryRMkApYqWUoIeC1RsoQQMFNCBrjdknSLDHCb8QSJgL8k/U0GuP0h6U8ywG0iaUIGuM1LmicD3MY8QSLgnKRzZIDbWUlnyQC3oaQhGeD2paSvyAC3AU+QCPhE0qdkgNsBSQfIALce64YI2C1pNxng1uUJEgHbJG0jA9xek/Q6GeBWsW6IgBckvUgGuLV5gkTAWklryQC31ZJWkwFuTdYNETAnaY4McGtIapABbvdIupcMsPtPIgL8ZqwbIuCGbhABflNNiQC/K7pCBPhNeIJEwFi/EgF+P+onIsBvpBER4Pe1viEC/IY8QSLgmI4RAX5HdIQI8OurTwT4faSPiQC/Hk+QCHhH7xIBfm/oTSLAr6MOEeD3kl4mAvwqniARsE7riAC/Z/UcEeDXUosI8HtcTxABfk2eIBHwoB4iAvzu0/1ECACRIAL+JUEETEkQAfMkiICfSRABQxJEwGckiIA+CSLgPRJEwFskiICKBBHwPAkioEWCCJgjQQQ8QII79D/eDQrIqmTAwgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 2;
  -moz-opacity: 0;
  opacity: 0;
  animation: glitter 5s linear 0s infinite normal;
  -webkit-animation: glitter 5s linear 0s infinite normal;
  -moz-animation: glitter 5s linear 0s infinite normal;
  -ms-animation: glitter 5s linear 0s infinite normal;
  -o-animation: glitter 5s linear 0s infinite normal;
}
header.kilakitu-header .advent2025 .shine.star_1 {
  top: 12%;
  left: 32%;
  width: 30px;
  height: 30px;
  animation-delay: 2s;
}
header.kilakitu-header .advent2025 .shine.star_2 {
  top: 15%;
  left: 82%;
  width: 35px;
  height: 35px;
  animation-delay: 3.5s;
}
header.kilakitu-header .advent2025 .shine.star_3 {
  top: 82%;
  left: 62%;
  width: 25px;
  height: 25px;
  animation-delay: 1s;
}
header.kilakitu-header .advent2025 .shine.star_4 {
  top: 42%;
  left: 70%;
  width: 30px;
  height: 30px;
  animation-delay: 2s;
}
header.kilakitu-header .advent2025 .shine.star_5 {
  top: 82%;
  left: 18%;
  width: 34px;
  height: 34px;
  animation-delay: 0s;
}
header.kilakitu-header .advent2025 .shine.star_6 {
  top: 32%;
  left: 48%;
  width: 40px;
  height: 40px;
  animation-delay: 2.7s;
}
header.kilakitu-header .advent2025 .shine.star_7 {
  top: 33%;
  left: 42%;
  width: 34px;
  height: 34px;
  animation-delay: 0.7s;
}
@keyframes glitter {
  0% {
    transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
    opacity: 1;
  }
  25% {
    transform: translate(-50%, -50%) scale(1) rotate(360deg);
    opacity: 1;
  }
  50% {
    transform: translate(-50%, -50%) scale(0.3) rotate(720deg);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.3) rotate(0deg);
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header {
    grid-template-columns: 1fr 1fr;
  }
}
header.kilakitu-header.fullWidth .content {
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  header.kilakitu-header.fullWidth .content {
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
  }
  header.kilakitu-header.fullWidth .content p {
    color: #FFFFFF;
  }
  header.kilakitu-header.fullWidth .content .slide_headline h2,
  header.kilakitu-header.fullWidth .content .slide_headline p {
    color: #FFFFFF !important;
  }
  header.kilakitu-header.fullWidth .content .slide_headline .button {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
  }
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header.fullWidth .content.bg-white h1 {
    color: #FFFFFF;
  }
}
header.kilakitu-header.fullWidth .bgImg-holder {
  display: none;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.fullWidth .bgImg-holder {
    display: unset;
    max-height: unset;
  }
}
header.kilakitu-header.slideText {
  display: grid;
  gap: 0;
  min-height: 350px;
  grid-template-columns: 1fr;
  -webkit-background-position: 55% top !important;
  -moz-background-position: 55% top !important;
  -ms-background-position: 55% top !important;
  -o-background-position: 55% top !important;
  background-position: 55% top !important;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText {
    grid-template-columns: 1fr 1fr;
    min-height: 320px;
  }
}
header.kilakitu-header.slideText.textRight .content-inner {
  width: 100% !important;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    height: 500px;
  }
}
header.kilakitu-header.slideText .content {
  align-content: unset !important;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .content {
    background-color: transparent !important;
  }
}
header.kilakitu-header.slideText .content .content-inner {
  position: relative;
  float: left;
  padding: 25px 25px;
  width: 100%;
  height: 200px;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.slideText .content .content-inner {
    height: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  header.kilakitu-header.slideText .content .content-inner {
    max-width: 627px;
    margin-right: 0;
  }
}
header.kilakitu-header.slideText .content .content-inner .ci {
  display: flex;
  gap: 25px;
  float: left;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .content .content-inner .ci {
    align-items: anchor-center;
  }
}
header.kilakitu-header.slideText .content .content-inner .slide_headline {
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 20px;
  width: 100%;
  /* Slider Elemente sind gepflegt */
  /* 2 Slider Elemente sind gepflegt */
  /* 3 Slider Elemente sind gepflegt */
  /* 4 Slider Elemente sind gepflegt */
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .content .content-inner .slide_headline {
    margin-top: -250px;
  }
}
header.kilakitu-header.slideText .content .content-inner .slide_headline h1 {
  background-color: #20A956;
  color: #FFFFFF;
  display: inline-block;
  padding: 5px 10px;
  font-size: 15px;
  line-height: 18px;
  text-transform: unset;
  margin: 0 0 10px;
  font-weight: normal;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .content .content-inner .slide_headline h1 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .content .content-inner .slide_headline h2 {
    font-size: 50px;
    line-height: 54px;
    text-transform: unset;
    hyphens: none;
  }
}
@media only screen and (max-width: 767px) {
  header.kilakitu-header.slideText .content .content-inner .slide_headline h2 br {
    display: none;
  }
}
header.kilakitu-header.slideText .content .content-inner .slide_headline p {
  font-weight: 400;
  margin: 5px 0 25px;
  padding: 0;
  color: #393F46;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline > div {
  position: absolute;
  margin: 5px 0 25px;
  font-weight: 600;
  width: 95%;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.slideText .content .content-inner .slide_headline > div {
    width: 100%;
  }
}
header.kilakitu-header.slideText .content .content-inner .slide_headline > div > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 25px;
  opacity: 0;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.slideText .content .content-inner .slide_headline > div > * {
    right: 0px;
  }
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_2 > * {
  animation: 10s autoplay2 infinite linear;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_2 > *:nth-child(1) {
  animation-delay: 0s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_2 > *:nth-child(2) {
  animation-delay: 5s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_3 > * {
  animation: 12s autoplay3 infinite linear;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_3 > *:nth-child(1) {
  animation-delay: 0s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_3 > *:nth-child(2) {
  animation-delay: 4s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_3 > *:nth-child(3) {
  animation-delay: 8s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_4 > * {
  animation: 16s autoplay4 infinite linear;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_4 > *:nth-child(1) {
  animation-delay: 0s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_4 > *:nth-child(2) {
  animation-delay: 4s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_4 > *:nth-child(3) {
  animation-delay: 8s;
}
header.kilakitu-header.slideText .content .content-inner .slide_headline .num_slider_4 > *:nth-child(4) {
  animation-delay: 12s;
}
header.kilakitu-header.slideText .bgImg-holder {
  display: none;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.slideText .bgImg-holder {
    display: unset;
  }
}
header.kilakitu-header.slideText .bgImg-holder .bgImg .bgImgSingle {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
header.kilakitu-header.slideText .bgImg-holder .media {
  display: none;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .bgImg-holder .media {
    display: unset;
  }
}
header.kilakitu-header.slideText .bgImg-holder .media.mobile {
  height: 100%;
}
header.kilakitu-header.slideText .bgImg-holder .media.mobile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.slideText .bgImg-holder .media.mobile {
    display: none;
  }
}
header.kilakitu-header.slideText .button.green {
  color: #FFFFFF;
  border: none;
}
header.kilakitu-header.lightColor p, header.kilakitu-header.lightText p {
  color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header.lightColor .bg-white h1,
  header.kilakitu-header.lightColor .bg-white h2, header.kilakitu-header.lightText .bg-white h1,
  header.kilakitu-header.lightText .bg-white h2 {
    color: #393F46;
  }
}
header.kilakitu-header.lightColor h1,
header.kilakitu-header.lightColor h2, header.kilakitu-header.lightText h1,
header.kilakitu-header.lightText h2 {
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.lightColor h1.subtitle,
  header.kilakitu-header.lightColor h2.subtitle, header.kilakitu-header.lightText h1.subtitle,
  header.kilakitu-header.lightText h2.subtitle {
    color: #FFFFFF !important;
  }
}
header.kilakitu-header.lightColor a.button, header.kilakitu-header.lightText a.button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
header.kilakitu-header.lightColor .slide_element p,
header.kilakitu-header.lightColor .slide_headline p, header.kilakitu-header.lightText .slide_element p,
header.kilakitu-header.lightText .slide_headline p {
  color: #FFFFFF !important;
}
header.kilakitu-header.textRight .content-inner {
  left: 0;
  margin: 0 35px;
  width: unset !important;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.textRight .content-inner .headline-container, header.kilakitu-header.textRight .content-inner .description {
    max-width: 510px;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.textLeft .content {
    margin-left: 25px;
    order: 1;
  }
}
@media only screen and (min-width: 1294px) {
  header.kilakitu-header.textLeft .content {
    margin-left: 0;
  }
}
header.kilakitu-header.textLeft .content .content-inner {
  float: right;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header.textLeft .content .content-inner .headline-container, header.kilakitu-header.textLeft .content .content-inner .description {
    max-width: 510px;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header.textLeft .bgImg-holder {
    order: 2;
  }
}
header.kilakitu-header .bgImgMobile {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header .bgImgMobile {
    display: none;
  }
}
header.kilakitu-header .bgImg-holder {
  position: relative;
  display: block;
  max-height: 400px;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header .bgImg-holder {
    display: unset;
    max-height: unset;
  }
}
header.kilakitu-header .bgImg-holder .js-video-button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 120px;
  z-index: 10000;
  text-align: center;
}
header.kilakitu-header .bgImg-holder .js-video-button:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
header.kilakitu-header .bgImg-holder .js-video-button i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
header.kilakitu-header .bgImg-holder video {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header.kilakitu-header .bgImg-holder videos {
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header .bgImg-holder videos {
    height: 100%;
  }
}
header.kilakitu-header .bgImg-holder .media {
  width: 100%;
  height: 100%;
}
header.kilakitu-header .bgImg-holder .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
header.kilakitu-header .content {
  z-index: 25;
  display: grid;
  align-content: space-evenly;
}
header.kilakitu-header .content .content-inner {
  height: 100%;
  width: 100%;
  padding: 25px 0px;
  margin: 0;
  display: flex;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header .content .content-inner {
    padding: 30px 25px;
    height: 100%;
    margin: 0 25px;
  }
  header.kilakitu-header .content .content-inner .ci {
    max-width: 510px;
    float: right;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header .content .content-inner {
    background-color: transparent;
    max-width: 622px;
    padding: 80px 25px;
    align-items: center;
  }
}
@media only screen and (min-width: 1200px) {
  header.kilakitu-header .content .content-inner {
    margin-right: 0;
  }
}
header.kilakitu-header .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
header.kilakitu-header .content .content-inner .headline-container h1 {
  font-size: 35px;
  line-height: 39px;
  text-transform: uppercase;
}
header.kilakitu-header .content .content-inner .headline-container h2 {
  font-size: 50px;
  line-height: 54px;
  text-transform: uppercase;
}
header.kilakitu-header .content .content-inner .headline-container .supline {
  font-size: 17px;
  margin: 5px 0;
}
header.kilakitu-header .content .content-inner .headline-container .supline.green {
  display: inline-block;
  background: #20A956;
  padding: 5px 10px;
  margin-bottom: 15px;
}
header.kilakitu-header .content .content-inner h2.h1 {
  font-size: 50px;
  line-height: 54px;
}
header.kilakitu-header .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
header.kilakitu-header .content .content-inner .description ul li {
  list-style: disc !important;
}
header.kilakitu-header .content .content-inner .button {
  margin: 0px 5px 20px 0;
}
header.kilakitu-header-2 {
  padding: 0;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center top !important;
  -moz-background-position: center top !important;
  -ms-background-position: center top !important;
  -o-background-position: center top !important;
  background-position: center top !important;
  display: grid;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2 {
    gap: 25px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  header.kilakitu-header-2 {
    gap: 100px;
  }
}
@media only screen and (min-width: 767px) {
  header.kilakitu-header-2.fullWidth .bgImg-holder .media {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header-2.fullWidth .content {
    background-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2.fullWidth.bg-individual .content {
    background-color: transparent !important;
  }
}
header.kilakitu-header-2.lightColor, header.kilakitu-header-2.lightText {
  color: #FFFFFF;
}
header.kilakitu-header-2.lightColor p, header.kilakitu-header-2.lightText p {
  color: #FFFFFF;
}
header.kilakitu-header-2.lightColor h1.subtitle, header.kilakitu-header-2.lightText h1.subtitle {
  color: #FFFFFF !important;
}
header.kilakitu-header-2.lightColor a.button, header.kilakitu-header-2.lightText a.button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  header.kilakitu-header-2.lightColor.bg-white .content-inner h1, header.kilakitu-header-2.lightColor.bg-white .content-inner h2, header.kilakitu-header-2.lightColor.bg-white .content-inner p, header.kilakitu-header-2.lightColor.bg-lg .content-inner h1, header.kilakitu-header-2.lightColor.bg-lg .content-inner h2, header.kilakitu-header-2.lightColor.bg-lg .content-inner p, header.kilakitu-header-2.lightText.bg-white .content-inner h1, header.kilakitu-header-2.lightText.bg-white .content-inner h2, header.kilakitu-header-2.lightText.bg-white .content-inner p, header.kilakitu-header-2.lightText.bg-lg .content-inner h1, header.kilakitu-header-2.lightText.bg-lg .content-inner h2, header.kilakitu-header-2.lightText.bg-lg .content-inner p {
    color: #393F46 !important;
  }
  header.kilakitu-header-2.lightColor.bg-white .content-inner .button, header.kilakitu-header-2.lightColor.bg-lg .content-inner .button, header.kilakitu-header-2.lightText.bg-white .content-inner .button, header.kilakitu-header-2.lightText.bg-lg .content-inner .button {
    color: #393F46 !important;
    border-color: #393F46 !important;
  }
  header.kilakitu-header-2.lightColor.bg-white .content-inner .button:hover, header.kilakitu-header-2.lightColor.bg-lg .content-inner .button:hover, header.kilakitu-header-2.lightText.bg-white .content-inner .button:hover, header.kilakitu-header-2.lightText.bg-lg .content-inner .button:hover {
    color: #FFFFFF !important;
  }
}
header.kilakitu-header-2.textRight .content-inner {
  left: 0;
  margin: 0 35px;
  width: unset !important;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header-2.textRight .content-inner .headline-container, header.kilakitu-header-2.textRight .content-inner .description {
    max-width: 510px;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2.textLeft .content {
    margin-left: 25px;
    order: 1;
  }
}
@media only screen and (min-width: 1294px) {
  header.kilakitu-header-2.textLeft .content {
    margin-left: 0;
  }
}
header.kilakitu-header-2.textLeft .content .content-inner {
  float: right;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header-2.textLeft .content .content-inner .headline-container, header.kilakitu-header-2.textLeft .content .content-inner .description {
    max-width: 510px;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2.textLeft .bgImg-holder {
    order: 2;
  }
}
header.kilakitu-header-2 .bgImgMobile {
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2 .bgImgMobile {
    display: none;
  }
}
header.kilakitu-header-2 .bgImg-holder {
  position: relative;
  display: block;
  max-height: 280px;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2 .bgImg-holder {
    max-height: unset;
  }
}
header.kilakitu-header-2 .bgImg-holder .js-video-button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 120px;
  z-index: 10000;
  text-align: center;
}
header.kilakitu-header-2 .bgImg-holder .js-video-button:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
header.kilakitu-header-2 .bgImg-holder .js-video-button i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
header.kilakitu-header-2 .bgImg-holder video {
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2 .bgImg-holder video {
    height: 100%;
  }
}
header.kilakitu-header-2 .bgImg-holder .media {
  width: 100%;
  height: 100%;
}
header.kilakitu-header-2 .bgImg-holder .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
header.kilakitu-header-2 .content {
  z-index: 25;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 45px 25px;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2 .content {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header-2 .content {
    background-color: transparent;
    max-width: 550px;
    max-width: 647px;
    padding: 60px 25px;
  }
}
@media only screen and (min-width: 1200px) {
  header.kilakitu-header-2 .content {
    margin-right: 0;
    padding: 90px 25px;
  }
}
header.kilakitu-header-2 .content p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
header.kilakitu-header-2 .content .headline-container h1 {
  font-size: 35px;
  line-height: 39px;
  text-transform: uppercase;
}
header.kilakitu-header-2 .content .headline-container h2 {
  font-size: 50px;
  line-height: 54px;
  text-transform: uppercase;
}
header.kilakitu-header-2 .content .headline-container .supline {
  font-size: 17px;
}
header.kilakitu-header-2 .content .headline-container .supline.green {
  display: inline-block;
  background: #20A956;
  padding: 5px 10px;
  margin-bottom: 15px;
}
header.kilakitu-header-2 .content h2.h1 {
  font-size: 50px;
  line-height: 54px;
}
header.kilakitu-header-2 .content .description ul li {
  list-style: disc !important;
}
header.kilakitu-header-2 .content .button {
  margin: 0px 5px 20px 0;
}

/* ===============================================
===== END : kilakitu-module/header.scss =====
=============================================== */
/* Sections */
/* ==========================================================
   ===== START / SECTION kilakitu-module/boxsystem.scss =====
   ========================================================== */
main section.kilakitu-boxsystem {
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem {
    padding: 100px 0;
  }
  main section.kilakitu-boxsystem#productservice {
    padding: 60px 0 100px;
  }
}
main section.kilakitu-boxsystem.bg-white .boxen.boxed .content-inner {
  background-color: #EDF1F2;
}
main section.kilakitu-boxsystem.bg-grey h2,
main section.kilakitu-boxsystem.bg-grey p {
  color: #FFFFFF;
}
main section.kilakitu-boxsystem.bg-grey .content-inner .headline p,
main section.kilakitu-boxsystem.bg-grey .content-inner .text p {
  color: #393F46;
}
main section.kilakitu-boxsystem .container > .headline {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem .container > .headline.center {
    text-align: center;
  }
}
main section.kilakitu-boxsystem .container > .headline .subline {
  margin-top: 5px;
}
main section.kilakitu-boxsystem .container > .headlinep {
  margin: 15px 0 25px;
}
main section.kilakitu-boxsystem .boxen {
  display: grid;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem .boxen.grid_2, main section.kilakitu-boxsystem .boxen.grid_2_horiz, main section.kilakitu-boxsystem .boxen.grid_3, main section.kilakitu-boxsystem .boxen.grid_4 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.kilakitu-boxsystem .boxen.grid_1_horiz {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-boxsystem .boxen.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  main section.kilakitu-boxsystem .boxen.grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.kilakitu-boxsystem .boxen.boxed .content-inner {
  background-color: #FFFFFF;
}
main section.kilakitu-boxsystem .boxen.boxed .content-inner .content-text {
  padding: 35px 25px;
}
main section.kilakitu-boxsystem .boxen.unboxed {
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-boxsystem .boxen.grid_1_horiz .content-inner .content-text {
    padding-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem .boxen.grid_1_horiz .content-inner {
    grid-template-columns: 40% 1fr;
  }
}
@media only screen and (min-width: 420px) {
  main section.kilakitu-boxsystem .boxen.grid_2_horiz .content-inner {
    grid-template-columns: 40% 1fr;
  }
}
main section.kilakitu-boxsystem .boxen.grid_1_horiz .content-inner, main section.kilakitu-boxsystem .boxen.grid_2_horiz .content-inner {
  display: grid;
}
main section.kilakitu-boxsystem .boxen.grid_1_horiz .content-inner .media, main section.kilakitu-boxsystem .boxen.grid_2_horiz .content-inner .media {
  width: 100%;
  min-height: 200px;
  min-height: 200px;
  height: 100%;
}
main section.kilakitu-boxsystem .boxen.grid_1_horiz .content-inner .media .image, main section.kilakitu-boxsystem .boxen.grid_2_horiz .content-inner .media .image {
  position: relative;
  width: 100%;
  height: 100%;
}
main section.kilakitu-boxsystem .boxen.grid_1_horiz .content-inner .media img, main section.kilakitu-boxsystem .boxen.grid_2_horiz .content-inner .media img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  display: block;
}
main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper {
  display: flex;
  align-items: center;
}
main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .icon, main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .custom-icon, main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .button.icon {
  margin-top: 25px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}
main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .icon i, main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .custom-icon i, main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .button.icon i {
  font-size: 16px !important;
  line-height: 1;
  position: inherit !important;
}
main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .icon span, main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .custom-icon span, main section.kilakitu-boxsystem .boxen .content-inner .icon-wrapper .button.icon span {
  display: inline-block;
}
main section.kilakitu-boxsystem .boxen .content-inner a:not(.button) {
  display: block;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-boxsystem .boxen .content-inner a:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-boxsystem .boxen .content-inner a i {
  position: absolute;
  color: #FFFFFF;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  font-size: 80px;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-boxsystem .boxen .content-inner a i:hover {
  -webkit-transform: scale(1.15) !important;
  -moz-transform: scale(1.15) !important;
  -ms-transform: scale(1.15) !important;
  -o-transform: scale(1.15) !important;
  transform: scale(1.15) !important;
}
main section.kilakitu-boxsystem .boxen .content-inner .media {
  overflow: hidden;
}
main section.kilakitu-boxsystem .boxen .content-inner .media.contain {
  padding: 15px;
}
main section.kilakitu-boxsystem .boxen .content-inner .media.contain img.contain {
  object-fit: contain;
  height: auto;
}
main section.kilakitu-boxsystem .boxen .content-inner .media.contain img.contain:hover {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.kilakitu-boxsystem .boxen .content-inner .media img {
  object-fit: cover;
}
main section.kilakitu-boxsystem .boxen .content-inner .media .image {
  width: 100%;
  height: 250px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.kilakitu-boxsystem .boxen .content-inner .media .image:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-boxsystem .boxen .content-inner .media iframe {
  width: 100%;
  height: 250px;
}
main section.kilakitu-boxsystem .boxen .content-inner .media .subline {
  position: absolute;
  top: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #20A956;
  padding: 5px 15px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem .boxen .content-inner .content-text {
    padding-bottom: 25px;
  }
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .headline {
  margin-bottom: 0;
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .headline p.subline {
  margin: 0;
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .text {
  font-size: 17px;
  line-height: 23px;
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .text p {
  margin-bottom: 0;
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .media.logoimg {
  margin-top: 10px;
  height: 30px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem .boxen .content-inner .content-text .media.logoimg {
    margin-top: 30px;
  }
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .media.logoimg img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
main section.kilakitu-boxsystem .boxen .content-inner .content-text .button {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-boxsystem .boxen .content-inner .content-text .btn_apps {
    margin: 0 5px 25px;
    float: left;
  }
}

/* =================================================
   ===== START : kilakitu-module/multibox.scss =====
   ================================================= */
main section.kilakitu-multibox {
  padding: 45px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-multibox {
    padding: 65px 0;
  }
}
main section.kilakitu-multibox.bg-grey .editorial h2,
main section.kilakitu-multibox.bg-grey .editorial p {
  color: #FFFFFF;
}
main section.kilakitu-multibox .content-inner.intro {
  padding-bottom: 20px;
}
main section.kilakitu-multibox .content-inner.intro .headline.center {
  text-align: center;
}
main section.kilakitu-multibox .content-inner.intro .description {
  margin-bottom: 0;
}
main section.kilakitu-multibox .content-inner.intro .description p {
  margin: 0;
}
main section.kilakitu-multibox .boxen {
  display: grid;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-multibox .boxen.grid_2, main section.kilakitu-multibox .boxen.grid_3, main section.kilakitu-multibox .boxen.grid_4 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.kilakitu-multibox .boxen .col .content-inner .media .image {
    height: 300px !important;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-multibox .boxen.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-multibox .boxen.grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.kilakitu-multibox .boxen .box {
  height: 100%;
}
main section.kilakitu-multibox .boxen .box a {
  display: block;
}
main section.kilakitu-multibox .boxen .box:hover .content-text .headline h3 {
  color: #20A956;
}
main section.kilakitu-multibox .boxen .box:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-multibox .boxen .box .media {
  overflow: hidden;
  height: 300px;
  position: relative;
  display: block;
}
main section.kilakitu-multibox .boxen .box .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-multibox .boxen .box .media .tag {
  position: absolute;
  display: block;
  top: 0;
  z-index: 1000;
  background-color: #20A956;
  padding: 5px 10px;
  color: #FFFFFF;
}
main section.kilakitu-multibox .boxen .box .content-text {
  padding: 15px 20px;
}
main section.kilakitu-multibox .boxen .box .content-text .text p {
  margin-bottom: 25px;
}
main section.kilakitu-multibox .boxen .box .content-text.over_image {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
main section.kilakitu-multibox .boxen .box .content-text.over_image .headline h3 {
  color: #FFFFFF;
  font-weight: 200;
  text-transform: uppercase;
}
main section.kilakitu-multibox .boxen .box.over_image .media {
  height: 360px;
}
main section.kilakitu-multibox .boxen .box.over_image .content-text {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  text-align: right;
  background: rgba(0, 0, 0, 0.2);
}
main section.kilakitu-multibox .boxen .box.over_image .content-text .headline h3 {
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/galerie.scss =====
   ========================================================== */
main section.kilakitu-gallery {
  /*-------Slider Gallery-------*/
  /*----------------------------*/
  /*--------Impressionen--------*/
  /*----------------------------*/
}
main section.kilakitu-gallery.lightText .headline h2,
main section.kilakitu-gallery.lightText .headline h3,
main section.kilakitu-gallery.lightText .headline p {
  color: #FFFFFF;
}
main section.kilakitu-gallery.darkText .headline p {
  color: #A8A8A8;
}
main section.kilakitu-gallery .headline {
  text-align: center;
  padding: 60px 0 35px;
}
main section.kilakitu-gallery .headline .smalltitle {
  margin: 0;
}
main section.kilakitu-gallery .gallery.content-multiple-slider {
  padding: 0px 0 45px;
  width: 85%;
  margin: 0px auto 0px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery .gallery.content-multiple-slider {
    margin: 0px auto 0;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-gallery .gallery.content-multiple-slider {
    width: 90%;
  }
}
main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list {
  margin: 0 -10px;
}
main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list .slick-track {
  display: flex;
  gap: 10px;
}
main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list .slick-track .slick-slide {
  height: inherit !important;
}
main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list .slick-track .slick-slide a {
  overflow: hidden;
}
main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list .slick-track .slick-slide img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list .slick-track .slick-slide img {
    height: 280px;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery .gallery.content-multiple-slider .slick-list .slick-track .slick-slide img {
    height: 220px;
  }
}
main section.kilakitu-gallery .gallery .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
main section.kilakitu-gallery .gallery .slick-dots li {
  margin: 0 0.25rem;
}
main section.kilakitu-gallery .gallery .slick-dots button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.kilakitu-gallery .gallery .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.kilakitu-gallery .slidernav {
  z-index: 10000 !important;
}
main section.kilakitu-gallery .slidernav button {
  position: absolute;
  display: block;
  top: 50%;
  background-color: transparent !important;
  border: none;
  outline: 0px none;
  outline: 0px;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  background-image: none;
}
main section.kilakitu-gallery .slidernav button i {
  font-size: 35px;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
main section.kilakitu-gallery .slidernav button.backarrow {
  left: 15px;
}
main section.kilakitu-gallery .slidernav button.nextarrow {
  right: 15px;
}
main section.kilakitu-gallery .slidernav button:hover {
  color: #20A956;
}
main section.kilakitu-gallery .slidernav button:hover i {
  color: #20A956;
}
main section.kilakitu-gallery.impressions {
  overflow: hidden;
  padding: 0;
}
main section.kilakitu-gallery.impressions .container-fluid > .headline {
  padding: 0 25px;
}
main section.kilakitu-gallery.impressions .timeline, main section.kilakitu-gallery.impressions .timeline_small {
  padding: 0;
  margin: 0;
  height: 400px;
  box-sizing: border-box;
  position: relative;
}
main section.kilakitu-gallery.impressions .timeline *, main section.kilakitu-gallery.impressions .timeline *::before, main section.kilakitu-gallery.impressions .timeline *::after, main section.kilakitu-gallery.impressions .timeline_small *, main section.kilakitu-gallery.impressions .timeline_small *::before, main section.kilakitu-gallery.impressions .timeline_small *::after {
  box-sizing: inherit;
}
main section.kilakitu-gallery.impressions .timeline .timeline__wrap, main section.kilakitu-gallery.impressions .timeline_small .timeline__wrap {
  position: relative;
  z-index: 2;
  height: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal, main section.kilakitu-gallery.impressions .timeline_small--horizontal {
  font-size: 0;
  white-space: nowrap;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items {
  transition: all 0.8s;
  will-change: transform;
  height: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item {
  height: 100%;
  display: inline-block;
  left: 0;
  position: relative;
  transition: none;
  vertical-align: top;
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item {
    width: unset;
    border: 5px solid #FFFFFF;
    border-right: none;
  }
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_0, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_0 {
  border-left: none;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item .bg-green, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item .bg-green {
  text-indent: 10000;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item .bg-green, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item .bg-green {
    display: none;
  }
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item .bg-green h2, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item .bg-green h2 {
  font-size: 24px;
  line-height: 29px;
  color: white;
  text-align: center;
  display: grid;
  height: 80%;
  align-items: end;
  padding: 0 25px;
}
@media only screen and (min-width: 1440px) {
  main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item .bg-green h2, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item .bg-green h2 {
    font-size: 35px;
    line-height: 39px;
  }
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half.titleplus a {
  display: block;
  height: 100% !important;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child {
  border: none;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half.titleplus a {
    height: 50% !important;
  }
  main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child {
    border-bottom: 5px solid #FFFFFF;
  }
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus .bg-green, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half.titleplus .bg-green {
  height: 50% !important;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half a, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half a {
  display: block;
  height: 50% !important;
  text-indent: 10000;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half a:first-child, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half a:first-child {
  border-bottom: 5px solid #FFFFFF;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.timeline_half img, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.timeline_half img {
  display: block;
  height: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.animated, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item.fadeIn, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item.fadeIn {
  animation-name: fadeIn;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content {
  position: relative;
  height: 100%;
  width: 100%;
  position: relative;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content img, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover {
  display: flex;
  position: relative;
  height: 100%;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover .rollover-text, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover .rollover-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  display: none;
  transition: opacity 0.3s ease;
  text-align: center;
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover .rollover-text .headline, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover .rollover-text .headline {
  font-size: 2.4rem;
  line-height: 2.6rem;
  padding: 0px;
  margin: 0px;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover .rollover-text .subline, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover .rollover-text .subline {
  font-size: 1.4rem;
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
}
main section.kilakitu-gallery.impressions .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover:hover .rollover-text, main section.kilakitu-gallery.impressions .timeline_small--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content a.rollover:hover .rollover-text {
  opacity: 1;
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button {
  position: absolute;
  display: block;
  top: 0 !important;
  bottom: 0;
  height: 100%;
  width: 35px;
  cursor: pointer;
  z-index: 10;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery.impressions .timeline .timeline-nav-button, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button {
    width: 150px;
  }
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button:disabled, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button:disabled {
  pointer-events: none;
  color: transparent;
  background: unset !important;
  display: none;
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button::before, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button::before {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 35px;
  display: grid;
  align-content: center;
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--prev, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--prev {
  left: 0;
  text-align: left;
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--prev, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--prev {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--prev::before, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--prev::before {
  padding-left: 15px;
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  content: "\f104";
  color: #393F46;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--prev::before, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--prev::before {
    height: 45px;
    padding-left: 8px;
    background: rgba(255, 255, 255, 0.5);
  }
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--next, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--next {
  right: 0;
  text-align: right;
  background-color: transparent;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--next, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--next {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  }
}
main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--next::before, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--next::before {
  padding-right: 15px;
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  content: "\f105";
  color: #393F46;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-gallery.impressions .timeline .timeline-nav-button--next::before, main section.kilakitu-gallery.impressions .timeline_small .timeline-nav-button--next::before {
    height: 45px;
    padding-right: 8px;
    background: rgba(255, 255, 255, 0.5);
  }
}
main section.kilakitu-gallery.impressions .timeline--mobile {
  height: 100%;
  padding: 0;
}
main section.kilakitu-gallery.impressions .timeline--mobile::before {
  left: 10px !important;
  margin: 0 !important;
}
main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__item, main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__item__inner, main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__content__wrap, main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__content {
  height: 100%;
  width: 100%;
}
main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__item {
  overflow: hidden;
  max-height: 150px;
}
main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__item a {
  display: block;
  height: 100%;
}
main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__item .timeline__content {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-gallery.impressions .timeline--mobile .timeline__items .timeline__item .timeline__content img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    top: 70px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes liftUp {
  0% {
    top: 0px;
  }
  100% {
    top: -15px;
  }
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/video.scss =====
   ========================================================== */
main section.kilakitu-video {
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-attachment: fixed;
  min-height: 300px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-video {
    min-height: unset;
  }
}
main section.kilakitu-video.colLight .videocontainer {
  background-color: rgba(0, 0, 0, 0.5);
}
main section.kilakitu-video.colLight .videocontainer.type2 {
  background-color: #393F46;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-video.colLight .videocontainer .content-inner {
    width: 80%;
  }
}
main section.kilakitu-video.colLight .videocontainer .content-inner.boxed {
  background-color: rgba(0, 0, 0, 0.5);
}
main section.kilakitu-video.colLight .videocontainer .content-inner .headline h2 {
  color: #FFFFFF;
}
main section.kilakitu-video.colLight .videocontainer .content-inner .headline p {
  color: rgba(255, 255, 255, 0.7);
}
main section.kilakitu-video.colLight .videocontainer .content-inner .description p {
  color: #FFFFFF;
}
main section.kilakitu-video.colDark .videocontainer {
  background-color: rgba(255, 255, 255, 0.5);
}
main section.kilakitu-video.colDark .videocontainer.type1 {
  background-color: rgba(255, 255, 255, 0.5);
}
main section.kilakitu-video.colDark .videocontainer .content-inner.boxed {
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-video .videocontainer {
    height: 100vh;
    width: 100%;
  }
  main section.kilakitu-video .videocontainer .content {
    height: 100vh;
  }
}
main section.kilakitu-video .videocontainer.showRight .content-inner {
  order: 2;
}
main section.kilakitu-video .videocontainer.showRight .playVid {
  order: 1;
}
main section.kilakitu-video .videocontainer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-video .videocontainer video {
    position: absolute;
  }
}
main section.kilakitu-video .videocontainer .content {
  width: 100%;
  padding: 50px 0;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-video .videocontainer .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-video .videocontainer .content .content-inner.boxed {
  padding: 25px;
}
main section.kilakitu-video .videocontainer .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.kilakitu-video .videocontainer .content .playVid {
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-video .videocontainer .content .playVid {
    display: none;
  }
}
main section.kilakitu-video .videocontainer .content .playVid a {
  display: table;
  width: 100%;
  height: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  color: #FFFFFF;
  text-align: center;
  font-size: 150px;
  opacity: 0.4;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-video .videocontainer .content .playVid a {
    font-size: 230px;
  }
}
main section.kilakitu-video .videocontainer .content .playVid a:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-video .videocontainer .content .playVid a i {
  display: table-cell;
  vertical-align: middle;
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/galerie.scss =====
   ========================================================== */
main section.kilakitu-related_elements, main section.kilakitu-news-references {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements, main section.kilakitu-news-references {
    padding: 70px 0;
  }
}
main section.kilakitu-related_elements.bg-lg .article, main section.kilakitu-news-references.bg-lg .article {
  background-color: #FFFFFF !important;
}
main section.kilakitu-related_elements.bg-lg .article .content, main section.kilakitu-news-references.bg-lg .article .content {
  background-color: #FFFFFF;
}
main section.kilakitu-related_elements.bg-white .article, main section.kilakitu-related_elements.bg-white .content, main section.kilakitu-news-references.bg-white .article, main section.kilakitu-news-references.bg-white .content {
  background: #EDF1F2;
}
main section.kilakitu-related_elements.bg-grey .article, main section.kilakitu-news-references.bg-grey .article {
  background-color: #FFFFFF;
}
main section.kilakitu-related_elements.bg-grey h2, main section.kilakitu-news-references.bg-grey h2 {
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-related_elements.lightText .bg-white h2, main section.kilakitu-news-references.lightText .bg-white h2 {
    color: #393F46 !important;
  }
}
main section.kilakitu-related_elements.lightText .headline h2,
main section.kilakitu-related_elements.lightText .headline h3,
main section.kilakitu-related_elements.lightText .headline p, main section.kilakitu-news-references.lightText .headline h2,
main section.kilakitu-news-references.lightText .headline h3,
main section.kilakitu-news-references.lightText .headline p {
  color: #FFFFFF;
}
main section.kilakitu-related_elements .internship, main section.kilakitu-news-references .internship {
  margin-top: 70px;
}
main section.kilakitu-related_elements .center, main section.kilakitu-news-references .center {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .center, main section.kilakitu-news-references .center {
    text-align: center;
  }
}
main section.kilakitu-related_elements .headline p, main section.kilakitu-news-references .headline p {
  margin-bottom: 35px;
}
main section.kilakitu-related_elements .headline .buttons, main section.kilakitu-news-references .headline .buttons {
  margin-bottom: 35px;
}
main section.kilakitu-related_elements .elements, main section.kilakitu-news-references .elements {
  padding-top: 45px;
  gap: 25px;
}
main section.kilakitu-related_elements .elements.version1, main section.kilakitu-news-references .elements.version1 {
  display: grid;
}
main section.kilakitu-related_elements .elements.version2, main section.kilakitu-news-references .elements.version2 {
  display: grid;
}
main section.kilakitu-related_elements .elements.version2 .article, main section.kilakitu-news-references .elements.version2 .article {
  display: grid;
}
@media only screen and (min-width: 420px) {
  main section.kilakitu-related_elements .elements.version2 .article, main section.kilakitu-news-references .elements.version2 .article {
    grid-template-columns: 0.8fr 1.2fr;
  }
  main section.kilakitu-related_elements .elements.version2 .article.download_article, main section.kilakitu-news-references .elements.version2 .article.download_article {
    grid-template-columns: 0.7fr 1.3fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .elements.version2 .article, main section.kilakitu-news-references .elements.version2 .article {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.kilakitu-related_elements .elements.version2 .article.download_article, main section.kilakitu-news-references .elements.version2 .article.download_article {
    grid-template-columns: 0.7fr 1.3fr;
  }
}
main section.kilakitu-related_elements .elements.version2 .article .media, main section.kilakitu-news-references .elements.version2 .article .media {
  height: 100%;
}
main section.kilakitu-related_elements .elements.version3, main section.kilakitu-news-references .elements.version3 {
  position: relative;
  gap: 15px;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .elements.version3, main section.kilakitu-news-references .elements.version3 {
    column-count: 2;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .elements.version3, main section.kilakitu-news-references .elements.version3 {
    column-count: 3;
  }
}
main section.kilakitu-related_elements .elements.version3 .ref, main section.kilakitu-news-references .elements.version3 .ref {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  width: 100%;
  margin-bottom: 15px;
  background-color: #FFFFFF;
}
main section.kilakitu-related_elements .elements.version3 .ref.quote, main section.kilakitu-news-references .elements.version3 .ref.quote {
  background-color: #20A956;
  text-align: center;
}
main section.kilakitu-related_elements .elements.version3 .ref.quote .content::before, main section.kilakitu-news-references .elements.version3 .ref.quote .content::before {
  content: "";
  display: block;
  position: absolute;
  position: relative;
  width: 60px;
  height: 50px;
  margin: 0 auto;
  background-image: url(../assets/img/design/quote.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-size: 60px 50px;
}
main section.kilakitu-related_elements .elements.version3 .ref.quote .content p, main section.kilakitu-news-references .elements.version3 .ref.quote .content p {
  font-style: italic;
  font-weight: 600;
  color: #FFFFFF;
}
main section.kilakitu-related_elements .elements.version3 .ref.quote .content p:before, main section.kilakitu-news-references .elements.version3 .ref.quote .content p:before {
  content: open-quote;
}
main section.kilakitu-related_elements .elements.version3 .ref.quote .content p:after, main section.kilakitu-news-references .elements.version3 .ref.quote .content p:after {
  content: close-quote;
}
main section.kilakitu-related_elements .elements.version3 .ref.quote .content .quote-author, main section.kilakitu-news-references .elements.version3 .ref.quote .content .quote-author {
  color: #FFFFFF;
  font-style: italic;
  font-size: 15px;
}
main section.kilakitu-related_elements .elements.version3 .ref .media, main section.kilakitu-news-references .elements.version3 .ref .media {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .elements.version3 .ref .media, main section.kilakitu-news-references .elements.version3 .ref .media {
    height: 280px;
  }
}
main section.kilakitu-related_elements .elements.version3 .ref .media a, main section.kilakitu-news-references .elements.version3 .ref .media a {
  width: 100%;
  height: 100%;
  display: block;
  padding: unset;
  border: unset;
}
main section.kilakitu-related_elements .elements.version3 .ref .media img, main section.kilakitu-news-references .elements.version3 .ref .media img {
  width: 100%;
  min-height: 100% !important;
  object-fit: cover;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider, main section.kilakitu-news-references .elements.version3 .ref .media .refslider {
  position: relative;
  height: 100%;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider img, main section.kilakitu-news-references .elements.version3 .ref .media .refslider img {
  height: 200px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .elements.version3 .ref .media .refslider img, main section.kilakitu-news-references .elements.version3 .ref .media .refslider img {
    height: 280px;
  }
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider .slick-dots, main section.kilakitu-news-references .elements.version3 .ref .media .refslider .slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider .slick-dots li, main section.kilakitu-news-references .elements.version3 .ref .media .refslider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider .slick-dots li.slick-active button, main section.kilakitu-news-references .elements.version3 .ref .media .refslider .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider .slick-dots li button, main section.kilakitu-news-references .elements.version3 .ref .media .refslider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #FFFFFF;
  opacity: 0.75;
  border-radius: 50%;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider button.slick-arrow, main section.kilakitu-news-references .elements.version3 .ref .media .refslider button.slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 0;
  line-height: 0;
  transform: translateY(-50%);
  z-index: 2;
  background-color: transparent;
  width: 30px;
  height: 30px;
  outline: none;
  border: none;
  cursor: pointer;
  color: #FFFFFF;
  opacity: 0.5;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider button.slick-arrow.slick-prev, main section.kilakitu-news-references .elements.version3 .ref .media .refslider button.slick-arrow.slick-prev {
  left: 5px;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider button.slick-arrow.slick-prev::after, main section.kilakitu-news-references .elements.version3 .ref .media .refslider button.slick-arrow.slick-prev::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f053";
  font-size: 35px;
  float: right;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider button.slick-arrow.slick-next, main section.kilakitu-news-references .elements.version3 .ref .media .refslider button.slick-arrow.slick-next {
  right: 5px;
}
main section.kilakitu-related_elements .elements.version3 .ref .media .refslider button.slick-arrow.slick-next::after, main section.kilakitu-news-references .elements.version3 .ref .media .refslider button.slick-arrow.slick-next::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f054";
  font-size: 35px;
  float: right;
}
main section.kilakitu-related_elements .elements.version3 .ref .content, main section.kilakitu-news-references .elements.version3 .ref .content {
  padding: 35px;
}
main section.kilakitu-related_elements .elements.version3 .ref .content h2, main section.kilakitu-news-references .elements.version3 .ref .content h2 {
  margin: 10px 0;
}
main section.kilakitu-related_elements .elements.version3 .ref .content .supline, main section.kilakitu-news-references .elements.version3 .ref .content .supline {
  background: #20A956;
  color: #FFFFFF;
  padding: 2px 5px;
  display: inline;
  box-decoration-break: clone;
}
main section.kilakitu-related_elements .elements.version3 .ref .content .refDetails, main section.kilakitu-news-references .elements.version3 .ref .content .refDetails {
  color: #828282;
  margin: 15px 0;
}
main section.kilakitu-related_elements .elements.version3 .ref .content .button, main section.kilakitu-news-references .elements.version3 .ref .content .button {
  margin: 15px 0 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .elements.grid_2.version1, main section.kilakitu-news-references .elements.grid_2.version1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .elements.grid_2.version2, main section.kilakitu-news-references .elements.grid_2.version2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .elements.grid_3, main section.kilakitu-news-references .elements.grid_3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .elements.grid_3, main section.kilakitu-news-references .elements.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .elements.grid_4, main section.kilakitu-news-references .elements.grid_4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .elements.grid_4, main section.kilakitu-news-references .elements.grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.kilakitu-related_elements .elements .article.grid_1, main section.kilakitu-news-references .elements .article.grid_1 {
  grid-column-start: 2;
}
main section.kilakitu-related_elements .elements .article.download_article p, main section.kilakitu-news-references .elements .article.download_article p {
  margin-top: 10px;
}
main section.kilakitu-related_elements .elements .article .media, main section.kilakitu-news-references .elements .article .media {
  position: relative;
}
main section.kilakitu-related_elements .elements .article .media.hovstate a, main section.kilakitu-news-references .elements .article .media.hovstate a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
main section.kilakitu-related_elements .elements .article .media.hovstate a img.hover, main section.kilakitu-news-references .elements .article .media.hovstate a img.hover {
  position: absolute;
  z-index: 100;
  display: block;
}
main section.kilakitu-related_elements .elements .article .media.hovstate a img.active, main section.kilakitu-news-references .elements .article .media.hovstate a img.active {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@keyframes fadeIn {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
main section.kilakitu-related_elements .elements .article:hover .media, main section.kilakitu-news-references .elements .article:hover .media {
  position: relative;
}
main section.kilakitu-related_elements .elements .article:hover .media img, main section.kilakitu-news-references .elements .article:hover .media img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-related_elements .elements .article:hover .media.hovstate a img.hover, main section.kilakitu-news-references .elements .article:hover .media.hovstate a img.hover {
  opacity: 0;
  transition: opacity 0.5s ease-in;
}
main section.kilakitu-related_elements .elements .article a, main section.kilakitu-news-references .elements .article a {
  color: #393F46;
}
main section.kilakitu-related_elements .elements .article a span, main section.kilakitu-news-references .elements .article a span {
  color: #828282;
}
main section.kilakitu-related_elements .elements .article a:hover, main section.kilakitu-news-references .elements .article a:hover {
  color: #20A956;
}
main section.kilakitu-related_elements .elements .article .media, main section.kilakitu-news-references .elements .article .media {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  height: 200px;
}
main section.kilakitu-related_elements .elements .article .media .smalltitle, main section.kilakitu-news-references .elements .article .media .smalltitle {
  position: absolute;
  top: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #20A956;
  padding: 5px 15px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .elements .article .media, main section.kilakitu-news-references .elements .article .media {
    height: 250px;
  }
}
main section.kilakitu-related_elements .elements .article .media img, main section.kilakitu-news-references .elements .article .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-related_elements .elements .article .content-inner, main section.kilakitu-news-references .elements .article .content-inner {
  padding: 25px;
}
main section.kilakitu-related_elements .elements .article .content-inner .supline, main section.kilakitu-related_elements .elements .article .content-inner .subline, main section.kilakitu-news-references .elements .article .content-inner .supline, main section.kilakitu-news-references .elements .article .content-inner .subline {
  margin: 5px 0;
}
main section.kilakitu-related_elements .elements .article .content-inner a:not(.button), main section.kilakitu-news-references .elements .article .content-inner a:not(.button) {
  color: #20A956;
}
main section.kilakitu-related_elements .elements .article .content-inner a:not(.button):hover, main section.kilakitu-news-references .elements .article .content-inner a:not(.button):hover {
  text-decoration: underline;
}
main section.kilakitu-related_elements .elements .article .content-inner a[href^="tel:"], main section.kilakitu-news-references .elements .article .content-inner a[href^="tel:"] {
  color: inherit;
  text-decoration: none !important;
}
main section.kilakitu-related_elements .elements .article .content-inner a[href^="tel:"]:hover, main section.kilakitu-news-references .elements .article .content-inner a[href^="tel:"]:hover {
  text-decoration: underline;
}
main section.kilakitu-related_elements .elements .article .content-inner span, main section.kilakitu-news-references .elements .article .content-inner span {
  padding: 0 2px;
  font-size: 15px;
}
main section.kilakitu-related_elements .elements .article .content-inner span:first-child, main section.kilakitu-news-references .elements .article .content-inner span:first-child {
  padding-left: 0;
}
main section.kilakitu-related_elements .elements .article .content-inner span i, main section.kilakitu-news-references .elements .article .content-inner span i {
  color: #20A956;
  padding-right: 1px;
  font-size: 13px;
}
main section.kilakitu-related_elements .elements .article .content-inner h3,
main section.kilakitu-related_elements .elements .article .content-inner h4, main section.kilakitu-news-references .elements .article .content-inner h3,
main section.kilakitu-news-references .elements .article .content-inner h4 {
  margin-top: 5px;
}
main section.kilakitu-related_elements .elements .article .content-inner .button.green, main section.kilakitu-news-references .elements .article .content-inner .button.green {
  color: #FFFFFF;
}
main section.kilakitu-related_elements .elements .article .content-inner .button.green .fa, main section.kilakitu-news-references .elements .article .content-inner .button.green .fa {
  color: #FFFFFF;
}
main section.kilakitu-related_elements .elements .article .content-inner .button:hover, main section.kilakitu-news-references .elements .article .content-inner .button:hover {
  color: #FFFFFF;
}
main section.kilakitu-related_elements .benefits, main section.kilakitu-related_elements .items, main section.kilakitu-news-references .benefits, main section.kilakitu-news-references .items {
  text-align: center;
  margin-top: 50px;
  display: grid;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .benefits, main section.kilakitu-related_elements .items, main section.kilakitu-news-references .benefits, main section.kilakitu-news-references .items {
    gap: 25px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-related_elements .benefits, main section.kilakitu-related_elements .items, main section.kilakitu-news-references .benefits, main section.kilakitu-news-references .items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main section.kilakitu-related_elements .benefits .benefit, main section.kilakitu-related_elements .items .benefit, main section.kilakitu-news-references .benefits .benefit, main section.kilakitu-news-references .items .benefit {
  position: relative;
  padding: 15px 25px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .benefits .benefit, main section.kilakitu-related_elements .items .benefit, main section.kilakitu-news-references .benefits .benefit, main section.kilakitu-news-references .items .benefit {
    min-height: 205px;
    padding: 25px;
  }
}
main section.kilakitu-related_elements .benefits .benefit.benefitentry:hover, main section.kilakitu-related_elements .items .benefit.benefitentry:hover, main section.kilakitu-news-references .benefits .benefit.benefitentry:hover, main section.kilakitu-news-references .items .benefit.benefitentry:hover {
  background-color: #20A956;
  color: #FFFFFF;
}
main section.kilakitu-related_elements .benefits .benefit.benefitentry:hover p, main section.kilakitu-related_elements .items .benefit.benefitentry:hover p, main section.kilakitu-news-references .benefits .benefit.benefitentry:hover p, main section.kilakitu-news-references .items .benefit.benefitentry:hover p {
  color: #FFFFFF;
}
main section.kilakitu-related_elements .benefits .benefit.benefitentry:hover .benefit__text, main section.kilakitu-related_elements .items .benefit.benefitentry:hover .benefit__text, main section.kilakitu-news-references .benefits .benefit.benefitentry:hover .benefit__text, main section.kilakitu-news-references .items .benefit.benefitentry:hover .benefit__text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  height: 100%;
  width: 100%;
  margin: 0;
}
main section.kilakitu-related_elements .benefits .benefit.benefitentry:hover .benefit__headline, main section.kilakitu-related_elements .items .benefit.benefitentry:hover .benefit__headline, main section.kilakitu-news-references .benefits .benefit.benefitentry:hover .benefit__headline, main section.kilakitu-news-references .items .benefit.benefitentry:hover .benefit__headline {
  display: none;
}
main section.kilakitu-related_elements .benefits .benefit .benefit__headline, main section.kilakitu-related_elements .items .benefit .benefit__headline, main section.kilakitu-news-references .benefits .benefit .benefit__headline, main section.kilakitu-news-references .items .benefit .benefit__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
main section.kilakitu-related_elements .benefits .benefit .benefit__headline h3, main section.kilakitu-related_elements .benefits .benefit .benefit__headline p, main section.kilakitu-related_elements .items .benefit .benefit__headline h3, main section.kilakitu-related_elements .items .benefit .benefit__headline p, main section.kilakitu-news-references .benefits .benefit .benefit__headline h3, main section.kilakitu-news-references .benefits .benefit .benefit__headline p, main section.kilakitu-news-references .items .benefit .benefit__headline h3, main section.kilakitu-news-references .items .benefit .benefit__headline p {
  margin: 0;
  padding: 0;
}
main section.kilakitu-related_elements .benefits .benefit .benefit__text, main section.kilakitu-related_elements .items .benefit .benefit__text, main section.kilakitu-news-references .benefits .benefit .benefit__text, main section.kilakitu-news-references .items .benefit .benefit__text {
  display: none;
}
main section.kilakitu-related_elements .benefits .benefit__icon, main section.kilakitu-related_elements .items .benefit__icon, main section.kilakitu-news-references .benefits .benefit__icon, main section.kilakitu-news-references .items .benefit__icon {
  font-size: 24px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-related_elements .benefits .benefit__icon, main section.kilakitu-related_elements .items .benefit__icon, main section.kilakitu-news-references .benefits .benefit__icon, main section.kilakitu-news-references .items .benefit__icon {
    padding-bottom: 15px;
  }
}
main section.kilakitu-related_elements .benefits .benefit__icon i, main section.kilakitu-related_elements .items .benefit__icon i, main section.kilakitu-news-references .benefits .benefit__icon i, main section.kilakitu-news-references .items .benefit__icon i {
  color: #393F46;
}
main section.kilakitu-related_elements .benefits .benefit h3, main section.kilakitu-related_elements .benefits .benefit p, main section.kilakitu-related_elements .items .benefit h3, main section.kilakitu-related_elements .items .benefit p, main section.kilakitu-news-references .benefits .benefit h3, main section.kilakitu-news-references .benefits .benefit p, main section.kilakitu-news-references .items .benefit h3, main section.kilakitu-news-references .items .benefit p {
  margin-bottom: 15px;
}
main section.kilakitu-related_elements .benefits .benefit__text, main section.kilakitu-related_elements .items .benefit__text, main section.kilakitu-news-references .benefits .benefit__text, main section.kilakitu-news-references .items .benefit__text {
  margin-top: 15px;
}
main section.kilakitu-related_elements .benefits .benefit hr, main section.kilakitu-related_elements .items .benefit hr, main section.kilakitu-news-references .benefits .benefit hr, main section.kilakitu-news-references .items .benefit hr {
  margin-bottom: 0;
  padding: 0;
  border: 4px solid #20A956;
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 90px;
}
main section.kilakitu-related_elements .benefits__button, main section.kilakitu-related_elements .items__button, main section.kilakitu-news-references .benefits__button, main section.kilakitu-news-references .items__button {
  margin-top: 45px;
}
main section.kilakitu-news-references .elements.grid_2 {
  grid-template-columns: unset;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-news-references .elements.grid_2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-news-references .article {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-news-references .article {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-news-references .article .media {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-news-references .article .media {
    height: 100% !important;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-news-references .article .media {
    height: 100%;
  }
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/steps.scss =====
   ========================================================== */
main section.kilakitu-steps .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-steps .content .content-inner {
    padding: 90px 0px 50px;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .headline {
    padding: 0 100px;
  }
}
main section.kilakitu-steps .content .content-inner .steps {
  margin-top: 50px;
  margin-bottom: 50px;
}
main section.kilakitu-steps .content .content-inner .steps__item {
  justify-content: space-between;
  display: grid;
  margin-bottom: 25px;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item {
    grid-template-columns: 1fr 3fr;
    gap: 50px;
  }
  main section.kilakitu-steps .content .content-inner .steps__item:nth-child(odd) .steps__item_intro {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item:nth-child(odd) .steps__item_intro {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item:nth-child(even) {
    grid-template-columns: 3fr 1fr;
  }
  main section.kilakitu-steps .content .content-inner .steps__item:nth-child(even) .steps__item_more {
    order: 1;
  }
  main section.kilakitu-steps .content .content-inner .steps__item:nth-child(even) .steps__item_intro {
    order: 3;
  }
}
main section.kilakitu-steps .content .content-inner .steps__item_intro {
  display: flex;
  gap: 25px;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item_intro {
    margin: 25px 0 0;
    display: unset;
  }
}
main section.kilakitu-steps .content .content-inner .steps__item_intro .header {
  order: 2;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item_intro .header {
    order: 1;
  }
}
main section.kilakitu-steps .content .content-inner .steps__item_intro .header h3 {
  line-height: 95%;
}
main section.kilakitu-steps .content .content-inner .steps__item_intro .header h3.green {
  color: #20A956;
}
main section.kilakitu-steps .content .content-inner .steps__item_intro .icon {
  padding: 15px 0 0;
  font-size: 50px;
  order: 1;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item_intro .icon {
    order: 2;
    font-size: 85px;
  }
}
main section.kilakitu-steps .content .content-inner .steps__item_intro .icon img {
  max-width: 50px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-steps .content .content-inner .steps__item_intro .icon img {
    max-width: 100px;
  }
}
main section.kilakitu-steps .content .content-inner .steps__item_intro .icon i {
  color: #B0C1C6;
}
main section.kilakitu-steps .content .content-inner .steps__item_more .media img {
  width: 100%;
}
main section.kilakitu-steps .content .content-inner .steps__item_more .content {
  background-color: #FFFFFF;
  padding: 35px 25px 25px;
}
main section.kilakitu-steps .content .content-inner .steps__item_more .content .supline {
  color: #828282;
}
main section.kilakitu-steps.bg-white .steps__item_more {
  border: solid 1px #A8A8A8;
}
main section.kilakitu-steps.bg-grey.lightText .headline h2, main section.kilakitu-steps.bg-grey.lightText .headline p {
  color: #FFFFFF;
}
main section.kilakitu-steps.bg-grey.lightText .header h3 {
  color: #FFFFFF;
}
main section.kilakitu-steps.bg-grey.darkText .headline,
main section.kilakitu-steps.bg-grey.darkText .header h3 {
  color: #000000;
}

/* ================================================================
   ===== REFACTORED: kilakitu-contactperson =====
   ================================================================ */
.kilakitu-contactperson .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  .kilakitu-contactperson .content-inner {
    padding: 90px 0 50px;
  }
}
.kilakitu-contactperson .headline {
  padding: 0 15px;
}
@media only screen and (min-width: 768px) {
  .kilakitu-contactperson .headline {
    padding: 0 100px;
  }
}
.kilakitu-contactperson .cp-boxes {
  margin: 25px 0;
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 768px) {
  .kilakitu-contactperson .cp-boxes {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .kilakitu-contactperson .cp-boxes.grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .kilakitu-contactperson .cp-boxes.grid_5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .kilakitu-contactperson .cp-boxes.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .kilakitu-contactperson .cp-boxes.grid_3 .cp-box__media img {
    max-width: 70%;
  }
}
.kilakitu-contactperson .cp-box {
  color: #828282;
}
.kilakitu-contactperson .cp-box__media {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.kilakitu-contactperson .cp-box__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.kilakitu-contactperson .cp-box__content {
  margin-bottom: 15px;
}
.kilakitu-contactperson .cp-box__content h3 {
  margin-top: 15px;
}
.kilakitu-contactperson .cp-box__content p {
  margin-bottom: 0;
}
.kilakitu-contactperson .cp-box .button {
  font-size: 13px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
}
.kilakitu-contactperson .cp-box .button i {
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  margin-left: 5px;
  color: #0A66C2;
  font-size: 23px;
  line-height: 23px;
}
.kilakitu-contactperson .cp-box .button:hover i {
  color: #FFFFFF;
}
.kilakitu-contactperson.bg-white .steps__item_more {
  border: solid 1px #A8A8A8;
}
.kilakitu-contactperson.bg-grey.lightText .headline h2, .kilakitu-contactperson.bg-grey.lightText .headline p, .kilakitu-contactperson.bg-grey.lightText .cp-box__content h3, .kilakitu-contactperson.bg-grey.lightText a.button {
  color: #FFFFFF;
}
.kilakitu-contactperson.bg-grey.lightText a.button {
  border: 1px solid #FFFFFF;
}
.kilakitu-contactperson.bg-grey.darkText .headline h2, .kilakitu-contactperson.bg-grey.darkText .headline p, .kilakitu-contactperson.bg-grey.darkText .cp-box__content h3, .kilakitu-contactperson.bg-grey.darkText a.button {
  color: #000000;
}
.kilakitu-contactperson.bg-grey.darkText a.button {
  border: 1px solid #000000;
}

/* ====================================================
   ===== START / SECTION kilakitu-module/faq.scss =====
   ==================================================== */
main section.kilakitu-faq .content .content-inner {
  padding: 45px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-faq .content .content-inner {
    padding: 90px 0px;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-faq .content .content-inner .headline {
    padding: 0 100px;
  }
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion {
  margin-top: 35px;
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq {
  position: relative;
  display: block;
  margin: 10px 0;
  background: #FFFFFF;
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq .head {
  background-color: #FFFFFF;
  padding: 15px 15px;
  cursor: pointer;
  transition: 0.2s ease;
  display: flex;
  align-items: center;
  gap: 25px;
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq .head i {
  font-size: 25px;
  color: #B0C1C6;
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq .head i::after {
  font-family: "Font Awesome 7 Pro";
  content: "+";
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq .head.active i::after {
  font-family: "Font Awesome 7 Pro";
  content: "\f068";
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq .content {
  display: none;
  padding: 0px 25px 10px 65px;
}
main section.kilakitu-faq .content .content-inner .career-faq-accordion .faq .content p {
  margin: 0 0 15px 0;
}
main section.kilakitu-faq.bg-white .career-faq-accordion .faq {
  border: solid 1px #EDF1F2;
  background: #EDF1F2 !important;
}
main section.kilakitu-faq.bg-white .career-faq-accordion .faq .head {
  background-color: #EDF1F2 !important;
}
main section.kilakitu-faq.bg-grey.lightText .headline h2, main section.kilakitu-faq.bg-grey.lightText .headline p {
  color: #FFFFFF;
}
main section.kilakitu-faq.bg-grey.darkText .headline h2, main section.kilakitu-faq.bg-grey.darkText .headline p {
  color: #000000;
}

/* ========================================================
   ===== START / SECTION kilakitu-module/iconbox.scss =====
   ======================================================== */
main section.kilakitu-iconbox.lightText .headline {
  color: #FFFFFF;
}
main section.kilakitu-iconbox .content .content-inner {
  padding: 45px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconbox .content .content-inner {
    padding: 70px 0;
  }
}
main section.kilakitu-iconbox .content .content-inner .headline.center {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconbox .content .content-inner .headline {
    padding: 0 100px;
  }
}
main section.kilakitu-iconbox .content .content-inner .benefits,
main section.kilakitu-iconbox .content .content-inner .items {
  text-align: center;
  margin-top: 50px;
  display: grid;
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconbox .content .content-inner .benefits,
  main section.kilakitu-iconbox .content .content-inner .items {
    gap: 25px;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconbox .content .content-inner .benefits,
  main section.kilakitu-iconbox .content .content-inner .items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit,
main section.kilakitu-iconbox .content .content-inner .items .benefit {
  position: relative;
  padding: 15px 25px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconbox .content .content-inner .benefits .benefit,
  main section.kilakitu-iconbox .content .content-inner .items .benefit {
    min-height: 190px;
    padding: 25px 0;
  }
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry:hover,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry:hover {
  background-color: #20A956;
  color: #FFFFFF;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry:hover p,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry:hover p {
  color: #FFFFFF;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry:hover .benefit__text,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry:hover .benefit__text {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  height: 100%;
  width: 100%;
  margin: 0;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry:hover .benefit__headline,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry:hover .benefit__headline {
  display: none;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry .benefit__headline,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry .benefit__headline {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry .benefit__headline h3,
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry .benefit__headline p,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry .benefit__headline h3,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry .benefit__headline p {
  margin: 0;
  padding: 0;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit.benefitentry .benefit__text,
main section.kilakitu-iconbox .content .content-inner .items .benefit.benefitentry .benefit__text {
  display: none;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit__icon,
main section.kilakitu-iconbox .content .content-inner .items .benefit__icon {
  font-size: 24px;
  color: #393F46;
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconbox .content .content-inner .benefits .benefit__icon,
  main section.kilakitu-iconbox .content .content-inner .items .benefit__icon {
    padding-bottom: 15px;
  }
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit__icon i,
main section.kilakitu-iconbox .content .content-inner .items .benefit__icon i {
  color: #393F46;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit .icon,
main section.kilakitu-iconbox .content .content-inner .items .benefit .icon {
  font-size: 24px;
  color: #393F46;
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconbox .content .content-inner .benefits .benefit .icon,
  main section.kilakitu-iconbox .content .content-inner .items .benefit .icon {
    padding-bottom: 15px;
  }
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit .icon i,
main section.kilakitu-iconbox .content .content-inner .items .benefit .icon i {
  color: #393F46;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit .icon_img,
main section.kilakitu-iconbox .content .content-inner .items .benefit .icon_img {
  height: 42px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconbox .content .content-inner .benefits .benefit .icon_img,
  main section.kilakitu-iconbox .content .content-inner .items .benefit .icon_img {
    padding-bottom: 15px;
  }
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit h3,
main section.kilakitu-iconbox .content .content-inner .benefits .benefit p,
main section.kilakitu-iconbox .content .content-inner .items .benefit h3,
main section.kilakitu-iconbox .content .content-inner .items .benefit p {
  margin-bottom: 15px;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit p,
main section.kilakitu-iconbox .content .content-inner .items .benefit p {
  padding: 0 25px;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit__text,
main section.kilakitu-iconbox .content .content-inner .items .benefit__text {
  margin-top: 15px;
}
main section.kilakitu-iconbox .content .content-inner .benefits .benefit hr,
main section.kilakitu-iconbox .content .content-inner .items .benefit hr {
  margin-bottom: 0;
  padding: 0;
  border: 4px solid #20A956;
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 90px;
}
main section.kilakitu-iconbox .content .content-inner .benefits__button,
main section.kilakitu-iconbox .content .content-inner .items__button {
  margin-top: 45px;
}

/* ========================================================
   ===== START / SECTION kilakitu-module/textimg.scss =====
   ======================================================== */
main section.kilakitu-textimg {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg {
    min-height: 80vh;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.varheight {
    min-height: unset;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-background-repeat: no-repeat !important;
    -moz-background-repeat: no-repeat !important;
    -ms-background-repeat: no-repeat !important;
    -o-background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    -webkit-background-position: center center !important;
    -moz-background-position: center center !important;
    -ms-background-position: center center !important;
    -o-background-position: center center !important;
    background-position: center center !important;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showHorizontal .bgImg-holder {
    position: relative;
    display: block;
    height: 450px;
    width: 100%;
  }
}
main section.kilakitu-textimg.showHorizontal .content .content-inner {
  padding: 50px 0 25px;
  display: grid;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showHorizontal .content .content-inner {
    padding: 100px 0 75px;
    width: 100%;
    grid-template-columns: 35% auto;
    gap: 0 25px;
    grid-template-rows: 0.4fr 1.6fr;
    grid-template-areas: "headline description" "buttons description";
  }
  main section.kilakitu-textimg.showHorizontal .content .content-inner .headline {
    grid-area: headline;
  }
  main section.kilakitu-textimg.showHorizontal .content .content-inner .buttons {
    grid-area: buttons;
  }
  main section.kilakitu-textimg.showHorizontal .content .content-inner .description {
    grid-area: description;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-textimg.showHorizontal .content .content-inner {
    grid-template-columns: 30% auto;
  }
}
main section.kilakitu-textimg.showHorizontal .content .content-inner .description {
  margin-top: 0;
}
main section.kilakitu-textimg.showHorizontal .content .content-inner .description p {
  margin-top: 0;
}
main section.kilakitu-textimg.showHorizontal .content .content-inner .buttons .button {
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showHorizontal .content .content-inner .buttons .button {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showRight.varheight .content {
    min-height: unset;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showRight .content {
    display: flex;
    min-height: 80vh;
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showLeft.varheight .content {
    min-height: unset;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showLeft .content {
    display: flex;
    min-height: 80vh;
    align-items: center;
  }
}
main section.kilakitu-textimg.showLeft .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-textimg.showLeft .content .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showLeft .content .content-inner {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-textimg.showLeft .content .content-inner {
    margin-right: 0;
  }
}
main section.kilakitu-textimg.showLeft .bgImg-holder {
  left: 0;
}
main section.kilakitu-textimg.showCenter {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.showCenter {
    min-height: inherit !important;
  }
}
main section.kilakitu-textimg.showCenter .content .content-inner {
  width: 100%;
}
main section.kilakitu-textimg.showCenter.fullWidth {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-attachment: fixed;
}
main section.kilakitu-textimg.video .bgImg-holder {
  display: none;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.video .bgImg-holder {
    display: unset;
  }
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-textimg.fullWidth .content,
  main section.kilakitu-textimg.fullWidth .bgImg-holder {
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
  }
  main section.kilakitu-textimg.fullWidth .content p,
  main section.kilakitu-textimg.fullWidth .bgImg-holder p {
    color: #FFFFFF;
  }
  main section.kilakitu-textimg.fullWidth .content .button,
  main section.kilakitu-textimg.fullWidth .bgImg-holder .button {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
  }
  main section.kilakitu-textimg.fullWidth .bgImg-holder {
    display: none;
  }
}
main section.kilakitu-textimg.justText {
  min-height: unset;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg.justText .content {
    min-height: unset;
    display: flex;
    align-items: center;
  }
}
main section.kilakitu-textimg.justText .content .content-inner {
  width: 100%;
}
main section.kilakitu-textimg .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
main section.kilakitu-textimg .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
main section.kilakitu-textimg .bgImg-holder.vidbox {
  height: unset;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-textimg .bgImg-holder.vidbox {
    min-height: 300px;
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.kilakitu-textimg .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-textimg .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.kilakitu-textimg .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.kilakitu-textimg .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
main section.kilakitu-textimg .bgImg-holder .js-video-button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 120px;
  z-index: 10000;
  text-align: center;
}
main section.kilakitu-textimg .bgImg-holder .js-video-button:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.kilakitu-textimg .bgImg-holder .js-video-button i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-textimg .bgImg-holder video {
  object-fit: cover;
  width: 100%;
  /* % of current element */
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg .bgImg-holder video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: unset;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg .bgImg-holder video {
    height: 100%;
  }
}
main section.kilakitu-textimg .bgImg-holder .media {
  width: 100%;
  height: 100%;
}
main section.kilakitu-textimg .bgImg-holder .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
main section.kilakitu-textimg .content {
  max-width: 1294px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg .content {
    height: 100%;
  }
}
@media only screen and (min-width: 1294px) {
  main section.kilakitu-textimg .content {
    width: 100%;
    margin: 0 auto;
  }
}
main section.kilakitu-textimg .content.light, main section.kilakitu-textimg .content.lightText {
  color: #FFFFFF;
}
main section.kilakitu-textimg .content.light p, main section.kilakitu-textimg .content.lightText p {
  color: #FFFFFF;
}
main section.kilakitu-textimg .content.light .description > *, main section.kilakitu-textimg .content.lightText .description > * {
  color: #FFFFFF;
}
main section.kilakitu-textimg .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-textimg .content .content-inner {
    width: 420px;
    padding: 50px 0;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-textimg .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.kilakitu-textimg .content .content-inner p {
  font-weight: 400;
}
main section.kilakitu-textimg .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.kilakitu-textimg .content .content-inner .headline h1 {
  font-size: 35px;
  line-height: 39px;
  text-transform: uppercase;
}
main section.kilakitu-textimg .content .content-inner .headline .supline {
  font-size: 17px;
}
main section.kilakitu-textimg .content .content-inner .headline .subimage {
  max-height: 80px;
  max-width: 100%;
}
@media only screen and (min-width: 480px) {
  main section.kilakitu-textimg .content .content-inner .headline .subimage {
    max-width: 300px;
  }
}
main section.kilakitu-textimg .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
main section.kilakitu-textimg .content .content-inner .description ul li {
  list-style: disc !important;
}
main section.kilakitu-textimg .content .content-inner .button {
  margin: 20px 5px 20px 0;
}
main section.bg-grey.dark .headline h2 {
  color: #000000;
}

/* =========================================================
   ===== START / SECTION kilakitu-module/greenbox.scss =====
   ========================================================= */
main section.kilakitu-greenbox .content .content-inner {
  padding: 45px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-greenbox .content .content-inner {
    padding: 90px 0px;
  }
}
main section.kilakitu-greenbox .content .content-inner .icon {
  text-align: center;
  margin-bottom: 15px;
}
main section.kilakitu-greenbox .content .content-inner .icon i {
  color: #FFFFFF;
  font-size: 60px;
}
main section.kilakitu-greenbox .content .content-inner .icon .usericon {
  max-width: 90px;
}
main section.kilakitu-greenbox .content .content-inner .icon.text {
  font-size: 70px;
  line-height: 110%;
  color: #FFFFFF;
  font-weight: 700;
}
main section.kilakitu-greenbox .content .content-inner .headline.center {
  text-align: center;
}
main section.kilakitu-greenbox .content .content-inner .headline p {
  color: #FFFFFF;
}
main section.kilakitu-greenbox .content .content-inner .headline p.cite {
  font-size: 24px;
  line-height: 29px;
  font-weight: 600;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-greenbox .content .content-inner .headline {
    padding: 0 100px;
  }
}

/* =====================================================================
   ===== START / SECTION kilakitu-module/imagevideo_slideshow.scss =====
   ===================================================================== */
main section.kilakitu-image-video-slideshow .content-inner {
  padding: 45px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-image-video-slideshow .content-inner {
    padding: 90px 20px;
  }
}
@media only screen and (min-width: 1400px) {
  main section.kilakitu-image-video-slideshow .content-inner {
    padding-right: 0;
    padding-left: 0;
  }
}
main section.kilakitu-image-video-slideshow .content-inner .headline {
  padding: 0 15px 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-image-video-slideshow .content-inner .headline {
    padding: 0 100px;
  }
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow {
  margin: 0 35px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-image-video-slideshow .content-inner .slideshow {
    margin: 35px 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item > div {
    margin: 0 15px;
  }
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media {
  position: relative;
  display: block;
  max-height: 220px;
  width: 100%;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .js-video-button {
  display: block;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .play {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 80px;
  z-index: 1000;
  text-align: center;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .play:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .play i {
  position: absolute;
  display: block;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 35%;
  left: 38%;
  color: #FFFFFF;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .tag {
  position: absolute;
  display: block;
  background-color: #20A956;
  color: #FFFFFF;
  padding: 5px 10px;
  left: 0;
  font-size: 15px;
  z-index: 1001;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media img {
  position: relative;
  display: block;
  width: 100%;
  object-fit: cover;
  height: 220px;
  width: 100%;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .moredetails {
  margin: 10px 0 0;
}
main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .moredetails p {
  margin: 0;
  padding: 0;
}
main section.kilakitu-image-video-slideshow .slidernav {
  max-width: 1024;
  margin: 0 auto;
}
main section.kilakitu-image-video-slideshow .slidernav button {
  position: absolute;
  display: block;
  top: 50%;
  border: none;
  outline: 0px none;
  outline: 0px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
main section.kilakitu-image-video-slideshow .slidernav button i {
  font-size: 40px;
  color: #A8A8A8;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1025px) {
  main section.kilakitu-image-video-slideshow .slidernav button i {
    font-size: 60px;
  }
}
main section.kilakitu-image-video-slideshow .slidernav button.backarrow {
  left: 20px;
}
main section.kilakitu-image-video-slideshow .slidernav button.nextarrow {
  right: 20px;
}
main section.kilakitu-image-video-slideshow .slidernav button:hover {
  color: #20A956;
}
main section.kilakitu-image-video-slideshow .slidernav button:hover i {
  color: #20A956;
}
main section.kilakitu-image-video-slideshow .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
main section.kilakitu-image-video-slideshow .slick-dots li {
  margin: 0 0.25rem;
}
main section.kilakitu-image-video-slideshow .slick-dots button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.kilakitu-image-video-slideshow .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.kilakitu-image-video-slideshow.bg-grey.darkText .content-inner .headline {
  color: #828282;
}
main section.kilakitu-image-video-slideshow.bg-grey.darkText .slide-item .moredetails {
  color: #828282;
}
main section.kilakitu-image-video-slideshow.bg-grey.lightText .content-inner .headline {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-grey.lightText .slide-item .moredetails {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-white.darkText .content-inner .headline {
  color: #393F46;
}
main section.kilakitu-image-video-slideshow.bg-white.darkText .slide-item .moredetails {
  color: #393F46;
}
main section.kilakitu-image-video-slideshow.bg-white.lightText .content-inner .headline {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-white.lightText .slide-item .moredetails {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-lg.darkText .content-inner .headline {
  color: #393F46;
}
main section.kilakitu-image-video-slideshow.bg-lg.darkText .slide-item .moredetails {
  color: #393F46;
}
main section.kilakitu-image-video-slideshow.bg-lg.lightText .content-inner .headline {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-lg.lightText .slide-item .moredetails {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-individual.darkText .content-inner .headline {
  color: #393F46;
}
main section.kilakitu-image-video-slideshow.bg-individual.darkText .slide-item .moredetails {
  color: #393F46;
}
main section.kilakitu-image-video-slideshow.bg-individual.lightText .content-inner .headline {
  color: #FFFFFF;
}
main section.kilakitu-image-video-slideshow.bg-individual.lightText .slide-item .moredetails {
  color: #FFFFFF;
}

/* ========================================================
   ===== START / SECTION kilakitu-module/tempcontent.scss =====
   ======================================================== */
main section.kilakitu-tempcontent {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-tempcontent {
    padding: 70px 0px 50px;
  }
}
main section.kilakitu-tempcontent.lightText .headline,
main section.kilakitu-tempcontent.lightText p,
main section.kilakitu-tempcontent.lightText h1,
main section.kilakitu-tempcontent.lightText h2,
main section.kilakitu-tempcontent.lightText h3,
main section.kilakitu-tempcontent.lightText h4,
main section.kilakitu-tempcontent.lightText ul {
  color: #FFFFFF;
}
main section.kilakitu-tempcontent .container {
  grid-template-columns: auto 1fr;
  display: grid;
  align-items: center;
  gap: 35px;
}
main section.kilakitu-tempcontent .container i {
  font-size: 120px;
  color: #B0C1C6;
}
main section.kilakitu-tempcontent.bg-grey.darkText .container {
  color: #000000;
}
main section.kilakitu-tempcontent.bg-individual.lightText .container a.white {
  color: #FFFFFF !important;
}
main section.kilakitu-tempcontent.bg-individual.lightText .container a:hover {
  color: #B0C1C6 !important;
}

/* =========================================================
   ===== START / SECTION kilakitu-module/hotspots.scss =====
   ========================================================= */
main section.kilakitu-hotspots .intro {
  width: 100%;
  z-index: 100;
  padding: 40px 0;
  z-index: 100000;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .intro {
    position: absolute;
    display: block;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-hotspots .intro {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 767px) {
  main section.kilakitu-hotspots .intro .headline.lightCol h2, main section.kilakitu-hotspots .intro .headline.lightText h2 {
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 767px) {
  main section.kilakitu-hotspots .intro .headline.lightCol p, main section.kilakitu-hotspots .intro .headline.lightCol p.subline, main section.kilakitu-hotspots .intro .headline.lightText p, main section.kilakitu-hotspots .intro .headline.lightText p.subline {
    color: #FFFFFF;
  }
}
main section.kilakitu-hotspots .background {
  position: relative;
  display: block;
  z-index: -2;
  height: 100%;
  width: 100%;
  padding-bottom: 56.25%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .background {
    position: absolute;
    display: block;
    height: 100%;
    padding: 0;
  }
}
main section.kilakitu-hotspots .background .hotspot-mobile {
  position: absolute;
  display: block;
  color: #FFFFFF;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #20A956;
  border-radius: 50% 50%;
  overflow: hidden;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .background .hotspot-mobile {
    display: none;
  }
}
main section.kilakitu-hotspots .hsbox {
  position: relative;
  display: block;
  padding: 0 25px;
  z-index: 5;
  padding-bottom: 50px;
  z-index: 1000;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hsbox {
    padding: 0;
    margin: 0;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
}
main section.kilakitu-hotspots .hotspot {
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    color: #20A956;
    margin: 0;
    transition: all 0.3s ease 0.1, border-radius 0.1s ease 0.2;
  }
}
main section.kilakitu-hotspots .hotspot.open {
  border-radius: 0 0;
  transition: all 0.3s ease, border-radius 0.1s ease;
}
main section.kilakitu-hotspots .hotspot.open .icon .circle {
  transform: rotate(45deg);
  color: #FFFFFF;
  background-color: #393F46;
}
main section.kilakitu-hotspots .hotspot.open .icon .ringring {
  border: 3px solid #393F46;
}
main section.kilakitu-hotspots .hotspot.open .content {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease 0.2s;
}
main section.kilakitu-hotspots .hotspot .iconcontent {
  position: relative;
}
main section.kilakitu-hotspots .hotspot .icon {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot .icon {
    display: block;
  }
}
main section.kilakitu-hotspots .hotspot .icon .circle {
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #20A956;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  line-height: 35px;
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
}
main section.kilakitu-hotspots .hotspot .icon .ringring {
  position: absolute;
  display: block;
  border: 2px solid #20A956;
  -webkit-border-radius: 30px;
  height: 41px;
  width: 41px;
  left: 4px;
  top: 4px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
main section.kilakitu-hotspots .hotspot .icon-mobile {
  display: block;
  background: #20A956;
  border-radius: 50% 50%;
  color: #FFFFFF;
  display: table-cell;
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot .icon-mobile {
    display: none;
  }
}
main section.kilakitu-hotspots .hotspot .icon-mobile.iconWithImage {
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 100;
}
@media only screen and (min-width: 480px) {
  main section.kilakitu-hotspots .hotspot .icon-mobile.iconWithImage {
    position: unset;
  }
}
main section.kilakitu-hotspots .hotspot .content {
  display: block;
  overflow: hidden;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot .content {
    position: absolute;
    display: block;
    background: #FFFFFF;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 40px;
    left: 50px;
    margin: 0;
    overflow: auto;
    width: 320px;
    padding: 20px;
  }
}
main section.kilakitu-hotspots .hotspot .content.withImage {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  main section.kilakitu-hotspots .hotspot .content.withImage {
    width: auto;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot .content.withImage {
    display: flex;
    flex-direction: row;
    width: 420px;
  }
}
main section.kilakitu-hotspots .hotspot .content.withImage .media {
  width: 100%;
}
@media only screen and (min-width: 480px) {
  main section.kilakitu-hotspots .hotspot .content.withImage .media {
    width: 120px;
  }
}
main section.kilakitu-hotspots .hotspot .content .media {
  position: relative;
  display: block;
  width: 100px;
  min-width: 120px;
  margin-right: 15px;
  float: right;
  margin: 5px 0 0 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot .content .media {
    float: unset;
    margin: 0 15px 0 0;
  }
}
main section.kilakitu-hotspots .hotspot .content .media img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
main section.kilakitu-hotspots .hotspot .content .content-inner p {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots .hotspot .content .content-inner p {
    margin: 15px 0;
  }
}
main section.kilakitu-hotspots .hotspot.left-top .icon {
  top: 0;
  left: 0;
}
main section.kilakitu-hotspots .hotspot.right-top .icon {
  left: auto;
  top: 0;
  right: 0px;
}
main section.kilakitu-hotspots .hotspot.right-top .content {
  left: auto;
  top: 40px;
  right: 20px;
}
main section.kilakitu-hotspots .hotspot.left-bottom .icon {
  left: 0;
  bottom: 0;
}
main section.kilakitu-hotspots .hotspot.left-bottom .content {
  top: auto;
  bottom: 40px;
  left: 20px;
}
main section.kilakitu-hotspots .hotspot.right-bottom .icon {
  top: auto;
  bottom: 0;
  right: 0;
}
main section.kilakitu-hotspots .hotspot.right-bottom .content {
  top: auto;
  left: auto;
  bottom: 40px;
  right: 20px;
}
main section.kilakitu-hotspots.lightText .intro {
  color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-hotspots.lightText .content-inner h3 {
    color: #FFFFFF;
  }
}
main section.kilakitu-hotspots.limitedSize .intro {
  position: relative;
}
main section.kilakitu-hotspots.limitedSize .hotspot-container {
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-hotspots.limitedSize .hotspot-container {
    margin-bottom: 100px;
  }
}

/* ==================================================================
   ===== START / SECTION kilakitu-module/produktunterlagen.scss =====
   ================================================================== */
main section.kilakitu-product-docs {
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-product-docs {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-background-repeat: no-repeat !important;
    -moz-background-repeat: no-repeat !important;
    -ms-background-repeat: no-repeat !important;
    -o-background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    -webkit-background-position: center center !important;
    -moz-background-position: center center !important;
    -ms-background-position: center center !important;
    -o-background-position: center center !important;
    background-position: center center !important;
  }
}
main section.kilakitu-product-docs.showLeft .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-product-docs.showLeft .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-product-docs.showLeft .content-inner {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-product-docs.showLeft .content-inner {
    margin-right: 0;
  }
}
main section.kilakitu-product-docs.showLeft .bgImg-holder {
  left: 0;
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-product-docs.fullWidth .content,
  main section.kilakitu-product-docs.fullWidth .bgImg-holder {
    background: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
  }
  main section.kilakitu-product-docs.fullWidth .content p,
  main section.kilakitu-product-docs.fullWidth .bgImg-holder p {
    color: #FFFFFF;
  }
  main section.kilakitu-product-docs.fullWidth .content .button,
  main section.kilakitu-product-docs.fullWidth .bgImg-holder .button {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
  }
  main section.kilakitu-product-docs.fullWidth .bgImg-holder {
    display: none;
  }
}
main section.kilakitu-product-docs .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-product-docs .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.kilakitu-product-docs .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-product-docs .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.kilakitu-product-docs .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-product-docs .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.kilakitu-product-docs .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
main section.kilakitu-product-docs.justText .content .content-inner {
  width: 100%;
}
main section.kilakitu-product-docs .content {
  max-width: 1294px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-product-docs .content {
    height: 100%;
  }
}
@media only screen and (min-width: 1294px) {
  main section.kilakitu-product-docs .content {
    width: 100%;
    margin: 0 auto;
  }
}
main section.kilakitu-product-docs .content.lightText {
  color: #FFFFFF;
}
main section.kilakitu-product-docs .content.lightText p {
  color: #FFFFFF;
}
main section.kilakitu-product-docs .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-product-docs .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-product-docs .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.kilakitu-product-docs .content .content-inner p {
  font-weight: 400;
}
main section.kilakitu-product-docs .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.kilakitu-product-docs .content .content-inner .headline {
  margin-bottom: 20px;
}
main section.kilakitu-product-docs .content .content-inner .headline h1 {
  font-size: 35px;
  line-height: 39px;
  text-transform: uppercase;
}
main section.kilakitu-product-docs .content .content-inner .headline .supline {
  font-size: 17px;
}
main section.kilakitu-product-docs .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
main section.kilakitu-product-docs .content .content-inner .description ul li {
  list-style: disc !important;
}
main section.kilakitu-product-docs .content .content-inner .button {
  margin: 0px 5px 20px 0;
  display: inline-block;
}
main section.kilakitu-product-docs.bg-grey.darkText h2 {
  color: #000000;
}
main section.kilakitu-product-docs.bg-grey.darkText a.button {
  color: #000000;
  border: solid 1px #000000;
}
main section.kilakitu-product-docs.bg-grey.darkText a.button:hover {
  background-color: #000000;
  color: #A8A8A8;
}

/* ============================================================
         ===== START / SECTION kilakitu-contest & kilakitu-form =====
         ============================================================ */
main section.kilakitu-contest form {
  margin: 0 !important;
}
main section.kilakitu-contest form .interest_job_categories {
  background: rgba(0, 0, 0, 0.1);
  padding: 15px;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Zwei gleich breite Spalten */
  gap: 5px 15px; /* Abstand zwischen den Checkboxen */
}
@media only screen and (max-width: 580px) {
  main section.kilakitu-contest form .interest_job_categories {
    grid-template-columns: repeat(1, 1fr); /* Zwei gleich breite Spalten */
  }
}
main section.kilakitu-contest form .interest_job_categories label {
  display: flex;
  align-items: center; /* Checkbox und Text vertikal zentrieren */
}
main section.kilakitu-form, main section.kilakitu-contest, main section.kilakitu-campaign {
  padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-form, main section.kilakitu-contest, main section.kilakitu-campaign {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-background-repeat: no-repeat !important;
    -moz-background-repeat: no-repeat !important;
    -ms-background-repeat: no-repeat !important;
    -o-background-repeat: no-repeat !important;
    background-repeat: no-repeat !important;
    -webkit-background-position: center center !important;
    -moz-background-position: center center !important;
    -ms-background-position: center center !important;
    -o-background-position: center center !important;
    background-position: center center !important;
  }
}
main section.kilakitu-form.sent, main section.kilakitu-contest.sent, main section.kilakitu-campaign.sent {
  min-height: 250px;
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-form.sent, main section.kilakitu-contest.sent, main section.kilakitu-campaign.sent {
    -webkit-background-position: center -200px !important;
    -moz-background-position: center -200px !important;
    -ms-background-position: center -200px !important;
    -o-background-position: center -200px !important;
    background-position: center -200px !important;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-form, main section.kilakitu-contest, main section.kilakitu-campaign {
    padding: 50px 0;
  }
}
main section.kilakitu-form.cFormCompleted, main section.kilakitu-contest.cFormCompleted, main section.kilakitu-campaign.cFormCompleted {
  padding: 100px 0;
}
main section.kilakitu-form.lightText label,
main section.kilakitu-form.lightText p,
main section.kilakitu-form.lightText h1,
main section.kilakitu-form.lightText h2,
main section.kilakitu-form.lightText h3, main section.kilakitu-contest.lightText label,
main section.kilakitu-contest.lightText p,
main section.kilakitu-contest.lightText h1,
main section.kilakitu-contest.lightText h2,
main section.kilakitu-contest.lightText h3, main section.kilakitu-campaign.lightText label,
main section.kilakitu-campaign.lightText p,
main section.kilakitu-campaign.lightText h1,
main section.kilakitu-campaign.lightText h2,
main section.kilakitu-campaign.lightText h3 {
  color: #FFFFFF;
}
main section.kilakitu-form.bg-white input[type=text],
main section.kilakitu-form.bg-white input[type=email],
main section.kilakitu-form.bg-white input[type=tel],
main section.kilakitu-form.bg-white select,
main section.kilakitu-form.bg-white textarea, main section.kilakitu-contest.bg-white input[type=text],
main section.kilakitu-contest.bg-white input[type=email],
main section.kilakitu-contest.bg-white input[type=tel],
main section.kilakitu-contest.bg-white select,
main section.kilakitu-contest.bg-white textarea, main section.kilakitu-campaign.bg-white input[type=text],
main section.kilakitu-campaign.bg-white input[type=email],
main section.kilakitu-campaign.bg-white input[type=tel],
main section.kilakitu-campaign.bg-white select,
main section.kilakitu-campaign.bg-white textarea {
  background-color: rgba(0, 0, 0, 0.1);
}
main section.kilakitu-form.bg-white.lightText label,
main section.kilakitu-form.bg-white.lightText p,
main section.kilakitu-form.bg-white.lightText h1,
main section.kilakitu-form.bg-white.lightText h2,
main section.kilakitu-form.bg-white.lightText h3, main section.kilakitu-contest.bg-white.lightText label,
main section.kilakitu-contest.bg-white.lightText p,
main section.kilakitu-contest.bg-white.lightText h1,
main section.kilakitu-contest.bg-white.lightText h2,
main section.kilakitu-contest.bg-white.lightText h3, main section.kilakitu-campaign.bg-white.lightText label,
main section.kilakitu-campaign.bg-white.lightText p,
main section.kilakitu-campaign.bg-white.lightText h1,
main section.kilakitu-campaign.bg-white.lightText h2,
main section.kilakitu-campaign.bg-white.lightText h3 {
  color: #A8A8A8;
}
main section.kilakitu-form.bg-grey, main section.kilakitu-contest.bg-grey, main section.kilakitu-campaign.bg-grey {
  color: #FFFFFF;
}
main section.kilakitu-form .overlay.dark, main section.kilakitu-contest .overlay.dark, main section.kilakitu-campaign .overlay.dark {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}
main section.kilakitu-form .container, main section.kilakitu-contest .container, main section.kilakitu-campaign .container {
  display: grid;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-form .container.showRight, main section.kilakitu-contest .container.showRight, main section.kilakitu-campaign .container.showRight {
    justify-content: end;
  }
}
main section.kilakitu-form .showLeftm > div .center, main section.kilakitu-form .showRight > div .center, main section.kilakitu-contest .showLeftm > div .center, main section.kilakitu-contest .showRight > div .center, main section.kilakitu-campaign .showLeftm > div .center, main section.kilakitu-campaign .showRight > div .center {
  text-align: left;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-form .showLeftm > div, main section.kilakitu-form .showRight > div, main section.kilakitu-contest .showLeftm > div, main section.kilakitu-contest .showRight > div, main section.kilakitu-campaign .showLeftm > div, main section.kilakitu-campaign .showRight > div {
    width: 420px;
    padding: 50px 0;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-form .showLeftm > div, main section.kilakitu-form .showRight > div, main section.kilakitu-contest .showLeftm > div, main section.kilakitu-contest .showRight > div, main section.kilakitu-campaign .showLeftm > div, main section.kilakitu-campaign .showRight > div {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.kilakitu-form form, main section.kilakitu-contest form, main section.kilakitu-campaign form {
  margin: 45px 0;
}
main section.kilakitu-form form.form.alpha input[type=text], main section.kilakitu-form form.form.alpha input[type=number], main section.kilakitu-form form.form.alpha input[type=email], main section.kilakitu-form form.form.alpha input[type=tel], main section.kilakitu-form form.form.alpha textarea, main section.kilakitu-form form.form.alpha select, main section.kilakitu-form form.form.alpha .select2-container--default .select2-selection--single, main section.kilakitu-contest form.form.alpha input[type=text], main section.kilakitu-contest form.form.alpha input[type=number], main section.kilakitu-contest form.form.alpha input[type=email], main section.kilakitu-contest form.form.alpha input[type=tel], main section.kilakitu-contest form.form.alpha textarea, main section.kilakitu-contest form.form.alpha select, main section.kilakitu-contest form.form.alpha .select2-container--default .select2-selection--single, main section.kilakitu-campaign form.form.alpha input[type=text], main section.kilakitu-campaign form.form.alpha input[type=number], main section.kilakitu-campaign form.form.alpha input[type=email], main section.kilakitu-campaign form.form.alpha input[type=tel], main section.kilakitu-campaign form.form.alpha textarea, main section.kilakitu-campaign form.form.alpha select, main section.kilakitu-campaign form.form.alpha .select2-container--default .select2-selection--single {
  background-color: rgba(255, 255, 255, 0.7) !important;
  color: #393F46;
}
main section.kilakitu-form form.form.alpha .select2-container--default .select2-selection--single .select2-selection__placeholder, main section.kilakitu-form form.form.alpha .select2-container--default .select2-selection--single .select2-selection__rendered, main section.kilakitu-contest form.form.alpha .select2-container--default .select2-selection--single .select2-selection__placeholder, main section.kilakitu-contest form.form.alpha .select2-container--default .select2-selection--single .select2-selection__rendered, main section.kilakitu-campaign form.form.alpha .select2-container--default .select2-selection--single .select2-selection__placeholder, main section.kilakitu-campaign form.form.alpha .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #393F46;
}
main section.kilakitu-form form.form.alpha textarea::placeholder, main section.kilakitu-contest form.form.alpha textarea::placeholder, main section.kilakitu-campaign form.form.alpha textarea::placeholder {
  color: #393F46;
  opacity: 0.5;
}
main section.kilakitu-form form.form.alpha .select2-container--default .select2-selection--single .select2-selection__arrow b, main section.kilakitu-contest form.form.alpha .select2-container--default .select2-selection--single .select2-selection__arrow b, main section.kilakitu-campaign form.form.alpha .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #393F46;
  border-width: 2px;
}
main section.kilakitu-form form .bg-lb,
main section.kilakitu-form form .bg-lg,
main section.kilakitu-form form .bg-white,
main section.kilakitu-form form .bg-lb, main section.kilakitu-contest form .bg-lb,
main section.kilakitu-contest form .bg-lg,
main section.kilakitu-contest form .bg-white,
main section.kilakitu-contest form .bg-lb, main section.kilakitu-campaign form .bg-lb,
main section.kilakitu-campaign form .bg-lg,
main section.kilakitu-campaign form .bg-white,
main section.kilakitu-campaign form .bg-lb {
  padding: 5px 15px;
}
main section.kilakitu-form form .bg-lb label,
main section.kilakitu-form form .bg-lg label,
main section.kilakitu-form form .bg-white label,
main section.kilakitu-form form .bg-lb label, main section.kilakitu-contest form .bg-lb label,
main section.kilakitu-contest form .bg-lg label,
main section.kilakitu-contest form .bg-white label,
main section.kilakitu-contest form .bg-lb label, main section.kilakitu-campaign form .bg-lb label,
main section.kilakitu-campaign form .bg-lg label,
main section.kilakitu-campaign form .bg-white label,
main section.kilakitu-campaign form .bg-lb label {
  margin: 5px 0;
}
main section.kilakitu-form form .bg-lb, main section.kilakitu-contest form .bg-lb, main section.kilakitu-campaign form .bg-lb {
  background-color: rgba(0, 0, 0, 0.1);
}
main section.kilakitu-form form .question, main section.kilakitu-contest form .question, main section.kilakitu-campaign form .question {
  margin: 15px 0;
  padding: 25px;
  margin-bottom: 25px;
  background-color: #20A956;
}
main section.kilakitu-form form .question h3, main section.kilakitu-contest form .question h3, main section.kilakitu-campaign form .question h3 {
  color: #fff;
  text-transform: none;
  line-height: 30px;
  margin-bottom: 15px;
}
main section.kilakitu-form form .question .options, main section.kilakitu-contest form .question .options, main section.kilakitu-campaign form .question .options {
  margin: 25px 0 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-form form .question .options, main section.kilakitu-contest form .question .options, main section.kilakitu-campaign form .question .options {
    display: flex;
  }
}
main section.kilakitu-form form .question .options span, main section.kilakitu-contest form .question .options span, main section.kilakitu-campaign form .question .options span {
  font-size: 17px;
}
main section.kilakitu-form form .question input, main section.kilakitu-contest form .question input, main section.kilakitu-campaign form .question input {
  text-align: center;
  border: solid 1px #20A956;
  color: #20A956;
  font-weight: bold;
  max-width: 150px;
  text-align: center;
  border-left: none;
  border-right: none;
  font-size: 20px;
  height: 50px;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(189, 189, 189, 0.9);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(189, 189, 189, 0.9);
  box-shadow: inset 0px 0px 10px 0px rgba(189, 189, 189, 0.9);
}
main section.kilakitu-form form .question input::placeholder, main section.kilakitu-contest form .question input::placeholder, main section.kilakitu-campaign form .question input::placeholder {
  font-weight: bold;
  opacity: 0.5;
  color: #000000;
}
main section.kilakitu-form form .question .number-input, main section.kilakitu-contest form .question .number-input, main section.kilakitu-campaign form .question .number-input {
  display: flex;
  align-items: center;
  justify-content: center;
}
main section.kilakitu-form form .question span.decrement, main section.kilakitu-form form .question span.increment, main section.kilakitu-contest form .question span.decrement, main section.kilakitu-contest form .question span.increment, main section.kilakitu-campaign form .question span.decrement, main section.kilakitu-campaign form .question span.increment {
  background-color: #20A956;
  color: white;
  border: 1px solid #ccc;
  padding: 12px 10px;
  cursor: pointer;
  font-size: 22px;
  display: inline-block;
  height: 50px;
  width: 50px;
}
main section.kilakitu-form form .question span.decrement i, main section.kilakitu-form form .question span.increment i, main section.kilakitu-contest form .question span.decrement i, main section.kilakitu-contest form .question span.increment i, main section.kilakitu-campaign form .question span.decrement i, main section.kilakitu-campaign form .question span.increment i {
  color: #fff;
}
main section.kilakitu-form form .question .number-input button:disabled, main section.kilakitu-contest form .question .number-input button:disabled, main section.kilakitu-campaign form .question .number-input button:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
main section.kilakitu-form form fieldset, main section.kilakitu-contest form fieldset, main section.kilakitu-campaign form fieldset {
  gap: 10px 25px;
  padding: 0;
  border: none;
}
main section.kilakitu-form form fieldset.flex, main section.kilakitu-contest form fieldset.flex, main section.kilakitu-campaign form fieldset.flex {
  margin: 25px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-form form fieldset.flex, main section.kilakitu-contest form fieldset.flex, main section.kilakitu-campaign form fieldset.flex {
    display: flex;
  }
}
main section.kilakitu-form form fieldset.grid_2, main section.kilakitu-contest form fieldset.grid_2, main section.kilakitu-campaign form fieldset.grid_2 {
  display: grid;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-form form fieldset.grid_2, main section.kilakitu-contest form fieldset.grid_2, main section.kilakitu-campaign form fieldset.grid_2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-form form fieldset.grid_3, main section.kilakitu-contest form fieldset.grid_3, main section.kilakitu-campaign form fieldset.grid_3 {
  display: grid;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-form form fieldset.grid_3, main section.kilakitu-contest form fieldset.grid_3, main section.kilakitu-campaign form fieldset.grid_3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-form form fieldset.grid_3, main section.kilakitu-contest form fieldset.grid_3, main section.kilakitu-campaign form fieldset.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.kilakitu-form form fieldset legend, main section.kilakitu-contest form fieldset legend, main section.kilakitu-campaign form fieldset legend {
  margin: 0 0 15px;
  color: #828282;
}
main section.kilakitu-form form fieldset label, main section.kilakitu-contest form fieldset label, main section.kilakitu-campaign form fieldset label {
  text-align: left;
  margin: 5px 0 0;
}
main section.kilakitu-form form .conditions, main section.kilakitu-contest form .conditions, main section.kilakitu-campaign form .conditions {
  margin: 25px 0;
}
main section.kilakitu-form form .conditions a, main section.kilakitu-contest form .conditions a, main section.kilakitu-campaign form .conditions a {
  color: #828282;
}
main section.kilakitu-form form .conditions a u, main section.kilakitu-contest form .conditions a u, main section.kilakitu-campaign form .conditions a u {
  color: #20A956;
}
main section.kilakitu-form form .conditions a u:hover, main section.kilakitu-contest form .conditions a u:hover, main section.kilakitu-campaign form .conditions a u:hover {
  text-decoration: none;
}
main section.kilakitu-form form .green-text, main section.kilakitu-contest form .green-text, main section.kilakitu-campaign form .green-text {
  color: #20A956;
}
main section.kilakitu-form form .requfieldsinfo, main section.kilakitu-contest form .requfieldsinfo, main section.kilakitu-campaign form .requfieldsinfo {
  margin: 15px 0 0;
}
main section.kilakitu-form form textarea, main section.kilakitu-contest form textarea, main section.kilakitu-campaign form textarea {
  resize: none;
  height: 110px;
}
main section.kilakitu-form.bg-grey.darkText [type=radio]:not(:checked) + span:before,
main section.kilakitu-form.bg-grey.darkText [type=radio]:not(:checked) + span:after, main section.kilakitu-contest.bg-grey.darkText [type=radio]:not(:checked) + span:before,
main section.kilakitu-contest.bg-grey.darkText [type=radio]:not(:checked) + span:after, main section.kilakitu-campaign.bg-grey.darkText [type=radio]:not(:checked) + span:before,
main section.kilakitu-campaign.bg-grey.darkText [type=radio]:not(:checked) + span:after {
  border: 2px solid #000000;
}
main section.kilakitu-form.bg-grey.lightText [type=radio]:not(:checked) + span:before,
main section.kilakitu-form.bg-grey.lightText [type=radio]:not(:checked) + span:after, main section.kilakitu-contest.bg-grey.lightText [type=radio]:not(:checked) + span:before,
main section.kilakitu-contest.bg-grey.lightText [type=radio]:not(:checked) + span:after, main section.kilakitu-campaign.bg-grey.lightText [type=radio]:not(:checked) + span:before,
main section.kilakitu-campaign.bg-grey.lightText [type=radio]:not(:checked) + span:after {
  border: 2px solid #FFFFFF;
}

/* ==============================================================
   ===== START / SECTION kilakitu-module/header_random.scss =====
   ============================================================== */
header.kilakitu-header_random {
  padding: 0;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center top !important;
  -moz-background-position: center top !important;
  -ms-background-position: center top !important;
  -o-background-position: center top !important;
  background-position: center top !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  -webkit-background-position: 55% top !important;
  -moz-background-position: 55% top !important;
  -ms-background-position: 55% top !important;
  -o-background-position: 55% top !important;
  background-position: 55% top !important;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random {
    grid-template-columns: 0.8fr 1.2fr;
    gap: 25px;
  }
  header.kilakitu-header_random.showRight {
    grid-template-columns: 1.2fr 0.8fr;
  }
  header.kilakitu-header_random.showRight .content {
    margin: 0;
  }
}
@media only screen and (min-width: 1100px) {
  header.kilakitu-header_random {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
  header.kilakitu-header_random.showRight {
    grid-template-columns: 1fr 1fr;
  }
  header.kilakitu-header_random.showRight .content {
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random {
    height: 500px;
  }
}
@media only screen and (min-width: 1070px) {
  header.kilakitu-header_random {
    -webkit-background-position: center top !important;
    -moz-background-position: center top !important;
    -ms-background-position: center top !important;
    -o-background-position: center top !important;
    background-position: center top !important;
  }
}
header.kilakitu-header_random .mediamobile {
  height: 100%;
}
header.kilakitu-header_random .mediamobile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random .mediamobile {
    display: none;
  }
}
header.kilakitu-header_random .container {
  padding: 0;
  background-color: #FFFFFF;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header_random .container {
    padding: 0 25px;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random .container {
    background-color: transparent;
  }
}
header.kilakitu-header_random .container .content .content-inner {
  padding: 25px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header_random .container .content .content-inner {
    padding: 25px 25px;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random .container .content .content-inner {
    padding: 90px 0px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  header.kilakitu-header_random .container .content .content-inner {
    max-width: 600px;
    margin-right: 0;
  }
}
header.kilakitu-header_random .plustext {
  margin: 5px 0 25px;
}
header.kilakitu-header_random .bgImg-holder .bgImg .bgImgSingle {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
header.kilakitu-header_random h2 {
  background-color: #20A956;
  color: #FFFFFF;
  display: inline-block;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 22px;
  text-transform: unset;
  margin: 25px 0 10px;
  font-weight: normal;
}
header.kilakitu-header_random .button.green {
  color: #FFFFFF;
  border: none;
}
header.kilakitu-header_random.lightColor, header.kilakitu-header_random.lightText {
  color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header_random.lightColor, header.kilakitu-header_random.lightText {
    color: #393F46 !important;
  }
}
header.kilakitu-header_random.lightColor p, header.kilakitu-header_random.lightText p {
  color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header_random.lightColor p, header.kilakitu-header_random.lightText p {
    color: #393F46 !important;
  }
}
header.kilakitu-header_random.lightColor h1.subtitle, header.kilakitu-header_random.lightText h1.subtitle {
  color: #FFFFFF !important;
}
header.kilakitu-header_random.lightColor a.button, header.kilakitu-header_random.lightText a.button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header_random.lightColor a.button, header.kilakitu-header_random.lightText a.button {
    color: #393F46 !important;
    border-color: #393F46 !important;
  }
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header_random.lightColor.bg-white .content-inner h1,
  header.kilakitu-header_random.lightColor.bg-white .content-inner h2,
  header.kilakitu-header_random.lightColor.bg-white .content-inner p, header.kilakitu-header_random.lightColor.bg-lg .content-inner h1,
  header.kilakitu-header_random.lightColor.bg-lg .content-inner h2,
  header.kilakitu-header_random.lightColor.bg-lg .content-inner p, header.kilakitu-header_random.lightText.bg-white .content-inner h1,
  header.kilakitu-header_random.lightText.bg-white .content-inner h2,
  header.kilakitu-header_random.lightText.bg-white .content-inner p, header.kilakitu-header_random.lightText.bg-lg .content-inner h1,
  header.kilakitu-header_random.lightText.bg-lg .content-inner h2,
  header.kilakitu-header_random.lightText.bg-lg .content-inner p {
    color: #393F46;
  }
}
@media only screen and (max-width: 1023px) {
  header.kilakitu-header_random.darkText {
    color: #393F46;
  }
  header.kilakitu-header_random.darkText h2.subtitle {
    color: #FFFFFF !important;
  }
  header.kilakitu-header_random.darkText .button {
    border: 1px solid #393F46 !important;
    color: #393F46 !important;
  }
}
header.kilakitu-header_random.showLeft .bgImg-holder {
  left: 0;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random.showLeft .content {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random.showRight .content {
    margin-left: 25px;
    order: 1;
  }
}
@media only screen and (min-width: 1294px) {
  header.kilakitu-header_random.showRight .content {
    margin-left: 0;
  }
}
header.kilakitu-header_random.showRight .content .content-inner {
  float: right;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random.showRight .bgImg-holder {
    order: 2;
  }
}
header.kilakitu-header_random .bgImgMobile {
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random .bgImgMobile {
    display: none;
  }
}
header.kilakitu-header_random .bgImg-holder {
  position: relative;
  display: block;
  max-height: 280px;
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random .bgImg-holder {
    max-height: unset;
  }
}
header.kilakitu-header_random .bgImg-holder .media {
  width: 100%;
  height: 100%;
}
header.kilakitu-header_random .bgImg-holder .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
header.kilakitu-header_random .content {
  z-index: 25;
}
header.kilakitu-header_random .content .content-inner {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 45px 25px;
}
@media only screen and (min-width: 768px) {
  header.kilakitu-header_random .content .content-inner {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 1024px) {
  header.kilakitu-header_random .content .content-inner {
    background-color: transparent;
    max-width: 550px;
    max-width: 647px;
    padding: 60px 25px;
  }
}
@media only screen and (min-width: 1200px) {
  header.kilakitu-header_random .content .content-inner {
    margin-right: 0;
    padding: 0px 25px;
  }
}
header.kilakitu-header_random .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
header.kilakitu-header_random .content .content-inner h2.h1 {
  font-size: 50px;
  line-height: 54px;
}
header.kilakitu-header_random .content .content-inner .button {
  margin: 0px 5px 20px 0;
}

/* ======================================================
   ===== START / SECTION kilakitu-module/facts.scss =====
   ====================================================== */
main section.kilakitu-facts {
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts {
    padding: 100px 0;
  }
}
main section.kilakitu-facts.version1 {
  background-color: #20A956;
}
main section.kilakitu-facts.version1 .content {
  display: grid;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts.version1 .content {
    grid-template-columns: repeat(3, 1fr);
  }
  main section.kilakitu-facts.version1 .content.grid_2, main section.kilakitu-facts.version1 .content.grid_4 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.kilakitu-facts.version1 .content.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-facts.version1 .content {
    grid-template-columns: repeat(4, 1fr);
  }
  main section.kilakitu-facts.version1 .content.grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.kilakitu-facts.version1 .content .fact {
  text-align: center;
  padding: 20px 0;
}
main section.kilakitu-facts.version1 .content .fact .icon {
  padding: 0 0 15px;
  font-size: 65px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts.version1 .content .fact .icon {
    font-size: 85px;
  }
}
main section.kilakitu-facts.version1 .content .fact .icon i {
  color: #B0C1C6;
}
main section.kilakitu-facts.version1 .content .fact .icon img {
  height: 80px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts.version1 .content .fact .icon img {
    height: 130px;
  }
}
main section.kilakitu-facts.version1 .content .fact h4 {
  color: #FFFFFF;
  font-size: 50px;
  margin-bottom: 0;
  margin-top: 10px;
}
main section.kilakitu-facts.version1 .content .fact p {
  color: #FFFFFF;
}
main section.kilakitu-facts.version1 .content .fact p.subtitle {
  margin: 20px 0 0;
  font-size: 24px;
}
main section.kilakitu-facts.version2 {
  background-color: #232E3B;
}
main section.kilakitu-facts.version2 .content {
  display: grid;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts.version2 .content {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.kilakitu-facts.version2 .content .fact {
  position: relative;
  text-align: center;
  padding: 10px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts.version2 .content .fact {
    padding: 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts.version2 .content .fact > div:before {
    content: "";
    position: absolute;
    right: 0;
    top: 35%;
    height: 100px;
    width: 50%;
    border-right: 1px solid #fff;
  }
}
main section.kilakitu-facts.version2 .content .fact:nth-child(3n) > div:before {
  border: none;
}
main section.kilakitu-facts.version2 .content .fact h4 {
  color: #FFFFFF;
  font-size: 75px;
  line-height: 80%;
  margin-bottom: 0;
  padding: 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-facts.version2 .content .fact h4 {
    font-size: 100px;
  }
}
main section.kilakitu-facts.version2 .content .fact p {
  color: #FFFFFF;
  padding: 0 20%;
}
main section.kilakitu-facts.version2 .content .fact p.subtitle {
  font-weight: 600;
  background: #20A956;
  padding: 5px 10px;
  display: inline-block;
  margin: 20px 0 5px;
  font-size: 24px;
}

/* =================================================
   ===== START : kilakitu-module/shortfacts.scss =====
   ================================================= */
main section.kilakitu-shortfacts {
  padding-bottom: 75px;
}
main section.kilakitu-shortfacts .bgImg {
  position: relative;
  min-height: 400px;
  width: 100%;
  overflow: hidden;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .bgImg {
    min-height: 600px;
  }
}
main section.kilakitu-shortfacts .bgImg video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
}
main section.kilakitu-shortfacts .factbox {
  position: relative;
  order: 3;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .factbox {
    order: unset;
  }
}
main section.kilakitu-shortfacts .factbox.font_dark {
  color: #393F46;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .factbox.font_dark.withBG .facts.colored {
    background-color: rgba(255, 255, 255, 0.7);
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .factbox.font_light {
    color: #FFFFFF;
  }
  main section.kilakitu-shortfacts .factbox.font_light h3 {
    color: #FFFFFF;
  }
  main section.kilakitu-shortfacts .factbox.font_light.withBG .facts.colored {
    background-color: rgba(35, 46, 59, 0.7);
  }
}
main section.kilakitu-shortfacts .factbox .facts {
  width: 100%;
  padding: 25px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .factbox .facts {
    position: absolute;
    bottom: 0;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .factbox .facts .container {
    padding: 35px 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
  }
}
main section.kilakitu-shortfacts .factbox .facts .container .fact {
  padding: 10px 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .factbox .facts .container .fact {
    text-align: center;
    padding: 0;
  }
}
main section.kilakitu-shortfacts .textbox .content-inner {
  padding: 25px 0 0;
  display: grid;
  width: 100%;
  grid-gap: 15px;
  margin-top: 15px;
  border-top: 7px solid #393F46;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .textbox .content-inner {
    border: none;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-shortfacts .textbox .content-inner {
    padding: 45px 0 0;
    text-align: center;
  }
  main section.kilakitu-shortfacts .textbox .content-inner.grid {
    text-align: left;
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: 0.3fr;
    grid-template-areas: "headline description";
  }
  main section.kilakitu-shortfacts .textbox .content-inner.grid.description {
    padding: 0;
  }
  main section.kilakitu-shortfacts .textbox .content-inner.twoRows {
    grid-template-columns: 0.5fr 1fr;
    grid-template-rows: 0.5fr 1fr;
    grid-template-areas: "headline description" "button description";
  }
  main section.kilakitu-shortfacts .textbox .content-inner .headline {
    grid-area: headline;
  }
  main section.kilakitu-shortfacts .textbox .content-inner .link {
    grid-area: button;
  }
  main section.kilakitu-shortfacts .textbox .content-inner .description {
    grid-area: description;
  }
}
main section.kilakitu-shortfacts .textbox .content-inner .link {
  order: 3;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .textbox .content-inner .link {
    order: unset;
    margin-bottom: unset;
  }
}
main section.kilakitu-shortfacts .textbox .content-inner .description {
  margin: 0;
  padding: 0 50px 0 25px;
}
main section.kilakitu-shortfacts .textbox .content-inner .description p {
  margin: 0 0 15px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-shortfacts .textbox .content-inner .description p {
    margin: 25px 0;
    padding: 0;
  }
}
main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide {
  display: grid;
  width: 100vw;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide {
    width: 85vw;
    opacity: 0.4;
  }
  main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide.slick-active {
    opacity: 1;
  }
  main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide:nth-child(2) {
    width: 90vw;
    margin-left: -10vw;
    padding-left: 10vw;
  }
  main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide:last-child {
    width: 100vw;
    margin-left: -15vw;
    padding-left: 15vw;
  }
}
main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide .media {
  width: 100%;
  max-height: 400px;
  position: relative;
}
main section.kilakitu-shortfacts .slick-list .slick-track .slick-slide .media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.kilakitu-shortfacts .slick-titles li {
  text-align: center;
  color: #393F46;
  font-weight: 600;
  width: 25vw;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-shortfacts .slick-titles li {
    width: 15vw;
  }
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-shortfacts .slick-dots, main section.kilakitu-shortfacts .slick-titles {
    display: none !important;
  }
  main section.kilakitu-shortfacts .slick-dots li, main section.kilakitu-shortfacts .slick-titles li {
    min-width: 33%;
  }
  main section.kilakitu-shortfacts .slick-dots li button, main section.kilakitu-shortfacts .slick-titles li button {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .slick-dots, main section.kilakitu-shortfacts .slick-titles {
    gap: 5px;
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
    padding: 0 25px;
  }
}
main section.kilakitu-shortfacts .slick-dots li, main section.kilakitu-shortfacts .slick-titles li {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 5px;
}
main section.kilakitu-shortfacts .slick-dots li button, main section.kilakitu-shortfacts .slick-titles li button {
  width: 25vw;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-shortfacts .slick-dots li button, main section.kilakitu-shortfacts .slick-titles li button {
    width: 15vw;
  }
}
main section.kilakitu-shortfacts .slick-dots li.slick-active button, main section.kilakitu-shortfacts .slick-titles li.slick-active button {
  background: #20A956;
  width: 25vw;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-shortfacts .slick-dots li.slick-active button, main section.kilakitu-shortfacts .slick-titles li.slick-active button {
    width: 15vw;
  }
}
main section.kilakitu-shortfacts .slick-dots li button, main section.kilakitu-shortfacts .slick-titles li button {
  cursor: pointer;
  background: #828282;
  border: none;
  color: transparent;
  height: 7px;
}
main section.kilakitu-shortfacts .slidernav {
  max-width: 1024;
  margin: 0 auto;
}
main section.kilakitu-shortfacts .slidernav button {
  position: absolute;
  display: block;
  top: 20%;
  border: none;
  outline: 0px none;
  outline: 0px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .slidernav button {
    top: 30%;
  }
}
main section.kilakitu-shortfacts .slidernav button i {
  font-size: 30px;
  padding: 10px;
  color: #393F46;
  background: #EDF1F2;
  opacity: 0.3;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-shortfacts .slidernav button i {
    font-size: 35px;
  }
}
main section.kilakitu-shortfacts .slidernav button.backarrow {
  left: 10px;
  padding-left: 10px;
}
main section.kilakitu-shortfacts .slidernav button.nextarrow {
  right: 10px;
  padding-right: 10px;
}
main section.kilakitu-shortfacts .slidernav button:hover i {
  opacity: 0.5;
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/tabcontent.scss =====
   ========================================================== */
main section.kilakitu-tabcontent {
  padding: 40px 0 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-tabcontent {
    padding: 80px 0;
  }
}
main section.kilakitu-tabcontent.version1 .tabcontent-header {
  border-bottom: 1px solid #828282;
}
main section.kilakitu-tabcontent.version1 .tabcontent-header.tabstyle_2 {
  border: none;
}
main section.kilakitu-tabcontent.version2 .tabcontent-header {
  border-bottom: none;
}
main section.kilakitu-tabcontent .tabcontent-header {
  padding-bottom: 15px;
}
main section.kilakitu-tabcontent .tabcontent-header .headline p {
  margin-top: 5px;
}
main section.kilakitu-tabcontent .tabcontent-header .navcontainer {
  margin-top: 30px;
  border-top: 1px solid #828282;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-header .navcontainer {
    border-top: none;
  }
}
main section.kilakitu-tabcontent .tabcontent-header .navcontainer .tabcontent-nav .tabnav {
  margin-top: 10px;
  display: flex;
  grid-gap: 10px 25px;
  flex-flow: wrap;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-header .navcontainer .tabcontent-nav .tabnav {
    margin-top: 40px;
    display: flex;
    grid-gap: 20px 50px;
    word-wrap: unset;
    flex-flow: wrap;
  }
}
main section.kilakitu-tabcontent .tabcontent-header .navcontainer .tabcontent-nav .tabnav a {
  font-weight: 600;
  font-size: 1.2rem;
}
main section.kilakitu-tabcontent .tabcontent-header .navcontainer .tabcontent-nav.tabstyle_2 .tabnav {
  display: flex;
  grid-gap: 5px;
  flex-flow: wrap;
}
main section.kilakitu-tabcontent .tabcontent-header .navcontainer .tabcontent-nav.tabstyle_2 .tabnav a {
  flex: 1;
  padding: 10px 15px;
  border: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-header .navcontainer .tabcontent-nav.tabstyle_2 .tabnav a {
    padding: 10px 20px;
  }
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent {
  position: relative;
  display: none;
  padding: 35px 0;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .supline {
  margin: 0;
  font-size: 17px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent p.smalltext {
  font-size: 12px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent.tabcontent_0 {
  display: block;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-content .tabcontent .version2 {
    display: grid;
    grid-template-columns: minmax(60%, 40%) 1fr;
    grid-gap: 40px;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-content .tabcontent .version2 .quicklinks__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media {
  width: 100%;
  overflow: hidden;
  margin: 0 0 25px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media.img-height {
  height: 250px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media.img-height {
    height: 500px;
  }
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media.cover video {
  object-fit: cover;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .media.cover img {
  object-fit: cover;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent ul.iconlist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 15px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent ul.iconlist li {
  list-style-type: none;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent ul.iconlist li img {
  width: 40px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks {
  margin-top: 45px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list {
  margin-top: 15px;
  display: grid;
  font-weight: 600;
  grid-gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list__element a {
  border: 1px solid #393F46;
  display: block;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list__element a span {
  display: block;
  padding: 7px 10px;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list__element a .media {
  display: block;
  padding: 0;
  margin: 0;
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list__element a .media img {
  max-height: 100px;
  width: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list__element a .media img {
    max-height: 150px;
  }
}
main section.kilakitu-tabcontent .tabcontent-content .tabcontent .quicklinks__list__element a .media img:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-tabcontent.bg-grey, main section.kilakitu-tabcontent.lightText {
  color: #FFFFFF;
}
main section.kilakitu-tabcontent.bg-grey h2, main section.kilakitu-tabcontent.bg-grey h3, main section.kilakitu-tabcontent.lightText h2, main section.kilakitu-tabcontent.lightText h3 {
  color: #FFFFFF;
}
main section.kilakitu-tabcontent.bg-grey p, main section.kilakitu-tabcontent.lightText p {
  color: #A8A8A8;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_1 .tabnav a, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_1 .tabnav a {
  width: fit-content;
  color: #FFFFFF;
  border-bottom: 3px solid transparent;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_1 .tabnav a.active, main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_1 .tabnav a:hover, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_1 .tabnav a.active, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_1 .tabnav a:hover {
  color: #20A956;
  color: unset;
  border-bottom: 3px solid #20A956;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_2 .tabnav, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_2 .tabnav {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 10px;
  display: grid;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_2 .tabnav a, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_2 .tabnav a {
  color: #FFFFFF;
  background: #393F46;
  padding: 10px 35px;
  border: none;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_2 .tabnav a.active, main section.kilakitu-tabcontent.bg-grey .tabcontent-nav.tabstyle_2 .tabnav a:hover, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_2 .tabnav a.active, main section.kilakitu-tabcontent.lightText .tabcontent-nav.tabstyle_2 .tabnav a:hover {
  background: #20A956;
  color: #FFFFFF;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent .quicklinks__list__element a, main section.kilakitu-tabcontent.lightText .tabcontent .quicklinks__list__element a {
  background: #FFFFFF;
  color: #393F46;
}
main section.kilakitu-tabcontent.bg-grey .tabcontent .quicklinks__list__element a:hover, main section.kilakitu-tabcontent.lightText .tabcontent .quicklinks__list__element a:hover {
  color: #20A956;
}
main section.kilakitu-tabcontent.bg-white, main section.kilakitu-tabcontent.bg-lg {
  color: #393F46;
}
main section.kilakitu-tabcontent.bg-white h2, main section.kilakitu-tabcontent.bg-white h3, main section.kilakitu-tabcontent.bg-lg h2, main section.kilakitu-tabcontent.bg-lg h3 {
  color: #393F46;
}
main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_1 .tabnav a, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_1 .tabnav a {
  width: fit-content;
  color: #393F46;
  border-bottom: 3px solid transparent;
}
main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_1 .tabnav a.active, main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_1 .tabnav a:hover, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_1 .tabnav a.active, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_1 .tabnav a:hover {
  border-bottom: 3px solid #20A956;
}
main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_2 .tabnav, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_2 .tabnav {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  grid-gap: 10px;
  display: grid;
}
main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_2 .tabnav a, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_2 .tabnav a {
  color: #393F46;
  background: #EDF1F2;
  padding: 10px 35px;
  border: none;
}
main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_2 .tabnav a.active, main section.kilakitu-tabcontent.bg-white .tabcontent-nav.tabstyle_2 .tabnav a:hover, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_2 .tabnav a.active, main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_2 .tabnav a:hover {
  background: #393F46;
  color: #FFFFFF;
}
main section.kilakitu-tabcontent.bg-white .tabcontent .quicklinks__list__element a, main section.kilakitu-tabcontent.bg-lg .tabcontent .quicklinks__list__element a {
  background: #EDF1F2;
  border: 1px solid #A8A8A8;
  color: #393F46;
}
main section.kilakitu-tabcontent.bg-white .tabcontent .quicklinks__list__element a:hover, main section.kilakitu-tabcontent.bg-lg .tabcontent .quicklinks__list__element a:hover {
  color: #FFFFFF;
  background: #393F46;
  border: 1px solid #393F46;
}
main section.kilakitu-tabcontent.bg-lg .tabcontent-nav.tabstyle_2 .tabnav a {
  background: #FFFFFF;
}
main section.kilakitu-tabcontent.bg-lg .tabcontent .quicklinks__list__element a {
  background: #FFFFFF;
}

/* =================================================
   ===== START : kilakitu-module/slider.scss =====
   ================================================= */
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider {
    height: 82vh;
  }
}
main section.kilakitu-slider .container {
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: unset;
}
main section.kilakitu-slider .container .row {
  margin: 0;
}
main section.kilakitu-slider .dB.container.line {
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: unset;
}
main section.kilakitu-slider .dB.container.line .row {
  margin: 0;
}
main section.kilakitu-slider .dB.container.dots {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1294px;
  padding: 0 25px;
  clear: both;
  margin: 0 auto;
}
main section.kilakitu-slider .slick-track {
  display: flex;
}
main section.kilakitu-slider .slick-track .slick-slide {
  height: inherit;
}
main section.kilakitu-slider .slick-track .slick-slide > div {
  height: 100%;
}
main section.kilakitu-slider .slick-track .slick-slide .content {
  height: 100%;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  min-height: 350px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .slick-track .slick-slide .content {
    min-height: 250px;
  }
  main section.kilakitu-slider .slick-track .slick-slide .content[style] {
    background-color: unset !important;
  }
}
main section.kilakitu-slider .slick-track .slick-slide .content .smallPic {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .slick-track .slick-slide .content .smallPic {
    float: right;
  }
}
main section.kilakitu-slider .slick-track .slick-slide .content .container .smallCol {
  height: 50%;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .slick-track .slick-slide .content .container .smallCol {
    height: 100%;
  }
}
main section.kilakitu-slider .slick-track .slick-slide .content .slick-list {
  margin: 0 -10px;
}
main section.kilakitu-slider .slick-track .slick-slide .content .slick-list .slick-track {
  display: flex;
}
main section.kilakitu-slider .slick-track .slick-slide .content .slick-list .slick-track .slick-slide {
  height: inherit !important;
}
main section.kilakitu-slider .slick-track .slick-slide .content .slick-list .slick-track .slick-slide > div {
  display: flex;
  height: 100%;
  overflow: hidden;
}
main section.kilakitu-slider .slick-track .slick-slide .content .slideitem {
  position: relative;
  display: block;
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  main section.kilakitu-slider .slick-track .slick-slide .content .slideitem {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-slider .slick-track .slick-slide .content .slideitem {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-slider .slick-track .slick-slide .content .slideitem {
    padding: 45px 0;
  }
}
main section.kilakitu-slider .slidernav {
  max-width: 1024;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-slider .slidernav {
    display: none;
  }
}
main section.kilakitu-slider .slidernav button {
  position: absolute;
  display: block;
  top: 50%;
  border: none;
  outline: 0px none;
  outline: 0px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
main section.kilakitu-slider .slidernav button i {
  font-size: 40px;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
  color: #A8A8A8;
}
@media only screen and (min-width: 1025px) {
  main section.kilakitu-slider .slidernav button i {
    font-size: 60px;
  }
}
main section.kilakitu-slider .slidernav button.backarrow {
  left: 20px;
}
@media only screen and (min-width: 1025px) {
  main section.kilakitu-slider .slidernav button.backarrow {
    left: 30px;
  }
}
main section.kilakitu-slider .slidernav button.nextarrow {
  right: 20px;
}
@media only screen and (min-width: 1025px) {
  main section.kilakitu-slider .slidernav button.nextarrow {
    right: 30px;
  }
}
main section.kilakitu-slider .slidernav button:hover {
  color: #20A956;
}
main section.kilakitu-slider .slidernav button:hover i {
  color: #20A956;
}
main section.kilakitu-slider .dotBox.line {
  margin: -0.5rem 0 0;
  width: 100%;
}
main section.kilakitu-slider .dotBox.line .slick-dots {
  display: flex;
  list-style-type: none;
  margin: 0 30px;
  gap: 5px;
  justify-content: center;
  padding: 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .dotBox.line .slick-dots {
    margin: 0 70px;
  }
}
@media only screen and (min-width: 1440px) {
  main section.kilakitu-slider .dotBox.line .slick-dots {
    margin: 0;
  }
}
main section.kilakitu-slider .dotBox.line .slick-dots li {
  margin: 0 0.25rem;
}
main section.kilakitu-slider .dotBox.line .slick-dots button {
  cursor: pointer;
  display: block;
  width: 3rem;
  height: 0.5rem;
  padding: 0;
  background: #A8A8A8;
  border: none;
  text-indent: -9999px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .dotBox.line .slick-dots button {
    width: 10rem;
  }
}
main section.kilakitu-slider .dotBox.line .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.kilakitu-slider .dotBox.dots {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0px;
}
main section.kilakitu-slider .dotBox.dots .slick-dots {
  max-width: 1294px;
  display: flex;
  justify-content: left;
  padding: 1rem 0;
  list-style-type: none;
  margin: 0 30px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .dotBox.dots .slick-dots {
    margin: 0 70px;
  }
}
@media only screen and (min-width: 1440px) {
  main section.kilakitu-slider .dotBox.dots .slick-dots {
    margin: 0;
  }
}
main section.kilakitu-slider .dotBox.dots .slick-dots li {
  margin: 0 0.25rem;
}
main section.kilakitu-slider .dotBox.dots .slick-dots button {
  cursor: pointer;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.kilakitu-slider .dotBox.dots .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.kilakitu-slider .content-slider .flexbox {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: start;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox {
    height: 82vh;
  }
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-slider .content-slider .flexbox.lightColor {
    background: rgba(57, 63, 70, 0.8);
  }
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-slider .content-slider .flexbox.darkColor {
    background: rgba(237, 241, 242, 0.7);
  }
}
main section.kilakitu-slider .content-slider .flexbox .bgImageMobile {
  height: 250px;
  width: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  display: block;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .bgImageMobile {
    height: 100%;
    display: none;
  }
}
main section.kilakitu-slider .content-slider .flexbox .bgImageMobile img {
  width: 100%;
  display: none;
}
main section.kilakitu-slider .content-slider .flexbox .bgImage {
  display: none;
  height: 350px;
  width: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .bgImage {
    height: 100%;
    display: block;
    position: absolute;
    display: block;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  align-content: flex-start;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner {
    align-content: unset;
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div {
    display: grid;
    height: 100%;
    width: 100%;
    align-items: center;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox {
  z-index: 10;
  font-size: 17px;
  line-height: 23px;
  padding: 0 35px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox {
    position: absolute;
    display: block;
    max-width: 490px;
    max-width: 100%;
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox {
    width: 35%;
  }
}
@media only screen and (min-width: 1294px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox {
    padding: 0;
  }
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox {
    padding: 25px;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.withBgColor {
  padding: 25px;
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.showLeft {
  right: 0;
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.showLeft {
    right: 150px;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox h2 {
  font-size: 50px;
  line-height: 55px;
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox h2 {
    font-size: 30px;
    line-height: 34px;
    width: unset;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox h2 br {
  display: none;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox h2 br {
    display: unset;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox .subtitle {
  background: #20A956;
  display: inline-block;
  padding: 5px 10px;
  font-size: 18px;
  line-height: 22px;
  text-transform: unset;
  margin: 0px 0 10px;
  color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox .subtitle {
    font-size: 17px;
    line-height: 23px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.lightColor.withBgColor {
    background: rgba(57, 63, 70, 0.8);
    border-radius: 3px;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.lightColor h2 {
  color: #FFFFFF;
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.lightColor p {
  color: #FFFFFF;
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.lightColor a.button {
  margin-top: 10px;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.lightColor a.button:hover {
  border-color: #FFFFFF;
  background: #FFFFFF;
  color: #393F46;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.darkColor.withBgColor {
    background: rgba(237, 241, 242, 0.7);
    border-radius: 3px;
  }
}
main section.kilakitu-slider .content-slider .flexbox .content-inner > div .textbox.darkColor p {
  color: #393F46;
}

/* =================================================
   ===== START : kilakitu-module/timeline.scss =====
   ================================================= */
main section.kilakitu-timeline {
  overflow: hidden;
  padding: 65px 0 45px;
}
main section.kilakitu-timeline .container-fluid > .headline {
  padding: 0 25px;
}
main section.kilakitu-timeline .timeline {
  box-sizing: border-box;
  position: relative;
}
main section.kilakitu-timeline .timeline *, main section.kilakitu-timeline .timeline *::before, main section.kilakitu-timeline .timeline *::after {
  box-sizing: inherit;
}
main section.kilakitu-timeline .timeline--horizontal {
  font-size: 0;
  white-space: nowrap;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items {
  transition: all 0.8s;
  will-change: transform;
  height: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item {
  height: 100%;
  display: inline-block;
  left: 0;
  position: relative;
  transition: none;
  vertical-align: top;
  white-space: normal;
  width: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_0 {
  border-left: none;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green {
  text-indent: 10000;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green {
    display: none;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green h2 {
  font-size: 24px;
  line-height: 29px;
  color: white;
  text-align: center;
  display: grid;
  height: 80%;
  align-items: end;
  padding: 0 25px;
}
@media only screen and (min-width: 1440px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green h2 {
    font-size: 35px;
    line-height: 39px;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a {
  display: block;
  height: 100% !important;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child {
  border: none;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a {
    height: 50% !important;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus .bg-green {
  height: 50% !important;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half a {
  display: block;
  height: 50% !important;
  text-indent: 10000;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half img {
  display: block;
  height: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.fadeIn {
  animation-name: fadeIn;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content {
  position: relative;
  height: 100%;
  width: 100%;
  position: relative;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
main section.kilakitu-timeline .timeline--horizontal {
  font-size: 0;
  padding: 10px 25px;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline--horizontal {
    padding: 100px 45px;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items {
  transition: all 0.8s;
  will-change: transform;
  height: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item {
  height: 100%;
  display: inline-block;
  left: 0;
  position: relative;
  transition: none;
  vertical-align: middle;
  white-space: normal;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item {
    width: unset;
    border-right: none;
    vertical-align: top;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_0 {
  border-left: none;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green {
  text-indent: 10000;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green {
    display: none;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green h2 {
  font-size: 24px;
  line-height: 29px;
  color: white;
  text-align: center;
  display: grid;
  height: 80%;
  align-items: end;
  padding: 0 25px;
}
@media only screen and (min-width: 1440px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item .bg-green h2 {
    font-size: 35px;
    line-height: 39px;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a {
  display: block;
  height: 100% !important;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child {
  border: none;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a {
    height: 50% !important;
  }
  main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus a:first-child {
    border-bottom: 5px solid #FFFFFF;
  }
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half.titleplus .bg-green {
  height: 50% !important;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half a {
  display: block;
  height: 50% !important;
  text-indent: 10000;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half a:first-child {
  border-bottom: 5px solid #FFFFFF;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.timeline_half img {
  display: block;
  height: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item.fadeIn {
  animation-name: fadeIn;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content {
  position: relative;
  height: 100%;
  width: 100%;
  position: relative;
}
main section.kilakitu-timeline .timeline--horizontal .timeline__items .timeline__item__inner .timeline__content__wrap .timeline__content img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
main section.kilakitu-timeline .timeline--horizontalALT {
  font-size: 0;
  padding: 50px 25px;
  white-space: nowrap;
}
main section.kilakitu-timeline .timeline--horizontalALT .timeline__items {
  transition: all 0.8s;
  will-change: transform;
}
main section.kilakitu-timeline .timeline--horizontalALT .timeline__item {
  display: inline-block;
  left: 0;
  padding: 20px 0;
  position: relative;
  transition: none;
  vertical-align: top;
  white-space: normal;
}
main section.kilakitu-timeline .timeline--horizontalALT .timeline__item .timeline__item__inner {
  display: table;
  height: 100%;
  width: 100%;
}
main section.kilakitu-timeline .timeline--horizontalALT .timeline__item .timeline__content__wrap {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
main section.kilakitu-timeline .timeline .timeline__wrap {
  position: relative;
  z-index: 2;
}
main section.kilakitu-timeline .timeline .timeline__item {
  position: relative;
  width: 50%;
  z-index: 2;
  padding: 0 8%;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item {
    padding: 0;
  }
}
main section.kilakitu-timeline .timeline .timeline__item.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  opacity: 0;
}
main section.kilakitu-timeline .timeline .timeline__item.fadeIn {
  animation-name: fadeIn;
}
main section.kilakitu-timeline .timeline .timeline__item:nth-child(even) .header {
  border-bottom: 1px solid #000000;
  align-self: end;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item:nth-child(even) .header {
    border-bottom: 0;
    align-self: start;
    order: 2;
  }
}
main section.kilakitu-timeline .timeline .timeline__item:nth-child(even) .header .headline {
  align-self: end;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item:nth-child(even) .header .headline {
    align-self: unset;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item:nth-child(even) .text {
    border-bottom: 1px solid #000000;
    align-self: end;
    order: 1;
  }
}
main section.kilakitu-timeline .timeline .timeline__item:nth-child(odd) .header {
  align-self: end;
  border-bottom: 1px solid #000000;
}
main section.kilakitu-timeline .timeline .timeline__item:nth-child(odd) .header .headline, main section.kilakitu-timeline .timeline .timeline__item:nth-child(odd) .header .media img {
  align-self: end;
  display: grid;
}
main section.kilakitu-timeline .timeline .timeline__item:nth-child(odd) .text {
  align-self: start;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content {
    position: relative;
    display: grid;
    grid-template-rows: repeat(2, 100px);
  }
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header {
  display: flex;
  gap: 5px;
  padding: 5px 0;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header {
    grid-template-columns: 0.8fr 1fr;
    flex-direction: unset;
    padding-right: 20% !important;
    padding: 15px 0;
    gap: 25px;
  }
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .headline {
  font-size: 17px;
  order: 1;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .headline {
    order: unset;
  }
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .headline .supline {
  margin: 0;
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .headline .supline span {
  padding: 2px 5px;
  color: #FFFFFF;
  background-color: #20A956;
  display: inline;
  box-decoration-break: clone;
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .headline h3 {
  font-size: 50px;
  line-height: 54px;
  margin: 0;
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .media {
  align-self: flex-start;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .media {
    max-width: 65%;
    align-self: unset;
  }
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .media img {
  max-height: 90px;
  display: block;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content .header .media img {
    max-height: 150px;
    height: auto;
    padding: 0;
  }
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text {
  color: #828282;
  margin: 0;
  padding: 15px 0;
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text p {
  font-size: 17px;
  line-height: 1.3;
  margin-bottom: 10px;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text p {
    width: 80%;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text p {
    width: 85%;
  }
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text p.link {
  margin-top: 5px;
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text p.link a {
  text-decoration: underline;
}
main section.kilakitu-timeline .timeline .timeline__item .timeline__content .text p.link a:hover {
  text-decoration: none;
}
main section.kilakitu-timeline .timeline .timeline-nav-button {
  position: absolute;
  display: block;
  top: 0 !important;
  bottom: 0;
  height: 100%;
  width: 60px;
  cursor: pointer;
  z-index: 10;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-timeline .timeline .timeline-nav-button {
    width: 150px;
  }
}
main section.kilakitu-timeline .timeline .timeline-nav-button:disabled {
  pointer-events: none;
  color: transparent;
  background: unset !important;
}
main section.kilakitu-timeline .timeline .timeline-nav-button::before {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 35px;
  display: grid;
  align-content: center;
}
main section.kilakitu-timeline .timeline .timeline-nav-button--prev {
  left: 0;
  text-align: left;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
main section.kilakitu-timeline .timeline .timeline-nav-button--prev::before {
  padding-left: 15px;
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  color: #000;
  content: "\f104";
}
main section.kilakitu-timeline .timeline .timeline-nav-button--next {
  right: 0;
  text-align: right;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
main section.kilakitu-timeline .timeline .timeline-nav-button--next::before {
  padding-right: 15px;
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  color: #000;
  content: "\f105";
}
main section.kilakitu-timeline .timeline--mobile {
  padding: 0;
  margin-top: 25px;
}
main section.kilakitu-timeline .timeline--mobile::before {
  left: 10px !important;
  margin: 0 !important;
}
main section.kilakitu-timeline .timeline--mobile .timeline__item {
  padding: 25px 25px 35px;
  width: 100%;
}
main section.kilakitu-timeline .timeline--mobile .timeline__item:nth-child(odd) {
  background-color: #EDF1F2;
}
main section.kilakitu-timeline .timeline--mobile .timeline__item:nth-child(odd) .header {
  background-color: #EDF1F2 !important;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    top: 70px;
  }
  100% {
    opacity: 1;
    top: 0px;
  }
}
@keyframes liftUp {
  0% {
    top: 0px;
  }
  100% {
    top: -15px;
  }
}

/* ====================================================
   ===== START / SECTION kilakitu-module/social_widget.scss =====
   ==================================================== */
main section.kilakitu-social_widget {
  padding: 45px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-social_widget {
    padding: 90px 0;
  }
}
main section.kilakitu-social_widget.lightText {
  color: #FFFFFF;
}
main section.kilakitu-social_widget.lightText p {
  color: #FFFFFF;
}
main section.kilakitu-social_widget.bg-lg .googlereview__box {
  background-color: #FFFFFF;
}
main section.kilakitu-social_widget .headline {
  margin-bottom: 35px;
}
main section.kilakitu-social_widget .googlereview {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-social_widget .googlereview {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-social_widget .googlereview {
    grid-template-columns: 0.8fr 1fr 1fr 1fr;
    grid-template-rows: unset;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-social_widget .googlereview {
    grid-template-columns: 0.7fr 1fr 1fr 1fr;
  }
}
main section.kilakitu-social_widget .googlereview .wp-gr {
  width: 100%;
  align-self: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-social_widget .googlereview .wp-gr {
    grid-column-start: 1;
    grid-column-end: 4;
    text-align-last: center;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-social_widget .googlereview .wp-gr {
    grid-column-start: unset;
    grid-column-end: unset;
  }
}
main section.kilakitu-social_widget .googlereview__box {
  padding: 25px;
  background: #EDF1F2;
  height: 100%;
  display: grid;
}
main section.kilakitu-social_widget .googlereview__box p {
  margin: 0 0 15px;
  padding: 0;
  color: #393F46;
  font-weight: 600;
}
main section.kilakitu-social_widget .googlereview__box p:before {
  content: open-quote;
}
main section.kilakitu-social_widget .googlereview__box p:after {
  content: close-quote;
}
main section.kilakitu-social_widget .googlereview__box .addInfo {
  align-self: end;
  color: #828282;
}
main section.kilakitu-social_widget .kununu {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-social_widget .kununu {
    gap: unset;
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-social_widget .kununu .badge {
  align-self: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-social_widget .kununu .badge {
    justify-self: center;
  }
}
main section.kilakitu-social_widget .kununu .content {
  padding-right: 25px;
}

/* =========================================================
   ===== START / SECTION kilakitu-module/navigation.scss =====
   ========================================================= */
main section.kilakitu-navigation {
  padding: 45px 0;
  border-bottom: 1px solid #EDF1F2;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-navigation {
    padding: 60px 0 45px;
  }
}
main section.kilakitu-navigation.lightText h2, main section.kilakitu-navigation.lightText p, main section.kilakitu-navigation.lightText li, main section.kilakitu-navigation.lightText a {
  color: #FFFFFF;
}
main section.kilakitu-navigation.lightText .inlinenav li {
  border: 1px solid #FFFFFF;
}
main section.kilakitu-navigation.lightText .inlinenav li a {
  color: #FFFFFF;
}
main section.kilakitu-navigation .inlinenav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-self: center;
  gap: 15px;
  margin-top: 35px;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-navigation .inlinenav {
    justify-content: center;
  }
}
main section.kilakitu-navigation .inlinenav li {
  border: 1px solid #393F46;
}
main section.kilakitu-navigation .inlinenav li.active a {
  color: #FFFFFF;
  background-color: #393F46;
}
main section.kilakitu-navigation .inlinenav li a {
  display: grid;
  height: 100%;
  text-align: center;
  align-content: center;
  padding: 10px 15px;
  color: #393F46;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.5s ease;
}
main section.kilakitu-navigation .inlinenav li a:hover {
  color: #FFFFFF;
  background-color: #393F46;
}

/* =========================================================
   ===== START / SECTION kilakitu-module/navigation.scss =====
   ========================================================= */
main section.kilakitu-logolist {
  padding: 70px 0;
}
main section.kilakitu-logolist .logolist {
  display: flex;
  gap: 15px;
  padding: 0;
  flex-wrap: wrap;
  margin: 50px 0 0 0;
  list-style: none;
}
@media only screen and (max-width: 900px) {
  main section.kilakitu-logolist .logolist {
    _justify-content: space-between;
    _flex-wrap: nowrap;
    _gap: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
main section.kilakitu-logolist .logolist li {
  display: flex;
  position: relative;
  background: #FFFFFF;
}
main section.kilakitu-logolist .logolist li a {
  padding: 20px;
  margin: 0 5px;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-logolist .logolist li {
    _flex: 1 1 auto;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
main section.kilakitu-logolist .logolist li img {
  max-height: 80px;
  height: auto;
  max-width: 100%;
}
main section.kilakitu-logolist .logolist li .text {
  display: none;
  align-content: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
}
main section.kilakitu-logolist .logolist li .text h3 {
  font-size: 1rem;
  line-height: inherit;
}
main section.kilakitu-logolist .logolist li .text span {
  text-decoration: underline;
  font-size: 0.9rem;
  font-weight: 600;
}
main section.kilakitu-logolist .logolist li:hover img {
  opacity: 0.05;
}
main section.kilakitu-logolist .logolist li:hover .text {
  display: block;
}

.kilakitu-logolist .overlay-content {
  display: grid;
  justify-items: center;
}
.kilakitu-logolist .overlay-content h3 {
  padding: 15px 0 0;
  border-top: 3px solid #20A956;
}
.kilakitu-logolist .overlay-content .smalltext {
  margin-top: 35px;
  font-size: 13px;
  line-height: 16px;
}
.kilakitu-logolist .content_media {
  max-width: 40%;
  text-align: center;
  height: auto;
  margin-bottom: 25px;
}
.kilakitu-logolist .content_media img {
  max-width: 100%;
}

.kilakitu-kakten_daten {
  position: relative;
  display: block;
  overflow: hidden;
}
.kilakitu-kakten_daten .content {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten .content {
    height: 100vh;
    text-align: unset;
  }
}
.kilakitu-kakten_daten .content .container.nogap {
  flex-grow: 2;
}
.kilakitu-kakten_daten .content .headline {
  margin-bottom: 0;
  z-index: 100;
  padding: 45px 25px;
  z-index: 10;
}
.kilakitu-kakten_daten .content .headline.nogap {
  padding: 25px 0;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten .content .headline.nogap {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten .content .headline {
    max-width: 100%;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .kilakitu-kakten_daten .content .headline.center {
    text-align: center;
  }
}
.kilakitu-kakten_daten .content .headline.colLight h2 {
  color: #FFFFFF;
}
.kilakitu-kakten_daten .content .headline.colLight .subline p {
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten .content .headline .subline {
    font-size: 17px;
  }
}
.kilakitu-kakten_daten .content .headline .subline p {
  margin: 5px 0 0;
  padding: 0;
}
.kilakitu-kakten_daten .content .imageBox {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten .content .imageBox {
    position: relative;
    display: block;
    height: 100%;
    flex-grow: 2;
  }
}
.kilakitu-kakten_daten .content .imageBox img {
  width: 100%;
  position: relative;
  display: block;
  object-fit: contain;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten .content .imageBox img {
    object-position: center center;
  }
}
.kilakitu-kakten_daten .content .container.text-content {
  z-index: 10;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten .content .container.text-content {
    padding-bottom: 45px;
  }
}
.kilakitu-kakten_daten .content .container.text-content .content-inner {
  font-size: 17px;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner.colLight .techdata .techdata-item h3 {
  color: #FFFFFF;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner.colLight .techdata .techdata-item p {
  color: #FFFFFF;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner.colLight .changeRalCol .colornames span {
  color: #FFFFFF;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col {
  border-top: 1px solid #A8A8A8;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col.changeRalCol {
  border: none;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col:first-child {
  border-top: none;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col {
    border-top: unset;
  }
}
.kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col .icon.ex {
  display: inline-table;
  background-image: url(../assets/img/design/icon-ex.png);
  -webkit-background-position: center right !important;
  -moz-background-position: center right !important;
  -ms-background-position: center right !important;
  -o-background-position: center right !important;
  background-position: center right !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  width: 17px;
  height: 17px;
  margin: 5px 5px 0 0;
  opacity: 0.6;
}
.kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col .techdata-item {
  padding: 25px 0;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col .techdata-item {
    padding: 0;
    border-top: unset;
  }
}
.kilakitu-kakten_daten .content .container.text-content .content-inner .techdata .col .techdata-item p {
  margin: 5px 0px 5px;
}
.kilakitu-kakten_daten .content .changeRalCol {
  width: 100%;
}
.kilakitu-kakten_daten .content .changeRalCol ul {
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  .kilakitu-kakten_daten .content .changeRalCol ul {
    text-align: center;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten .content .changeRalCol ul {
    display: flex;
    text-align: left;
  }
}
.kilakitu-kakten_daten .content .changeRalCol ul li {
  cursor: pointer;
  display: inline-flex;
  color: #828282;
  line-height: 25px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten .content .changeRalCol ul li {
    width: auto;
  }
}
.kilakitu-kakten_daten .content .changeRalCol ul li span {
  display: table-cell;
  float: left;
  white-space: nowrap;
  margin-right: 10px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #A8A8A8;
}
.kilakitu-kakten_daten .content .changeRalCol ul li.active span {
  width: 35px;
  height: 35px;
}
.kilakitu-kakten_daten .content .changeRalCol .colornames {
  padding: 10px 0;
}
.kilakitu-kakten_daten .content .changeRalCol .colornames span {
  display: none;
}
.kilakitu-kakten_daten .content .changeRalCol .colornames span.active {
  display: block;
}
.kilakitu-kakten_daten.fullWidth .content {
  min-height: 600px;
}
.kilakitu-kakten_daten.fullWidth .content .imageBox {
  position: absolute;
  display: block;
  height: 100%;
  min-height: 600px;
}
.kilakitu-kakten_daten.fullWidth .content .imageBox img {
  object-fit: cover;
}
.kilakitu-kakten_daten.fullWidth.displayLeft .container.text-content {
  flex-grow: 2;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.fullWidth.displayLeft .container.text-content .content-inner {
    position: relative;
    display: block;
    transform: translateY(-50%);
    top: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.fullWidth.displayLeft .container.text-content .content-inner {
    width: 35%;
  }
}
.kilakitu-kakten_daten.fullWidth.displayBottom .content .headline {
  flex-grow: 2;
}
.kilakitu-kakten_daten.fullWidth.displayBottom .content .imageBox picture img {
  width: 100% !important;
  height: 100%;
}
.kilakitu-kakten_daten.limitedSize.displayLeft {
  flex-direction: row;
}
.kilakitu-kakten_daten.limitedSize.displayLeft .content {
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content.ralcol .box .imageBox {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content.ralcol .box .container.text-content {
    order: 1;
  }
}
.kilakitu-kakten_daten.limitedSize.displayLeft .content .box {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content .box {
    flex-direction: row;
  }
}
.kilakitu-kakten_daten.limitedSize.displayLeft .content .box .imageBox {
  width: 100%;
  order: 1;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content .box .imageBox {
    width: 60%;
    order: 3;
  }
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content .box .imageBox {
    width: 65%;
  }
}
.kilakitu-kakten_daten.limitedSize.displayLeft .content .box .imageBox img {
  object-fit: contain;
}
.kilakitu-kakten_daten.limitedSize.displayLeft .content .box .container.text-content {
  width: 100%;
  order: 2;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content .box .container.text-content {
    width: 40%;
    order: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .kilakitu-kakten_daten.limitedSize.displayLeft .content .box .container.text-content {
    width: 35%;
  }
}
.kilakitu-kakten_daten.displayBottom .content .headline.center {
  text-align: center;
}
.kilakitu-kakten_daten.displayBottom .content .imageBox {
  overflow: hidden;
}
.kilakitu-kakten_daten.displayBottom .content .imageBox picture img {
  margin: 0 auto;
  width: 100%;
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row .col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row .col {
    border-left: 1px solid #A8A8A8;
  }
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row .col:first-child {
  border: none;
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row .col .techdata-item {
  padding: 15px 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row .col .techdata-item {
    text-align: center;
    padding: 15px 15px;
  }
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .techdata .row .col .techdata-item p {
  margin: 5px;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner.colLight .techdata .row .col {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner.colLight .techdata .row .col:first-child {
  border: none;
}
.kilakitu-kakten_daten.displayBottom .content .container.text-content .content-inner .changeRalCol {
  display: none;
}
.kilakitu-kakten_daten.displayLeft .content .box {
  align-items: center;
}
.kilakitu-kakten_daten.displayLeft .content .container.text-content .content-inner .techdata .col {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .kilakitu-kakten_daten.displayLeft .content .container.text-content .content-inner .techdata .techdata-item {
    margin: 25px 0;
  }
}

/* =========================================================
   ===== START / SECTION kilakitu-module/zentrierter_text.scss =====
   ========================================================= */
main section.kilakitu-zentrierter_text {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 50px 0px;
  overflow: hidden;
  background-size: inherit;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
main section.kilakitu-zentrierter_text.section {
  padding: 80px 0px;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 595.3 841.9' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M89.3,714.9l83.5-77.5c30,33.8,65.7,49.7,101.3,49.7c36.6,0,53.5-14.9,53.5-37.8 c0-73.5-245.7-68.6-245.7-256.4c0-48.7,28.1-97.4,74.1-127.2c-15.9-21.9-26.3-48.7-26.3-82.5c0-91.4,62.8-155,169.8-155 c73.2,0,133.2,33.8,171.6,66.6l-66.6,94.4c-29.1-25.8-65.7-46.7-96.6-46.7c-31.9,0-47.8,11.9-47.8,35.8 c0,65.6,253.3,74.5,253.3,254.4c0,56.6-27.2,100.4-76.9,132.2c13.1,20.9,21.6,45.7,21.6,76.5c0,90.4-62.8,160-183.8,160 C205.6,801.3,131.5,773.5,89.3,714.9z M361.3,501.2c19.7-13.9,29.1-31.8,29.1-55.7c0-59.6-83.5-80.5-156.6-118.3 c-19.7,13.9-30,31.8-30,54.7C203.7,440.6,289.1,460.5,361.3,501.2z'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: scroll;
}
main section.kilakitu-zentrierter_text.section.bg-white {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23EDF1F2' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 595.3 841.9' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M89.3,714.9l83.5-77.5c30,33.8,65.7,49.7,101.3,49.7c36.6,0,53.5-14.9,53.5-37.8 c0-73.5-245.7-68.6-245.7-256.4c0-48.7,28.1-97.4,74.1-127.2c-15.9-21.9-26.3-48.7-26.3-82.5c0-91.4,62.8-155,169.8-155 c73.2,0,133.2,33.8,171.6,66.6l-66.6,94.4c-29.1-25.8-65.7-46.7-96.6-46.7c-31.9,0-47.8,11.9-47.8,35.8 c0,65.6,253.3,74.5,253.3,254.4c0,56.6-27.2,100.4-76.9,132.2c13.1,20.9,21.6,45.7,21.6,76.5c0,90.4-62.8,160-183.8,160 C205.6,801.3,131.5,773.5,89.3,714.9z M361.3,501.2c19.7-13.9,29.1-31.8,29.1-55.7c0-59.6-83.5-80.5-156.6-118.3 c-19.7,13.9-30,31.8-30,54.7C203.7,440.6,289.1,460.5,361.3,501.2z'/%3E%3C/g%3E%3C/svg%3E");
}
main section.kilakitu-zentrierter_text .bgicon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
main section.kilakitu-zentrierter_text .bgicon img {
  opacity: 0.2;
  height: 90%;
}
main section.kilakitu-zentrierter_text .bgicon i {
  font-size: 25rem;
  opacity: 0.1;
}
@media only screen and (max-width: 800px) {
  main section.kilakitu-zentrierter_text .bgicon i {
    font-size: 30rem;
  }
}
main section.kilakitu-zentrierter_text .bgicon .usericon {
  opacity: 0.2;
  width: 100%;
}
@media only screen and (max-width: 800px) {
  main section.kilakitu-zentrierter_text .bgicon .usericon {
    height: 100%;
    width: auto !important;
  }
}
main section.kilakitu-zentrierter_text .icon i {
  font-size: 3rem;
}
main section.kilakitu-zentrierter_text.bg-lg .bgicon i, main section.kilakitu-zentrierter_text.bg-lg .icon i {
  color: #393F46;
}
main section.kilakitu-zentrierter_text.bg-white .bgicon i, main section.kilakitu-zentrierter_text.bg-white .icon i {
  color: #393F46;
}
main section.kilakitu-zentrierter_text.bg-grey .bgicon i, main section.kilakitu-zentrierter_text.bg-grey .icon i {
  color: #A8A8A8;
}
main section.kilakitu-zentrierter_text.bg-grey .content .content-inner h2,
main section.kilakitu-zentrierter_text.bg-grey .content .content-inner h3 {
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-grey .content .content-inner p,
main section.kilakitu-zentrierter_text.bg-grey .content .content-inner ul {
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-grey .content .content-inner a.button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-grey .content .content-inner a.button:hover {
  background-color: #FFFFFF;
  color: #393F46;
}
main section.kilakitu-zentrierter_text.bg-green {
  background-color: #20A956;
  color: white;
}
main section.kilakitu-zentrierter_text.bg-green .bgicon i, main section.kilakitu-zentrierter_text.bg-green .icon i {
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-green .content .content-inner h2,
main section.kilakitu-zentrierter_text.bg-green .content .content-inner h3 {
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-green .content .content-inner p,
main section.kilakitu-zentrierter_text.bg-green .content .content-inner ul {
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-green .content .content-inner a.button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
main section.kilakitu-zentrierter_text.bg-green .content .content-inner a.button:hover {
  background-color: #FFFFFF;
  color: #393F46;
}
main section.kilakitu-zentrierter_text .content {
  position: relative;
  z-index: 1;
}
main section.kilakitu-zentrierter_text .content .icon img {
  max-height: 100px;
  margin-bottom: 0;
}
main section.kilakitu-zentrierter_text .content .icon i {
  font-size: 60px;
  margin-bottom: 20px;
}
main section.kilakitu-zentrierter_text .content .content-inner {
  max-width: 1024px;
}
main section.kilakitu-zentrierter_text .content .content-inner.zitat {
  font-size: 24px;
  line-height: 130%;
}
main section.kilakitu-zentrierter_text .content .content-inner.zitat .cite:before {
  content: open-quote;
}
main section.kilakitu-zentrierter_text .content .content-inner.zitat .cite:after {
  content: close-quote;
}
main section.kilakitu-zentrierter_text .content .content-inner.zitat .subline {
  font-style: italic;
  font-size: 17px;
  line-height: 23px;
}
main section.kilakitu-zentrierter_text .content .content-inner.simple {
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
}
main section.kilakitu-zentrierter_text .content .content-inner .headline.center {
  text-align: center;
}
main section.kilakitu-zentrierter_text .content .content-inner.max {
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}
main section.kilakitu-zentrierter_text .content .content-inner.max ul:not(.browser-default) {
  padding-left: 25px;
  display: inline-block;
  list-style-type: disc;
  text-align: left;
}
main section.kilakitu-zentrierter_text .content .content-inner ._description {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-zentrierter_text .content .content-inner ._description.center {
    text-align: left !important;
  }
}
main section.kilakitu-zentrierter_text .content .content-inner ._description ul:not(.browser-default) {
  padding-left: 25px;
  display: inline-block;
  list-style-type: disc;
  text-align: left;
}
main section.kilakitu-zentrierter_text .content .content-inner .linklist {
  display: grid;
  grid-gap: 15px;
  margin: 30px 0 20px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-zentrierter_text .content .content-inner .linklist {
    grid-gap: 25px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
  main section.kilakitu-zentrierter_text .content .content-inner .linklist.grid2 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.kilakitu-zentrierter_text .content .content-inner .linklist.grid1 a {
    grid-column: 2;
  }
}

/* =========================================================
   ===== START / SECTION kilakitu-module/solution.scss =====
   ========================================================= */
main section.kilakitu-solution {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-solution {
    padding: 100px 0;
  }
}
main section.kilakitu-solution .headline {
  margin-bottom: 25px;
}
main section.kilakitu-solution .catboxen {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-solution .catboxen {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-solution .catboxen {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-solution .selectbox {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 35px;
}
@media only screen and (min-width: 480px) {
  main section.kilakitu-solution .selectbox {
    max-width: 330px;
  }
}
main section.kilakitu-solution .boxSolution {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-solution .boxSolution {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-solution .boxSolution {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.kilakitu-solution .boxSolution .box {
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  background-color: #FFFFFF;
}
main section.kilakitu-solution .boxSolution .box:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
main section.kilakitu-solution .boxSolution .box:hover .media.hovFunc .productImg1 {
  display: none;
}
main section.kilakitu-solution .boxSolution .box:hover .media.hovFunc .productImg2 {
  display: block;
}
main section.kilakitu-solution .boxSolution .box:hover .media img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-solution .boxSolution .box:hover .content a {
  text-decoration: none;
}
main section.kilakitu-solution .boxSolution .box .media {
  position: relative;
  display: block;
  height: 250px;
  width: 100%;
  overflow: hidden;
}
main section.kilakitu-solution .boxSolution .box .media .productImg2 {
  display: none;
}
main section.kilakitu-solution .boxSolution .box .media img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-solution .boxSolution .box .content {
  padding: 20px;
}
main section.kilakitu-solution .boxSolution .box .content h4 {
  margin-bottom: 10px;
}
main section.kilakitu-solution .boxSolution .box .content p {
  padding: 0;
  margin: 0 0 5px;
}
main section.kilakitu-solution .boxSolution .box .content a {
  text-decoration: underline;
}
main section.kilakitu-solution .boxen {
  display: grid;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-solution .boxen {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-solution .boxen {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.kilakitu-solution .boxen .col {
  width: 100%;
  margin: 0;
  padding: 0;
}
main section.kilakitu-solution .boxen .col .content-inner {
  height: 100%;
}
main section.kilakitu-solution .boxen .col .content-inner .media {
  overflow: hidden;
  position: relative;
  display: block;
}
main section.kilakitu-solution .boxen .col .content-inner .media .image {
  width: 100%;
  height: 250px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.kilakitu-solution .boxen .col .content-inner .media .image:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.kilakitu-solution .boxen .col .content-inner .content-text {
  padding: 25px;
}
main section.kilakitu-solution .boxen .col .content-inner .content-text .text p {
  margin-bottom: 25px;
}
main section.kilakitu-solution .boxen .col:hover .content-text h3 {
  color: #20A956;
}

/* =========================================================
   ===== START / SECTION kilakitu-module/scenario.scss =====
   ========================================================= */
main section.kilakitu-scenario {
  padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-scenario {
    padding: 70px 0 100px;
  }
}
main section.kilakitu-scenario .varcontent {
  position: relative;
  display: none;
}
main section.kilakitu-scenario .varcontent.scenariocontent_0 {
  display: block;
}
main section.kilakitu-scenario .content {
  margin: 25px 0;
}
main section.kilakitu-scenario .content p {
  padding-top: 0;
  margin-top: 0;
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-scenario .content .sc_nav {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
  }
}
main section.kilakitu-scenario .content .sc_nav.number_3 {
  display: block;
}
main section.kilakitu-scenario .content .sc_nav.number_3 .button {
  float: left;
  margin-right: 20px;
}
main section.kilakitu-scenario .content .sc_nav .button {
  margin-bottom: 5px;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  main section.kilakitu-scenario .content .sc_nav .button {
    width: unset;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-scenario .content .sc_nav .button {
    float: right;
    margin: 0;
  }
}
main section.kilakitu-scenario .content .sc_nav .button.content_0 {
  order: 2;
}
main section.kilakitu-scenario .content .sc_nav .button.content_1 {
  order: 1;
}
main section.kilakitu-scenario .media span {
  width: 100%;
  background-color: #20A956;
  color: #FFFFFF;
  padding: 5px 10px;
  display: block;
}
@media only screen and (min-width: 576px) {
  main section.kilakitu-scenario .media span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
  }
}
main section.kilakitu-scenario .media img {
  max-width: 100%;
}
main section.kilakitu-scenarios {
  padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-scenarios {
    padding: 70px 0 100px;
  }
}
main section.kilakitu-scenarios.lightText h2, main section.kilakitu-scenarios.lightText h3, main section.kilakitu-scenarios.lightText h4, main section.kilakitu-scenarios.lightText h5, main section.kilakitu-scenarios.lightText h6 {
  color: #FFFFFF;
}
main section.kilakitu-scenarios.lightText p {
  color: #FFFFFF;
}
main section.kilakitu-scenarios.bg-white .scenario-navigation button, main section.kilakitu-scenarios.bg-white .case-navigation button {
  background-color: #EDF1F2 !important;
}
main section.kilakitu-scenarios.bg-white .scenario-navigation button.active, main section.kilakitu-scenarios.bg-white .case-navigation button.active {
  color: unset !important;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios.bg-white .scenario-navigation .nav-buttons, main section.kilakitu-scenarios.bg-white .case-navigation .nav-buttons {
    background-color: #EDF1F2 !important;
  }
}
main section.kilakitu-scenarios.bg-grey .headline .subtitle, main section.kilakitu-scenarios.bg-grey .text .subtitle {
  color: #C9D5DA !important;
}
main section.kilakitu-scenarios .headline {
  margin: 0 0 35px;
}
main section.kilakitu-scenarios .headline .subtitle {
  margin: 5px 0 10px;
  color: #828282;
}
main section.kilakitu-scenarios .scenario-navigation {
  margin: 25px 0 0;
  position: relative;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-navigation {
    margin-bottom: 0;
    border-bottom: 1px solid #EDF1F2;
  }
}
main section.kilakitu-scenarios .scenario-navigation.spread {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-navigation.spread {
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-navigation.spread button {
    flex-grow: 1;
  }
}
main section.kilakitu-scenarios .scenario-navigation button {
  font-family: "Source Sans Pro", sans-serif;
  border: none;
  background-color: #FFFFFF;
  border-bottom: 5px solid transparent;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 25px 10px;
  font-weight: 600;
  color: #393F46;
  cursor: pointer;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-navigation button {
    border-left: 1px solid #EDF1F2;
    margin: 0;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-scenarios .scenario-navigation button {
    padding: 20px 35px 15px;
  }
}
main section.kilakitu-scenarios .scenario-navigation button:first-child {
  border-left: none;
}
main section.kilakitu-scenarios .scenario-navigation button.active {
  border-bottom: 5px solid #20A956;
  background-color: #20A956;
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-navigation button.active {
    color: unset;
    background-color: #FFFFFF;
  }
}
main section.kilakitu-scenarios .scenario-items {
  position: relative;
}
main section.kilakitu-scenarios .scenario-items .scenario {
  display: none;
}
main section.kilakitu-scenarios .scenario-items .scenario.active {
  display: block;
}
main section.kilakitu-scenarios .scenario-items .scenario .content {
  position: relative;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media {
  max-height: 600px;
  position: relative;
  overflow: hidden;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media img, main section.kilakitu-scenarios .scenario-items .scenario .content .media video {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .scenario-case {
  display: none;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .scenario-case.active {
  display: block;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation {
  width: 100%;
  z-index: 111;
  font-size: 15px;
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation {
    margin: 0;
  }
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  gap: 5px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons {
    border-top: 1px solid #EDF1F2;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    flex-wrap: unset;
    justify-self: anchor-center;
    gap: unset;
  }
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons button {
  background: rgba(255, 255, 255, 0.9);
  font-family: "Source Sans Pro", sans-serif;
  text-transform: uppercase;
  text-align: center;
  border: none;
  padding: 10px 15px;
  font-weight: 600;
  color: #393F46;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons button {
    padding: 15px 25px;
    border: none;
  }
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons button.active {
  color: #20A956;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons button.active i {
  color: #20A956;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .media .case-navigation .nav-buttons button i {
  font-size: 115%;
  color: #393F46;
  margin-right: 10px;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .text {
  position: relative;
  margin: 25px 0;
  display: none;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .text.active {
  display: block;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner {
    grid-template-columns: 0.4fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner {
    grid-template-columns: 0.4fr 1fr;
  }
}
main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner .subtitle {
  color: #828282;
  margin: 0;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner .headline {
  margin: 0 0 15px;
}
main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner .description {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner .description {
    align-self: center;
  }
}
main section.kilakitu-scenarios .scenario-items .scenario .content .text .content-inner .description p:first-child {
  margin-top: 0;
}

/* ========================================================
   ===== OPTIMIZED / SECTION kilakitu-module/iconinfoboxen.scss =====
   ======================================================== */
main section.kilakitu-iconinfoboxen {
  padding: 50px 0 30px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconinfoboxen {
    padding: 100px 0;
  }
}
main section.kilakitu-iconinfoboxen.bg-lg.darkText .icon_top_box, main section.kilakitu-iconinfoboxen.bg-white.darkText .icon_top_box {
  background: #FFFFFF;
}
main section.kilakitu-iconinfoboxen.bg-lg.darkText .icon_top_box h2, main section.kilakitu-iconinfoboxen.bg-lg.darkText .icon_top_box h3, main section.kilakitu-iconinfoboxen.bg-white.darkText .icon_top_box h2, main section.kilakitu-iconinfoboxen.bg-white.darkText .icon_top_box h3 {
  color: #828282;
}
main section.kilakitu-iconinfoboxen.bg-lg.darkText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-lg.darkText .content-inner h3, main section.kilakitu-iconinfoboxen.bg-white.darkText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-white.darkText .content-inner h3 {
  color: #393F46;
}
main section.kilakitu-iconinfoboxen.bg-lg.darkText .content-inner p, main section.kilakitu-iconinfoboxen.bg-white.darkText .content-inner p {
  color: #828282;
}
main section.kilakitu-iconinfoboxen.bg-lg.lightText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-lg.lightText .content-inner h3, main section.kilakitu-iconinfoboxen.bg-white.lightText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-white.lightText .content-inner h3 {
  color: #EDF1F2;
}
main section.kilakitu-iconinfoboxen.bg-lg.lightText .content-inner p, main section.kilakitu-iconinfoboxen.bg-white.lightText .content-inner p {
  color: #828282;
}
main section.kilakitu-iconinfoboxen.bg-individual.darkText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-individual.darkText .content-inner h3 {
  color: #393F46;
}
main section.kilakitu-iconinfoboxen.bg-individual.darkText .content-inner p {
  color: #828282;
}
main section.kilakitu-iconinfoboxen.bg-individual.lightText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-individual.lightText .content-inner h3 {
  color: #FFFFFF;
}
main section.kilakitu-iconinfoboxen.bg-individual.lightText .content-inner p {
  color: #EDF1F2;
}
main section.kilakitu-iconinfoboxen.bg-grey.darkText .icon_top_box {
  background: #EDF1F2;
}
main section.kilakitu-iconinfoboxen.bg-grey.darkText .icon_top_box h2, main section.kilakitu-iconinfoboxen.bg-grey.darkText .icon_top_box h3 {
  color: #393F46;
}
main section.kilakitu-iconinfoboxen.bg-grey.darkText .content-inner h2, main section.kilakitu-iconinfoboxen.bg-grey.darkText .content-inner h3 {
  color: #393F46;
}
main section.kilakitu-iconinfoboxen.bg-grey.darkText .content-inner p {
  color: #828282;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText h2 {
  color: #FFFFFF;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top_box {
  background: #EDF1F2;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top_box h2, main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top_box h3 {
  color: #393F46;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top_box .content-inner h2, main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top_box .content-inner h3 {
  color: #393F46;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top_box .content-inner p {
  color: #828282;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top h2, main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top h3 {
  color: #FFFFFF;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top .content-inner h2, main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top .content-inner h3 {
  color: #EDF1F2;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_top .content-inner p {
  color: #FFFFFF;
}
main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_left h2, main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_left h3, main section.kilakitu-iconinfoboxen.bg-grey.lightText .icon_left p {
  color: #FFFFFF;
}
main section.kilakitu-iconinfoboxen .content-inner.intro {
  padding-bottom: 20px;
}
main section.kilakitu-iconinfoboxen .content-inner.intro .headline.center {
  text-align: center;
}
main section.kilakitu-iconinfoboxen .content-inner.intro .description p {
  margin: 0;
}
main section.kilakitu-iconinfoboxen .additional-text {
  margin: 45px 0 0;
  font-size: 15px;
}
main section.kilakitu-iconinfoboxen .boxen {
  margin-top: 40px;
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(1, 1fr);
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconinfoboxen .boxen {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconinfoboxen .boxen {
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
  }
  main section.kilakitu-iconinfoboxen .boxen.grid2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.kilakitu-iconinfoboxen .boxen .col {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
main section.kilakitu-iconinfoboxen .boxen .col.boxed .icon_left {
  align-items: center;
}
main section.kilakitu-iconinfoboxen .boxen .col.boxed .content-inner {
  padding: 15px;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .content-inner {
  position: relative;
  min-height: 310px;
  padding: 0;
  overflow: hidden;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .front,
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0px 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  overflow-y: auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconinfoboxen .boxen .col.hovertext .front,
  main section.kilakitu-iconinfoboxen .boxen .col.hovertext .back {
    padding: 0px 25px;
  }
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .front {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .front .icon {
  margin-bottom: 15px;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .back {
  background-color: #20A956;
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .back p {
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext .back::-webkit-scrollbar {
  display: none;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext:hover .front {
  opacity: 0;
  visibility: hidden;
}
main section.kilakitu-iconinfoboxen .boxen .col.hovertext:hover .back {
  opacity: 1;
  visibility: visible;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner .icon {
  text-align: center;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner .icon i, main section.kilakitu-iconinfoboxen .boxen .col .content-inner .icon span, main section.kilakitu-iconinfoboxen .boxen .col .content-inner .icon h3 {
  font-size: 34px;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner .icon img {
  height: 34px;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner .content-text h3 {
  text-align: center;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner .content-text h3:after {
  content: "";
  display: block;
  margin: 10px auto 0;
  border: 4px solid #20A956;
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 90px;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner .content-text p {
  margin: 15px 0 0;
  padding: 0 25px;
  text-align: center;
  font-size: 17px;
  line-height: 23px;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner:after {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconinfoboxen .boxen .col .content-inner {
    border: none;
  }
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_left {
  display: grid;
  gap: 15px;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_left {
    grid-template-columns: 0.3fr 1fr;
    gap: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_left .icon {
    text-align: center;
  }
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_left .content-text h3:after {
  display: none;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_left .content-text h3 {
    text-align: left;
    padding: 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_left .content-text p {
    text-align: left;
    padding: 0px;
  }
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  height: 100%;
  padding: 5px 0;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box {
    padding: 25px 0;
  }
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top.bg-white, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box.bg-white {
  background: #EDF1F2;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top .front .icon, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box .front .icon {
  padding: 15px 0 0;
  margin-bottom: 15px;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top .front h3, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box .front h3 {
  text-align: center;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top .front h3:after, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box .front h3:after {
  content: "";
  display: block;
  margin: 10px auto 0;
  border: 4px solid #20A956;
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 90px;
}
main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top .back p, main section.kilakitu-iconinfoboxen .boxen .col .content-inner.icon_top_box .back p {
  padding: 10px 25px;
  text-align: center;
}

/* ================================================================
   ===== START / SECTION kilakitu-module/bild_text_box.scss =====
   ================================================================ */
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showLeft .content, main section.kilakitu-bild_text_box.showRight .content, main section.p-single-video .content {
    height: 100vh;
  }
  main section.kilakitu-bild_text_box.showLeft .content > .container, main section.kilakitu-bild_text_box.showRight .content > .container, main section.p-single-video .content > .container {
    transform: translateY(-50%);
    top: 50%;
  }
}
main section.kilakitu-bild_text_box {
  /* Text+Image nebeneinander */
  /* Text+Image untereinander */
}
main section.kilakitu-bild_text_box .bgImg-holder {
  z-index: 1000;
}
main section.kilakitu-bild_text_box .slick-slider, main section.kilakitu-bild_text_box .slick-list, main section.kilakitu-bild_text_box .slick-track {
  height: 100%;
}
main section.kilakitu-bild_text_box .slick-track {
  display: flex;
  height: 100%;
}
main section.kilakitu-bild_text_box .slick-track .slick-slide {
  height: inherit;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.kilakitu-bild_text_box .slick-track .slick-slide > div {
  height: 100%;
}
main section.kilakitu-bild_text_box .slick-track .slick-slide .content {
  height: 100%;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  min-height: 450px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box .slick-track .slick-slide .content {
    min-height: 250px;
  }
}
main section.kilakitu-bild_text_box .slidernav {
  max-width: 1024;
  margin: 0 auto;
}
main section.kilakitu-bild_text_box .slidernav button {
  position: absolute;
  display: block;
  top: 50%;
  border: none;
  outline: 0px none;
  outline: 0px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
main section.kilakitu-bild_text_box .slidernav button i {
  font-size: 40px;
  color: #A8A8A8;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1025px) {
  main section.kilakitu-bild_text_box .slidernav button i {
    font-size: 60px;
  }
}
main section.kilakitu-bild_text_box .slidernav button.backarrow {
  left: 20px;
}
main section.kilakitu-bild_text_box .slidernav button.nextarrow {
  right: 20px;
}
main section.kilakitu-bild_text_box .slidernav button:hover {
  color: #20A956;
}
main section.kilakitu-bild_text_box .slidernav button:hover i {
  color: #20A956;
}
main section.kilakitu-bild_text_box .dotBox {
  position: absolute;
  display: block;
  bottom: 10px;
}
main section.kilakitu-bild_text_box .dotBox .slick-dots {
  max-width: 1294px;
  display: flex;
  justify-content: left;
  padding: 1rem 0;
  list-style-type: none;
  margin: 0 35px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box .dotBox .slick-dots {
    margin: 0 80px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box .dotBox .slick-dots {
    margin: 0 50px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-bild_text_box .dotBox .slick-dots {
    margin: 0;
  }
}
main section.kilakitu-bild_text_box .dotBox .slick-dots li {
  margin: 0 0.25rem;
}
main section.kilakitu-bild_text_box .dotBox .slick-dots button {
  cursor: pointer;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.kilakitu-bild_text_box .dotBox .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.kilakitu-bild_text_box .changeRal ul {
  margin: 35px 0;
}
main section.kilakitu-bild_text_box .changeRal ul li.ralcol {
  width: 52px;
  height: 48px;
  cursor: default;
  margin-right: 20px;
  background-image: url(../assets/img/design/ralcolor.png);
}
@media only screen and (max-width: 500px) {
  main section.kilakitu-bild_text_box .changeRal ul li.ralcol {
    display: block;
    margin: 0 0 20px;
  }
}
main section.kilakitu-bild_text_box .changeRal ul li {
  cursor: pointer;
  display: inline-flex;
  color: #828282;
  line-height: 25px;
  margin: 0 25px 0 0;
}
main section.kilakitu-bild_text_box .changeRal ul li span {
  display: inherit;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  border: 1px solid #A8A8A8;
}
main section.kilakitu-bild_text_box .changeRalColor {
  width: 100%;
}
main section.kilakitu-bild_text_box .changeRalColor ul {
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  main section.kilakitu-bild_text_box .changeRalColor ul {
    text-align: center;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box .changeRalColor ul {
    display: flex;
    text-align: left;
  }
}
main section.kilakitu-bild_text_box .changeRalColor ul li {
  cursor: pointer;
  display: inline-flex;
  color: #828282;
  line-height: 25px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box .changeRalColor ul li {
    width: auto;
  }
}
main section.kilakitu-bild_text_box .changeRalColor ul li span {
  display: table-cell;
  float: left;
  white-space: nowrap;
  margin-right: 10px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #A8A8A8;
}
main section.kilakitu-bild_text_box .changeRalColor ul li.active span {
  width: 35px;
  height: 35px;
}
main section.kilakitu-bild_text_box .changeRalColor .colornames {
  padding: 10px 0;
}
@media only screen and (max-width: 768px) {
  main section.kilakitu-bild_text_box .changeRalColor .colornames {
    text-align: center;
  }
}
main section.kilakitu-bild_text_box .changeRalColor .colornames span {
  display: none;
}
main section.kilakitu-bild_text_box .changeRalColor .colornames span.active {
  display: block;
}
main section.kilakitu-bild_text_box .content .content-inner .audiofile {
  margin: 0 0 20px;
}
main section.kilakitu-bild_text_box .content .content-inner .audiofile audio::-webkit-media-controls-enclosure {
  border-radius: 5px;
}
main section.kilakitu-bild_text_box .content .content-inner p {
  font-size: 17px;
  line-height: 23px;
}
main section.kilakitu-bild_text_box.lightText .content .content-inner h2 {
  color: #FFFFFF;
}
main section.kilakitu-bild_text_box.lightText .content .content-inner h4 {
  color: #FFFFFF;
}
main section.kilakitu-bild_text_box.lightText .content .content-inner p {
  color: #FFFFFF;
}
main section.kilakitu-bild_text_box.showLeft.showLeft .content-inner, main section.kilakitu-bild_text_box.showRight.showLeft .content-inner {
  float: left;
}
main section.kilakitu-bild_text_box.showLeft.showLeft .bgImg-holder, main section.kilakitu-bild_text_box.showRight.showLeft .bgImg-holder {
  right: 0;
}
main section.kilakitu-bild_text_box.showLeft.showRight .content-inner, main section.kilakitu-bild_text_box.showRight.showRight .content-inner {
  float: right;
}
main section.kilakitu-bild_text_box.showLeft.showRight .bgImg-holder, main section.kilakitu-bild_text_box.showRight.showRight .bgImg-holder {
  left: 0;
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner, main section.kilakitu-bild_text_box.showRight .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box.showLeft .content .content-inner, main section.kilakitu-bild_text_box.showRight .content .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showLeft .content .content-inner, main section.kilakitu-bild_text_box.showRight .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-bild_text_box.showLeft .content .content-inner, main section.kilakitu-bild_text_box.showRight .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner .description h4, main section.kilakitu-bild_text_box.showRight .content .content-inner .description h4 {
  color: #000000;
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner h4, main section.kilakitu-bild_text_box.showRight .content .content-inner h4 {
  margin-top: 10px;
  color: #000000;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showLeft .content .content-inner h1, main section.kilakitu-bild_text_box.showRight .content .content-inner h1 {
    max-width: 420px;
  }
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner .textbox p, main section.kilakitu-bild_text_box.showRight .content .content-inner .textbox p {
  margin: 30px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showLeft .content .content-inner p, main section.kilakitu-bild_text_box.showRight .content .content-inner p {
    max-width: 420px;
  }
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner p.small, main section.kilakitu-bild_text_box.showRight .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner .buttonsh4, main section.kilakitu-bild_text_box.showRight .content .content-inner .buttonsh4 {
  margin-top: 30px;
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner .buttons, main section.kilakitu-bild_text_box.showRight .content .content-inner .buttons {
  margin: 10px 0;
}
main section.kilakitu-bild_text_box.showLeft .content .content-inner .buttons .button, main section.kilakitu-bild_text_box.showRight .content .content-inner .buttons .button {
  margin-right: 10px;
}
main section.kilakitu-bild_text_box.showLeft .content.lightColor .content-inner h2, main section.kilakitu-bild_text_box.showRight .content.lightColor .content-inner h2 {
  color: #FFFFFF;
}
main section.kilakitu-bild_text_box.showLeft .content.lightColor .content-inner h4, main section.kilakitu-bild_text_box.showRight .content.lightColor .content-inner h4 {
  color: #FFFFFF;
}
main section.kilakitu-bild_text_box.showLeft .content.lightColor .content-inner p, main section.kilakitu-bild_text_box.showRight .content.lightColor .content-inner p {
  color: #FFFFFF;
}
main section.kilakitu-bild_text_box.showLeft .content.lightColor .content-inner .audiofile audio::-webkit-media-controls-panel, main section.kilakitu-bild_text_box.showRight .content.lightColor .content-inner .audiofile audio::-webkit-media-controls-panel {
  background-color: #666;
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder, main section.kilakitu-bild_text_box.showRight .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showLeft .bgImg-holder, main section.kilakitu-bild_text_box.showRight .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .custom-parallax-image-credits, main section.kilakitu-bild_text_box.showRight .bgImg-holder .custom-parallax-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .custom-parallax-image-credits span, main section.kilakitu-bild_text_box.showRight .bgImg-holder .custom-parallax-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-bild_text_box.showLeft .bgImg-holder .custom-parallax-image-credits span, main section.kilakitu-bild_text_box.showRight .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.kilakitu-bild_text_box.showLeft .bgImg-holder .custom-parallax-image-credits span, main section.kilakitu-bild_text_box.showRight .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 16px;
  }
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .bgImgSingle, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .bgImgSingle, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .bgImgSingle, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .bgImgSingle.contain, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .bgImgSingle.contain {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .js-video-button, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .js-video-button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 120px;
  z-index: 10000;
  text-align: center;
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .js-video-button:hover i, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .js-video-button:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg .js-video-button i, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg .js-video-button i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-bild_text_box.showLeft .bgImg-holder .bgImg video, main section.kilakitu-bild_text_box.showRight .bgImg-holder .bgImg video {
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
}
main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder, main section.kilakitu-bild_text_box.showCenter .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder, main section.kilakitu-bild_text_box.showCenter .bgImg-holder {
    width: 100%;
    height: 50vh;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .custom-parallax-image-credits, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .custom-parallax-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .custom-parallax-image-credits span, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .custom-parallax-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .custom-parallax-image-credits span, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .custom-parallax-image-credits span, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 16px;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg .bgImgSingle, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg .bgImgSingle, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg .bgImgSingle, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg .bgImgSingle {
    min-height: 380px;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg .bgImgSingle.bgImgBox, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg .bgImgSingle.bgImgBox {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg .bgImgSingle.bgImgBox, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg .bgImgSingle.bgImgBox {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box.showHorizontal .bgImg-holder .bgImg .bgImgSingle.bgImgBoxMobile, main section.kilakitu-bild_text_box.showCenter .bgImg-holder .bgImg .bgImgSingle.bgImgBoxMobile {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  main section.kilakitu-bild_text_box.showHorizontal .headline, main section.kilakitu-bild_text_box.showCenter .headline {
    margin-bottom: 10px;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .buttons, main section.kilakitu-bild_text_box.showCenter .buttons {
  margin: 10px 0;
}
main section.kilakitu-bild_text_box.showHorizontal .buttons .button, main section.kilakitu-bild_text_box.showCenter .buttons .button {
  margin-right: 10px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showHorizontal .content, main section.kilakitu-bild_text_box.showCenter .content {
    height: 50vh;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showHorizontal .content > .container, main section.kilakitu-bild_text_box.showCenter .content > .container {
    transform: translateY(-50%);
    top: 50%;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner {
    padding: 100px 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner .col:first-child, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner .col:first-child {
    margin: 0;
  }
}
main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner .headline, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner .headline {
  margin-bottom: 20px;
}
main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner .description, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner .description {
  margin: 0;
}
main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner .description p, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner .description p {
  margin: 0;
}
main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner .button, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner .button {
  margin-bottom: 20px;
}
main section.kilakitu-bild_text_box.showHorizontal .content > .container .content-inner p.small, main section.kilakitu-bild_text_box.showCenter .content > .container .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.kilakitu-bild_text_box.showCenter .bgImg-holder {
  position: absolute;
  display: block;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-bild_text_box.showCenter .bgImg-holder {
    height: 70vh;
  }
}
main section.kilakitu-bild_text_box.showCenter .content {
  height: 70vh;
}
main section.kilakitu-bild_text_box.showCenter .content .content-inner {
  text-align: center;
}
main section.kilakitu-bild_text_box.showCenter .container {
  z-index: 9999999;
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/boxsystem.scss =====
   ========================================================== */
main section.kilakitu-campaign#coffeedate {
  padding: 70px 0;
}
main section.kilakitu-campaign#coffeedate #loading {
  padding: 15px 0;
  font-size: 16px;
  color: #20A956;
  margin-top: 10px;
}
main section.kilakitu-campaign#coffeedate .buttons {
  margin-top: 15px;
}
main section.kilakitu-campaign#coffeedate .buttons #sendmailBtn {
  float: right;
}
main section.kilakitu-campaign#coffeedate .buttons button:disabled, main section.kilakitu-campaign#coffeedate .buttons button[disabled] {
  background-color: #828282;
  color: #FFFFFF;
  cursor: not-allowed;
}
main section.kilakitu-campaign#coffeedate .loading p {
  color: #20A956;
}
main section.kilakitu-campaign#coffeedate #result {
  margin-top: 0px;
  margin-bottom: 20px;
}
main section.kilakitu-campaign#coffeedate #result .message {
  margin-bottom: 0;
  padding: 20px;
  background: #FFFFFF !important;
}
main section.kilakitu-campaign#coffeedate #result .message.green {
  color: #20A956;
}
main section.kilakitu-campaign#coffeedate #result .message.red {
  color: #ff0000;
}
main section.kilakitu-campaign#coffeedate #result h2 {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #828282;
}
main section.kilakitu-campaign#coffeedate .matched-pair {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#coffeedate .matched-pair {
    flex-direction: row;
  }
}
main section.kilakitu-campaign#coffeedate .matched-pair .user-pair {
  background-color: white;
  padding: 15px;
  border: 1px solid #20A956;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  text-align: center;
  justify-items: center;
  font-size: 15px;
  line-height: 17px;
}
main section.kilakitu-campaign#coffeedate .matched-pair div {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#coffeedate .matched-pair div {
    margin-bottom: 0;
  }
}
main section.kilakitu-campaign#coffeedate .matched-pair div i {
  font-size: 30px;
  color: #20A956;
  padding: 10px 0;
  margin-top: 50px;
}
main section.kilakitu-campaign#coffeedate .matched-pair div img {
  display: block;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  object-fit: cover;
  margin-bottom: 5px;
}
main section.kilakitu-campaign#coffeedate.bg-white .boxen.boxed .content-inner {
  background-color: #EDF1F2;
}
main section.kilakitu-campaign#coffeedate.bg-grey h2,
main section.kilakitu-campaign#coffeedate.bg-grey p {
  color: #FFFFFF;
}
main section.kilakitu-campaign#coffeedate.bg-grey .content-inner .headline p,
main section.kilakitu-campaign#coffeedate.bg-grey .content-inner .text p {
  color: #393F46;
}
main section.kilakitu-campaign#coffeedate .headline {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#coffeedate .headline.center {
    text-align: center;
  }
}
main section.kilakitu-campaign#coffeedate .headline .smalltitle {
  margin-top: 5px;
}
main section.kilakitu-campaign#coffeedate .subtitle {
  margin: 0;
}
main section.kilakitu-campaign#coffeedate .content {
  display: grid;
  grid-gap: 45px;
}
main section.kilakitu-campaign#coffeedate .content ol {
  padding-left: 20px;
}
main section.kilakitu-campaign#coffeedate .content ol li {
  margin: 15px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-campaign#coffeedate .content {
    grid-template-columns: 40% 60%;
  }
}
main section.kilakitu-campaign#coffeedate .content form {
  position: relative;
  margin: 45px 0;
}
main section.kilakitu-campaign#coffeedate .content .media {
  position: relative;
  padding: 0 0;
}
main section.kilakitu-campaign#coffeedate .content .media img {
  max-width: 100%;
}
main section.kilakitu-campaign#advent2025 {
  padding: 0;
}
main section.kilakitu-campaign#advent2025 .container-fluid {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#advent2025 .container-fluid {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}
main section.kilakitu-campaign#advent2025 img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  background-position: top center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#advent2025 img {
    height: 100%;
  }
}
main section.kilakitu-campaign#advent2025 .content {
  max-width: 1294px;
  padding: 15px 20px 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#advent2025 .content {
    padding: 75px 25px 75px 25px;
    display: grid;
    align-self: center;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-campaign#advent2025 .content .content-inner {
    width: 420px;
  }
}
main section.kilakitu-campaign#advent2025 .content .content-inner form {
  margin: 25px 0 0;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-campaign#advent2025 .content .content-inner {
    width: 510px;
    margin-right: 0;
  }
}

/* ==============================================================
===== START / SECTION kilakitu-module/productfilter.scss =====
============================================================== */
.debug_info {
  background: yellow !important;
  padding: 5px !important;
  font-size: 12px;
  line-height: normal;
  color: #333;
  margin-bottom: 5px;
}

.page-template-tpl_Produktdaten_Set .lb-image {
  border: 25px solid #FFFFFF !important;
}

.ladezeit {
  background: yellow;
  padding: 10px 20px;
  text-align: center;
  font-size: 18px;
  color: #333;
  position: fixed;
  top: calc(50% + 90px);
  left: 0;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: left top;
  z-index: 9999;
}

#produktfilter-loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.produktfilter-progress-bar-container {
  width: 200px;
  height: 10px;
  background: #eee;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
}

#produktfilter-progress-bar {
  width: 0%;
  height: 100%;
  background: rgb(32, 169, 86);
  transition: width 0.2s;
}

.produktfilter-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid rgb(32, 169, 86);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
main section {
  /* WHISHLIST */
}
main section.kilakitu-productfilter {
  background: #FFFFFF;
  padding-bottom: 35px;
  /* Produktfamilie (Verlinkung zur Produktfamilie wird angezeigt, wenn die Produktfamliie gewählt wurde */
  /* Suchleiste */
  /* PAGINATION */
}
main section.kilakitu-productfilter.showset {
  background: #EDF1F2;
  padding: 45px 0;
}
main section.kilakitu-productfilter .productdata-header {
  background: #f7f7f7;
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .productdata-header {
    grid-template-columns: 1fr 1fr;
  }
}
main section.kilakitu-productfilter .productdata-header .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 250px;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .productdata-header .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.kilakitu-productfilter .productdata-header .content {
  display: flex;
  min-height: 40vh;
  align-items: center;
  height: 100%;
  max-width: 647px;
}
main section.kilakitu-productfilter .productdata-header .content .content-inner {
  margin-right: 0;
  padding: 45px 65px;
  margin-right: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .productdata-header .content .content-inner {
    padding: 75px 65px;
  }
}
main section.kilakitu-productfilter .productfilter-search {
  background: #EDF1F2;
  position: relative;
  /* Dropdown für Leuchtentypen und Systeme */
}
main section.kilakitu-productfilter .productfilter-search .search-form {
  overflow: visible !important;
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown {
  position: relative;
  display: inline-block;
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown .button {
  background-color: #27ae60; /* Dein Grün */
  color: white;
  padding: 15px 40px 15px 20px;
  height: 50px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  width: 300px;
  font-weight: 300;
  text-align: left;
  display: flex;
  justify-content: space-between;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  display: -webkit-box; /* Notwendig für line-clamp */
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown .dropdown-elements {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 100%;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  list-style: none;
  padding: 0px;
  opacity: 1 !important;
  margin: 0;
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown .dropdown-elements li a {
  color: #333;
  padding: 6px 30px;
  text-decoration: none;
  display: block;
  font-weight: 300;
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown .dropdown-elements li a:hover {
  background-color: #f5f5f5;
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown .dropdown-elements li a.is-active {
  font-weight: 400;
  background-color: #f9f9f9;
  color: #27ae60 !important;
}
main section.kilakitu-productfilter .productfilter-search .search-form .form-dropdown .dropdown-elements.show {
  display: block !important;
}
main section.kilakitu-productfilter .productfilter-search .back-link {
  position: absolute;
  display: flex;
  top: 0px;
  left: 0px;
  background: #A8A8A8;
  width: 50px;
  height: 100%;
  justify-content: center;
  align-items: center;
}
main section.kilakitu-productfilter .productfilter-search .search-form {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  main section.kilakitu-productfilter .productfilter-search .search-form {
    height: 80px;
    overflow: hidden;
    flex-wrap: unset;
  }
}
main section.kilakitu-productfilter .productfilter-search .search-form .select-wrap {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  main section.kilakitu-productfilter .productfilter-search .search-form .select-wrap {
    display: unset;
    height: 50px;
    width: auto;
    margin: unset;
  }
}
main section.kilakitu-productfilter .productfilter-search .search-form .select-wrap::after {
  content: "\f107";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s ease;
  pointer-events: none;
  color: #fff;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-select {
  min-height: 50px;
  background: #20A956;
  color: #fff;
  border: none;
  padding: 0 32px 0 15px;
  font-size: 17px;
  cursor: pointer;
  min-width: 120px;
  height: 100%;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-weight: 400;
  border: none;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-select:focus {
  outline: none;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-input {
  height: 100%;
  min-height: 50px;
  flex: 1;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #B0C1C6;
  padding: 0 25px;
  font-size: 17px;
  line-height: 22px;
  color: #333;
  background: #fff;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-input::placeholder {
  color: #aaa;
  text-transform: uppercase;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-input:focus {
  outline: none;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-button {
  min-height: 50px;
  height: 100%;
  background: #20A956;
  border: none;
  color: #fff;
  padding: 0 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-button:hover {
  background: #393F46;
}
main section.kilakitu-productfilter .productfilter-search .search-form .search-button i {
  color: #fff;
}
main section.kilakitu-productfilter .filter-group {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 25px;
  margin: 45px 0;
}
main section.kilakitu-productfilter .search-result {
  margin-top: 30px;
  margin-bottom: 40px;
  font-weight: 300;
}
main section.kilakitu-productfilter .search-result strong {
  font-weight: 600;
}
main section.kilakitu-productfilter .search-result h2 {
  text-transform: uppercase;
}
main section.kilakitu-productfilter .filter-bar {
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
  gap: 16px 20px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  align-items: start;
}
main section.kilakitu-productfilter .filter-bar .filter-item label {
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  color: #393F46;
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch {
  background: #EDF1F2;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  height: 44px;
  padding: 0 10px;
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch > span {
  padding-left: 10px;
  font-size: 14px;
  line-height: 16px;
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch > input[type=checkbox] {
  opacity: 0;
  display: none;
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch > input[type=checkbox]:checked + div.switch-btn {
  background: #20A956;
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch > input[type=checkbox]:checked + div.switch-btn:before {
  left: 22px;
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch > div.switch-btn {
  position: relative;
  width: 51px;
  height: 31px;
  background: #e5e5e5;
  border-radius: 25.5px;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.15);
}
main section.kilakitu-productfilter .filter-bar .filter-item label.switch > div.switch-btn:before {
  content: "";
  position: absolute;
  height: 28px;
  width: 28px;
  background: linear-gradient(white, #f2f2f2);
  left: 2px;
  top: 50%;
  transition: all 200ms ease-out;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0 8px 6px -4px rgba(0, 0, 0, 0.1);
  transform: translateY(-50%);
}
main section.kilakitu-productfilter .productfilter-tabs {
  padding-top: 30px;
  margin-inline: auto;
}
main section.kilakitu-productfilter .productfilter-tabs .tablist {
  gap: 15px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .productfilter-tabs .tablist {
    display: flex;
  }
}
main section.kilakitu-productfilter .productfilter-tabs .tablist [role=tab] {
  appearance: none;
  border: 1px solid #393F46;
  background: #FFFFFF;
  color: #393F46;
  padding: 10px 14px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  margin: 0 0 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .productfilter-tabs .tablist [role=tab] {
    width: 33%;
  }
}
main section.kilakitu-productfilter .productfilter-tabs .tablist [role=tab]:hover {
  background: #393F46;
  color: #FFFFFF;
}
main section.kilakitu-productfilter .productfilter-tabs .tablist [role=tab]:focus {
  outline: none;
  outline-offset: 2px;
}
main section.kilakitu-productfilter .productfilter-tabs .tablist [role=tab][aria-selected=true] {
  background: #20A956;
  color: #FFFFFF;
  border: 1px solid #20A956;
}
main section.kilakitu-productfilter .productfilter-tabs .tablist [role=tab] strong {
  font-weight: 700;
}
main section.kilakitu-productfilter .productfilter-tabs section#panel-anforderung .image-holder {
  position: relative;
  background: #FFFFFF;
  padding: 15px;
  display: flex;
  place-content: center;
}
main section.kilakitu-productfilter .productfilter-tabs section#panel-anforderung .image-holder img {
  width: auto;
  height: 100%;
}
main section.kilakitu-productfilter .bubble .icon {
  width: 34px;
  height: 34px;
  aspect-ratio: 1/1;
  border: solid 1px #393F46;
  border-radius: 50%;
  display: grid;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  align-items: center;
}
main section.kilakitu-productfilter .bubble .icon.merkliste i {
  padding-top: 5px;
  font-size: 20.4px; /* Icon-Größe relativ zum Kreis */
}
main section.kilakitu-productfilter .bubble .icon.pdf i {
  padding-top: 1px;
  padding-left: 3px;
  font-size: 17px; /* Icon-Größe relativ zum Kreis */
}
main section.kilakitu-productfilter .bubble .icon.share i {
  padding-top: 1px;
  padding-right: 2px;
}
main section.kilakitu-productfilter .bubble .icon i {
  padding: 3px 0 0;
  font-size: 18.7px; /* Icon-Größe relativ zum Kreis */
  line-height: 1;
  color: #393F46;
}
main section.kilakitu-productfilter .bubble .icon:hover {
  border: solid 1px #20A956;
  background: #20A956;
  color: #FFFFFF;
}
main section.kilakitu-productfilter .bubble .icon:hover i {
  font-weight: 900;
  color: #FFFFFF;
}
main section.kilakitu-productfilter .tabpanel {
  padding: 16px 0;
  border-top: 0;
}
main section.kilakitu-productfilter .is-hidden {
  display: none !important;
}
main section.kilakitu-productfilter .grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;
}
@media (max-width: 1100px) {
  main section.kilakitu-productfilter .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 800px) {
  main section.kilakitu-productfilter .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 520px) {
  main section.kilakitu-productfilter .grid {
    grid-template-columns: 1fr;
  }
}
main section.kilakitu-productfilter .image-container.distance-table {
  height: auto;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .image-container.distance-table {
    width: 50%;
  }
}
main section.kilakitu-productfilter .image-container.distance-table img {
  display: block;
  transition: opacity 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Bild skalieren, um den Container auszufüllen */
}
main section.kilakitu-productfilter .category {
  background: #EDF1F2;
  border: solid 1px #C9D5DA;
}
main section.kilakitu-productfilter .category a {
  display: block;
}
main section.kilakitu-productfilter .category .image-holder {
  height: 200px; /*vorher 160 */
  display: block;
  overflow: hidden;
}
main section.kilakitu-productfilter .category .image-holder img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
main section.kilakitu-productfilter .category .content {
  padding: 10px 15px;
}
main section.kilakitu-productfilter .category .content h4 {
  color: #393F46;
}
main section.kilakitu-productfilter .category .content p {
  margin: 0;
}
main section.kilakitu-productfilter .produktfilter-item {
  position: relative;
  display: flex;
  flex-direction: column;
  /* optional für gleich hohe Karten im Grid */
  height: 100%;
  background: #FFFFFF;
  margin-bottom: 10px;
  /* Loader-Design (Kreisel) */
  /* Loader-Animation */
}
main section.kilakitu-productfilter .produktfilter-item .product-header {
  position: relative;
}
main section.kilakitu-productfilter .produktfilter-item .product-header .icon-container {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
main section.kilakitu-productfilter .produktfilter-item .product-header .icon-container .icon {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
main section.kilakitu-productfilter .produktfilter-item .product-header .icon-container .icon i {
  color: #FFFFFF;
}
main section.kilakitu-productfilter .produktfilter-item .product-header .icon-container .icon:hover {
  border: solid 1px #20A956;
  background: #20A956;
}
main section.kilakitu-productfilter .produktfilter-item .content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 20px 15px 20px 0;
}
main section.kilakitu-productfilter .produktfilter-item .content .basisartikel {
  color: #20A956;
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 10px;
}
main section.kilakitu-productfilter .produktfilter-item .content p {
  margin: 0;
}
main section.kilakitu-productfilter .produktfilter-item .content h3 {
  line-height: 110%;
  margin-bottom: 10px;
}
main section.kilakitu-productfilter .produktfilter-item .content h3 a {
  color: #393F46;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.15s ease;
}
main section.kilakitu-productfilter .produktfilter-item .content h3 a:hover, main section.kilakitu-productfilter .produktfilter-item .content h3 a:focus {
  color: #22262a;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .productdata {
  margin: 0;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .productdata .topProduct {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #20A956;
  color: #FFFFFF;
  padding: 1px 10px;
  font-size: 13px;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .productdata .topProduct::before {
  padding-right: 5px;
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  color: #FFFFFF;
  font-size: 10px;
  content: "\f005";
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .productdata ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .productdata ul li {
  font-size: 15px;
  line-height: 18px;
  color: #828282;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .productdata a {
  text-decoration: underline;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .artikelnummern {
  color: #A8A8A8;
  font-size: 0.9rem;
}
main section.kilakitu-productfilter .produktfilter-item .content .bottom .set-id {
  color: #A8A8A8;
  font-size: 0.9rem;
}
main section.kilakitu-productfilter .produktfilter-item .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid #ccc;
  border-top: 4px solid #20A956;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 2;
  background: transparent;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
main section.kilakitu-productfilter .produktfilter-item .image-container {
  position: relative;
  background: #EDF1F2;
  height: 160px;
}
main section.kilakitu-productfilter .produktfilter-item .image-container.loaded img.image1 {
  opacity: 1;
}
main section.kilakitu-productfilter .produktfilter-item .image-container.loaded .loader {
  display: none;
}
main section.kilakitu-productfilter .produktfilter-item .image-container:hover .image1 + .image2 {
  opacity: 1;
}
main section.kilakitu-productfilter .produktfilter-item .image-container:hover .image1 + .image2 ~ .image1 {
  opacity: 0;
}
main section.kilakitu-productfilter .produktfilter-item .image-container a {
  width: 100%;
  height: 100%;
  display: block;
}
main section.kilakitu-productfilter .produktfilter-item .image-container img {
  display: block;
  transition: opacity 0.3s ease;
  width: 100%;
  min-height: 100%;
  max-height: 160px;
  object-fit: cover; /* Bild skalieren, um den Container auszufüllen */
}
main section.kilakitu-productfilter .produktfilter-item .image-container .image2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
main section.kilakitu-productfilter .paging {
  text-align: center;
  margin: 35px 0;
  font-family: inherit;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
main section.kilakitu-productfilter .paging p {
  margin: 0;
  /* Separator ausblenden, aber Links normal anzeigen */
}
main section.kilakitu-productfilter .paging p.pagecount {
  text-align: left;
  color: #828282;
  font-size: 0.95rem;
  margin-bottom: 10px;
}
main section.kilakitu-productfilter .paging p.pagenav {
  text-align: right;
  font-size: 0; /* versteckt das nackte "|" */
  white-space: nowrap;
}
main section.kilakitu-productfilter .paging p.pagenav a {
  font-size: 0.95rem; /* Fontgröße für Links wiederherstellen */
  display: inline-block;
  padding: 3px 20px;
  margin-left: 10px;
  border: 2px solid #20A956;
  color: #20A956;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.05s ease;
  /* Optional: Disabled-Style, falls du aria-disabled oder .is-disabled setzt */
}
main section.kilakitu-productfilter .paging p.pagenav a[aria-disabled=true], main section.kilakitu-productfilter .paging p.pagenav a.is-disabled {
  color: #9fd9b8;
  border-color: #9fd9b8;
  pointer-events: none;
}
main section.kilakitu-productfilter .paging p.pagenav a:hover, main section.kilakitu-productfilter .paging p.pagenav a:focus {
  background: #20A956;
  color: #fff;
  outline: none;
}
main section.kilakitu-productfilter .paging p.pagenav a:active {
  transform: translateY(1px);
}
main section.kilakitu-productfilter .productfilter-detailpage .set_id {
  color: #20A956;
  margin: 35px 0 10px;
}
main section.kilakitu-productfilter .productfilter-detailpage .icon-container {
  display: flex;
  border: #20A956;
  width: 100%;
  gap: 25px;
  margin: 25px 0;
}
main section.kilakitu-productfilter .productfilter-detailpage .icon-container .iconbox > div, main section.kilakitu-productfilter .productfilter-detailpage .icon-container .iconbox > a {
  display: flex;
  align-items: center;
  gap: 10px;
}
main section.kilakitu-productfilter .productfilter-detailpage .icon-container .iconbox span {
  color: #393F46;
}
main section.kilakitu-productfilter .productfilter-detailpage .product {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
}
main section.kilakitu-productfilter .productfilter-detailpage .product__left, main section.kilakitu-productfilter .productfilter-detailpage .product__right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 900px) {
  main section.kilakitu-productfilter .productfilter-detailpage .product {
    flex-direction: row;
    align-items: flex-start;
  }
  main section.kilakitu-productfilter .productfilter-detailpage .product__left {
    flex: 1 1 55%;
  }
  main section.kilakitu-productfilter .productfilter-detailpage .product__right {
    flex: 1 1 45%;
  }
}
main section.kilakitu-productfilter .productfilter-detailpage .product .media {
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .media__hov .media__imghover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out; /* Übergangseigenschaft: 0.5s Dauer, ease-in-out Timing */
}
main section.kilakitu-productfilter .productfilter-detailpage .product .media__hov:hover .media__imghover {
  opacity: 1;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .property_icons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
  gap: 10px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-productfilter .productfilter-detailpage .product .property_icons {
    grid-template-columns: repeat(auto-fill, minmax(45px, 1fr));
  }
}
main section.kilakitu-productfilter .productfilter-detailpage .product .property_icons .icon {
  background: #FFFFFF;
  text-align: center;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .property_icons .icon img {
  width: 100%;
  height: auto;
  display: block;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs__group {
  background: #FFFFFF;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs__group .specs__title {
  margin: 0 0 0.5rem 0;
  font-size: 1.05rem;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs__group table tr {
  border-bottom: none;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs__group table tr:nth-child(even) {
  background: #EDF1F2;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs__group table td {
  width: 50%;
  padding: 5px;
  color: #393F46;
  margin: 0;
  font-weight: 500;
  color: #828282;
  font-size: 14px;
}
main section.kilakitu-productfilter .productfilter-detailpage .product .specs__group table td.title {
  font-weight: 600;
  color: #393F46;
}
@media (max-width: 420px) {
  main section.kilakitu-productfilter .productfilter-detailpage .product .specs dl {
    grid-template-columns: 1fr;
  }
}
main section.kilakitu-productfilter .productfilter-detailpage article {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  margin-bottom: 45px;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-image .image-container {
  height: 100%;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-image .image-container a {
  display: block;
  height: 100%;
  width: 100%;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-image .image-container img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-content {
  background-color: #FFFFFF;
  padding: 25px;
  position: relative;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-content .basisartikel {
  color: #20A956;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-content h3, main section.kilakitu-productfilter .productfilter-detailpage article .product-content h3 a {
  margin: 10px 0 0;
  color: #393F46;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-content .listPriceIT {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #20A956;
  padding: 5px 10px;
  color: #FFFFFF;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-downloads {
  grid-column: 1/-1;
  background: #f7f7f7;
  padding: 15px 35px;
  display: flex;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-downloads .productdata {
  max-height: 100px;
  display: flex;
  gap: 25px;
  height: 100px;
  align-items: center;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-downloads .productdata > a {
  display: block;
  height: 100px;
  max-height: 100px;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-downloads .productdata > a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-downloads .productdata > div p {
  margin: 4px 0 0;
}
main section.kilakitu-productfilter .productfilter-detailpage article .product-downloads .productdata > div a {
  text-decoration: underline;
}
main section.kilakitu-productfilter .row {
  display: flex;
  align-items: center;
  padding: 18px 0px;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
main section.kilakitu-productfilter .row a {
  display: contents;
}
main section.kilakitu-productfilter .row:first-child {
  border-top: none;
}
main section.kilakitu-productfilter .col--img {
  flex: 0 0 260px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
main section.kilakitu-productfilter .col--img img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  aspect-ratio: 16/9;
}
main section.kilakitu-productfilter .col--meta {
  flex: 1 1 auto;
  min-width: 0;
}
main section.kilakitu-productfilter .title {
  font-weight: 600;
}
main section.kilakitu-productfilter .sku {
  font-size: 14px;
  color: #20A956;
  margin-top: 10px;
}
main section.kilakitu-productfilter .sku b {
  color: #393F46;
  font-weight: 600;
}
main section.kilakitu-productfilter .col--dwg {
  flex: 0 0 260px;
  display: flex;
  justify-content: flex-end;
}
main section.kilakitu-productfilter .dwg {
  width: 240px;
  max-width: 100%;
}
main section.kilakitu-productfilter .dwg img {
  width: 100% !important;
  height: auto;
  object-fit: contain;
  display: block;
}
main section .whistlist-header {
  padding: 15px 0;
}
main section .whistlist-header h2 {
  font-weight: 300;
}
main section .wishlist {
  padding: 40px 0;
  /* Wishlist Actions (Oben) */
  /* Wishlist Items */
}
main section .wishlist > h3 {
  color: #393F46;
  padding-bottom: 10px;
  border-bottom: 1px solid #828282;
  gap: 25px;
}
main section .wishlist > h3 a {
  color: #393F46;
}
main section .wishlist .wishlist-actions {
  background: #EDF1F2;
  padding: 15px 20px;
  display: grid;
  gap: 25px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 30px;
  align-items: center;
}
main section .wishlist .wishlist-actions .wishlist-downloads {
  text-align: right;
  display: flex;
  gap: 5px;
  justify-content: end;
}
main section .wishlist .wishlist-actions .wishlist-downloads .icon {
  width: 40px;
  aspect-ratio: 1;
  border: 1px solid #393F46;
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  cursor: pointer;
}
main section .wishlist .wishlist-actions .wishlist-downloads .icon i {
  color: #393F46;
}
main section .wishlist .wishlist-actions .wishlist-list-view {
  gap: 10px;
  display: flex;
  justify-content: end;
}
main section .wishlist .wishlist-actions .wishlist-list-view .icon {
  cursor: pointer;
}
main section .wishlist .wishlist-actions .wishlist-list-view .icon i {
  font-size: 20px;
  color: #393F46;
}
main section .wishlist .wishlist-actions .wishlist-list-view .icon.active {
  color: #20A956;
  border-bottom: solid 2px #20A956;
}
main section .wishlist .wishlist-actions .wishlist-list-view .icon:hover {
  color: #20A956;
  border-bottom: solid 2px #20A956;
}
main section .wishlist .wishlist-items {
  margin: 25px 0;
}
main section .wishlist .wishlist-items.list .wishlist-item {
  display: grid;
  gap: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: solid 1px #EDF1F2;
  background-color: #EDF1F2;
}
@media only screen and (min-width: 480px) {
  main section .wishlist .wishlist-items.list .wishlist-item {
    gap: 25px;
    grid-template-columns: minmax(100px, 150px) 2fr 85px;
  }
}
main section .wishlist .wishlist-items.list .wishlist-item .icons {
  margin-top: auto;
  text-align: right;
  justify-content: end;
}
main section .wishlist .wishlist-items.grid .wishlist-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: solid 1px #EDF1F2;
  background: #FFFFFF;
  position: relative;
}
main section .wishlist .wishlist-items.grid .wishlist-item .content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 15px;
}
main section .wishlist .wishlist-items.grid .wishlist-item .icon-container {
  position: absolute;
  top: 5px;
  right: 5px;
  display: grid;
}
main section .wishlist .wishlist-items.grid .wishlist-item .icon-container .icon {
  border-color: #FFFFFF;
}
main section .wishlist .wishlist-items.grid .wishlist-item .icon-container .icon i {
  color: #FFFFFF;
}
main section .wishlist .wishlist-items .wishlist-item {
  position: relative;
  /* Loader-Design (Kreisel) */
  /* Loader-Animation */
}
main section .wishlist .wishlist-items .wishlist-item .content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 5px 10px;
}
@media only screen and (min-width: 480px) {
  main section .wishlist .wishlist-items .wishlist-item .content {
    padding: unset;
  }
}
main section .wishlist .wishlist-items .wishlist-item .content .basisartikel {
  color: #20A956;
  font-weight: 600;
  font-size: 1.1rem;
  margin: 5px 0;
}
main section .wishlist .wishlist-items .wishlist-item .content h3 {
  font-size: 1.3rem;
  line-height: normal;
  margin-bottom: 10px;
}
main section .wishlist .wishlist-items .wishlist-item .content h3 a {
  color: #393F46;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.15s ease;
}
main section .wishlist .wishlist-items .wishlist-item .icon-container {
  display: grid;
  justify-items: right;
  align-items: center;
  padding-right: 10px;
}
@media only screen and (max-width: 479px) {
  main section .wishlist .wishlist-items .wishlist-item .icon-container {
    align-items: unset;
    padding-right: 15px;
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 5px;
  }
}
main section .wishlist .wishlist-items .wishlist-item .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 4px solid #ccc;
  border-top: 4px solid #20A956;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  z-index: 2;
  background: transparent;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
main section .wishlist .wishlist-items .wishlist-item .image-container.loaded .loader {
  display: none;
}
main section .wishlist .wishlist-items .wishlist-item .image-container.loaded img.image1 {
  opacity: 1;
}
main section .wishlist .wishlist-items .wishlist-item .image-container {
  position: relative;
  background: #EDF1F2;
}
main section .wishlist .wishlist-items .wishlist-item .image-container img {
  display: block;
  transition: opacity 0.3s ease;
  object-fit: cover; /* Bild skalieren, um den Container auszufüllen */
}
main section .wishlist .wishlist-items .wishlist-item .image-container .image2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
main section .wishlist .wishlist-items .wishlist-item .image-container:hover .image1 + .image2 {
  opacity: 1;
}
main section .wishlist .wishlist-items .wishlist-item .image-container:hover .image1 + .image2 ~ .image1 {
  opacity: 0;
}

/* ======================================================
   ===== START / SECTION kilakitu-module/facts_prozent.scss =====
   ====================================================== */
main section.kilakitu-facts-percent {
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts-percent {
    padding: 100px 0;
  }
}
main section.kilakitu-facts-percent.lightText {
  color: #FFFFFF;
}
main section.kilakitu-facts-percent.lightText .subline {
  color: #FFFFFF;
}
main section.kilakitu-facts-percent .content {
  display: grid;
  text-align: center;
  margin: 60px 0 20px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-facts-percent .content {
    grid-template-columns: repeat(3, 1fr);
  }
  main section.kilakitu-facts-percent .content.grid_2, main section.kilakitu-facts-percent .content.grid_4 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.kilakitu-facts-percent .content.grid_3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-facts-percent .content {
    grid-template-columns: repeat(4, 1fr);
  }
  main section.kilakitu-facts-percent .content.grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.kilakitu-facts-percent .content .fact {
  text-align: center;
  padding: 20px 0;
}
main section.kilakitu-facts-percent .content .fact h3 {
  color: #FFFFFF;
  font-size: 100px;
  margin-bottom: 0;
  margin-top: 10px;
  line-height: 95px;
}
main section.kilakitu-facts-percent .content .fact h3 span.small {
  font-size: 50%;
}
main section.kilakitu-facts-percent .content .fact p {
  color: #FFFFFF;
  opacity: 0.6;
}
main section.kilakitu-facts-percent .content .fact .bar-container {
  position: relative;
  width: 70px;
  height: 150px;
  margin: 0 auto;
}
main section.kilakitu-facts-percent .content .fact .bar-container .bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #20A956;
  height: 0;
  transition: height 1.5s ease-out;
}
main section.kilakitu-facts-percent .content .fact .bar-container .percent-heading {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  transition: transform 1.5s ease-out;
  color: white;
  z-index: 2;
}
main section.kilakitu-facts-percent .text p {
  color: #FFFFFF;
}

/* =================================================
   ===== START : kilakitu-module/multibox.scss =====
   ================================================= */
main section.kilakitu-masonry {
  padding: 45px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-masonry {
    padding: 65px 0;
  }
}
main section.kilakitu-masonry.bg-grey .editorial h2, main section.kilakitu-masonry.bg-grey .editorial h3, main section.kilakitu-masonry.bg-grey .editorial h4 p,
main section.kilakitu-masonry.bg-grey .editorial .subline, main section.kilakitu-masonry.bg-grey .editorial .headline {
  color: #FFFFFF;
}
main section.kilakitu-masonry.bg-grey .elements .element .content {
  background-color: #FFFFFF !important;
}
main section.kilakitu-masonry.bg-white .elements .element {
  background-color: #EDF1F2 !important;
}
main section.kilakitu-masonry.bg-lg .elements .element .content {
  background-color: #FFFFFF !important;
}
main section.kilakitu-masonry .content-inner.intro {
  padding-bottom: 20px;
}
main section.kilakitu-masonry .content-inner.intro .headline.center {
  text-align: center;
}
main section.kilakitu-masonry .content-inner.intro .description {
  margin-bottom: 0;
}
main section.kilakitu-masonry .content-inner.intro .description p {
  margin: 0;
}
main section.kilakitu-masonry .elements {
  columns: 1;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-masonry .elements {
    columns: 2;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-masonry .elements {
    columns: 3;
  }
}
main section.kilakitu-masonry .elements .element {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 25px 0;
  margin-bottom: var(--spacing);
  border-radius: var(--spacing);
  overflow: hidden;
}
main section.kilakitu-masonry .elements .element .content {
  padding: 40px;
}
main section.kilakitu-masonry .elements .element .content .subline {
  background-color: #20A956;
  display: inline;
  box-decoration-break: clone;
  color: #FFFFFF;
  padding: 3px 7px;
}
main section.kilakitu-masonry .elements .element .content h3 {
  margin-top: 5px;
}
main section.kilakitu-masonry .elements .element .content p {
  margin-bottom: 0;
}
main section.kilakitu-masonry .elements .element .content a {
  text-decoration: underline;
}
main section.kilakitu-masonry .elements .element .media {
  padding: 0;
}
main section.kilakitu-masonry .elements .element .media img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

/* =========================================================
   ===== START / SECTION kilakitu-module/tabcontent_pro.scss =====
   ========================================================= */
main section.kilakitu-tabcontentpro {
  padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-tabcontentpro {
    padding: 70px 0 100px;
  }
}
main section.kilakitu-tabcontentpro.lightText .topcontent h2, main section.kilakitu-tabcontentpro.lightText .topcontent h3, main section.kilakitu-tabcontentpro.lightText .topcontent h4, main section.kilakitu-tabcontentpro.lightText .topcontent h5, main section.kilakitu-tabcontentpro.lightText .topcontent h6, main section.kilakitu-tabcontentpro.lightText .topcontent p {
  color: #FFFFFF;
}
main section.kilakitu-tabcontentpro.bg-white .tabcontent-navigation button {
  background: #EDF1F2;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro.bg-white .tabcontent-navigation button {
    border-right: 1px solid #FFFFFF;
  }
}
main section.kilakitu-tabcontentpro.bg-grey .subtitle {
  color: #C9D5DA !important;
}
main section.kilakitu-tabcontentpro .topcontent .headline {
  margin: 0 0 10px;
}
main section.kilakitu-tabcontentpro .topcontent .subtitle {
  margin: 5px 0 10px;
  color: #828282;
}
main section.kilakitu-tabcontentpro .topcontent .text {
  text-align: center;
  margin: auto;
}
main section.kilakitu-tabcontentpro .tabcontent-navigation {
  display: grid;
  gap: 2px;
  margin: 45px 0 15px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation {
    display: flex;
    gap: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #EDF1F2;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation.spread button {
    flex: 1;
  }
}
main section.kilakitu-tabcontentpro .tabcontent-navigation button {
  cursor: pointer;
  background: #FFFFFF;
  color: #393F46;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: 15px 20px 10px;
  border: none;
  border-bottom: 5px solid transparent;
  margin-bottom: 5px;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation button {
    margin: 0;
    border-right: 1px solid #EDF1F2;
  }
  main section.kilakitu-tabcontentpro .tabcontent-navigation button:last-child {
    border-right: none;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation button {
    padding: 20px 35px 15px;
  }
}
main section.kilakitu-tabcontentpro .tabcontent-navigation button.active {
  border-bottom-color: #20A956;
}
@media only screen and (max-width: 767px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation button.active {
    background-color: #20A956;
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation button.active {
    color: inherit;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-navigation.single button:last-child {
    border-right: 1px solid #EDF1F2;
  }
}
main section.kilakitu-tabcontentpro .tabcontent-items {
  position: relative;
  overflow: hidden;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent {
  display: none;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent.active {
  display: block;
  background-color: #FFFFFF;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .media {
  max-height: 600px;
  position: relative;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .media img, main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content {
  z-index: 1000;
  transition: transform 0.4s ease;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
  }
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .toggle-content {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .toggle-content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    width: 35px;
    height: 35px;
    background-color: #92b1c2;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .toggle-content::after {
    content: "\f00d";
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    color: #FFFFFF;
    font-size: 18px;
    transition: transform 0.2s ease;
  }
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content.invisible {
    transform: translateX(calc(100% - 35px));
  }
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content.invisible .toggle-content::after {
    transform: rotate(45deg);
  }
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content.invisible .content-inner {
    opacity: 0;
    filter: blur(2px);
  }
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner {
  background-color: rgba(255, 255, 255, 0.85);
  height: 100%;
  padding: 30px 0;
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner {
    position: absolute;
    inset: 0;
    padding: 45px;
  }
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner .subtitle {
  color: #828282;
  margin: 0 0 5px;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner .headline {
  margin: 0 0 15px;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner .description {
  margin: 10px 0 20px;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner .button.green {
  display: inline-flex;
  align-items: center;
}
main section.kilakitu-tabcontentpro .tabcontent-items .tabcontent .content .content-inner .button.green i {
  color: #FFFFFF;
  margin-right: 10px;
}

main section.kilakitu-routemap {
  padding: 25px 0;
}
main section.kilakitu-routemap .leaflet-control-container {
  display: none;
}
main section.kilakitu-routemap .kilakitu-map {
  height: 400px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-routemap .kilakitu-map {
    height: 550px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-routemap .kilakitu-map {
    height: 700px;
  }
}
main section.kilakitu-routemap .kilakitu-map span.osm {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 1000;
  font-size: 13px;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-routemap .kilakitu-map span.osm {
    font-size: 15px;
  }
}
main section.kilakitu-routemap .kilakitu-map .fin, main section.kilakitu-routemap .kilakitu-map .start {
  background: #FFFFFF;
  border-radius: 25px;
  display: flow;
  padding: 5px;
  font-size: 22px;
  line-height: 22px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.35);
}
main section.kilakitu-routemap .kilakitu-map i {
  color: #393F46;
  font-size: 26px;
}
main section.kilakitu-routemap .mapdescription {
  margin: 25px 0;
  text-align: center;
}
main section.kilakitu-routemap .buttons {
  display: grid;
  gap: 15px;
  justify-content: center;
  padding: 15px 0;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-routemap .buttons {
    display: flex;
  }
}
main section.kilakitu-routemap .buttons .button i {
  color: #393F46;
  padding-right: 5px;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.kilakitu-routemap .buttons .button:hover i {
  color: #FFFFFF;
}

/* ================================================================
==========  kilakitu-beforeafter ====================
================================================================ */
.kilakitu-beforeafter {
  padding: 45px 0 0;
}
@media only screen and (min-width: 768px) {
  .kilakitu-beforeafter {
    padding: 65px 0;
  }
}
.kilakitu-beforeafter.bg-grey h2, .kilakitu-beforeafter.bg-grey p {
  color: #FFFFFF;
}
.kilakitu-beforeafter .content {
  position: relative;
  width: 100%;
  margin: 45px 0;
  overflow: hidden;
}
.kilakitu-beforeafter .splitview {
  position: relative;
  width: 100%;
  /* Handle & Separator */
}
.kilakitu-beforeafter .splitview img {
  width: 100%;
  display: block;
}
.kilakitu-beforeafter .splitview .ba-label {
  position: absolute;
  top: 50px;
  padding: 0.5rem;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 0.125rem;
  font-weight: 600;
  font-size: 80%;
  white-space: nowrap;
  pointer-events: none;
  max-width: clamp(150px, 25vw, 260px);
}
@media only screen and (min-width: 768px) {
  .kilakitu-beforeafter .splitview .ba-label {
    font-size: 17px;
  }
}
.kilakitu-beforeafter .splitview .ba-label-before {
  left: 0;
}
.kilakitu-beforeafter .splitview .ba-label-after {
  right: 0;
  z-index: 9;
}
.kilakitu-beforeafter .splitview .separator {
  width: 6px;
}
.kilakitu-beforeafter .splitview .separator-bullet {
  width: 55px;
  height: 55px;
  transform: translate(-48%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.kilakitu-beforeafter .splitview .separator-bullet .arrow {
  border-style: solid;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 5px;
}
.kilakitu-beforeafter .splitview .separator-bullet .arrow.left-arrow {
  transform: rotate(135deg);
}
.kilakitu-beforeafter .splitview .separator-bullet .arrow.right-arrow {
  transform: rotate(-45deg);
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.leaflet-routing-container, .leaflet-routing-error {
  width: 320px;
  background-color: white;
  padding-top: 4px;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.leaflet-control-container .leaflet-routing-container-hide {
  width: 32px;
  height: 32px;
}

.leaflet-routing-container h2 {
  font-size: 18px;
  line-height: 22px;
}

.leaflet-routing-container h3 {
  font-size: 12px;
  font-weight: normal;
}

.leaflet-routing-collapsible .leaflet-routing-geocoders {
  margin-top: 20px;
}

.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 6px;
  border-bottom: 1px solid #ccc;
  max-height: 320px;
  overflow-y: auto;
  transition: all 0.2s ease;
}

.leaflet-routing-alt {
  padding: 15px;
}

.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt,
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
  display: none;
}

.leaflet-bar .leaflet-routing-alt:last-child {
  border-bottom: none;
}

.leaflet-routing-alt-minimized {
  color: #888;
  max-height: 64px;
  overflow: hidden;
  cursor: pointer;
}

.leaflet-routing-alt table {
  border-collapse: collapse;
}

.leaflet-routing-alt tr:hover {
  background-color: #eee;
  cursor: pointer;
}

.leaflet-routing-alt::-webkit-scrollbar {
  width: 8px;
}

.leaflet-routing-alt::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #eee;
}

.leaflet-routing-alt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #888;
}

/* Basis-Stil für alle Icons in der Liste */
.leaflet-routing-icon {
  background-image: none !important; /* Altes PNG deaktivieren */
  display: inline-block;
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #20A956; /* Deine Modul-Farbe */
}

/* Spezifische Icons zuweisen (Unicode) */
.leaflet-routing-icon-continue {
  content: "\f062";
} /* arrow-up */
.leaflet-routing-icon-sharp-right {
  content: "\f061";
  transform: rotate(45deg);
}

.leaflet-routing-icon-right {
  content: "\f061";
} /* arrow-right */
.leaflet-routing-icon-slight-right {
  content: "\f061";
  transform: rotate(-45deg);
}

.leaflet-routing-icon-sharp-left {
  content: "\f060";
  transform: rotate(-45deg);
}

.leaflet-routing-icon-left {
  content: "\f060";
} /* arrow-left */
.leaflet-routing-icon-slight-left {
  content: "\f060";
  transform: rotate(45deg);
}

.leaflet-routing-icon-u-turn {
  content: "\f0e2";
} /* undo / u-turn */
.leaflet-routing-icon-enter-roundabout {
  content: "\f8d7";
} /* circle-notch / roundabout */
.leaflet-routing-icon-arrive {
  content: "\f240";
  color: #ff4400;
} /* flag / arrive */
.leaflet-routing-icon-depart {
  content: "\f3c5";
} /* location-dot */
.leaflet-routing-icon-continue {
  background-position: 0 0;
}

.leaflet-routing-icon-sharp-right {
  background-position: -20px 0;
}

.leaflet-routing-icon-turn-right {
  background-position: -40px 0;
}

.leaflet-routing-icon-bear-right {
  background-position: -60px 0;
}

.leaflet-routing-icon-u-turn {
  background-position: -80px 0;
}

.leaflet-routing-icon-sharp-left {
  background-position: -100px 0;
}

.leaflet-routing-icon-turn-left {
  background-position: -120px 0;
}

.leaflet-routing-icon-bear-left {
  background-position: -140px 0;
}

.leaflet-routing-icon-depart {
  background-position: -160px 0;
}

.leaflet-routing-icon-enter-roundabout {
  background-position: -180px 0;
}

.leaflet-routing-icon-arrive {
  background-position: -200px 0;
}

.leaflet-routing-icon-via {
  background-position: -220px 0;
}

.leaflet-routing-geocoders div {
  padding: 4px 0px 4px 0px;
}

.leaflet-routing-geocoders input {
  width: 303px;
  width: calc(100% - 4px);
  line-height: 1.67;
  border: 1px solid #ccc;
}

.leaflet-routing-geocoders button {
  font: bold 18px "Lucida Console", Monaco, monospace;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  margin: 0;
  margin-right: 3px;
  float: right;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.leaflet-routing-add-waypoint:after {
  content: "+";
}

.leaflet-routing-reverse-waypoints:after {
  font-weight: normal;
  content: "⇅";
}

.leaflet-routing-geocoders button:hover {
  background-color: #eee;
}

.leaflet-routing-geocoders input, .leaflet-routing-remove-waypoint, .leaflet-routing-geocoder {
  position: relative;
}

.leaflet-routing-geocoder-result {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  z-index: 1000; /* Arbitrary, but try to be above "most" things. */
}

.leaflet-routing-geocoder-result table {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  background-color: white;
  cursor: pointer;
}

.leaflet-routing-geocoder-result-open {
  max-height: 800px;
}

.leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
  background-color: #eee;
}

.leaflet-routing-geocoder-no-results {
  font-style: italic;
  color: #888;
}

.leaflet-routing-remove-waypoint {
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.leaflet-routing-remove-waypoint:after {
  position: absolute;
  display: block;
  width: 15px;
  height: 1px;
  z-index: 1;
  right: 1px;
  top: 4px;
  bottom: 0;
  margin: auto;
  padding: 2px;
  font-size: 18px;
  font-weight: bold;
  content: "×";
  text-align: center;
  cursor: pointer;
  color: #ccc;
  background: white;
  padding-bottom: 16px;
  margin-top: -16px;
  padding-right: 4px;
  line-height: 1;
}

.leaflet-routing-remove-waypoint:hover {
  color: black;
}

.leaflet-routing-instruction-distance {
  width: 48px;
}

.leaflet-routing-collapse-btn {
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 34px;
  color: #ccc;
  font-weight: bold;
}

.leaflet-routing-collapse-btn:after {
  content: "×";
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
  position: relative;
  left: 4px;
  top: 4px;
  display: block;
  width: 26px;
  height: 23px;
  background-image: url("routing-icon.png");
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
  content: none;
}

.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
  margin-top: 10px !important;
}

.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
  margin-right: 10px !important;
}

.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
  margin-bottom: 10px !important;
}

.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
  margin-left: 10px !important;
}

@media only screen and (max-width: 640px) {
  .leaflet-routing-container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
  }
}
/* leere Optgroups in Select2 komplett ausblenden */
.select2-results__group:empty {
  display: none !important;
}

/* falls Select2 trotzdem Abstand rendert → padding entfernen */
.select2-results__options .select2-results__option[role=group] {
  padding: 0 !important;
  margin: 0 !important;
}

.loading {
  text-align: center;
  padding: 20px;
  font-weight: bold;
}

.referenceOverview {
  padding: 40px 0 60px;
}
.referenceOverview .refFilter {
  position: relative;
  margin: 0 0 35px;
}
.referenceOverview .refFilter label {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 5px;
  display: block;
  color: #393F46;
}
.referenceOverview .refFilter .subfilter {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .referenceOverview .refFilter .subfilter {
    width: unset;
    min-width: 220px;
  }
  .referenceOverview .refFilter .subfilter.subfilter_wide {
    min-width: 340px;
  }
}
.referenceOverview .refList {
  position: relative;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  .referenceOverview .refList {
    column-count: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .referenceOverview .refList {
    column-count: 3;
  }
}
.referenceOverview .refList .ref {
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  width: 100%;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  /* BEI VANILLA JS EINBLEDNEN MASONRY
  -----------------------------------------------
  position: absolute;
  box-sizing: border-box;
  width: 100%; 
  transition: transform 0.3s ease;                      
  @media (max-width: 767px) {
      .ref {
          position: static; 
          width: 100%;
          transform: none !important;
      }
  } -----------------------------------------------*/
}
.referenceOverview .refList .ref.quote {
  background-color: #20A956;
  text-align: center;
}
.referenceOverview .refList .ref.quote .content::before {
  content: "";
  display: block;
  position: absolute;
  position: relative;
  width: 60px;
  height: 50px;
  margin: 0 auto;
  background-image: url(../assets/img/design/quote.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-size: 60px 50px;
}
.referenceOverview .refList .ref.quote .content p {
  font-style: italic;
  font-weight: 600;
  color: #FFFFFF;
}
.referenceOverview .refList .ref.quote .content p:before {
  content: open-quote;
}
.referenceOverview .refList .ref.quote .content p:after {
  content: close-quote;
}
.referenceOverview .refList .ref.quote .content .quote-author {
  color: #FFFFFF;
  font-style: italic;
  font-size: 15px;
}
.referenceOverview .refList .ref .media {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .referenceOverview .refList .ref .media {
    height: 280px;
  }
}
.referenceOverview .refList .ref .media a {
  width: 100%;
  height: 100%;
  display: block;
  padding: unset;
  border: unset;
}
.referenceOverview .refList .ref .media img {
  width: 100%;
  min-height: 100% !important;
  object-fit: cover;
}
.referenceOverview .refList .ref .media .refslider {
  position: relative;
  height: 100%;
}
.referenceOverview .refList .ref .media .refslider img {
  height: 200px;
}
@media only screen and (min-width: 768px) {
  .referenceOverview .refList .ref .media .refslider img {
    height: 280px;
  }
}
.referenceOverview .refList .ref .media .refslider .slick-dots {
  position: absolute;
  bottom: 10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.referenceOverview .refList .ref .media .refslider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.referenceOverview .refList .ref .media .refslider .slick-dots li.slick-active button {
  background-color: #20A956;
}
.referenceOverview .refList .ref .media .refslider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 10px;
  height: 10px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: #FFFFFF;
  opacity: 0.75;
  border-radius: 50%;
}
.referenceOverview .refList .ref .media .refslider button.slick-arrow {
  position: absolute;
  top: 50%;
  font-size: 0;
  line-height: 0;
  transform: translateY(-50%);
  z-index: 2;
  background-color: transparent;
  width: 30px;
  height: 30px;
  outline: none;
  border: none;
  cursor: pointer;
  color: #FFFFFF;
  opacity: 0.5;
}
.referenceOverview .refList .ref .media .refslider button.slick-arrow.slick-prev {
  left: 5px;
}
.referenceOverview .refList .ref .media .refslider button.slick-arrow.slick-prev::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f053";
  font-size: 35px;
  float: right;
}
.referenceOverview .refList .ref .media .refslider button.slick-arrow.slick-next {
  right: 5px;
}
.referenceOverview .refList .ref .media .refslider button.slick-arrow.slick-next::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f054";
  font-size: 35px;
  float: right;
}
.referenceOverview .refList .ref .content {
  padding: 35px;
}
.referenceOverview .refList .ref .content h2 {
  margin: 10px 0;
}
.referenceOverview .refList .ref .content .supline {
  background: #20A956;
  color: #FFFFFF;
  padding: 2px 5px;
  display: inline;
  box-decoration-break: clone;
}
.referenceOverview .refList .ref .content .refDetails {
  color: #828282;
  margin: 15px 0;
}
.referenceOverview .refList .ref .content .button {
  margin: 15px 0 0;
}

/*
Referenzen Filter
*/
.referenzen_filter {
  background: #FFFFFF;
  display: flow-root;
  max-width: 1280px;
  margin: 0 auto;
  align-items: center;
  justify-content: start;
  padding: 5px 20px 8px;
  margin-top: 15px;
}
@media only screen and (min-width: 768px) {
  .referenzen_filter {
    display: flex;
  }
}
.referenzen_filter span.info {
  color: #828282;
  padding-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  display: inline-block;
  text-align: left;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .referenzen_filter span.info {
    margin: 0 0 0px 0;
    padding: 5px 0;
    text-align: center;
  }
}
.referenzen_filter .mainfilter, .referenzen_filter .subfilter_wide, .referenzen_filter .subfilter_half {
  width: 100%;
  margin-left: 0%;
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  .referenzen_filter .mainfilter, .referenzen_filter .subfilter_wide, .referenzen_filter .subfilter_half {
    width: 40%;
  }
}
@media only screen and (min-width: 1024px) {
  .referenzen_filter .mainfilter, .referenzen_filter .subfilter_wide, .referenzen_filter .subfilter_half {
    width: 33%;
  }
}
@media only screen and (min-width: 768px) {
  .referenzen_filter .subfilter_wide {
    width: 64%;
    margin-left: 2%;
  }
}
@media only screen and (min-width: 768px) {
  .referenzen_filter .subfilter_half {
    width: 31%;
    margin-left: 2%;
  }
}

/* Version mit Tabs */
.referenzen_filter_tabs {
  width: 100%;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
  margin-top: 1.5rem;
  display: flex;
  list-style: none;
  justify-content: center;
  height: 150px;
}
.referenzen_filter_tabs li {
  display: block;
  margin-left: 5px;
  margin-right: 5px;
}
.referenzen_filter_tabs input[type=radio] {
  position: absolute;
  top: 0;
  left: -9999px;
}
.referenzen_filter_tabs label {
  display: block;
  padding: 15px 26px;
  border-radius: 2px 2px 0 0;
  color: #828282;
  font-size: 1.2rem;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  position: relative;
  top: 2px;
}
.referenzen_filter_tabs label:hover {
  background: #FFFFFF;
}
.referenzen_filter_tabs .tab-content {
  z-index: 2;
  display: none;
  width: 100%;
  font-size: 17px;
  line-height: 25px;
  padding: 25px;
  position: absolute;
  top: 53px;
  left: 0;
  background: #fff;
}
.referenzen_filter_tabs [id^=tab]:checked + label {
  top: 2px;
  background: #FFFFFF;
}
.referenzen_filter_tabs [id^=tab]:checked ~ [id^=tab-content] {
  display: block;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 44px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 15px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px 15px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #FFFFFF;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #FFFFFF;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #828282;
  line-height: 44px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 44px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
  position: absolute;
  top: 1px;
  right: 5px;
  width: 20px;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #E2E8EB;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #E2E8EB;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #E2E8EB;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #EDF1F2;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #EDF1F2;
  color: #828282;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px 15px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #EDF1F2;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #828282;
  line-height: 44px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 44px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #EDF1F2;
  border: none;
  border-left: 1px solid #E2E8EB;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 44px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #E2E8EB;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #EDF1F2;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #EDF1F2;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #EDF1F2;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #E2E8EB;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #FFFFFF;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px 15px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #EDF1F2;
}

.select2-dropdown {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}

.select2-container {
  width: 100% !important;
}
.select2-container input:not([type]), .select2-container input[type=text]:not(.browser-default), .select2-container input[type=password]:not(.browser-default), .select2-container input[type=email]:not(.browser-default), .select2-container input[type=url]:not(.browser-default), .select2-container input[type=time]:not(.browser-default), .select2-container input[type=date]:not(.browser-default), .select2-container input[type=datetime]:not(.browser-default), .select2-container input[type=datetime-local]:not(.browser-default), .select2-container input[type=tel]:not(.browser-default), .select2-container input[type=number]:not(.browser-default), .select2-container input[type=search]:not(.browser-default), .select2-container textarea.materialize-textarea {
  height: 2.5rem !important;
  padding: 0 15px;
  width: 92%;
  margin: 0;
  color: #828282;
}
.select2-container li {
  font-size: 15px;
}

.select2 {
  color: #828282;
  font-size: 15px;
}
.select2.error .select2-container--default, .select2.error .select2-selection--single {
  border: 1px solid #FF2727;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-bottom: 2px solid #828282;
  border-right: 2px solid #828282;
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.15s ease-in-out;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  right: 16px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(-135deg);
}

.form_entry {
  position: relative;
}

.select2-hidden-accessible {
  height: 44px !important;
  left: 30%;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #828282;
}

/*
Suche
*/
.pagination_container {
  position: relative;
  margin-top: 20px;
  clear: both;
}
.pagination_container .din_paging {
  margin: 0 20% 0 20%;
  width: 60%;
}
.pagination_container .din_paging ul.din_pagination {
  width: 80%;
  list-style: none;
  padding: 0px;
  text-align: center;
  margin: 0 auto;
}
.pagination_container .din_paging ul li {
  margin: 0px;
  margin: 0px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 12px;
  display: inline;
}
.pagination_container .din_paging ul li a {
  color: #201F1F;
  text-decoration: none;
  padding: 5px 10px;
}
.pagination_container .din_paging ul li:hover a, .pagination_container .din_paging ul li.active a {
  background: #20A956;
  color: #FFFFFF !important;
}
.pagination_container a.prev, .pagination_container a.next {
  top: 0px;
  position: absolute;
  color: #000000 !important;
  text-decoration: none;
}
.pagination_container a.prev:hover, .pagination_container a.next:hover {
  text-decoration: none;
  color: #20A956 !important;
}
.pagination_container a.prev {
  left: 0px;
}
.pagination_container a.next {
  right: 0px;
}

.downloads-grid-neu {
  padding: 60px 0;
  border-bottom: 1px solid #EDF1F2;
}
.downloads-grid-neu .headline {
  margin: 0 0 40px;
}
.downloads-grid-neu .downloads {
  overflow: visible;
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  .downloads-grid-neu .downloads {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  .downloads-grid-neu .downloads {
    grid-template-columns: repeat(3, 1fr);
  }
}
.downloads-grid-neu .downloads .category_headline {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  .downloads-grid-neu .downloads .category_headline {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media only screen and (min-width: 1024px) {
  .downloads-grid-neu .downloads .category_headline {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
.downloads-grid-neu .downloads .item {
  margin: 0;
  display: grid;
  grid-template-columns: 130px auto;
  align-items: flex-start;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
.downloads-grid-neu .downloads .item .image {
  height: 100%;
}
.downloads-grid-neu .downloads .item .image .icon {
  height: 100%;
  overflow: hidden;
}
.downloads-grid-neu .downloads .item .image .icon i {
  background: #B0C1C6;
  min-height: 110px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.downloads-grid-neu .downloads .item .image .icon i .icon {
  width: 35px;
}
@media only screen and (min-width: 768px) {
  .downloads-grid-neu .downloads .item .image .icon i .icon {
    width: 55px;
  }
}
.downloads-grid-neu .downloads .item .image .icon i::before {
  font-size: 50px;
  color: #35464B;
}
.downloads-grid-neu .downloads .item .image .icon img {
  height: 100%;
  object-fit: cover;
}
.downloads-grid-neu .downloads .item .content {
  background-color: #FFFFFF;
  padding: 20px;
}
.downloads-grid-neu .downloads .item .content .content-inner h4 {
  color: #393F46;
}
.downloads-grid-neu .downloads .item .content .content-inner p {
  margin: 5px 0;
}
.downloads-grid-neu .downloads .item .content .content-inner span {
  display: block;
  margin-top: 5px;
}
.downloads-grid-neu .downloads .item:hover .content .content-inner span {
  text-decoration: underline;
}

/* Navigation 
 =====================================*/
.page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li.current-post-ancestor > a, .page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li.active-page > a {
  color: #393F46 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li a:hover {
  color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li.current-menu-item > a, .page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li.current-menu-parent > a {
  color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li.current-menu-item .active-page a, .page-template-tpl_Kila-kitu-Anlagentechnik .topnav nav .din-navigation ul#dinnav > li.current-menu-parent .active-page a {
  color: #92b1c2 !important;
}

.topnav {
  position: fixed;
  display: block;
  background: #FFFFFF;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
  left: 0;
  z-index: 900;
  padding: 10px 25px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-bottom: 1px solid #EDF1F2;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.topnav nav {
  line-height: unset;
  height: unset;
  /* MOBILE BUTTONS TOPNAVIGATION */
  /*-------------------------------*/
  /* SUCHE */
  /*-------*/
  /* DESKTOP FUNCTIONS TOPNAVIGATION */
  /* ------------------------- */
}
.topnav nav .nav-wrapper {
  min-height: 45px;
}
.topnav nav .din-navigation {
  /*Navigation list*/
}
.topnav nav .din-navigation.close {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation.close {
    display: block;
  }
}
.topnav nav .din-navigation ul#dinnav {
  position: fixed;
  display: block;
  width: 100%;
  background: #FFFFFF;
  z-index: 9999;
  height: 100%;
  top: 66px;
  left: 0;
  right: 0;
  /* Nav 1st level*/
}
@media only screen and (max-width: 1199px) {
  .topnav nav .din-navigation ul#dinnav {
    /* MOBILE NAVIGATION*/
    overflow: scroll;
    padding-bottom: 250px;
    /*------------------*/
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav {
    /* DESKTOP NAVIGATION */
    position: absolute;
    display: block;
    top: unset;
    left: 110px;
    right: unset;
    padding: 15px 0;
    z-index: unset;
    /*------------------*/
  }
}
.topnav nav .din-navigation ul#dinnav > li {
  float: unset;
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li {
    float: left;
    margin: 0 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li.mm-mobile {
    display: none !important;
  }
}
.topnav nav .din-navigation ul#dinnav > li.mm-mobile:last-child {
  margin-top: 0;
}
.topnav nav .din-navigation ul#dinnav > li.mm-mobile a {
  font-weight: 600;
  display: block;
}
.topnav nav .din-navigation ul#dinnav > li.mm-mobile a::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f054";
  margin-right: 25px;
  font-size: 15px;
  float: right;
  color: #000;
}
.topnav nav .din-navigation ul#dinnav > li.current-menu-item > a, .topnav nav .din-navigation ul#dinnav > li.current-post-ancestor > a, .topnav nav .din-navigation ul#dinnav > li.active-page > a {
  color: #20A956 !important;
}
.topnav nav .din-navigation ul#dinnav > li a {
  display: flex;
  text-decoration: none;
  color: #393F46;
  background-color: transparent;
  font-size: 16px;
  line-height: 22px;
  padding: 15px 0;
  padding-left: 45px;
  border-bottom: 1px solid #262626;
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  .topnav nav .din-navigation ul#dinnav > li a {
    /* MOBILE */
    text-transform: uppercase !important;
  }
  .topnav nav .din-navigation ul#dinnav > li a::after {
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    content: "\f054";
    margin-right: 25px;
    font-size: 15px;
    float: right;
    color: #000;
  }
  .topnav nav .din-navigation ul#dinnav > li a.nav-img {
    display: none !important;
  }
  .topnav nav .din-navigation ul#dinnav > li a span {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li a {
    /* DESKTOP */
    font-weight: 400;
    border-bottom: none;
    font-size: 17px;
    padding: 0;
  }
}
.topnav nav .din-navigation ul#dinnav > li a:hover {
  color: #20A956;
  background-color: none;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.open {
  /* MOBILE NAVIGATION */
  /* DESKTOP NAVIGATION */
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.open .mm-box, .topnav nav .din-navigation ul#dinnav > li.mega-menu.open ul {
  display: block;
}
@media only screen and (max-width: 1199px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open {
    position: absolute;
    display: block;
    z-index: 10000;
    transition: none;
    top: 0;
    background: #FFFFFF;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > a {
    color: #20A956;
    background-color: #EDF1F2;
    position: relative;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > a:first-child span {
    padding-left: 16px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > a .navback {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    float: left;
    width: 45px;
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    content: "\f054";
    font-size: 15px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > a::before {
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    content: "\f053";
    font-size: 15px;
    float: left;
    margin-left: -25px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > a::after {
    content: "";
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > div.mm-box > ul.sub-menu {
    display: block;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > div.mm-box > ul.sub-menu .mm-headliner {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.open > div.mm-box {
    position: fixed;
    display: block;
    max-height: 60em;
  }
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.open > div.mm-box {
  background: #FFFFFF;
  border-bottom: 1px solid #EDF1F2;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-products > div.mm-box > ul.sub-menu, .topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-career > div.mm-box > ul.sub-menu {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu {
  grid-template-columns: 1fr 1fr 0.5fr !important;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu .mm-headliner {
  display: grid;
  grid-template-columns: 1fr auto; /* Links flexibler Text, rechts Bildbreite */
  grid-template-areas: "title img" "desc img" "link img";
  align-items: start;
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu .mm-headliner {
    gap: 0 20px; /* Abstand zwischen Textspalte und Bildspalte */
  }
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu .mm-headliner .nav-img {
  grid-area: img;
  display: block;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu .mm-headliner .mm-item-title {
  grid-area: title;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu .mm-headliner .mm-item-description {
  grid-area: desc;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-references2 > div.mm-box > ul.sub-menu .mm-headliner .mm-link {
  grid-area: link;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu.mm-products-dfm > div.mm-box > ul.sub-menu {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box {
  display: none;
  /* Menu 2rd level */
  /* Produktfilter NAVI */
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .wishlist-counter {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box {
    /* DESKTOP NAVIGATION */
    display: none;
    top: 66px;
    right: 0;
    left: 0;
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
    /*------------------*/
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box a {
    display: inline-block;
  }
}
.topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu {
  /* WIDESCREEN DESKTOP NAVIGATION */
}
@media only screen and (max-width: 1199px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu {
    /* MOBILE NAVIGATION */
    /*-------------------*/
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column {
    float: none;
    /* Menu 3rd level*/
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > span {
    display: none;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > span.menu-item-description {
    display: none;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column a {
    border-bottom: 1px solid #A8A8A8;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column a.mm-link {
    display: none;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column a::after {
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    content: "\f054";
    font-size: 15px;
    float: right;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column a img {
    display: none;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu {
    position: unset;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu li {
    float: none;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu {
    /* DESKTOP NAVIGATION */
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0px 0;
    z-index: 100;
    margin: 0 25px;
    /*-------------------*/
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.catImg a {
    display: table;
    width: 100%;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.catImg a img {
    margin-right: 8px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.catImg a * {
    display: table-cell;
    vertical-align: middle;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-headliner a:first-child span, .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-headliner .menu-item-title span {
    font-size: 35px !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    line-height: 35px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column {
    float: none;
    border-left: 1px solid #EDF1F2;
    padding: 25px 25px 15px 25px;
    margin: 25px 0;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column:first-child {
    border-left: none;
    padding-left: 0;
    margin: 25px 0;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-linklist > span {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
    color: #393F46;
    display: block;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-linklist ul li a {
    font-weight: normal;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-linklist ul li a::after {
    text-decoration: none;
    content: "➝";
    color: #20A956;
    font-size: 90%;
    margin-left: 0.5em; /* Fügt etwas Abstand zum Text hinzu */
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > span.menu-item-description {
    display: block;
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 22px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 16px;
    color: #828282;
    color: #393F46;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a.nav-img {
    display: block;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a.mm-link {
    color: #20A956;
    font-weight: normal;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a.mm-link:hover {
    color: #393F46;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a.mm-link span {
    text-decoration: underline;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a.mm-link::after {
    text-decoration: none;
    content: "➝";
    font-size: 90%;
    margin-left: 0.5em; /* Fügt etwas Abstand zum Text hinzu */
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a:hover {
    color: #20A956;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column > a img {
    display: block;
    max-width: 100%;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-jobs {
    background: #EDF1F2;
    margin: 0px;
    padding-top: 50px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-jobs a {
    display: block;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-jobs::before {
    content: url("../assets/img/nav/job_icon.svg");
    width: 75px;
    height: 75px;
    display: block;
    margin-bottom: 5px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-jobs .menu-item-description, .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column.mm-jobs .mm-link {
    font-size: 16px;
    line-height: normal;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu {
    position: unset;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu li {
    float: none;
    list-style: none;
    margin-left: 0px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu li.current-menu-item > a, .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu li.current-post-parent > a {
    color: #20A956;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu li span.menu-item-description {
    display: none;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu > li.mm-column ul.sub-menu li a {
    font-size: 16px;
    line-height: 150%;
  }
}
@media only screen and (min-width: 1295px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box > ul.sub-menu {
    margin: 0 25px 0 150px;
    padding: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .menu-item-description, .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-title {
    display: none;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-link {
    border-bottom: 1px solid #A8A8A8;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter {
    background: #EDF1F2;
    padding: 15px 50px 15px 25px;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-container {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    align-items: center;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-container .mm-title {
    color: #393F46;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-container .menu-item-description {
    font-size: 1rem;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-container .productfilter_link {
    text-align: right;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-container .productfilter_link .mm-link {
    border: solid 1px #393F46;
    text-transform: uppercase;
    color: #393F46;
    padding: 5px 15px;
    text-align: center;
    font-size: 13px;
    -webkit-transition: 0.35s ease-in-out !important;
    -moz-transition: 0.35s ease-in-out !important;
    -ms-transition: 0.35s ease-in-out !important;
    -o-transition: 0.35s ease-in-out !important;
    transition: 0.35s ease-in-out !important;
  }
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter .mm-container .productfilter_link .mm-link:hover {
    background: #393F46;
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 1295px) {
  .topnav nav .din-navigation ul#dinnav > li.mega-menu div.mm-box .mm-row.produktfilter {
    padding: 15px 80px 15px 150px;
  }
}
.topnav nav button {
  background: none;
  border: none;
  cursor: pointer;
}
.topnav nav button.nav-toggle {
  position: absolute;
  display: block;
  top: 14px;
}
.topnav nav button.nav-toggle.active .icon-close {
  display: block;
}
.topnav nav button.nav-toggle.active .icon-burger {
  display: none;
}
.topnav nav button.nav-toggle .icon-close {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .topnav nav button.nav-toggle {
    display: none;
  }
}
.topnav nav .topsearch {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}
.topnav nav .topsearch.show {
  visibility: visible;
  -webkit-transition: all 0.2s ease-in-out !important;
  -moz-transition: all 0.2s ease-in-out !important;
  -ms-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  opacity: 1;
}
.topnav nav .topsearch #searchform {
  position: absolute;
  display: block;
  left: 0px;
  right: 80px;
  z-index: 10;
  background: #EDF1F2;
  padding: 0 10px;
}
@media only screen and (min-width: 992px) {
  .topnav nav .topsearch #searchform {
    left: 120px;
    right: 85px;
  }
}
.topnav nav .topsearch #searchform .searchicon {
  position: absolute;
  display: block;
  top: 12px;
}
.topnav nav .topsearch #searchform input {
  width: 90%;
  height: 100%;
  border: none;
  margin-left: 35px;
  background: #EDF1F2;
}
.topnav nav .topsearch #searchform input:-webkit-autofill, .topnav nav .topsearch #searchform input:-webkit-autofill:hover, .topnav nav .topsearch #searchform input:-webkit-autofill:focus, .topnav nav .topsearch #searchform input:-webkit-autofill:active {
  background-color: #EDF1F2 !important;
  -webkit-box-shadow: 0 0 0 50px #EDF1F2 inset;
}
.topnav nav .topsearch #searchform input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}
.topnav nav ul.functions {
  position: absolute;
  display: block;
  top: 14px;
  right: 0;
}
.topnav nav ul.functions li {
  margin: 0 3px 0 0;
  padding: 0 3px 0 0;
  line-height: unset;
  height: unset;
}
.topnav nav ul.functions li:last-child {
  margin: 0;
  padding: 0;
}
.topnav nav ul.functions li.produktfilter {
  display: flex !important;
  position: relative;
  display: inline-block;
}
.topnav nav ul.functions li.produktfilter .wishlist-counter {
  display: flex;
  padding: 0 12px 0 7px;
  align-items: center;
  border: solid 1px #393F46;
  border-left: none;
}
.topnav nav ul.functions li.produktfilter .wishlist-counter i {
  line-height: unset;
  height: unset;
  font-size: 17px; /* Icon-Größe relativ zum Kreis */
}
.topnav nav ul.functions li.produktfilter .wishlist-counter i .fa-heart {
  transition: all 0.2s ease;
}
.topnav nav ul.functions li.produktfilter .wishlist-counter:hover {
  background: #FFFFFF;
}
.topnav nav ul.functions li.produktfilter .wishlist-counter:hover i {
  font-weight: 900;
}
.topnav nav ul.functions li.produktfilter .wishlist-count {
  position: absolute;
  min-width: 16px;
  padding: 2px 3px;
  border-radius: 999px;
  background: #e53935;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  top: 3px;
  right: 1px;
}
.topnav nav ul.functions li a {
  line-height: unset;
  height: unset;
  color: #393F46;
}
.topnav nav ul.functions li button:hover path {
  fill: #20A956;
}
.topnav nav ul.functions li button.search-submit {
  border: none;
  background: #FFFFFF;
}
.topnav nav ul.functions li.filterbutton {
  margin-top: -5px;
  display: none;
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.filterbutton {
    display: unset;
  }
}
.topnav nav ul.functions li.filterbutton a {
  text-transform: uppercase;
  border: 1px solid #393F46;
  color: #393F46;
  padding: 5px 15px;
  font-size: 12px;
}
@media only screen and (min-width: 1200px) {
  .topnav nav ul.functions li.filterbutton a {
    font-size: 13px;
  }
}
.topnav nav ul.functions li.filterbutton a:hover, .topnav nav ul.functions li.filterbutton a:focus {
  background-color: #393F46;
  color: #FFFFFF;
}
.topnav nav ul.functions li.filterbutton .current_page_item a {
  background-color: #393F46;
  color: #FFFFFF;
}
.topnav nav ul.functions li.functions__productSearch a {
  padding: 0;
}
.topnav nav ul.functions li.functions__productSearch a:hover {
  background: unset;
}
.topnav nav ul.functions li.functions__productSearch a:hover path {
  fill: #20A956;
}
.topnav nav ul.functions li.functions__lang a {
  padding: 2px 0 0;
}
.topnav nav ul.functions li.functions__lang a:hover, .topnav nav ul.functions li.functions__lang a:focus {
  background: unset !important;
}
.topnav nav ul.functions li.functions__lang a.languages-trigger::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f107";
  margin-left: 5px;
  font-size: 100%;
  float: right;
}
.topnav nav ul.functions li.functions__lang a.languages-trigger.openlang::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f106";
  margin-left: 5px;
  font-size: 100%;
  float: right;
}
.topnav nav ul.functions li.functions__lang.dfm ul#languages.langdropwdown, .topnav nav ul.functions li.functions__lang.dfm ul#language.langdropwdown {
  left: -145px;
}
.topnav nav ul.functions li.functions__lang.dfm ul#languages.langdropwdown.lang_sl_SI, .topnav nav ul.functions li.functions__lang.dfm ul#languages.langdropwdown.lang_it_IT, .topnav nav ul.functions li.functions__lang.dfm ul#languages.langdropwdown.lang_en_GB, .topnav nav ul.functions li.functions__lang.dfm ul#language.langdropwdown.lang_sl_SI, .topnav nav ul.functions li.functions__lang.dfm ul#language.langdropwdown.lang_it_IT, .topnav nav ul.functions li.functions__lang.dfm ul#language.langdropwdown.lang_en_GB {
  left: -145px;
}
.topnav nav ul.functions li.functions__lang ul#languages, .topnav nav ul.functions li.functions__lang ul#language {
  display: none;
}
.topnav nav ul.functions li.functions__lang ul#languages.active, .topnav nav ul.functions li.functions__lang ul#language.active {
  display: block;
}
.topnav nav ul.functions li.functions__lang ul#languages.langdropwdown, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown {
  position: absolute;
  min-width: 190px;
  width: 190px;
  overflow: hidden;
  top: 42px !important;
  left: -108px;
  border: 1px solid #FFFFFF;
  border-top: none;
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown {
    left: 173px;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown {
    left: 188px;
  }
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown.lang_it_IT, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown.lang_it_IT {
    left: 140px;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown.lang_it_IT, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown.lang_it_IT {
    left: 156px;
  }
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown.lang_en_GB, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown.lang_en_GB {
    left: 160px;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown.lang_en_GB, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown.lang_en_GB {
    left: 176px;
  }
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown.lang_sl_SI, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown.lang_sl_SI {
    left: 156px;
  }
}
@media only screen and (min-width: 1200px) {
  .topnav nav ul.functions li.functions__lang ul#languages.langdropwdown.lang_sl_SI, .topnav nav ul.functions li.functions__lang ul#language.langdropwdown.lang_sl_SI {
    left: 173px;
  }
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item {
  width: 100%;
  min-height: 20px;
  line-height: 20px;
  display: block;
  padding: 5px 10px;
  border-top: 1px solid #FFFFFF;
  background-color: #EDF1F2;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item:first-child, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item:first-child {
  border: none;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item:hover, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item:hover {
  background: #FFFFFF;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item img.flag, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item img.flag {
  margin-right: 10px;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item div, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item div {
  width: 72%;
  float: left;
  line-height: 140%;
  font-size: 13px;
  color: #A8A8A8;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item div span, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item div span {
  display: block;
  font-size: 17px;
  color: #828282;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item a, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item a {
  text-align: right;
  padding: 0;
  line-height: 25px;
}
.topnav nav ul.functions li.functions__lang ul#languages li.language-switcher-item a:hover, .topnav nav ul.functions li.functions__lang ul#language li.language-switcher-item a:hover {
  background: unset !important;
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang.trigger_it ul#languages {
    left: 42px !important;
  }
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang.trigger_en ul#languages {
    left: 70px !important;
  }
}
@media only screen and (min-width: 992px) {
  .topnav nav ul.functions li.functions__lang.trigger_sl ul#languages {
    left: 85px !important;
  }
}

.page-template-tpl_buzzer, .page-template-tpl_gesamtloesung_visionlab {
  overflow: hidden;
}
.page-template-tpl_buzzer .function-box, .page-template-tpl_gesamtloesung_visionlab .function-box {
  position: absolute;
  right: 25px;
  z-index: 1000;
}
.page-template-tpl_buzzer .function-box .languages-trigger, .page-template-tpl_gesamtloesung_visionlab .function-box .languages-trigger {
  color: #FFFFFF !important;
}
.page-template-tpl_buzzer .function-box-game, .page-template-tpl_gesamtloesung_visionlab .function-box-game {
  position: fixed;
  right: 2.5vw;
  z-index: 1000;
  margin-top: 0;
}
.page-template-tpl_buzzer .function-box-game .languages-trigger, .page-template-tpl_gesamtloesung_visionlab .function-box-game .languages-trigger {
  color: #393F46 !important;
}
.page-template-tpl_buzzer .functions, .page-template-tpl_gesamtloesung_visionlab .functions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.page-template-tpl_buzzer .functions .functions__lang, .page-template-tpl_gesamtloesung_visionlab .functions .functions__lang {
  position: relative;
  list-style: none;
}
.page-template-tpl_buzzer .functions .languages-trigger, .page-template-tpl_gesamtloesung_visionlab .functions .languages-trigger {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}
.page-template-tpl_buzzer .functions .languages-trigger.openlang::after, .page-template-tpl_gesamtloesung_visionlab .functions .languages-trigger.openlang::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f106";
}
.page-template-tpl_buzzer .functions .languages-trigger img, .page-template-tpl_gesamtloesung_visionlab .functions .languages-trigger img {
  display: block;
  width: 1.3vw !important;
  height: auto;
}
.page-template-tpl_buzzer .functions .languages-trigger::after, .page-template-tpl_gesamtloesung_visionlab .functions .languages-trigger::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f107";
  font-size: 1vw;
  line-height: 1;
}
.page-template-tpl_buzzer .functions #languages, .page-template-tpl_gesamtloesung_visionlab .functions #languages {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  padding: 0;
  list-style: none;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  display: none;
  z-index: 1000;
}
.page-template-tpl_buzzer .functions #languages.active, .page-template-tpl_gesamtloesung_visionlab .functions #languages.active {
  display: block;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item {
  width: 100%;
  min-height: 20px;
  line-height: 20px;
  display: inline-block;
  padding: 0.5vh 1vh;
  border-top: 1px solid #FFFFFF;
  background-color: #EDF1F2;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item:first-child, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item:first-child {
  border: none;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item:hover, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item:hover {
  background: #FFFFFF;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item img.flag, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item img.flag {
  margin-left: 10px;
  width: 1.3vw !important;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item div, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item div {
  width: 72%;
  float: left;
  line-height: 140%;
  font-size: 13px;
  color: #A8A8A8;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item div span, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item div span {
  display: block;
  font-size: 0.8vw;
  color: #828282;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item a, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  text-decoration: none;
  text-align: right;
  line-height: 25px;
}
.page-template-tpl_buzzer .functions #languages li.language-switcher-item a:hover, .page-template-tpl_gesamtloesung_visionlab .functions #languages li.language-switcher-item a:hover {
  background: unset !important;
}

.sung_koje {
  margin: 0;
  padding: 0;
}
.sung_koje.homescreen .container_fluid__right {
  padding-bottom: 6vh;
  padding-top: unset !important;
  align-content: center;
}
.sung_koje.homescreen .container_fluid__left .buttons {
  grid-template-columns: 0.9fr 1.1fr;
  gap: 1vw;
}
.sung_koje section.kilakitu-boxsystem {
  padding: 0 2vw;
  margin: 1.2vw 0;
}
.sung_koje section.kilakitu-boxsystem.bg-lg {
  background-color: transparent !important;
}
.sung_koje section.kilakitu-boxsystem .boxen {
  gap: 1.2vw;
}
.sung_koje section.kilakitu-boxsystem .boxen .content-inner .media .image {
  height: 28vh;
}
.sung_koje section.kilakitu-boxsystem .boxen .content-inner .content-text {
  padding: 2vh;
}
.sung_koje section.kilakitu-boxsystem .boxen .content-inner .content-text h3 {
  font-size: 1.6vw;
  line-height: 1.7vw;
}
.sung_koje section.kilakitu-boxsystem .boxen .content-inner .content-text .smalltitle {
  font-size: 1vw;
  line-height: 1.4vw;
  margin: 0;
}
.sung_koje section.koje-game .headline-container .supline {
  font-size: 1.2vw;
  line-height: 3vh;
  margin: 1vh 0;
}
.sung_koje section.koje-game .highscore {
  margin: 3.5vh 0 5vh;
}
.sung_koje section.koje-game .highscore__table {
  position: relative;
  font-size: 1.3vw;
  line-height: 4vh;
  margin: 2vh 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1vw;
}
.sung_koje section.koje-game .highscore__table .box:first-child {
  padding: 0;
  padding-right: 10px;
}
.sung_koje section.koje-game .highscore__table .box:first-child > div:nth-child(1) {
  background: #20A956;
  color: #FFFFFF;
  font-weight: 900;
}
.sung_koje section.koje-game .highscore__table .box > div {
  padding: 0.5vh 0.5vw;
  display: grid;
  grid-template-columns: 0.2fr 1fr 1fr;
}
.sung_koje section.koje-game .highscore__table .box > div:nth-child(odd) {
  background-color: #FFFFFF;
}
.sung_koje section.koje-game .highscore__table .box > div div:nth-child(1) {
  font-weight: 900;
  text-align: right;
}
.sung_koje section.koje-game .highscore__table .box > div div:nth-child(2) {
  padding-left: 1vw;
}
.sung_koje section.koje-game .highscore__table .box > div div:nth-child(3) {
  text-align: right;
  padding-right: 0.5em;
}
.sung_koje section.koje-game .highscore__table .box > div div span {
  font-size: 0.9vw;
}
.sung_koje .button {
  font-size: 1.5vw;
  line-height: 7vh;
  padding: 0 2vh;
  height: 7vh;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
}
.sung_koje .button.grey {
  background: #393F46;
  border: 1px solid #393F46 !important;
  color: #FFFFFF;
  border: none;
  text-transform: none;
}
.sung_koje .button.grey:hover {
  background: #FFFFFF;
  color: #393F46;
  border: 1px solid #393F46;
}
.sung_koje .button.green {
  background: #20A956;
  color: #FFFFFF;
  border: 1px solid #20A956;
}
.sung_koje .button.green:hover {
  background: #FFFFFF;
  color: #20A956;
  border: 1px solid #20A956;
}
.sung_koje h1 {
  font-size: 3.5vw;
  line-height: 4.5vh;
}
.sung_koje h2 {
  font-size: 3vw;
}
.sung_koje h3 {
  font-size: 2vw;
  line-height: 3.8vh;
  text-transform: uppercase;
}
.sung_koje h4 {
  font-size: 1.4vw;
  line-height: 2.5vh;
}
.sung_koje p {
  font-size: 1.2vw;
  line-height: 3.2vh;
  color: #393F46;
}
.sung_koje > .container_fluid {
  margin: 0;
  padding: 0;
  height: 100vh;
  position: relative;
  display: grid;
  grid-template-columns: 0.98fr 1.02fr;
}
.sung_koje > .container_fluid .container_fluid__left {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center top !important;
  -moz-background-position: center top !important;
  -ms-background-position: center top !important;
  -o-background-position: center top !important;
  background-position: center top !important;
}
.sung_koje > .container_fluid .container_fluid__left .teaser {
  flex: 1;
  margin: 0 3vw;
  margin-bottom: 9%;
  height: 100%;
  align-content: end;
}
.sung_koje > .container_fluid .container_fluid__left .teaser h2 mark {
  line-height: 80%;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #20A956;
  display: table;
  padding: 1.3vh 0.5vw;
  margin: 1vh 0;
  font-size: 3.8vw;
}
.sung_koje > .container_fluid .container_fluid__left .teaser h2 mark:first-child {
  font-weight: 300;
  text-transform: none;
  font-size: 3.1vw;
}
.sung_koje > .container_fluid .container_fluid__left .teaser h2 mark strong {
  text-transform: uppercase;
}
.sung_koje > .container_fluid .container_fluid__left .buttons {
  position: relative;
  display: grid;
  bottom: 0;
  gap: 0.2vw;
  width: 100%;
  position: relative;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 900;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button:hover {
  background-color: rgba(37, 37, 37, 0.9);
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button span {
  margin-left: 0.5vh;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button span span {
  margin-left: 0px;
  font-style: normal;
  font-weight: 500;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button.back {
  width: 18vw;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button object {
  position: relative;
  display: inline-block;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button.icon_sung_battery object {
  width: 3.5vh;
  top: 0.2vh;
  margin-right: 0.3vw;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button.icon_sung_leuchte object {
  width: 3.5vh;
  top: 0.5vh;
  margin-right: 0.3vw;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button.back object {
  width: 2.5vh;
  top: 0.5vh;
  margin-right: 0.3vw;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button._icon_sung_battery::before {
  content: url("../assets/img/design/icon_sung_battery.svg");
  width: 3.5vh;
  position: absolute;
  margin-left: 0px;
  margin-top: 0.5vh;
}
.sung_koje > .container_fluid .container_fluid__left .buttons .button._icon_sung_leuchte::before {
  content: url("../assets/img/design/icon_sung_leuchte.svg");
  width: 3vh;
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
}
.sung_koje > .container_fluid .container_fluid__right {
  position: relative;
  background-image: url(../assets/img/design/background-right.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 5vh;
}
.sung_koje > .container_fluid .container_fluid__right .container {
  max-width: unset;
}
.sung_koje > .container_fluid .container_fluid__right .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
}
.sung_koje > .container_fluid .container_fluid__right .koje-game {
  padding: 0 3vw;
}
.sung_koje > .container_fluid .container_fluid__right .errormessage {
  position: absolute;
  top: 30%;
  width: 100%;
  z-index: 10000;
  padding: 10vh 8vw;
  background: white;
  color: #2C3E47;
  text-align: center;
}
.sung_koje > .container_fluid .container_fluid__right .errormessage h3 {
  text-transform: none;
}
.sung_koje > .container_fluid .container_fluid__right .errormessage p {
  color: #2C3E47;
  margin-bottom: 4vh;
}
.sung_koje > .container_fluid .container_fluid__right .errormessage .buttons {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.sung_koje > .container_fluid .container_fluid__right .errormessage .buttons .button {
  font-size: 1.2vw;
  padding: 1vh 2vw;
  font-weight: 600;
  height: unset;
  line-height: 4vh;
}
.sung_koje > .container_fluid .container_fluid__right .errormessage form input {
  margin: 0;
}
.sung_koje > .container_fluid .container_fluid__right .messagebox {
  background-color: rgba(148, 148, 148, 0.5);
  padding: 1vw 0;
  margin: 0 3vw;
}
.sung_koje > .container_fluid .container_fluid__right .messagebox.howto {
  display: grid;
  align-items: center;
  grid-template-columns: 8vw 1fr;
  gap: 15px;
}
.sung_koje > .container_fluid .container_fluid__right .messagebox.howto img {
  width: 100%;
}
.sung_koje > .container_fluid .container_fluid__right .messagebox.howto div:nth-child(2) {
  padding: 1vh 1.5vw;
}
.sung_koje > .container_fluid .container_fluid__right .messagebox.howto div:nth-child(2) p {
  color: #2C3E47;
  margin: 1vh 0 0;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore {
  display: none;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .messagebox {
  padding: 3vh;
  font-size: 2vw;
  line-height: 3vh;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore h4 {
  margin-bottom: 1vh;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .entry {
  display: flex;
  gap: 1vw;
  margin-top: 2vh;
  align-items: top;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .entry label {
  font-size: 1.2vw;
  line-height: 4vh;
  color: #393F46;
  width: 11vw;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .entry div {
  width: 100%;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .entry div input {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  background-color: #FFFFFF;
  border: none;
  padding: 2.7vh;
  font-size: 1.2vw;
  line-height: 2vh;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .button {
  background-color: #393F46;
  color: #FFFFFF;
  border: none;
  width: 100%;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .button.green {
  background-color: #20A956;
  padding: 1.3vh 0;
  border: 1px solid #20A956;
  height: 2vh;
  margin: 0;
  height: unset;
  line-height: 3vh;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .button.green::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f091";
  margin-left: 5px;
  font-size: 100%;
  padding-left: 1vw;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .button.green:hover {
  background-color: #393F46;
  border: 1px solid #393F46;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .button.playagain {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  text-transform: uppercase;
}
.sung_koje > .container_fluid .container_fluid__right #formHighscore .button:hover {
  background-color: #20A956;
  border: 1px solid #20A956 !important;
}
.sung_koje .controlkoje {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.sung_koje .controlkoje.button {
  border: none !important;
  text-transform: uppercase !important;
}
.sung_koje .controlkoje.button:hover {
  background-color: #20A956;
  color: #FFFFFF;
}
.sung_koje .controlkoje.button object {
  width: 3.5vh;
  top: 0.7vh;
  margin-left: 1vw;
}

.buzzerbox {
  position: absolute;
  width: 100%;
  height: 100%;
}

.buzzer {
  position: absolute;
  right: 24vw;
  top: 10%;
  z-index: 100;
  padding: 0 0;
  scale: 70%;
}
@media only screen and (min-width: 1000px) {
  .buzzer {
    scale: 80%;
  }
}
@media only screen and (min-width: 2000px) {
  .buzzer {
    right: 23vw;
    scale: 140%;
  }
}
@media only screen and (min-width: 3000px) {
  .buzzer {
    right: 23vw;
    scale: 200%;
  }
}
.buzzer .svgbg {
  position: absolute;
  top: 0;
}
.buzzer .gameTimeStop {
  position: absolute;
  top: 0;
  width: 360px;
  height: 360px;
}
.buzzer .gameTimeStop.hc_bt svg .circle.time {
  animation: 657s circletimer linear;
}
.buzzer .gameTimeStop.hc_lt svg .circle.time {
  animation: 130s circletimer linear;
}
.buzzer .gameTimeStop svg {
  transform: scaleX(-1);
  background-color: transparent;
  transform: rotateZ(124deg);
}
.buzzer .gameTimeStop svg .circle {
  stroke: #20A956;
  stroke-width: 10;
  fill: transparent;
  stroke-dashoffset: 0;
  stroke-dasharray: 0;
}
.buzzer .gameTimeStop svg .circle.transparent {
  stroke: transparent !important;
}
@keyframes circletimer {
  0% {
    stroke-dashoffset: 500;
    stroke-dasharray: 500;
  }
  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 500;
  }
}
.buzzer .timer {
  position: absolute;
  display: block;
  stroke: #92b1c2;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #20A956;
  font-size: 80px;
  line-height: 90px;
  font-weight: 700;
  color: #FFFFFF;
  font-family: "Source Sans Pro", sans-serif;
}
@media only screen and (min-width: 3000px) {
  .buzzer .timer {
    font-size: 2.3vw;
  }
}
.buzzer .sek {
  position: absolute;
  display: block;
  stroke: #92b1c2;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #20A956;
  font-weight: 400;
  color: #FFFFFF;
  font-size: 38px;
  line-height: 45px;
  font-family: "Source Sans Pro", sans-serif;
}
@media only screen and (min-width: 3000px) {
  .buzzer .sek {
    font-size: 0.9vw;
  }
}

.page-template-tpl_gesamtloesung_visionlab {
  overflow: hidden;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 100;
  list-style-type: none;
  position: absolute;
  display: block;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li {
  margin: 0 3px 0 0;
  padding: 0 3px 0 0;
  line-height: unset;
  height: unset;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li:last-child {
  margin: 0;
  padding: 0;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li a {
  line-height: unset;
  height: unset;
  color: #393F46;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang a {
  padding: 2px 0 0;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang a:hover, .page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang a:focus {
  background: unset !important;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang a.languages-trigger::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f107";
  margin-left: 5px;
  font-size: 100%;
  float: right;
  color: #FFFFFF;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang a.languages-trigger.active::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f106";
  margin-left: 5px;
  font-size: 100%;
  float: right;
  color: #FFFFFF;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages.dropdown-content {
  background-color: #EDF1F2;
  padding: 0px;
  min-width: 190px;
  overflow: hidden;
  top: 42px !important;
  left: -110px !important;
  border: 1px solid #FFFFFF;
  border-top: none;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item {
  min-height: 20px;
  line-height: 20px;
  display: block;
  padding: 5px 10px;
  border-top: 1px solid #FFFFFF;
  background-color: #EDF1F2;
  height: 46px;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item:first-child {
  border: none;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item:hover {
  background: #FFFFFF;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item img.flag {
  margin-right: 10px;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item div {
  width: 72%;
  float: left;
  line-height: 140%;
  font-size: 13px;
  color: #A8A8A8;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item div span {
  display: block;
  font-size: 17px;
  color: #828282;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item a {
  text-align: right;
  padding: 0;
  line-height: 25px;
}
.page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang ul#languages li.language-switcher-item a:hover {
  background: unset !important;
}
@media only screen and (min-width: 992px) {
  .page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang.trigger_it ul#languages {
    left: 42px !important;
  }
}
@media only screen and (min-width: 992px) {
  .page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang.trigger_en ul#languages {
    left: 70px !important;
  }
}
@media only screen and (min-width: 992px) {
  .page-template-tpl_gesamtloesung_visionlab .lang-switcher li.functions__lang.trigger_sl ul#languages {
    left: 85px !important;
  }
}

.gesamtloesungswand {
  background: #1b1b1b;
  background: url("/wp-content/themes/din/assets/img/design/gesamtloesung_visionlab/background.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 5vh;
  padding-left: 5vw;
  padding-right: 5vw;
  padding-bottom: 5vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.gesamtloesungswand .container_fluid {
  margin-top: 0px !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px;
  gap: 1vw;
}
.gesamtloesungswand .container_fluid .box {
  background-color: rgba(102, 102, 102, 0.4);
  flex: 1 1 calc(25% - 2vw);
  width: 100%;
  height: 80vh;
  padding: 1vw;
  padding-right: 0vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.gesamtloesungswand .container_fluid .box .img_container {
  height: 40vh;
  display: flex;
  padding-right: 1vw;
  margin-bottom: 2vh;
}
.gesamtloesungswand .container_fluid .box .img_container img {
  max-width: 100%;
  vertical-align: middle;
  object-fit: contain;
}
.gesamtloesungswand .container_fluid .box h3 {
  color: #fff;
  font-size: 2.5vw;
  line-height: 3vw;
  margin-bottom: 10px;
  border-bottom: solid 0.1vh #fff;
  width: 100%;
  text-align: left;
}
.gesamtloesungswand .container_fluid .box p {
  margin: 0px;
  padding: 0px;
  font-size: 1.1vw;
  margin-bottom: 1vh;
  line-height: 1.4vw;
  color: #fff;
  text-align: left;
  width: calc(100% - 1vw);
  margin-right: 1vw;
}
.gesamtloesungswand .container_fluid .box .button_group {
  position: absolute;
  bottom: 3vh;
  width: calc(100% - 1vw);
}
.gesamtloesungswand .container_fluid .box .button_group .info-btn,
.gesamtloesungswand .container_fluid .box .button_group .control-btn {
  width: 100%;
  text-align: left;
  margin: 1vh 0vh;
  padding: 1.4vh 2vh;
  line-height: 1.6vw;
  font-size: 1.3vw;
  font-weight: 600;
  border: none;
  display: block;
  cursor: pointer;
  text-transform: uppercase;
}
.gesamtloesungswand .container_fluid .box .button_group .info-btn.info-btn,
.gesamtloesungswand .container_fluid .box .button_group .control-btn.info-btn {
  background-color: #20A956;
  color: #fff;
}
.gesamtloesungswand .container_fluid .box .button_group .info-btn.control-btn,
.gesamtloesungswand .container_fluid .box .button_group .control-btn.control-btn {
  text-align: left;
  background-color: #1A1A1A;
  color: #BCBCBC;
  letter-spacing: 0px;
  display: flex;
}
.gesamtloesungswand .container_fluid .box .button_group .info-btn.control-btn img.touch,
.gesamtloesungswand .container_fluid .box .button_group .control-btn.control-btn img.touch {
  width: 2.3vw;
  max-width: 2.5vw;
  position: absolute;
  right: 1vw;
}
.gesamtloesungswand .pdf-buttons-left {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.gesamtloesungswand .pdf-buttons-left a {
  padding: 1.2vh 2vh;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  border: 1px solid #fff;
  border-bottom: none;
  cursor: pointer;
  font-size: 1vw;
  transition: background-color 0.3s;
}
.gesamtloesungswand .pdf-buttons-left a:first-child {
  border-left: none;
}
.gesamtloesungswand .pdf-buttons-left a i {
  color: #fff;
  padding-right: 0.5vw;
}
.gesamtloesungswand .pdf-buttons-left a:hover {
  background-color: #444;
}
.gesamtloesungswand .pdf-buttons-right {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.gesamtloesungswand .pdf-buttons-right a {
  padding: 1.2vh 2vh;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  border: 1px solid #fff;
  border-bottom: none;
  cursor: pointer;
  font-size: 1vw;
  transition: background-color 0.3s;
}
.gesamtloesungswand .pdf-buttons-right a:last-child {
  border-right: none;
}
.gesamtloesungswand .pdf-buttons-right a i {
  color: #fff;
  padding-right: 0.5vw;
}
.gesamtloesungswand .pdf-buttons-right a:hover {
  background-color: #444;
}

.page-template-tpl_Kila-kitu-Anlagentechnik ::-moz-selection, .parent-pageid-28167 ::-moz-selection {
  background: #92b1c2 !important;
  color: #FFFFFF;
}
.page-template-tpl_Kila-kitu-Anlagentechnik ::selection, .parent-pageid-28167 ::selection {
  background: #92b1c2 !important;
  color: #FFFFFF;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din, .parent-pageid-28167 .navigation-din {
  background-color: #393F46 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav {
  background: #393F46 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li a {
  color: #FFFFFF !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-multibox .boxen .box .media .tag,
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .tag,
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-image-video-slideshow .slick-dots li.slick-active button,
.page-template-tpl_Kila-kitu-Anlagentechnik header.kilakitu-header.slideText .content .content-inner .slide_headline h1, .parent-pageid-28167 main section.kilakitu-multibox .boxen .box .media .tag,
.parent-pageid-28167 main section.kilakitu-image-video-slideshow .content-inner .slideshow .slide-item .media .tag,
.parent-pageid-28167 main section.kilakitu-image-video-slideshow .slick-dots li.slick-active button,
.parent-pageid-28167 header.kilakitu-header.slideText .content .content-inner .slide_headline h1 {
  background-color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-multibox .boxen .box:hover .content-text .headline h3,
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-image-video-slideshow .slidernav button:hover,
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-image-video-slideshow .slidernav button:hover i, .parent-pageid-28167 main section.kilakitu-multibox .boxen .box:hover .content-text .headline h3,
.parent-pageid-28167 main section.kilakitu-image-video-slideshow .slidernav button:hover,
.parent-pageid-28167 main section.kilakitu-image-video-slideshow .slidernav button:hover i {
  color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-boxen .content .content-inner .benefits .item .inner-content hr, .page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-boxen .content .content-inner .items .item .inner-content hr, .parent-pageid-28167 main section.kilakitu-boxen .content .content-inner .benefits .item .inner-content hr, .parent-pageid-28167 main section.kilakitu-boxen .content .content-inner .items .item .inner-content hr {
  border-color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din, .parent-pageid-28167 .navigation-din {
  border-bottom: 1px solid #828282 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box,
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu,
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu.open,
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-ancestor > a, .page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-item > a, .page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-parent > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box,
.parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu,
.parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu.open,
.parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-ancestor > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-item > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-parent > a {
  background: #393F46 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box > ul.sub-menu > li.mega-menu-column > a:hover,
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-ancestor > a, .page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-item > a, .page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-parent > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box > ul.sub-menu > li.mega-menu-column > a:hover,
.parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-ancestor > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-item > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu > div.mm-box > ul.sub-menu > li.mega-menu-column.current-menu-parent > a {
  color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box > ul.sub-menu > li.mega-menu-column, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box > ul.sub-menu > li.mega-menu-column {
  border-left: 1px solid #828282 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box > ul.sub-menu > li.mega-menu-column:first-child, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.has-mega-menu div.mm-box > ul.sub-menu > li.mega-menu-column:first-child {
  border-left: none !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav ul.functions li a, .parent-pageid-28167 .navigation-din nav ul.functions li a {
  color: #FFFFFF !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.current-menu-ancestor > a, .page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.current-menu-item > a, .page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.current-menu-ancestor > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.current-menu-item > a, .parent-pageid-28167 .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent > a {
  color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav ul.functions li.functions__lang ul#languages.dropdown-content, .parent-pageid-28167 .navigation-din nav ul.functions li.functions__lang ul#languages.dropdown-content {
  left: inherit !important;
  border: 1px solid #828282 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav ul.functions li.functions__lang ul#languages li.language-switcher-item, .parent-pageid-28167 .navigation-din nav ul.functions li.functions__lang ul#languages li.language-switcher-item {
  background-color: #393F46 !important;
  border-top: 1px solid #828282 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik .navigation-din nav ul.functions li.functions__lang ul#languages li.language-switcher-item div span, .parent-pageid-28167 .navigation-din nav ul.functions li.functions__lang ul#languages li.language-switcher-item div span {
  color: #FFFFFF !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-hotspots .hotspot .icon .circle,
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-hotspots .background .hotspot-mobile, .parent-pageid-28167 main section.kilakitu-hotspots .hotspot .icon .circle,
.parent-pageid-28167 main section.kilakitu-hotspots .background .hotspot-mobile {
  background-color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-hotspots .hotspot .icon .ringring, .parent-pageid-28167 main section.kilakitu-hotspots .hotspot .icon .ringring {
  border: 2px solid #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-hotspots .hotspot .icon-mobile, .parent-pageid-28167 main section.kilakitu-hotspots .hotspot .icon-mobile {
  background: #92b1c2 !important;
}
@media only screen and (min-width: 768px) {
  .page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-hotspots .hsbox, .parent-pageid-28167 main section.kilakitu-hotspots .hsbox {
    padding-bottom: 42% !important;
  }
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-textimg .content .content-inner .button, .parent-pageid-28167 main section.kilakitu-textimg .content .content-inner .button {
  color: #FFFFFF !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik main section.kilakitu-textimg .content .content-inner .button:hover, .parent-pageid-28167 main section.kilakitu-textimg .content .content-inner .button:hover {
  color: #393F46 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer, .parent-pageid-28167 footer {
  padding-top: 0px !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer a, .parent-pageid-28167 footer a {
  color: #FFFFFF !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer a:hover, .parent-pageid-28167 footer a:hover {
  color: #92b1c2 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner, .parent-pageid-28167 footer section.partner {
  background-color: #fff;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 0;
  overflow: hidden;
  border-top: 1px solid #AAAAAC;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row, .parent-pageid-28167 footer section.partner .row {
  margin-bottom: 0;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row, .parent-pageid-28167 footer section.partner .row .row {
  margin-bottom: 0;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder, .parent-pageid-28167 footer section.partner .row .row .partner-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right {
  float: right;
}
@media only screen and (max-width: 768px) {
  .page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right {
    float: none;
  }
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right p, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right p {
  float: left;
  margin-top: 15px;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right img, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right img {
  position: relative;
  display: inline-block;
  width: auto;
  height: 26px;
  float: left;
  margin: 15px 0 0 10px;
}
@media only screen and (max-width: 768px) {
  .page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right img, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right img {
    margin: 15px 0 0 10px;
  }
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right img.first, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right img.first {
  padding-right: 13px;
  border-right: 1px solid #AAAAAC;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder .partner-holder-right img.bigger, .parent-pageid-28167 footer section.partner .row .row .partner-holder .partner-holder-right img.bigger {
  height: 55px !important;
  margin-top: 0 !important;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder p, .parent-pageid-28167 footer section.partner .row .row .partner-holder p {
  position: relative;
  display: inline-block;
  width: auto;
  color: #777;
  font-size: 17px;
  line-height: 26px;
  margin: 15px 0 0 0;
  margin-left: 0px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .page-template-tpl_Kila-kitu-Anlagentechnik footer section.partner .row .row .partner-holder p, .parent-pageid-28167 footer section.partner .row .row .partner-holder p {
    display: block;
    margin: 0;
    padding-top: 8px;
    clear: both;
    line-height: 23px;
  }
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact, .parent-pageid-28167 footer section.contact {
  background-color: #92B1C2;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 16px 0;
  overflow: hidden;
  margin-bottom: 35px;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row, .parent-pageid-28167 footer section.contact .row {
  margin-bottom: 0;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row, .parent-pageid-28167 footer section.contact .row .row {
  margin-bottom: 0;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .contact-holder, .parent-pageid-28167 footer section.contact .row .row .contact-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .contact-holder .contact-description, .parent-pageid-28167 footer section.contact .row .row .contact-holder .contact-description {
  position: relative;
  display: block;
  width: 100%;
  max-width: 480px;
  height: auto;
  padding-top: 10px;
}
@media only screen and (max-width: 992px) {
  .page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .contact-holder .contact-description, .parent-pageid-28167 footer section.contact .row .row .contact-holder .contact-description {
    max-width: 100%;
    padding: 0;
  }
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .contact-holder .contact-description p, .parent-pageid-28167 footer section.contact .row .row .contact-holder .contact-description p {
  color: #fff;
  font-size: 17px;
  line-height: 23px;
  margin: 0;
  padding: 0;
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .button-holder a, .parent-pageid-28167 footer section.contact .row .row .button-holder a {
  background-color: transparent;
  position: relative;
  display: inline-block;
  width: auto;
  height: 44px;
  color: #fff;
  font-size: 17px;
  line-height: 42px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #fff;
  padding: 0 16px;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  float: right;
}
@media only screen and (max-width: 600px) {
  .page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .button-holder a, .parent-pageid-28167 footer section.contact .row .row .button-holder a {
    float: left;
    margin-top: 16px;
    margin-bottom: 8px;
  }
}
.page-template-tpl_Kila-kitu-Anlagentechnik footer section.contact .row .row .button-holder a:hover, .parent-pageid-28167 footer section.contact .row .row .button-holder a:hover {
  color: #92B1C2;
  background-color: #fff;
}

/* ==========================================================
   ===== START / SECTION kilakitu-module/boxsystem.scss =====
   ========================================================== */
main section.kilakitu-campaign#coffeedate {
  padding: 70px 0;
}
main section.kilakitu-campaign#coffeedate #loading {
  padding: 15px 0;
  font-size: 16px;
  color: #20A956;
  margin-top: 10px;
}
main section.kilakitu-campaign#coffeedate .buttons {
  margin-top: 15px;
}
main section.kilakitu-campaign#coffeedate .buttons #sendmailBtn {
  float: right;
}
main section.kilakitu-campaign#coffeedate .buttons button:disabled, main section.kilakitu-campaign#coffeedate .buttons button[disabled] {
  background-color: #828282;
  color: #FFFFFF;
  cursor: not-allowed;
}
main section.kilakitu-campaign#coffeedate .loading p {
  color: #20A956;
}
main section.kilakitu-campaign#coffeedate #result {
  margin-top: 0px;
  margin-bottom: 20px;
}
main section.kilakitu-campaign#coffeedate #result .message {
  margin-bottom: 0;
  padding: 20px;
  background: #FFFFFF !important;
}
main section.kilakitu-campaign#coffeedate #result .message.green {
  color: #20A956;
}
main section.kilakitu-campaign#coffeedate #result .message.red {
  color: #ff0000;
}
main section.kilakitu-campaign#coffeedate #result h2 {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #828282;
}
main section.kilakitu-campaign#coffeedate .matched-pair {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#coffeedate .matched-pair {
    flex-direction: row;
  }
}
main section.kilakitu-campaign#coffeedate .matched-pair .user-pair {
  background-color: white;
  padding: 15px;
  border: 1px solid #20A956;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  text-align: center;
  justify-items: center;
  font-size: 15px;
  line-height: 17px;
}
main section.kilakitu-campaign#coffeedate .matched-pair div {
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#coffeedate .matched-pair div {
    margin-bottom: 0;
  }
}
main section.kilakitu-campaign#coffeedate .matched-pair div i {
  font-size: 30px;
  color: #20A956;
  padding: 10px 0;
  margin-top: 50px;
}
main section.kilakitu-campaign#coffeedate .matched-pair div img {
  display: block;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  object-fit: cover;
  margin-bottom: 5px;
}
main section.kilakitu-campaign#coffeedate.bg-white .boxen.boxed .content-inner {
  background-color: #EDF1F2;
}
main section.kilakitu-campaign#coffeedate.bg-grey h2,
main section.kilakitu-campaign#coffeedate.bg-grey p {
  color: #FFFFFF;
}
main section.kilakitu-campaign#coffeedate.bg-grey .content-inner .headline p,
main section.kilakitu-campaign#coffeedate.bg-grey .content-inner .text p {
  color: #393F46;
}
main section.kilakitu-campaign#coffeedate .headline {
  margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#coffeedate .headline.center {
    text-align: center;
  }
}
main section.kilakitu-campaign#coffeedate .headline .smalltitle {
  margin-top: 5px;
}
main section.kilakitu-campaign#coffeedate .subtitle {
  margin: 0;
}
main section.kilakitu-campaign#coffeedate .content {
  display: grid;
  grid-gap: 45px;
}
main section.kilakitu-campaign#coffeedate .content ol {
  padding-left: 20px;
}
main section.kilakitu-campaign#coffeedate .content ol li {
  margin: 15px 0;
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-campaign#coffeedate .content {
    grid-template-columns: 40% 60%;
  }
}
main section.kilakitu-campaign#coffeedate .content form {
  position: relative;
  margin: 45px 0;
}
main section.kilakitu-campaign#coffeedate .content .media {
  position: relative;
  padding: 0 0;
}
main section.kilakitu-campaign#coffeedate .content .media img {
  max-width: 100%;
}
main section.kilakitu-campaign#advent2025 {
  padding: 0;
}
main section.kilakitu-campaign#advent2025 .container-fluid {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#advent2025 .container-fluid {
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}
main section.kilakitu-campaign#advent2025 img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  background-position: top center;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#advent2025 img {
    height: 100%;
  }
}
main section.kilakitu-campaign#advent2025 .content {
  max-width: 1294px;
  padding: 15px 20px 25px;
}
@media only screen and (min-width: 768px) {
  main section.kilakitu-campaign#advent2025 .content {
    padding: 75px 25px 75px 25px;
    display: grid;
    align-self: center;
  }
}
@media only screen and (min-width: 1024px) {
  main section.kilakitu-campaign#advent2025 .content .content-inner {
    width: 420px;
  }
}
main section.kilakitu-campaign#advent2025 .content .content-inner form {
  margin: 25px 0 0;
  padding: 0;
}
@media only screen and (min-width: 1200px) {
  main section.kilakitu-campaign#advent2025 .content .content-inner {
    width: 510px;
    margin-right: 0;
  }
}

main > :first-child {
  margin-top: 66px;
}

.page-template-tpl_News main section.news-grid {
  margin-top: 0px;
}

#hideme {
  display: none;
}

html {
  scroll-behavior: smooth;
  height: 100%;
}

.row {
  margin-bottom: 0;
}

/* Honeypot for forms*/
label.ohhney, input.ohhney {
  display: none !important;
  visibility: hidden !important;
}

/* MATOMO HEATMAP - Anpassung min-height */
[data-scroll].piwikHsr,
[data-scroll=in].piwikHsr,
[data-scroll=out].piwikHsr,
[data-scroll].matomoHsr,
[data-scroll=in].matomoHsr,
[data-scroll=out].matomoHsr,
[data-scroll].piwikHeatmap,
[data-scroll=in].piwikHeatmap,
[data-scroll=out].piwikHeatmap,
[data-scroll].matomoHea,
[data-scroll=in].matomoHea,
[data-scroll=out].matomoHea {
  opacity: 1 !important;
  transition: none !important;
  transform: none !important;
}

html.piwikHsr [data-scroll],
html.piwikHsr [data-scroll=in],
html.piwikHsr [data-scroll=out],
html.matomoHsr [data-scroll],
html.matomoHsr [data-scroll=in],
html.matomoHsr [data-scroll=out],
html.piwikHeatmap [data-scroll],
html.piwikHeatmap [data-scroll=in],
html.piwikHeatmap [data-scroll=out],
html.matomoHea [data-scroll],
html.matomoHea [data-scroll=in],
html.matomoHea [data-scroll=out] {
  opacity: 1 !important;
  transition: none !important;
  transform: none !important;
}
html.piwikHsr main section.kilakitu-textimg,
html.piwikHsr main section.kilakitu-textimg .content,
html.piwikHsr main section.p-single-textimg,
html.piwikHsr main section.p-single-textimg.showLeft .content,
html.piwikHsr main section.p-single-textimg.showRight .content,
html.piwikHsr main section.p-single-textimg .bgImg-holder main section.p-single-textimg .bgImg,
html.piwikHsr main section.p-single-textimg .vidbox,
html.piwikHsr main section.p-single-textimg video,
html.piwikHsr main section.p-single-textimg .content,
html.piwikHsr main section.p-single-textimg source,
html.matomoHsr main section.kilakitu-textimg,
html.matomoHsr main section.kilakitu-textimg .content,
html.matomoHsr main section.p-single-textimg,
html.matomoHsr main section.p-single-textimg.showLeft .content,
html.matomoHsr main section.p-single-textimg.showRight .content,
html.matomoHsr main section.p-single-textimg .bgImg-holder main section.p-single-textimg .bgImg,
html.matomoHsr main section.p-single-textimg .vidbox,
html.matomoHsr main section.p-single-textimg video,
html.matomoHsr main section.p-single-textimg .content,
html.matomoHsr main section.p-single-textimg source,
html.piwikHeatmap main section.kilakitu-textimg,
html.piwikHeatmap main section.kilakitu-textimg .content,
html.piwikHeatmap main section.p-single-textimg,
html.piwikHeatmap main section.p-single-textimg.showLeft .content,
html.piwikHeatmap main section.p-single-textimg.showRight .content,
html.piwikHeatmap main section.p-single-textimg .bgImg-holder main section.p-single-textimg .bgImg,
html.piwikHeatmap main section.p-single-textimg .vidbox,
html.piwikHeatmap main section.p-single-textimg video,
html.piwikHeatmap main section.p-single-textimg .content,
html.piwikHeatmap main section.p-single-textimg source,
html.matomoHea main section.kilakitu-textimg,
html.matomoHea main section.kilakitu-textimg .content,
html.matomoHea main section.p-single-textimg,
html.matomoHea main section.p-single-textimg.showLeft .content,
html.matomoHea main section.p-single-textimg.showRight .content,
html.matomoHea main section.p-single-textimg .bgImg-holder main section.p-single-textimg .bgImg,
html.matomoHea main section.p-single-textimg .vidbox,
html.matomoHea main section.p-single-textimg video,
html.matomoHea main section.p-single-textimg .content,
html.matomoHea main section.p-single-textimg source {
  min-height: 800px !important;
}
html.piwikHsr main section.kilakitu-slider,
html.piwikHsr main section.kilakitu-slider.bgImage,
html.piwikHsr main section.kilakitu-slider .content-slider .flexbox,
html.piwikHsr main section.p-single-slider,
html.piwikHsr main section.p-single-slider.bgImage,
html.piwikHsr main section.p-single-slider .content-slider .flexbox,
html.matomoHsr main section.kilakitu-slider,
html.matomoHsr main section.kilakitu-slider.bgImage,
html.matomoHsr main section.kilakitu-slider .content-slider .flexbox,
html.matomoHsr main section.p-single-slider,
html.matomoHsr main section.p-single-slider.bgImage,
html.matomoHsr main section.p-single-slider .content-slider .flexbox,
html.piwikHeatmap main section.kilakitu-slider,
html.piwikHeatmap main section.kilakitu-slider.bgImage,
html.piwikHeatmap main section.kilakitu-slider .content-slider .flexbox,
html.piwikHeatmap main section.p-single-slider,
html.piwikHeatmap main section.p-single-slider.bgImage,
html.piwikHeatmap main section.p-single-slider .content-slider .flexbox,
html.matomoHea main section.kilakitu-slider,
html.matomoHea main section.kilakitu-slider.bgImage,
html.matomoHea main section.kilakitu-slider .content-slider .flexbox,
html.matomoHea main section.p-single-slider,
html.matomoHea main section.p-single-slider.bgImage,
html.matomoHea main section.p-single-slider .content-slider .flexbox {
  height: 800px !important;
}
html.piwikHsr main section.p-single-factsanddata,
html.piwikHsr main section.p-single-factsanddata .content,
html.piwikHsr main section.p-single-factsanddata .content .imageBox,
html.piwikHsr main section.p-single-factsanddata .content .container.text-content,
html.matomoHsr main section.p-single-factsanddata,
html.matomoHsr main section.p-single-factsanddata .content,
html.matomoHsr main section.p-single-factsanddata .content .imageBox,
html.matomoHsr main section.p-single-factsanddata .content .container.text-content,
html.piwikHeatmap main section.p-single-factsanddata,
html.piwikHeatmap main section.p-single-factsanddata .content,
html.piwikHeatmap main section.p-single-factsanddata .content .imageBox,
html.piwikHeatmap main section.p-single-factsanddata .content .container.text-content,
html.matomoHea main section.p-single-factsanddata,
html.matomoHea main section.p-single-factsanddata .content,
html.matomoHea main section.p-single-factsanddata .content .imageBox,
html.matomoHea main section.p-single-factsanddata .content .container.text-content {
  height: 800px !important;
}
html.piwikHsr header.p-single-header, html.piwikHsr header.p-single-header-21,
html.matomoHsr header.p-single-header,
html.matomoHsr header.p-single-header-21,
html.piwikHeatmap header.p-single-header,
html.piwikHeatmap header.p-single-header-21,
html.matomoHea header.p-single-header,
html.matomoHea header.p-single-header-21 {
  height: 800px !important;
}
html.piwikHsr main section.p-single-video .content,
html.matomoHsr main section.p-single-video .content,
html.piwikHeatmap main section.p-single-video .content,
html.matomoHea main section.p-single-video .content {
  height: 800px !important;
}

/* -- Text LIghtbox -- */
.overlay-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999999 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.overlay-backdrop.produktdaten .overlay-content {
  background-color: #EDF1F2;
}
.overlay-backdrop.produktdaten .overlay-content .form-header {
  margin-bottom: 45px;
}
.overlay-backdrop.produktdaten .overlay-content .form textarea {
  max-height: 120px;
}
.overlay-backdrop.produktdaten .overlay-content .form button {
  margin: 15px 0 35px;
}
.overlay-backdrop .overlay-content {
  background: #fff;
  padding: 45px;
  padding-bottom: 10px;
  border-radius: 0px;
  max-width: 600px;
  max-height: 85%;
  overflow: auto;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  margin: 10%;
}
@media only screen and (min-width: 768px) {
  .overlay-backdrop .overlay-content {
    margin: unset;
  }
}
.overlay-backdrop .overlay-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 18px;
  color: #333;
}

/* -- Text LIghtbox -- */
.sung_rocket {
  overflow: hidden;
  text-align: center;
}
.sung_rocket video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}
.sung_rocket video {
  object-fit: cover;
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.sung_rocket video[poster] {
  height: 100%;
  width: 100%;
}
.sung_rocket .overlay {
  position: absolute;
  z-index: 1000;
  width: 500px;
  left: 13%;
  top: 30%;
}
.sung_rocket .overlay h1 {
  color: #FFFFFF;
  font-weight: 300;
}
.sung_rocket .overlay h1 span {
  font-weight: 600;
}
.sung_rocket .overlay button {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  margin-top: 25px;
}

.error-message-holder label.error {
  display: none !important;
}

.category-fsu .langSwitch_sl, .category-fsu .langSwitch_en, .category-fsu .langSwitch_hr {
  display: none !important;
}

.category-praxisbeispiele .langSwitch_sl, .category-praxisbeispiele .langSwitch_en, .category-praxisbeispiele .langSwitch_hr, .category-praxisbeispiele .langSwitch_it {
  display: none !important;
}

.category-457 .functions__lang {
  display: none;
}

@media only screen and (min-width: 992px) {
  .hide_desktop {
    display: none;
  }
}

.hideme {
  display: none;
}

.brand-logo svg {
  width: 92px;
  height: 44px;
}

.category-karriere-de .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent:nth-last-child(2) > a,
.category-karriere .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent:nth-last-child(2) > a,
.category-karijera .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent:nth-last-child(2) > a,
.category-kariera .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent:nth-last-child(2) > a,
.category-kariera .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent:nth-last-child(2) > a,
.category-carriera .navigation-din nav .main-navigation ul#mainnav > li.current-menu-parent:nth-last-child(2) > a {
  color: unset;
}

.single-praxisbeispiel .menu-item-regulations > a, .single-produkte_service .menu-item-products > a, .single-referenzen .menu-item-references > a, .single-jobs .menu-item-career > a {
  color: #20A956 !important;
}

.clear {
  clear: both;
  float: none;
}

/* Hide Breadcrumb elements spendenaktion*/
.postid-24306 .bc_1, .postid-24306 .delimiter_0 {
  display: none !important;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hidden {
  margin: 0;
  visibility: hidden;
  font-size: 1;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

a {
  color: #20A956;
}
a:hover {
  text-decoration: none;
}

p,
i,
ul,
ol {
  color: #828282;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.showprint {
  display: none;
}

.resp_img {
  max-width: 100%;
  height: auto;
}

body {
  background-color: #FFFFFF;
  color: #393F46;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 17px;
  line-height: 22px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  display: flex;
  flex-direction: column;
}
body.disable-scroll {
  overflow: hidden !important;
}
body.is-loading {
  overflow: hidden;
}

.container {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1294px;
  padding: 0 25px;
  clear: both;
}
@media only screen and (min-width: 1294px) {
  .container {
    padding: 0 15px;
  }
}

.category-jobs .breadcrumb a.bc_3, .category-jobs .breadcrumb .delimiter_3 {
  display: none !important;
}

.row-clear-margin {
  margin-bottom: 0px !important;
}

.img-responsive {
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
}

/* modalvideo - overlay*/
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.modal-video-close {
  opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -o-transform: translate(0, 100px);
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}
.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}

.modal-video-close-btn:after {
  transform: rotate(-45deg);
}

.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}

input[type=date] {
  -webkit-appearance: none;
  content: attr(placeholder) !important;
  min-height: 40px;
}

input {
  content: attr(placeholder) !important;
}

html[lang=de-at] p,
html[lang=en-gb] p,
html[lang=sl-si] p,
html[lang=de-de] p {
  hyphens: auto;
}

html:lang(it-it) * {
  hyphens: none;
}

b,
strong,
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  hyphens: auto;
}

b,
strong,
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 33px;
  line-height: 36px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 50px;
    line-height: 54px;
  }
}
h2 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  h2 {
    font-size: 35px;
    line-height: 39px;
  }
}
h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  color: #393F46;
}
@media only screen and (min-width: 768px) {
  h3 {
    font-size: 24px;
    line-height: 29px;
  }
}

h4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}

h5 {
  font-size: 16px;
  font-size: 20px;
  font-weight: 600;
}

h6 {
  font-size: 15px;
  font-size: 19px;
  font-weight: 600;
}

a {
  position: relative;
  text-decoration: none;
}

.bg-grey {
  background-color: #393F46;
}

.bg-lg {
  background-color: #EDF1F2;
}

.bg-lg2 {
  background-color: #f7f7f7;
}

.bg-green {
  background-color: #20A956;
}

.bg-white {
  background-color: #FFFFFF;
}

header a, .main a {
  position: relative;
  color: #20A956;
  text-decoration: underline;
  -webkit-transition: all 0.35s ease-in-out !important;
  -moz-transition: all 0.35s ease-in-out !important;
  -ms-transition: all 0.35s ease-in-out !important;
  -o-transition: all 0.35s ease-in-out !important;
  transition: all 0.35s ease-in-out !important;
  -webkit-transition: all 0.45s ease !important;
  -moz-transition: all 0.45s ease !important;
  -ms-transition: all 0.45s ease !important;
  -o-transition: all 0.45s ease !important;
  transition: all 0.45s ease !important;
  outline: 0px none !important;
}
header a:hover, .main a:hover {
  text-decoration: none;
}

a[href^="tel:"] {
  color: inherit;
  text-decoration: none !important;
}

::selection {
  background: #20A956;
  color: #FFFFFF;
}

::selection {
  background: #20A956;
  color: #FFFFFF;
}

.button, .submit, a.button {
  border: none;
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: auto;
  font-size: 17px;
  line-height: 110%;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 35px;
  cursor: pointer;
  border: 1px solid #393F46;
  color: #393F46;
  background-color: transparent;
  font-weight: 600;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 992px) {
  .button, .submit, a.button {
    font-size: 17px;
  }
}
.button:hover, .button.active, .submit:hover, .submit.active, a.button:hover, a.button.active {
  background-color: #393F46;
  color: #FFFFFF;
  border: 1px solid #393F46;
}
.button:disabled, .button[disabled], .submit:disabled, .submit[disabled], a.button:disabled, a.button[disabled] {
  background-color: #828282 !important;
  color: #FFFFFF !important;
  cursor: not-allowed !important;
  display: inline-block !important;
  border: none !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
}
.button.googleplay, .submit.googleplay, a.button.googleplay {
  text-indent: -999px;
  width: 170px;
  height: 50px;
  padding: 0;
  border: none;
  background-image: url(../assets/img/design/btn_googleplay.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
.button.googleplay:hover, .submit.googleplay:hover, a.button.googleplay:hover {
  background-color: transparent;
}
.button.appstore, .submit.appstore, a.button.appstore {
  text-indent: -999px;
  width: 150px;
  height: 50px;
  padding: 0;
  border: none;
  background-image: url(../assets/img/design/btn_appstore.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
.button.appstore:hover, .submit.appstore:hover, a.button.appstore:hover {
  background-color: transparent;
}
.button.white, .submit.white, a.button.white {
  border: 1px solid #FFFFFF;
  margin: 10px 0 10px;
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: transparent;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.button.white:hover, .button.white.active, .submit.white:hover, .submit.white.active, a.button.white:hover, a.button.white.active {
  background-color: #FFFFFF !important;
  color: #393F46 !important;
}
.button.greenborder, .submit.greenborder, a.button.greenborder {
  border: 1px solid #20A956;
  margin: 10px 0 10px;
  text-transform: uppercase;
  color: #20A956;
  background-color: transparent;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.button.greenborder:hover, .submit.greenborder:hover, a.button.greenborder:hover {
  background-color: #20A956 !important;
  color: #FFFFFF !important;
}
.button.green, .submit.green, a.button.green {
  margin: 10px 0 10px;
  border: none;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  background-color: #20A956;
  border: 1px solid #20A956;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.button.green:hover, .submit.green:hover, a.button.green:hover {
  background-color: #393F46;
  border: 1px solid #393F46;
  color: #FFFFFF;
}
.button.submit-hide, .submit.submit-hide, a.button.submit-hide {
  border: none;
  background-color: #393F46;
  opacity: 0.25;
  cursor: not-allowed;
  display: inline-block;
  pointer-events: none;
  color: #FFFFFF;
}
.button.blue, .submit.blue, a.button.blue {
  border: none;
  background-color: #92b1c2;
  color: #FFFFFF;
}
.button.blue:hover, .submit.blue:hover, a.button.blue:hover {
  background-color: #393F46;
}
.button.tabs, .submit.tabs, a.button.tabs {
  border: none;
  color: #FFFFFF;
  text-transform: none;
  padding: 0;
}

p.description, div.description, article.description {
  margin: 15px 0 25px;
  padding: 0;
  font-size: 17px;
  line-height: 23px;
  color: #828282;
}
@media only screen and (max-width: 992px) {
  p.description, div.description, article.description {
    font-size: 17px;
    line-height: 22px;
  }
}
p.description p, div.description p, article.description p {
  margin: 15px 0;
  padding: 0;
}

.form .form_entry {
  position: relative;
}
.form label {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 8px;
  color: #828282;
  font-size: 13px;
}
.form label.error, .form label .error {
  position: absolute;
  display: none;
}
.form label span {
  -webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  filter: blur(0px) !important;
  font-size: 13px;
}
.form label span a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
.form label span a span {
  position: relative;
  padding-bottom: 0;
}
.form label span a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.form label span a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.form label span a:hover {
  color: #828282;
}
.form label span a:hover span:after {
  left: 0;
}
.form input[type=number]::-webkit-outer-spin-button,
.form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form input[type=number] {
  -moz-appearance: textfield;
}
.form input[type=text],
.form input[type=number],
.form input[type=email],
.form input[type=tel] {
  font-size: 17px;
  color: #828282;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  overflow: hidden;
  padding: 0 16px;
  line-height: 44px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #E2E8EB;
}
.form input[type=text].error,
.form input[type=number].error,
.form input[type=email].error,
.form input[type=tel].error {
  border: 1px solid #FF2727;
}
.form textarea {
  font-size: 17px;
  color: #828282;
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: 210px;
  overflow: hidden;
  padding: 16px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #E2E8EB;
}
.form textarea.error {
  border: 1px solid #FF2727;
}
.form input.valid:not([type]), .form input.valid:not([type]):focus, .form input.valid[type=text]:not(.browser-default), .form input.valid[type=text]:not(.browser-default):focus, .form input.valid[type=password]:not(.browser-default), .form input.valid[type=password]:not(.browser-default):focus, .form input.valid[type=email]:not(.browser-default), .form input.valid[type=email]:not(.browser-default):focus, .form input.valid[type=url]:not(.browser-default), .form input.valid[type=url]:not(.browser-default):focus, .form input.valid[type=time]:not(.browser-default), .form input.valid[type=time]:not(.browser-default):focus, .form input.valid[type=date]:not(.browser-default), .form input.valid[type=date]:not(.browser-default):focus, .form input.valid[type=datetime]:not(.browser-default), .form input.valid[type=datetime]:not(.browser-default):focus, .form input.valid[type=datetime-local]:not(.browser-default), .form input.valid[type=datetime-local]:not(.browser-default):focus, .form input.valid[type=tel]:not(.browser-default), .form input.valid[type=tel]:not(.browser-default):focus, .form input.valid[type=number]:not(.browser-default), .form input.valid[type=number]:not(.browser-default):focus, .form input.valid[type=search]:not(.browser-default), .form input.valid[type=search]:not(.browser-default):focus, .form textarea.materialize-textarea.valid, .form textarea.materialize-textarea.valid:focus, .form .select-wrapper.valid > input.select-dropdown {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form [data-parent] {
  display: none;
}
.form [type=checkbox] + span:not(.lever) {
  height: 20px;
  line-height: 20px;
}
.form [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  background-color: #FFFFFF;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}
.form [type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: #FFFFFF;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}
.form [type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: -14px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 0;
}
.form [type=checkbox].filled-in:checked + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 1;
}
.form [type=checkbox].error:not(:checked) + span:not(.lever):after {
  border: 1px solid #FF2727;
  border-radius: 0px;
}
.form .google-info {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px 0;
}
.form .google-info a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
.form .google-info a span {
  position: relative;
  padding-bottom: 0;
}
.form .google-info a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.form .google-info a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.form .google-info a:hover {
  color: #828282;
}
.form .google-info a:hover span:after {
  left: 0;
}

/* Styling Selectbox */
.selectbox {
  height: 44px;
}

.dropdown {
  width: 100%;
  display: inline-block;
  background-color: #FFFFFF;
  border-radius: 2px;
  transition: all 0.5s ease;
  position: relative;
  font-size: 17px;
  color: #828282;
  height: 100%;
  text-align: left;
  border: 1px solid #E2E8EB;
}
.dropdown.error {
  border: 1px solid #FF2727;
}
.dropdown.error .select {
  margin-top: -2px;
}
.dropdown:active {
  background-color: #f8f8f8;
}
.dropdown.active .select > i {
  transform: rotate(180deg);
}
.dropdown .select-hidden {
  display: block !important;
  border: 0;
  margin: 0;
  padding: 0;
  height: 1px;
  opacity: 0;
  position: relative;
  top: 44px;
}
.dropdown .select-hidden.error {
  border: 1px solid #FF2727;
}
.dropdown .select-hidden.error .select {
  margin-top: -2px;
}
.dropdown .select {
  cursor: pointer;
  display: block;
  padding: 10px;
}
.dropdown .select > i {
  font-size: 13px;
  color: #888;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  float: right;
  line-height: 20px;
}
.dropdown .dropdown-menu {
  position: absolute;
  background-color: #FFFFFF !important;
  width: 100%;
  margin-top: 0px;
  overflow: hidden;
  display: none;
  padding-top: 2px;
  max-height: 210px;
  overflow-y: auto;
  z-index: 9;
  border-bottom: 1px solid #E2E8EB;
  border-left: 1px solid #E2E8EB;
  border-right: 1px solid #E2E8EB;
  border-radius: 2px;
  padding: 0;
  list-style: none;
}
.dropdown .dropdown-menu li {
  padding: 10px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.dropdown .dropdown-menu li:hover {
  background-color: #EDF1F2;
}
.dropdown .dropdown-menu li:active {
  background-color: #e2e2e2;
}
.dropdown .dropdown-menu li:focus {
  background-color: #e2e2e2;
}

form .error-message-holder, .form .error-message-holder {
  background: #FF2727; /* The Fallback */
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 16px;
}
form .error-message-holder p, .form .error-message-holder p {
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  margin: 12px 0;
}
form .errorRadio [type=radio]:not(:checked) + span:before, form .errorRadio [type=radio]:not(:checked) + span:after, .form .errorRadio [type=radio]:not(:checked) + span:before, .form .errorRadio [type=radio]:not(:checked) + span:after {
  border: 2px solid #FF2727;
}
form.errors input:invalid, form.errors select:invalid:focus, form.errors input:invalid.filled-in:not(:checked) + span:not(.lever):after, .form.errors input:invalid, .form.errors select:invalid:focus, .form.errors input:invalid.filled-in:not(:checked) + span:not(.lever):after {
  border: 1px solid #FF2727 !important;
}
form.errors .questions.error, .form.errors .questions.error {
  border: 1px solid #FF2727;
}
form.errors .questions.error [type=radio]:not(:checked) + span:before, form.errors .questions.error [type=radio]:not(:checked) + span:after, .form.errors .questions.error [type=radio]:not(:checked) + span:before, .form.errors .questions.error [type=radio]:not(:checked) + span:after {
  border: 2px solid #FF2727;
}
form.errors .error-message-holder, .form.errors .error-message-holder {
  display: block !important;
}

#response-holder {
  color: #FFFFFF;
  display: flex;
  background: #20A956;
  justify-content: center;
}
#response-holder div {
  width: 100%;
}
#response-holder div.bg-red {
  background: #FF2727;
}
#response-holder p {
  color: #FFFFFF;
}

.sidenav-overlay {
  background-color: transparent;
}

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

.externalLangSwitch {
  float: right;
}
.externalLangSwitch ul#lang {
  margin: 0;
}
.externalLangSwitch ul#lang:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
.externalLangSwitch ul#lang::not(.browser-default) > li {
  list-style-type: none;
}
.externalLangSwitch ul#lang.dropdowncontent {
  min-width: 190px;
  max-width: 190px;
  overflow: hidden;
  top: 0;
  left: 0;
  border: 1px solid #FFFFFF;
  border-top: none;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item {
  min-height: 20px;
  line-height: 20px;
  display: flex;
  padding: 5px 10px;
  border-top: 1px solid #FFFFFF;
  background-color: #EDF1F2;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item:first-child {
  border: none;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item:hover {
  background: #FFFFFF;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item img.flag {
  margin-right: 10px;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item div {
  width: 72%;
  float: left;
  line-height: 140%;
  font-size: 13px;
  color: #A8A8A8;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item div span {
  display: block;
  font-size: 17px;
  color: #828282;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item a {
  width: 100%;
  text-align: right;
  padding: 0;
  line-height: 25px;
}
.externalLangSwitch ul#lang.dropdowncontent li.language-switcher-item a:hover {
  background: unset !important;
}

.password-protected-posts {
  background-color: #EDF1F2;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 256px 0 128px;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 992px) {
  .password-protected-posts {
    padding: 92px 0 32px;
  }
}
.password-protected-posts .headline {
  position: relative;
  display: block;
  width: 100%;
  width: calc(100% - 32px);
  max-width: 992px;
  height: auto;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
}
.password-protected-posts .headline h1 {
  font-size: 35px;
  line-height: 39px;
  margin: 0;
  padding: 0;
}
.password-protected-posts .headline p {
  color: #828282;
  font-size: 17px;
  line-height: 22px;
  margin: 4px 0 16px;
}
.password-protected-posts .gv-holder {
  position: relative;
  display: block;
  width: 104%;
  width: calc(100% + 1.5rem);
  height: auto;
  margin-left: -0.75rem;
  overflow: visible;
}
.password-protected-posts .gv-holder .gv-card {
  position: relative;
  display: flex;
  overflow: hidden;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 992px) {
  .password-protected-posts .gv-holder .gv-card {
    margin-bottom: 1.5rem;
  }
}
@media only screen and (max-width: 640px) {
  .password-protected-posts .gv-holder .gv-card {
    display: block;
  }
}
.password-protected-posts .gv-holder .gv-card .image {
  position: relative;
  display: block;
  width: 35%;
  height: auto;
  float: left;
  overflow: hidden;
  z-index: 1;
  background-color: #393F46;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: 160px auto !important;
  -moz-background-size: 160px auto !important;
  -ms-background-size: 160px auto !important;
  -o-background-size: 160px auto !important;
  background-size: 160px auto !important;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 640px) {
  .password-protected-posts .gv-holder .gv-card .image {
    width: 100%;
    min-height: 320px;
  }
}
.password-protected-posts .gv-holder .gv-card .content {
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 65%;
  height: auto;
  min-height: 300px;
  border: 1px solid #EDF1F2;
  float: right;
  overflow: hidden;
  z-index: 2;
}
@media only screen and (max-width: 640px) {
  .password-protected-posts .gv-holder .gv-card .content {
    width: 100%;
  }
}
.password-protected-posts .gv-holder .gv-card .content .content-inner {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 32px 34px 34px;
  overflow: hidden;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner h2 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  padding: 0;
  margin: 0;
  font-size: 24px;
  line-height: 29px;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner p {
  color: #828282;
  margin: 0 0 16px;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner p.headline-small {
  margin: 0;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner a {
  color: #20A956;
  text-decoration: underline !important;
  -webkit-transition: all 0.35s ease-in-out !important;
  -moz-transition: all 0.35s ease-in-out !important;
  -ms-transition: all 0.35s ease-in-out !important;
  -o-transition: all 0.35s ease-in-out !important;
  transition: all 0.35s ease-in-out !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner a:hover {
  color: inherit;
  text-decoration: none !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 8px;
  color: #828282;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label label.error {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label input {
  color: #828282;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label input.password {
  background-color: #E2E8EB;
  position: relative;
  display: block;
  width: 100%;
  max-width: 320px;
  height: 34px;
  overflow: hidden;
  padding: 0 16px;
  line-height: 34px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #E2E8EB;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label input.error {
  border: 1px solid #FF2727;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span {
  font-size: 13px;
  line-height: 16px;
  -webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  filter: blur(0px) !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span a span {
  position: relative;
  padding-bottom: 0;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span a:hover {
  color: #828282;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label span a:hover span:after {
  left: 0;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form label.margin-top {
  margin-top: 16px;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form input.submit {
  background-color: #20A956;
  position: relative;
  display: inline-block;
  width: auto;
  height: 44px;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 44px;
  padding: 0 18px;
  text-transform: uppercase;
  text-align: center;
  border: none;
  cursor: pointer;
  margin-top: 2px;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.password-protected-posts .gv-holder .gv-card .content .content-inner form input.submit:hover {
  background-color: #393F46;
}
.password-protected-posts .gv-holder .gv-card:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}

.boxH {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
  height: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 992px) {
  .boxH {
    margin-bottom: 20px;
    min-height: auto !important;
  }
}
@media only screen and (max-width: 640px) {
  .boxH {
    display: block;
  }
}
.boxH a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.boxH.small .image, .boxH.small.article .image {
  max-width: 35%;
}
@media only screen and (max-width: 640px) {
  .boxH.small .image, .boxH.small.article .image {
    max-width: 100%;
    min-width: 100%;
    min-height: 180px;
  }
}
.boxH.small .content, .boxH.small.article .content {
  max-width: 65%;
  min-width: 65%;
}
@media only screen and (max-width: 640px) {
  .boxH.small .content, .boxH.small.article .content {
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
  }
}
.boxH.medium .image, .boxH.medium.article .image {
  max-width: 45%;
}
@media only screen and (max-width: 640px) {
  .boxH.medium .image, .boxH.medium.article .image {
    max-width: 100%;
    min-width: 100%;
    min-height: 180px;
  }
}
.boxH.medium .content, .boxH.medium.article .content {
  max-width: 55%;
  min-width: 55%;
}
@media only screen and (max-width: 640px) {
  .boxH.medium .content, .boxH.medium.article .content {
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
  }
}
.boxH .image {
  background-color: #E2E8EB;
  position: relative;
  display: block;
  width: 100%;
  max-width: 60%;
  height: auto;
  float: left;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) !important;
}
@media only screen and (max-width: 992px) {
  .boxH .image {
    max-width: calc(100% - 244px);
  }
}
@media only screen and (max-width: 640px) {
  .boxH .image {
    max-width: 100%;
    min-width: 100%;
    min-height: 180px;
  }
}
.boxH .image .icon {
  position: absolute;
  display: block;
  width: 90px;
  height: 110px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.boxH .image .icon img {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
.boxH .content {
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  max-width: 40%;
  min-width: 40%;
  height: auto;
  min-height: 180px;
  height: 100%;
  float: right;
  overflow: hidden;
  z-index: 2;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .boxH .content {
    max-width: 70%;
    min-width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .boxH .content {
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
  }
}
.boxH .content.bg-lg {
  background-color: #EDF1F2;
}
.boxH .content .content-inner {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 32px 20px 32px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .boxH .content .content-inner {
    padding: 30px 20px;
  }
}
@media only screen and (max-width: 992px) {
  .boxH .content .content-inner {
    min-height: auto !important;
  }
}
.boxH .content .content-inner h3 a {
  color: #20A956;
}
.boxH .content .content-inner p {
  color: #828282;
  margin: 21px 0 27px;
}
@media only screen and (max-width: 640px) {
  .boxH .content .content-inner p {
    margin-bottom: 0;
  }
}
.boxH .content .content-inner p.small {
  margin: 0;
  color: #A8A8A8;
  font-size: 15px;
  line-height: 18px;
}
.boxH .content .content-inner a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-top: 16px;
  margin-bottom: -6px;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  overflow: hidden;
}
.boxH .content .content-inner a.button {
  color: #FFFFFF;
  text-decoration: none;
  padding-bottom: 10px;
}
.boxH.grundlagen::after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.boxH.grundlagen.arbeitsrecht::after {
  background-color: #BFC9D4;
}
.boxH.grundlagen.baurecht::after {
  background-color: #7F6783;
}
.boxH.grundlagen.elektrotechnische::after, .boxH.grundlagen.elektrotechnische-vorschriften::after {
  background-color: #A8D2A2;
}
.boxH.grundlagen.landesspezifische::after, .boxH.grundlagen.landesspezifische-vorschriften::after {
  background-color: #5A8C7A;
}
.boxH.download:hover .image {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
.boxH:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  color: #828282;
  text-decoration: none;
}
.boxH:hover::after {
  width: 16px;
}
.boxH:hover .image {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
.boxH:hover a.button {
  background-color: #393F46 !important;
  color: #FFFFFF !important;
}
.boxH.article .image {
  max-width: 60%;
}
@media only screen and (max-width: 992px) {
  .boxH.article .image {
    max-width: 100%;
  }
}
.boxH.article .content {
  max-width: 40%;
  min-width: 40%;
}
@media only screen and (max-width: 1024px) {
  .boxH.article .content {
    max-width: 70%;
    min-width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  .boxH.article .content {
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
  }
}
.boxH.article .content .content-inner .headline {
  margin-bottom: 0;
}
.boxH.article .content .content-inner .headline p.supline {
  margin: 0 0 5px;
}
.boxH.article .content .content-inner h3 {
  max-width: 100%;
}
.boxH.article:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
.boxH.article:hover .image {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
.boxH.article:hover .content .content-inner h3 {
  color: #20A956;
}

.equalheight2 .row {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0;
}
.equalheight2 .row.notEqual {
  grid-template-columns: 100%;
}
@media only screen and (max-width: 980px) {
  .equalheight2 .row {
    grid-template-columns: 100%;
  }
}
.equalheight2 .row .col {
  padding: 0;
}

.equalheight3 .row {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .equalheight3 .row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .equalheight3 .row {
    grid-template-columns: 100%;
  }
}
.equalheight3 .row.notEqual {
  grid-template-columns: 100%;
}
.equalheight3 .row .col {
  padding: 0;
}
.equalheight3 .row .col .content .content-inner h2 {
  word-break: break-word;
}

.equalheight4 .row {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
}
@media only screen and (max-width: 980px) {
  .equalheight4 .row {
    grid-template-columns: 100%;
  }
}
.equalheight4 .row.notEqual {
  grid-template-columns: 100%;
}
.equalheight4 .row .col {
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  .equalheight4.jobs-grid .row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 980px) {
  .equalheight4.jobs-grid .row {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .equalheight4.jobs-grid .row {
    grid-template-columns: 100%;
  }
}

.boxV {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #FFFFFF;
  height: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.boxV.download .image {
  height: 200px;
  background-color: #E2E8EB;
}
.boxV.download .content {
  border: none;
}
.boxV .image {
  height: 260px;
  float: left;
  overflow: hidden;
  z-index: 1;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 640px) {
  .boxV .image {
    height: 180px;
  }
}
.boxV .image .icon {
  position: absolute;
  display: block;
  width: 90px;
  height: 110px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
.boxV .image .icon img {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
.boxV .image a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #20A956;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.boxV .image a img {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  z-index: 1;
}
.boxV .image a span.zoom {
  position: absolute;
  color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 0;
  right: 0;
  text-align: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  transition-delay: 0.35s;
  z-index: 2;
}
.boxV .image a span.zoom i {
  font-size: 24px;
  line-height: 48px;
}
.boxV .image:hover a span.zoom {
  opacity: 1;
  visibility: visible;
}
.boxV .content {
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  height: 100%;
  border: 1px solid #EDF1F2;
  float: right;
  overflow: hidden;
  z-index: 2;
}
.boxV .content.bg-lg {
  background-color: #EDF1F2;
}
@media only screen and (max-width: 640px) {
  .boxV .content {
    max-width: 100%;
    min-height: 200px;
  }
}
.boxV .content .content-inner {
  position: relative;
  display: block;
  background-color: #FFFFFF;
  width: 100%;
  height: auto;
  padding: 20px;
  overflow: hidden;
}
.boxV .content .content-inner.bg-lg {
  background-color: #EDF1F2;
}
.boxV .content .content-inner .headline {
  margin-bottom: 0;
}
.boxV .content .content-inner h4 {
  margin-bottom: 10px;
}
.boxV .content .content-inner p {
  color: #828282;
  margin: 21px 0 27px;
}
.boxV .content .content-inner p.supline {
  margin: 0 0 5px;
}
.boxV .content .content-inner p.small {
  margin: 0;
  color: #A8A8A8;
  font-size: 13px;
  line-height: 16px;
}
.boxV .content .content-inner a {
  text-decoration: underline;
}
.boxV .content .content-inner a.button {
  text-decoration: none;
  display: inline-block;
}
.boxV .content .content-inner a:hover {
  text-decoration: none;
}
.boxV .content .content-inner .headline {
  margin-bottom: 0;
}
.boxV .content .content-inner .headline p.supline {
  margin: 0 0 5px;
}
.boxV:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
.boxV:hover .image {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
.boxV.with-link a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.boxV.with-link:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
.boxV.with-link:hover .content .content-inner h3 {
  color: #20A956;
}

.headline {
  position: relative;
  display: block;
  width: 100%;
}
.headline.center {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .headline.center {
    text-align: left;
  }
}
.headline p.subline {
  margin: 5px 0;
  padding-top: 0;
  color: #828282;
  line-height: 22px;
  font-size: 17px;
}
.headline p.subline.small {
  line-height: 22px;
  margin-top: 0;
}
.headline p.subline.smaller {
  font-size: 13px;
  line-height: 16px;
  margin-top: 0;
}
.headline p.supline {
  margin: 0px 0 5px;
  padding-top: 0;
  color: #828282;
  line-height: 22px;
  font-size: 17px;
}
.headline p.supline.small {
  margin-bottom: 0;
}
.headline p.supline.smaller {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}
.headline a {
  color: #20A956;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.headline a.button {
  color: #393F46;
}
.headline a.button:hover {
  color: #FFFFFF;
}
.headline:hover {
  color: inherit;
}

.image {
  position: relative;
  display: block;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  width: 100%;
}
.image img {
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

.corrSize {
  position: relative;
  display: block;
  width: 104%;
  width: calc(100% + 1.5rem);
  height: auto;
  margin-left: -0.75rem;
  overflow: visible;
}

.maTop_woSMen {
  margin-top: 65px;
}

/* Animations and keyframe animations */
@media only screen and (min-width: 768px) {
  [data-scroll] {
    transition: opacity 1s;
    transition: opacity 500ms, transform 500ms;
  }
  [data-scroll=in] {
    opacity: 1;
    transform: translateY(0px);
  }
  [data-scroll=out] {
    opacity: 0;
    transform: translateY(150px);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
header {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 30px 0 20px;
  z-index: 1;
  margin-top: 66px;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 640px) {
  header {
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) {
  header {
    padding: 60px 0 20px;
  }
}
@media only screen and (min-width: 768px) {
  header.headline {
    margin-bottom: 60px;
  }
}
header.homepage-index-header-with-slider {
  padding: 0;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) {
  header.homepage-index-header-with-slider {
    max-height: 540px;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider {
  position: relative;
  display: block;
  width: 100%;
  width: 100vw;
  height: auto;
  overflow: hidden;
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item {
  width: 100%;
  min-height: 370px;
  height: 370px;
  overflow: hidden;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: right center !important;
  -moz-background-position: right center !important;
  -ms-background-position: right center !important;
  -o-background-position: right center !important;
  background-position: right center !important;
}
@media only screen and (min-width: 1400px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item {
    min-height: 450px;
    height: 450px;
  }
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item {
    background-image: none !important;
    background-color: #393F46;
    height: auto;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item.showright {
  -webkit-background-position: left center !important;
  -moz-background-position: left center !important;
  -ms-background-position: left center !important;
  -o-background-position: left center !important;
  background-position: left center !important;
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container {
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
  z-index: 2;
  padding: 0 25px;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .leftcol {
    display: none;
  }
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .rightcol {
    width: 95%;
  }
}
@media only screen and (min-width: 1300px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container {
    padding: 0 15px;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content {
  background-color: transparent;
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin: 25px 0;
  margin-left: 0px;
}
@media only screen and (min-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content {
    max-width: 520px;
    margin: 70px 0;
  }
}
@media only screen and (min-width: 1400px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content {
    margin: 100px 0;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h1, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h2, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h3 {
  color: #FFFFFF;
  font-size: 35px;
  line-height: 39px;
}
@media only screen and (max-width: 1400px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h1, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h2, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h3 {
    font-size: 35px;
    line-height: 39px;
  }
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h1, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h2, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h3 {
    max-width: 100%;
    font-size: 28px;
    line-height: 32px;
    hyphens: none;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h1 strong, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h2 strong, header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content h3 strong {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content p {
  color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  font-size: 17px;
  line-height: 23px;
  margin: 32px 0;
}
@media only screen and (max-width: 1400px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content p {
    max-width: 80%;
    font-size: 17px;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content p {
    max-width: 95%;
    font-size: 17px;
    line-height: 22px;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .container .content p {
    max-width: 100%;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 540px;
  overflow: hidden;
  top: 0;
  right: 0;
  z-index: 1;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: right center !important;
  -moz-background-position: right center !important;
  -ms-background-position: right center !important;
  -o-background-position: right center !important;
  background-position: right center !important;
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .image {
    position: relative;
    width: 100%;
    height: 280px;
    -webkit-background-position: right center !important;
    -moz-background-position: right center !important;
    -ms-background-position: right center !important;
    -o-background-position: right center !important;
    background-position: right center !important;
  }
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .image.showright {
    -webkit-background-position: 0 center !important;
    -moz-background-position: 0 center !important;
    -ms-background-position: 0 center !important;
    -o-background-position: 0 center !important;
    background-position: 0 center !important;
  }
}
@media only screen and (max-width: 767px) {
  header.homepage-index-header-with-slider .homepage-index-slider .slider-item .image.showright {
    -webkit-background-position: left center !important;
    -moz-background-position: left center !important;
    -ms-background-position: left center !important;
    -o-background-position: left center !important;
    background-position: left center !important;
  }
}
header.homepage-index-header-with-slider .homepage-index-slider .slider-item .image img {
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}
header.homepage-index-header-with-slider .homepage-index-slider ul.slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  width: calc(100% - 18px);
  height: 16px;
  right: 0;
  bottom: 32px;
  left: 0;
  z-index: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
header.homepage-index-header-with-slider .homepage-index-slider ul.slick-dots li {
  display: inline-block;
  margin: 0 4px;
}
header.homepage-index-header-with-slider .homepage-index-slider ul.slick-dots li button {
  background-color: #FFFFFF;
  position: relative;
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 6px;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transition: all 0.35s ease-in-out !important;
  -moz-transition: all 0.35s ease-in-out !important;
  -ms-transition: all 0.35s ease-in-out !important;
  -o-transition: all 0.35s ease-in-out !important;
  transition: all 0.35s ease-in-out !important;
  cursor: pointer;
}
header.homepage-index-header-with-slider .homepage-index-slider ul.slick-dots li.slick-active button {
  background-color: #20A956;
}
header.homepage-index-header-with-slider .navigation {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease-in-out !important;
  -moz-transition: opacity 0.3s ease-in-out !important;
  -ms-transition: opacity 0.3s ease-in-out !important;
  -o-transition: opacity 0.3s ease-in-out !important;
  transition: opacity 0.3s ease-in-out !important;
}
header.homepage-index-header-with-slider .navigation button {
  background-color: #FFFFFF;
  position: absolute;
  display: block;
  width: 35px;
  height: 68px;
  top: 50%;
  border: none;
  opacity: 0.4;
  outline: 0px none;
  outline: 0px;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  -webkit-transition: opacity 0.3s ease-in-out !important;
  -moz-transition: opacity 0.3s ease-in-out !important;
  -ms-transition: opacity 0.3s ease-in-out !important;
  -o-transition: opacity 0.3s ease-in-out !important;
  transition: opacity 0.3s ease-in-out !important;
}
@media only screen and (max-width: 991px) {
  header.homepage-index-header-with-slider .navigation button {
    top: 25%;
  }
}
header.homepage-index-header-with-slider .navigation button i {
  font-size: 35px;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header.homepage-index-header-with-slider .navigation button.back {
  left: 0;
}
header.homepage-index-header-with-slider .navigation button.forward {
  right: 0;
}
header.homepage-index-header-with-slider .navigation button:hover {
  opacity: 0.6;
}
header.homepage-index-header-with-slider:hover .navigation {
  opacity: 0.6;
  visibility: visible;
}
header.sp-header {
  padding: unset;
  height: 300px;
}
header.sp-header.colLight .content {
  color: #FFFFFF;
}
header.sp-header.colLight .content h2, header.sp-header.colLight .content p {
  color: #FFFFFF;
}
header.sp-header picture.headerimg {
  position: absolute;
  bottom: 0;
}
header.sp-header picture.headerimg img {
  display: block;
  object-fit: cover;
  min-height: 300px;
  width: 100%;
  object-position: bottom;
}
@media only screen and (min-width: 640px) {
  header.sp-header picture.headerimg img {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  header.sp-header picture.headerimg img {
    min-height: 450px;
  }
}
@media only screen and (min-width: 1920px) {
  header.sp-header picture.headerimg img {
    position: absolute;
    bottom: -40px;
  }
}
@media only screen and (min-width: 1920px) {
  header.sp-header picture.headerimg {
    top: 0;
    width: 100%;
  }
}
header.sp-header .showmobile, header.sp-header .showdesktop {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: #000000;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
header.sp-header .showdesktop {
  display: none;
}
@media only screen and (min-width: 640px) {
  header.sp-header {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-background-position: center center !important;
    -moz-background-position: center center !important;
    -ms-background-position: center center !important;
    -o-background-position: center center !important;
    background-position: center center !important;
  }
  header.sp-header .showmobile {
    display: none;
  }
  header.sp-header .showdesktop {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  header.sp-header {
    height: 400px;
    -webkit-background-position: -200px center !important;
    -moz-background-position: -200px center !important;
    -ms-background-position: -200px center !important;
    -o-background-position: -200px center !important;
    background-position: -200px center !important;
  }
}
@media only screen and (min-width: 1200px) {
  header.sp-header {
    height: 450px;
    -webkit-background-position: right center !important;
    -moz-background-position: right center !important;
    -ms-background-position: right center !important;
    -o-background-position: right center !important;
    background-position: right center !important;
  }
}
header.sp-header .content {
  position: absolute;
  display: block;
  width: 100%;
  height: 75px;
  bottom: 0px;
  z-index: 100;
}
@media only screen and (min-width: 640px) {
  header.sp-header .content {
    position: relative;
    display: block;
    top: 37%;
    bottom: unset;
    height: unset;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
header.sp-header .content .content-inner h2 {
  hyphens: inherit;
  font-size: 30px;
  line-height: 34px;
}
@media only screen and (min-width: 640px) {
  header.sp-header .content .content-inner h2 {
    font-size: 35px;
    line-height: 39px;
  }
}
@media only screen and (min-width: 1024px) {
  header.sp-header .content .content-inner h2 {
    font-size: 50px;
    line-height: 54px;
  }
}
header.sp-header .content .content-inner p {
  font-size: 20px;
  margin: 0 0 5px 0;
}
header.sp-header .content .sp-headline {
  overflow: hidden;
  height: 300px;
  padding-top: 5px;
  position: absolute;
  width: 100%;
}
header.sp-header .content .sp-headline-1 h2 {
  position: absolute;
  opacity: 0;
  overflow: hidden;
  -webkit-animation: rotateWord 20s linear infinite 0s;
  -ms-animation: rotateWord 20s linear infinite 0s;
  animation: rotateWord 20s linear infinite 0s;
}
header.sp-header .content .sp-headline-1 h2:nth-child(2) {
  -webkit-animation-delay: 5s;
  -ms-animation-delay: 5s;
  animation-delay: 5s;
}
header.sp-header .content .sp-headline-1 h2:nth-child(3) {
  -webkit-animation-delay: 10s;
  -ms-animation-delay: 10s;
  animation-delay: 10s;
}
header.sp-header .content .sp-headline-1 h2:nth-child(4) {
  -webkit-animation-delay: 15s;
  -ms-animation-delay: 15s;
  animation-delay: 15s;
}
@-webkit-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
  }
  7% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  28% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
  }
  7% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  28% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotateWord {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
  }
  7% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  28% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
header.v-single-header {
  background-color: #FFFFFF;
  padding: 0;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
@media only screen and (min-width: 1024px) {
  header.v-single-header {
    min-height: 480px;
  }
  header.v-single-header.faq {
    height: 250px;
    min-height: unset;
  }
  header.v-single-header.faq .content .content-inner {
    width: 100%;
    padding: 60px 0;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1024px) {
  header.v-single-header.faq .content .content-inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (min-width: 1200px) {
  header.v-single-header.faq .content .content-inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  header.v-single-header.faq .content .content-inner .headline .supline {
    color: #FFFFFF;
  }
}
header.v-single-header.filterHeader .bgImg-holder {
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  opacity: 0.3;
}
@media only screen and (min-width: 1024px) {
  header.v-single-header.filterHeader .bgImg-holder {
    display: unset;
    opacity: 1;
  }
}
header.v-single-header.normenpage .bgImg-holder {
  display: none;
}
header.v-single-header.filterPage {
  min-height: unset;
  max-height: 250px;
}
header.v-single-header.filterPage .bgImg-holder {
  display: none;
}
header.v-single-header.filterPage .content .content-inner {
  width: unset;
  padding: 25px 0;
}
header.v-single-header.filterPage .content .content-inner .normenfilter {
  background: none;
  padding: 0;
  max-width: 500px;
}
header.v-single-header.filterPage .content .content-inner .normenfilter .norm-datepicker {
  background-color: #EDF1F2;
  border: 1px solid #EDF1F2;
  padding: 10px 15px;
  font-size: 15px;
}
@media only screen and (min-width: 1024px) {
  header.v-single-header.filterPage {
    max-height: 250px;
  }
  header.v-single-header.filterPage .content .content-inner {
    padding: 60px 0;
  }
}
header.v-single-header.lightColor {
  color: #FFFFFF;
}
header.v-single-header.lightColor p {
  color: #FFFFFF;
}
header.v-single-header.lightColor p.supline {
  color: #A8A8A8;
}
header.v-single-header.showLeft .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  header.v-single-header.showLeft .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  header.v-single-header.showLeft .content-inner {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  header.v-single-header.showLeft .content-inner {
    margin-right: 0;
  }
}
header.v-single-header.showLeft .bgImg-holder {
  left: 0;
}
header.v-single-header .bgImg-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}
header.v-single-header .content-image-holder, header.v-single-header .bgImg {
  position: relative;
  display: block;
  width: 100%;
  min-height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  header.v-single-header .content-image-holder, header.v-single-header .bgImg {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
header.v-single-header .content-image-holder img, header.v-single-header .bgImg img {
  object-fit: cover;
  height: 100%;
}
header.v-single-header .content {
  min-height: 100%;
  max-width: 1294px;
}
@media only screen and (min-width: 1024px) {
  header.v-single-header .content {
    height: 100%;
  }
}
@media only screen and (min-width: 1294px) {
  header.v-single-header .content {
    width: 100%;
    margin: 0 auto;
  }
}
header.v-single-header .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  header.v-single-header .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  header.v-single-header .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
header.v-single-header .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
header.v-single-header .content .content-inner .headline .supline {
  font-size: 17px;
}
header.v-single-header .content .content-inner .infos {
  margin: 5px 0;
}
header.v-single-header .content .content-inner .infos .tag {
  display: inline-block;
  float: left;
  padding: 3px 5px;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
}
header.v-single-header .content .content-inner .infos .tag.arbeitsrecht {
  background-color: #BFC9D4;
}
header.v-single-header .content .content-inner .infos .tag.baurecht {
  background-color: #7F6783;
}
header.v-single-header .content .content-inner .infos .tag.elektrotechnische-und-lichttechnische-vorschriften {
  background-color: #A8D2A2;
}
header.v-single-header .content .content-inner .infos .tag.landesspezifische-vorschriften {
  background-color: #5A8C7A;
}
header.v-single-header .content .content-inner .infos span {
  display: inline-block;
  float: left;
  background-color: #EDF1F2;
  padding: 3px 10px;
  color: #828282;
  font-size: 13px;
  line-height: 18px;
}
header.v-single-header .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
header.v-single-header .content .content-inner .description ul li {
  list-style: disc !important;
}
header.v-single-header .content .content-inner .button {
  margin: 20px 5px 20px 0;
}
header.v-single-header .content .content-inner .normenfilter {
  margin: 15px 0 0;
  background: #162633;
  padding: 25px;
  color: #FFFFFF;
}
header.v-single-header .content .content-inner .normenfilter h2, header.v-single-header .content .content-inner .normenfilter h3, header.v-single-header .content .content-inner .normenfilter p {
  color: #FFFFFF !important;
}
header.v-single-header .content .content-inner .normenfilter form {
  display: grid;
  gap: 5px;
}
@media only screen and (min-width: 480px) {
  header.v-single-header .content .content-inner .normenfilter form {
    grid-template-columns: auto auto;
  }
}
@media only screen and (min-width: 1024px) {
  header.v-single-header .content .content-inner .normenfilter form {
    grid-template-columns: 50% 50%;
  }
}
header.v-single-header .content .content-inner .normenfilter form input.norm-datepicker {
  background-color: #EDF1F2;
  border: 1px solid #EDF1F2;
  padding: 10px 15px;
  font-size: 15px;
}
@media only screen and (min-width: 480px) {
  header.v-single-header .content .content-inner .normenfilter form input.norm-datepicker {
    margin-right: 5px;
  }
}
header.v-single-header .content .content-inner .normenfilter form input.norm-datepicker:focus {
  outline: none;
}
header.v-single-header .content .content-inner .normenfilter form .button {
  margin: 0;
}
header.v-single-header .content .content-inner .normenfilter h3 {
  margin-top: 0;
}
header.v-single-header .content .content-inner .normenfilter p {
  color: #393F46;
  margin: 5px 0 15px;
}
header.v-praxis-header {
  padding: 60px 0 40px;
  overflow: unset !important;
  z-index: 20;
}
header.v-praxis-header .filter-group-holder {
  display: grid;
  padding-top: 25px;
}
@media only screen and (min-width: 768px) {
  header.v-praxis-header .filter-group-holder {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 0 10%;
  }
}
header.v-praxis-header .word-search {
  position: relative;
}
header.v-praxis-header .word-search input {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0;
  padding: 5px 15px;
  height: 44px;
  font-family: "Source Sans Pro", sans-serif;
  color: #828282;
  font-size: 17px;
  border-radius: 0;
  border: 1px solid #E2E8EB;
}
@media only screen and (min-width: 768px) {
  header.v-praxis-header .word-search input {
    margin: 0;
  }
}
header.v-praxis-header .word-search input:focus {
  border: none;
  outline: none;
}
header.v-praxis-header .word-search i {
  position: absolute;
  right: 10px;
  top: 20px;
  color: #393F46;
  font-size: 13px;
}
@media only screen and (min-width: 768px) {
  header.v-praxis-header .word-search i {
    top: 16px;
  }
}
header.c-single-job-header {
  background-color: #FFFFFF;
  padding: 20px 0 0px;
}
header.c-single-job-header a {
  color: #828282;
}
header.c-single-job-header .headline {
  padding: 25px 0 0;
}
header.c-single-job-header .description > p {
  margin-bottom: 0;
  hyphens: none;
}
header.c-single-job-header .description .aboutdin p {
  margin-top: 0;
  color: #20A956;
}
@media only screen and (min-width: 992px) {
  header.c-single-job-header .description {
    max-width: 75%;
  }
}
header.c-single-job-header.expired .description {
  opacity: 0.4;
}
header.c-single-job-header.expired .expired__box {
  margin: 10px 0;
}
header.c-single-job-header.expired .expired__box p {
  padding: 15px 15px;
}
header.c-list-header {
  color: #FFFFFF;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center top !important;
  -moz-background-position: center top !important;
  -ms-background-position: center top !important;
  -o-background-position: center top !important;
  background-position: center top !important;
  padding: 0;
}
header.c-list-header .content {
  padding: 60px 0;
  background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width: 992px) {
  header.c-list-header .headline {
    max-width: 550px;
  }
}
header.c-list-header .headline p {
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
  margin: 5px 0;
}
header.spendenaktion-header-with-slider {
  margin-top: 150px;
  padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
  header.spendenaktion-header-with-slider {
    margin-top: 42px !important;
  }
}
header.spendenaktion-header-with-slider .header {
  padding: 50px 0;
  position: relative;
  display: block;
  width: 100%;
  width: 100vw;
  height: auto;
  min-height: 450px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: right center !important;
  -moz-background-position: right center !important;
  -ms-background-position: right center !important;
  -o-background-position: right center !important;
  background-position: right center !important;
}
@media only screen and (max-width: 1200px) {
  header.spendenaktion-header-with-slider .header {
    min-height: auto;
    padding: 20px 0;
    -webkit-background-position: -70px center !important;
    -moz-background-position: -70px center !important;
    -ms-background-position: -70px center !important;
    -o-background-position: -70px center !important;
    background-position: -70px center !important;
  }
  header.spendenaktion-header-with-slider .header .row {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 992px) {
  header.spendenaktion-header-with-slider .header .container {
    background-color: rgba(50, 50, 50, 0.6);
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 991px) {
  header.spendenaktion-header-with-slider .header {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  header.spendenaktion-header-with-slider .header {
    margin-top: 0px;
    height: auto;
    min-height: auto;
    padding-top: 230px;
    -webkit-background-position: left top !important;
    -moz-background-position: left top !important;
    -ms-background-position: left top !important;
    -o-background-position: left top !important;
    background-position: left top !important;
    -webkit-background-size: unset !important;
    -moz-background-size: unset !important;
    -ms-background-size: unset !important;
    -o-background-size: unset !important;
    background-size: unset !important;
    background-size: auto 320px !important;
  }
  header.spendenaktion-header-with-slider .header .row .row {
    margin-bottom: 20px;
  }
  header.spendenaktion-header-with-slider .header .container {
    padding-bottom: 20px;
    background: #393F46;
  }
  header.spendenaktion-header-with-slider .header .container .col {
    width: 100% !important;
  }
  header.spendenaktion-header-with-slider .header .container .col.colhelper {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  header.spendenaktion-header-with-slider .header {
    background-size: auto 230px !important;
  }
}
header.spendenaktion-header-with-slider .header .headline h1 {
  position: relative;
  display: block;
  color: #FFFFFF;
}
header.spendenaktion-header-with-slider .header .headline h1 strong {
  font-weight: 700;
}
header.spendenaktion-header-with-slider .header .headline h3 {
  color: #FFFFFF;
  margin: 16px 0 5px;
}
header.spendenaktion-header-with-slider .header .content {
  max-width: 90%;
}
@media only screen and (max-width: 768px) {
  header.spendenaktion-header-with-slider .header .content {
    max-width: 100%;
  }
}
header.spendenaktion-header-with-slider .header .content p {
  color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  font-size: 17px;
  line-height: 23px;
  margin: 16px 0;
}
header.spendenaktion-header-with-slider .header .content p span, header.spendenaktion-header-with-slider .header .content p i, header.spendenaktion-header-with-slider .header .content p em {
  font-style: normal;
  white-space: nowrap;
}
@media only screen and (max-width: 992px) {
  header.spendenaktion-header-with-slider .header .content p {
    font-size: 17px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 768px) {
  header.spendenaktion-header-with-slider .header .content p {
    max-width: 95%;
  }
}
header.spendenaktion-header-with-slider .header .content .showvotes {
  color: #828282;
  margin-top: 40px;
}
header.spendenaktion-header-with-slider .header .content .showvotes img {
  float: left;
  display: block;
  max-width: 120px;
}
@media only screen and (max-width: 768px) {
  header.spendenaktion-header-with-slider .header .content .showvotes img {
    max-width: 70px;
    margin: 30px 0 0;
  }
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble {
  float: left;
  display: block;
  color: #828282;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .content {
  position: relative;
  display: block;
  background-color: #FFFFFF;
  padding: 15px;
  margin-left: 25px;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .content p {
  margin: 0;
  color: #828282;
  font-weight: 200;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .content h3 {
  margin: 0;
  font-size: 35px;
  line-height: 39px;
  color: #393F46;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .content h3 strong {
  font-weight: 700;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .content:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  display: block;
  border-left: 5px solid transparent;
  border-right: 20px solid #fff;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  left: -20px;
  top: 38px;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .clear {
  clear: both;
  float: none;
}
header.spendenaktion-header-with-slider .header .content .showvotes .bubble .info {
  display: block;
  float: none;
  color: #A8A8A8;
  font-size: 12px;
  line-height: 14px;
  margin-left: 25px;
  margin-top: 5px;
}
header.fsu-single-dynamic-static-header-holder {
  background-color: #393F46;
  color: #FFFFFF;
  padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
  header.fsu-single-dynamic-static-header-holder {
    padding-top: 64px;
    margin-top: 46px;
  }
}
header.fsu-single-dynamic-static-header-holder .row {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  header.fsu-single-dynamic-static-header-holder .row {
    margin-bottom: 0;
  }
}
header.fsu-single-dynamic-static-header-holder .fsu-header .content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 0;
}
@media only screen and (max-width: 992px) {
  header.fsu-single-dynamic-static-header-holder .fsu-header .content {
    padding: 0 0 0px;
  }
}
header.fsu-single-dynamic-static-header-holder .fsu-header .content h1 {
  color: #FFFFFF;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .content p {
  max-width: 520px;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .content .extratext div {
  display: none;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .content .extratext div.show {
  display: block;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .content .extratext div p {
  color: #FFFFFF;
  max-width: 75%;
  font-size: 17px;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .navigation {
  margin: 20px 0 10px;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .navigation .sc_main {
  padding: 0 0 0px;
  margin: 0;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .navigation .sc_main ul.sc_main_nav {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
header.fsu-single-dynamic-static-header-holder .fsu-header .navigation .sc_main ul.sc_main_nav li {
  margin: 0 15px 0 0;
  float: left;
  padding: 0;
  list-style: none;
}
header.products-header-holder, header.references-header-holder, header.video-header-holder {
  overflow: visible;
  z-index: 50;
}
header.products-header-holder .row, header.references-header-holder .row, header.video-header-holder .row {
  margin-bottom: 0;
}
header.products-header-holder .content .filterbox, header.references-header-holder .content .filterbox, header.video-header-holder .content .filterbox {
  max-width: 920px;
  margin: 0 auto;
}
header.products-header-holder .content .filter-group-holder, header.references-header-holder .content .filter-group-holder, header.video-header-holder .content .filter-group-holder {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  overflow: visible;
}
@media only screen and (max-width: 992px) {
  header.products-header-holder .content .filter-group-holder, header.references-header-holder .content .filter-group-holder, header.video-header-holder .content .filter-group-holder {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  header.products-header-holder .content .filter-group-holder .referenzen_filter, header.references-header-holder .content .filter-group-holder .referenzen_filter, header.video-header-holder .content .filter-group-holder .referenzen_filter {
    margin: 25px 0;
  }
}
header.products-header-holder .content .filter-group-holder .filter, header.references-header-holder .content .filter-group-holder .filter, header.video-header-holder .content .filter-group-holder .filter {
  margin: 0 auto;
  max-width: 450px;
  width: 50%;
  padding: 0 10px;
  float: left;
}
header.products-header-holder .content .filter-group-holder .buildingFilter, header.references-header-holder .content .filter-group-holder .buildingFilter, header.video-header-holder .content .filter-group-holder .buildingFilter {
  margin: 0 auto;
  max-width: 450px;
  float: unset;
}
header.products-header-holder .content p, header.references-header-holder .content p, header.video-header-holder .content p {
  padding-right: 32px;
  margin: 15px 0 10px;
  color: #828282;
}
@media only screen and (max-width: 992px) {
  header.products-header-holder .content p, header.references-header-holder .content p, header.video-header-holder .content p {
    padding-right: 0px;
    margin-bottom: 16px;
  }
}
header.products-header-holder .content p a, header.references-header-holder .content p a, header.video-header-holder .content p a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
header.products-header-holder .content p a span, header.references-header-holder .content p a span, header.video-header-holder .content p a span {
  position: relative;
  padding-bottom: 0;
}
header.products-header-holder .content p a span:before, header.references-header-holder .content p a span:before, header.video-header-holder .content p a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
header.products-header-holder .content p a span:after, header.references-header-holder .content p a span:after, header.video-header-holder .content p a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
header.products-header-holder .content p a:hover, header.references-header-holder .content p a:hover, header.video-header-holder .content p a:hover {
  color: #828282;
}
header.products-header-holder .content p a:hover span:after, header.references-header-holder .content p a:hover span:after, header.video-header-holder .content p a:hover span:after {
  left: 0;
}
header.video-header-holder {
  margin-top: 183px;
}
header.video-header-holder h1 {
  margin-bottom: 0 !important;
}
header.r-single-header {
  padding: 30px 0 0;
}
@media only screen and (min-width: 1024px) {
  header.r-single-header {
    padding: 60px 0;
  }
}
header.r-single-header.colLight h1 {
  color: #FFFFFF;
}
header.r-single-header.colLight p.supline {
  color: #FFFFFF;
}
header.r-single-header.colLight .description p {
  color: #828282;
}
header.r-single-header.colLight .button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
header.r-single-header.colLight .button:hover {
  border: 1px solid #20A956;
}
header.r-single-header.colDark h1 {
  color: #393F46;
}
header.r-single-header.colDark p.supline {
  color: #828282;
}
header.r-single-header.colDark .description p {
  color: #828282;
}
header.r-single-header.dark {
  background-color: #393F46;
}
header.r-single-header.dark h1 {
  color: #FFFFFF;
}
header.r-single-header.dark p {
  color: #A8A8A8;
}
header.r-single-header .video-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 60px auto;
  overflow: hidden;
}
header.r-single-header .video-holder .video {
  position: relative;
  display: block;
  width: calc(100% - 0.75rem);
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  header.r-single-header .video-holder .video {
    width: 100%;
  }
}
header.r-single-header .video-holder .video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
header.r-single-header .video-holder .video .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header.r-single-header .video-holder .video .embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header.r-single-header .video-holder .video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header.r-single-header .content .content-inner {
  padding: 0 0 25px;
}
@media only screen and (min-width: 1024px) {
  header.r-single-header .content .content-inner {
    max-width: 490px;
    padding: 100px 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  header.r-single-header .content .content-inner h1 {
    max-width: 420px;
  }
}
@media only screen and (min-width: 1024px) {
  header.r-single-header .content .content-inner p {
    max-width: 420px;
  }
}
header.r-single-header .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
header.r-single-header .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
header.r-single-header .content .content-inner .description ul li {
  list-style: disc !important;
}
header.r-single-header .content .content-inner .buttons {
  margin: 10px 0;
}
header.r-single-header .content .content-inner .buttons .button {
  margin-right: 10px;
}
header.r-single-header .custom-parallax-holder {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  header.r-single-header .custom-parallax-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
header.r-single-header .custom-parallax-holder .custom-parallax-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
header.r-single-header .custom-parallax-holder .custom-parallax-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  header.r-single-header .custom-parallax-holder .custom-parallax-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  header.r-single-header .custom-parallax-holder .custom-parallax-image-credits span {
    padding: 8px 16px;
  }
}
header.r-single-header .custom-parallax-holder .custom-parallax {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  header.r-single-header .custom-parallax-holder .custom-parallax {
    min-height: 100%;
  }
}
header.r-single-header .custom-parallax-holder .custom-parallax .custom-parallax-bcg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 380px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  header.r-single-header .custom-parallax-holder .custom-parallax .custom-parallax-bcg {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
header.r-single-header .content-image-holder {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  header.r-single-header .content-image-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
header.r-single-header .content-image-holder img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
header.p-single-header, header.p-single-header-21 {
  padding: 0;
}
header.p-single-header .vidbox video, header.p-single-header-21 .vidbox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header, header.p-single-header-21 {
    height: 100vh;
  }
}
header.p-single-header .inprogress, header.p-single-header-21 .inprogress {
  padding: 2px 10px;
  background-color: #20A956;
  color: #FFFFFF;
  display: inline-block;
  margin: 0 0 15px;
}
header.p-single-header.colLight h1, header.p-single-header.colLight h2, header.p-single-header-21.colLight h1, header.p-single-header-21.colLight h2 {
  color: #FFFFFF;
}
header.p-single-header.colLight p.supline, header.p-single-header-21.colLight p.supline {
  color: #A8A8A8;
}
header.p-single-header.colLight .description p, header.p-single-header-21.colLight .description p {
  color: #FFFFFF;
}
header.p-single-header.colLight .button, header.p-single-header-21.colLight .button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
header.p-single-header.colLight .button:hover, header.p-single-header-21.colLight .button:hover {
  border: 1px solid #393F46;
}
header.p-single-header.colDark h1, header.p-single-header-21.colDark h1 {
  color: #393F46;
}
header.p-single-header.colDark p.supline, header.p-single-header-21.colDark p.supline {
  color: #828282;
}
header.p-single-header.colDark .description p, header.p-single-header-21.colDark .description p {
  color: #828282;
}
header.p-single-header.dark, header.p-single-header-21.dark {
  background-color: #393F46;
}
header.p-single-header.dark h1, header.p-single-header-21.dark h1 {
  color: #FFFFFF;
}
header.p-single-header.dark p, header.p-single-header-21.dark p {
  color: #A8A8A8;
}
header.p-single-header.imgLeft .content-inner, header.p-single-header-21.imgLeft .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  header.p-single-header.imgLeft .content-inner, header.p-single-header-21.imgLeft .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  header.p-single-header.imgLeft .content-inner, header.p-single-header-21.imgLeft .content-inner {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  header.p-single-header.imgLeft .content-inner, header.p-single-header-21.imgLeft .content-inner {
    margin-right: 0;
  }
}
header.p-single-header.imgLeft .bgImg-holder, header.p-single-header-21.imgLeft .bgImg-holder {
  left: 0;
}
header.p-single-header .video-holder, header.p-single-header-21 .video-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 60px auto;
  overflow: hidden;
}
header.p-single-header .video-holder .video, header.p-single-header-21 .video-holder .video {
  position: relative;
  display: block;
  width: calc(100% - 0.75rem);
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  header.p-single-header .video-holder .video, header.p-single-header-21 .video-holder .video {
    width: 100%;
  }
}
header.p-single-header .video-holder .video .embed-container, header.p-single-header-21 .video-holder .video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
header.p-single-header .video-holder .video .embed-container iframe, header.p-single-header-21 .video-holder .video .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header.p-single-header .video-holder .video .embed-container object, header.p-single-header-21 .video-holder .video .embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header.p-single-header .video-holder .video .embed-container embed, header.p-single-header-21 .video-holder .video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header.p-single-header .content, header.p-single-header-21 .content {
  max-width: 1294px;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .content, header.p-single-header-21 .content {
    height: 100%;
  }
}
@media only screen and (min-width: 1294px) {
  header.p-single-header .content, header.p-single-header-21 .content {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .content > .container, header.p-single-header-21 .content > .container {
    transform: translateY(-50%);
    top: 50%;
  }
}
header.p-single-header .content .content-inner, header.p-single-header-21 .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .content .content-inner, header.p-single-header-21 .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  header.p-single-header .content .content-inner, header.p-single-header-21 .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
header.p-single-header .content .content-inner p.small, header.p-single-header-21 .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
header.p-single-header .content .content-inner .headline h2, header.p-single-header-21 .content .content-inner .headline h2 {
  font-size: 50px;
  line-height: 54px;
}
header.p-single-header .content .content-inner .headline .subline, header.p-single-header-21 .content .content-inner .headline .subline {
  font-style: italic;
}
header.p-single-header .content .content-inner .description ul, header.p-single-header-21 .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
header.p-single-header .content .content-inner .description ul li, header.p-single-header-21 .content .content-inner .description ul li {
  list-style: disc !important;
}
header.p-single-header .content .content-inner .button, header.p-single-header-21 .content .content-inner .button {
  margin: 20px 0;
}
header.p-single-header .content .content-inner .buttons, header.p-single-header-21 .content .content-inner .buttons {
  margin: 10px 0;
}
header.p-single-header .content .content-inner .buttons .button, header.p-single-header-21 .content .content-inner .buttons .button {
  margin-right: 10px;
}
header.p-single-header .bgImg-holders, header.p-single-header-21 .bgImg-holders {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holders, header.p-single-header-21 .bgImg-holders {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
header.p-single-header .bgImg-holders .bgImg, header.p-single-header-21 .bgImg-holders .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 1;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  header.p-single-header .bgImg-holders .bgImg, header.p-single-header-21 .bgImg-holders .bgImg {
    position: absolute;
    display: block;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    min-height: unset;
  }
}
header.p-single-header .bgImg-holder, header.p-single-header-21 .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  max-height: 300px;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 768px) {
  header.p-single-header .bgImg-holder, header.p-single-header-21 .bgImg-holder {
    max-height: unset;
  }
}
header.p-single-header .bgImg-holder.vidbox, header.p-single-header-21 .bgImg-holder.vidbox {
  height: 450px;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holder.vidbox, header.p-single-header-21 .bgImg-holder.vidbox {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holder, header.p-single-header-21 .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
header.p-single-header .bgImg-holder .bgImg, header.p-single-header-21 .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  header.p-single-header .bgImg-holder .bgImg, header.p-single-header-21 .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
header.p-single-header .bgImg-holder .bgImg .bgImgSingle, header.p-single-header-21 .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holder .bgImg .bgImgSingle, header.p-single-header-21 .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  header.p-single-header .bgImg-holder .bgImg .bgImgSingle, header.p-single-header-21 .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
header.p-single-header .bgImg-holder .bgImg .bgImgSingle.contain, header.p-single-header-21 .bgImg-holder .bgImg .bgImgSingle.contain {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
header.p-single-header .bgImg-holder .bgImg .bgImageMobile, header.p-single-header-21 .bgImg-holder .bgImg .bgImageMobile {
  display: none !important;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holder .bgImg .bgImageMobile, header.p-single-header-21 .bgImg-holder .bgImg .bgImageMobile {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  header.p-single-header .bgImg-holder .bgImg .bgImageMobile, header.p-single-header-21 .bgImg-holder .bgImg .bgImageMobile {
    min-height: 300px;
  }
}
header.p-single-header .bgImg-holder .bgImg .bgImageMobile.contain, header.p-single-header-21 .bgImg-holder .bgImg .bgImageMobile.contain {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
@media only screen and (max-width: 767px) {
  header.p-single-header .bgImg-holder .bgImg .bgImgSingle, header.p-single-header-21 .bgImg-holder .bgImg .bgImgSingle {
    display: none;
  }
  header.p-single-header .bgImg-holder .bgImg .bgImageMobile, header.p-single-header-21 .bgImg-holder .bgImg .bgImageMobile {
    display: block !important;
  }
}
header.p-single-header .bgImg-holder .bgImg .video, header.p-single-header-21 .bgImg-holder .bgImg .video {
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holder .bgImg .video, header.p-single-header-21 .bgImg-holder .bgImg .video {
    height: 100%;
  }
}
header.p-single-header .bgImg-holder .playVid, header.p-single-header-21 .bgImg-holder .playVid {
  position: absolute;
  display: block;
  z-index: 100;
  width: 100%;
  height: 100%;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  header.p-single-header .bgImg-holder .playVid, header.p-single-header-21 .bgImg-holder .playVid {
    display: none;
  }
}
header.p-single-header .bgImg-holder .playVid a, header.p-single-header-21 .bgImg-holder .playVid a {
  display: table;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  color: #FFFFFF;
  text-align: center;
  font-size: 150px;
  opacity: 0.4;
}
@media only screen and (min-width: 1024px) {
  header.p-single-header .bgImg-holder .playVid a, header.p-single-header-21 .bgImg-holder .playVid a {
    font-size: 230px;
  }
}
header.p-single-header .bgImg-holder .playVid a:hover, header.p-single-header-21 .bgImg-holder .playVid a:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
header.p-single-header .bgImg-holder .playVid a i, header.p-single-header-21 .bgImg-holder .playVid a i {
  color: #FFFFFF;
  display: table-cell;
  vertical-align: middle;
}
header.n-header {
  padding: 60px 0 20px;
  overflow: unset !important;
  z-index: 10;
}
header.n-header .filter-group-holder {
  margin-top: 25px;
  display: grid;
}
@media only screen and (min-width: 768px) {
  header.n-header .filter-group-holder {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 25px 10%;
  }
}
header.n-header .word-search {
  position: relative;
}
header.n-header .word-search input {
  -webkit-appearance: none;
  width: 100%;
  margin: 5px 0;
  padding: 5px 15px;
  height: 44px;
  font-family: "Source Sans Pro", sans-serif;
  color: #828282;
  font-size: 17px;
  border-radius: 0;
  border: 1px solid #E2E8EB;
}
@media only screen and (min-width: 768px) {
  header.n-header .word-search input {
    margin: 0px 0;
  }
}
header.n-header .word-search input:focus {
  border: none;
  outline: none;
}
header.n-header .word-search i {
  position: absolute;
  right: 15px;
  top: 16px;
  color: #393F46;
  font-size: 13px;
}
header.news-single-header {
  padding-bottom: 0;
}
header.news-single-header .headline {
  margin-bottom: 50px;
}
header.news-single-header .headline p.supline {
  margin-top: 5px;
}
@media only screen and (min-width: 768px) {
  header.news-single-header .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: flex-start;
  }
}
header.news-single-header .content .content-inner div.description {
  margin: 0;
  padding: 0;
}
header.news-single-header .content .content-inner p.supline {
  margin-bottom: 0;
}
header.news-single-header .content .media {
  position: relative;
  overflow: hidden;
  max-height: 400px;
}
header.news-single-header .content .media a {
  display: block;
  overflow: hidden;
  height: 100%;
}
header.news-single-header .content .media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header.news-single-header .content .media img.contain {
  object-fit: contain;
}
header.news-single-header .content .media i {
  position: absolute;
  color: #FFFFFF;
  font-size: 120px;
  width: 100%;
  text-align: center;
  top: 40%;
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  opacity: 0.5;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
header.news-single-header .content .media:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
header.search-header-holder {
  padding: 60px 0;
  width: 100%;
}
header.search-header-holder form.search input {
  padding: 12px 25px 10px 15px;
  border: 0;
  outline: 1px solid #FFFFFF;
  background: #FFFFFF;
  width: 100%;
}
header.search-header-holder form.search input:-webkit-autofill, header.search-header-holder form.search input:-webkit-autofill:hover, header.search-header-holder form.search input:-webkit-autofill:focus, header.search-header-holder form.search input:-webkit-autofill:active {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0 0 0 50px #FFFFFF inset;
}
@media only screen and (min-width: 768px) {
  header.search-header-holder form.search input {
    width: 320px;
    margin-right: 5px;
  }
}
header.search-header-holder form.search button {
  width: 100%;
  margin: 7px 0px 0 0;
}
@media only screen and (min-width: 768px) {
  header.search-header-holder form.search button {
    width: unset;
    margin: 0;
  }
}

main {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
  flex: 1;
  background-color: #EDF1F2;
}
main section:nth-of-type(1) {
  z-index: 10;
}
main section:nth-of-type(2) {
  z-index: 9;
}
main section:nth-of-type(3) {
  z-index: 8;
}
main section:nth-of-type(4) {
  z-index: 7;
}
main section:nth-of-type(5) {
  z-index: 6;
}
main section:nth-of-type(6) {
  z-index: 5;
}
main section:nth-of-type(7) {
  z-index: 4;
}
main section:nth-of-type(8) {
  z-index: 3;
}
main section:nth-of-type(9) {
  z-index: 2;
}
main section:nth-of-type(10) {
  z-index: 1;
}
main.news-content {
  padding-bottom: 40px;
}
main.news-content .kilakitu-content .kilakitu-greenbox {
  margin-top: 50px;
  margin-bottom: 50px;
}
main section {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  display: block;
  /* teschnische unterlagen*/
}
main section.bcgCover {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
main section.sp-news-references {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.sp-news-references {
    padding: 60px 0;
  }
}
main section.sp-news-references.bg-lg .article .content {
  background-color: #FFFFFF;
}
main section.sp-news-references.bg-lg .job {
  background-color: #FFFFFF !important;
}
main section.sp-news-references.bg-white .job {
  background: #EDF1F2;
}
main section.sp-news-references.bg-grey .job {
  background-color: #FFFFFF;
}
main section.sp-news-references.lightText .headline h2, main section.sp-news-references.lightText .headline h3, main section.sp-news-references.lightText .headline p {
  color: #FFFFFF;
}
main section.sp-news-references .headline p {
  margin-bottom: 35px;
}
main section.sp-news-references .headline .buttons {
  margin-bottom: 35px;
}
main section.sp-news-references .elements {
  display: grid;
  gap: 25px;
}
main section.sp-news-references .elements.grid_2 {
  grid-template-columns: repeat(2, 1fr);
}
main section.sp-news-references .elements.grid_3 {
  grid-template-columns: repeat(3, 1fr);
}
main section.sp-news-references .elements .job.grid_1 {
  grid-column-start: 2;
}
main section.sp-news-references .elements .job:hover .media img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.sp-news-references .elements .job a {
  color: #393F46;
  font-size: 15px;
}
main section.sp-news-references .elements .job a span {
  color: #828282;
}
main section.sp-news-references .elements .job a:hover {
  color: #20A956;
}
main section.sp-news-references .elements .job .media {
  overflow: hidden;
  width: 100%;
  height: 250px;
}
@media only screen and (min-width: 768px) {
  main section.sp-news-references .elements .job .media {
    height: 150px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.sp-news-references .elements .job .media {
    height: 250px;
  }
}
main section.sp-news-references .elements .job .media img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.sp-news-references .elements .job .content-inner {
  padding: 15px 20px;
}
main section.sp-news-references .elements .job .content-inner span {
  padding: 0 5px;
}
main section.sp-news-references .elements .job .content-inner span:first-child {
  padding-left: 0;
}
main section.sp-news-references .elements .job .content-inner span i {
  color: #20A956;
  padding-right: 3px;
  font-size: 13px;
}
main section.sp-news-references .elements .job .content-inner h3, main section.sp-news-references .elements .job .content-inner h4 {
  margin-top: 5px;
}
main section.sp-products {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.sp-products {
    padding: 60px 0;
  }
}
main section.sp-products.bg-white .content-inner {
  background-color: #EDF1F2;
}
main section.sp-products p.subline {
  margin-bottom: 35px;
}
main section.sp-products .products {
  display: grid;
  gap: 25px;
  padding: 0 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.sp-products .products {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.sp-products .products .product {
  display: grid;
  grid-template-rows: 1fr auto;
  background: #FFFFFF;
}
main section.sp-products .products .product:hover h2, main section.sp-products .products .product:hover h3 {
  color: #20A956;
}
main section.sp-products .products .product:hover .media img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.sp-products .products .product .media {
  max-height: 150px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  main section.sp-products .products .product .media {
    max-height: 300px;
  }
}
main section.sp-products .products .product .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.sp-products .products .product .content {
  padding: 15px;
}
main section.sp-products .products .product a {
  text-decoration: none;
}
main section.sp-jobs {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.sp-jobs {
    padding: 60px 0;
  }
}
main section.sp-jobs.bg-lg .jobs .job {
  background-color: #FFFFFF;
}
main section.sp-jobs .headline {
  padding-bottom: 20px;
}
main section.sp-jobs .jobs {
  margin: 20px 0;
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.sp-jobs .jobs {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.sp-jobs .jobs {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.sp-jobs .jobs .job {
  background: #EDF1F2;
}
main section.sp-jobs .jobs .job.grid_1 {
  grid-column-start: 2;
}
main section.sp-jobs .jobs .job:hover .media img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.sp-jobs .jobs .job a {
  color: #393F46;
  font-size: 15px;
}
main section.sp-jobs .jobs .job a span {
  color: #828282;
}
main section.sp-jobs .jobs .job a:hover {
  color: #20A956;
}
main section.sp-jobs .jobs .job .media {
  overflow: hidden;
  width: 100%;
  height: 250px;
}
@media only screen and (min-width: 768px) {
  main section.sp-jobs .jobs .job .media {
    height: 150px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.sp-jobs .jobs .job .media {
    height: 250px;
  }
}
main section.sp-jobs .jobs .job .media img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.sp-jobs .jobs .job .content-inner {
  padding: 15px 20px;
}
main section.sp-jobs .jobs .job .content-inner span {
  padding: 0 5px;
}
main section.sp-jobs .jobs .job .content-inner span:first-child {
  padding-left: 0;
}
main section.sp-jobs .jobs .job .content-inner span i {
  color: #20A956;
  padding-right: 3px;
  font-size: 13px;
}
main section.sp-jobs .jobs .job .content-inner h3, main section.sp-jobs .jobs .job .content-inner h4 {
  margin-top: 5px;
}
main section.sp-textimg {
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  main section.sp-textimg {
    padding: 25px 0 0px;
  }
}
main section.sp-textimg .content.colLight .content-inner .headline h2 {
  color: #FFFFFF;
}
main section.sp-textimg .content.colLight .content-inner .textbox p {
  color: #FFFFFF;
}
main section.sp-textimg .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.sp-textimg .content .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.sp-textimg .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.sp-textimg .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.sp-textimg .content .content-inner .description h4 {
  color: #000000;
}
main section.sp-textimg .content .content-inner h4 {
  margin-top: 10px;
  color: #000000;
}
@media only screen and (min-width: 1024px) {
  main section.sp-textimg .content .content-inner h1 {
    max-width: 420px;
  }
}
main section.sp-textimg .content .content-inner .textbox p {
  margin: 30px 0;
}
@media only screen and (min-width: 1024px) {
  main section.sp-textimg .content .content-inner p {
    max-width: 420px;
  }
}
main section.sp-textimg .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.sp-textimg .content .content-inner .buttonsh4 {
  margin-top: 30px;
}
main section.sp-textimg .content .content-inner .buttons {
  margin: 10px 0;
}
main section.sp-textimg .content .content-inner .buttons .button {
  margin-right: 10px;
}
main section.sp-textimg .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.sp-textimg .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.sp-textimg .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.sp-textimg .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.sp-textimg .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.sp-textimg .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.sp-textimg .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
main section.sp-seocontent {
  background-color: #232E3B;
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.sp-seocontent {
    padding: 60px 0;
  }
}
main section.sp-seocontent .colLight .content h1 {
  font-size: 35px;
  line-height: 39px;
  color: #FFFFFF;
}
main section.sp-seocontent .colLight .content p {
  color: #FFFFFF;
}
main section.sp-seocontent .content .headline {
  padding-bottom: 20px;
}
main section.sp-seocontent .content .content-inner h1 {
  font-size: 17px;
  line-height: 22px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
main section.sp-tempcontent {
  color: #FFFFFF;
  background-color: #232E3B;
}
main section.sp-tempcontent .content {
  padding: 25px 50px;
}
main section.sp-tempcontent .content .center {
  text-align: center;
}
main section.sp-tempcontent .content h1, main section.sp-tempcontent .content h2, main section.sp-tempcontent .content h3 {
  color: #FFFFFF;
}
main section.sp-tempcontent .content p {
  color: #FFFFFF;
}
main section.sp-contact, main section.p-single-referenzen-contact {
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
main section.sp-contact .helper, main section.p-single-referenzen-contact .helper {
  width: 100%;
  padding: 60px 0;
  height: 100%;
  background-color: rgba(35, 45, 46, 0.7);
}
@media only screen and (max-width: 992px) {
  main section.sp-contact .helper, main section.p-single-referenzen-contact .helper {
    padding: 25px 0;
  }
}
main section.sp-contact .helper .contentold, main section.p-single-referenzen-contact .helper .contentold {
  max-width: 540px;
  color: #FFFFFF;
}
main section.sp-contact .helper .contentold p, main section.p-single-referenzen-contact .helper .contentold p {
  color: #FFFFFF;
}
main section.sp-contact .helper .content, main section.p-single-referenzen-contact .helper .content {
  color: #FFFFFF;
}
main section.sp-contact .helper .content p, main section.p-single-referenzen-contact .helper .content p {
  color: #FFFFFF;
}
main section.sp-contact .helper .content .boxes, main section.p-single-referenzen-contact .helper .content .boxes {
  margin-top: 25px;
  margin-bottom: 25px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  main section.sp-contact .helper .content .boxes, main section.p-single-referenzen-contact .helper .content .boxes {
    flex-direction: row;
    display: flex;
    gap: 15px;
  }
}
main section.sp-contact .helper .content .boxes .box, main section.p-single-referenzen-contact .helper .content .boxes .box {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px 30px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  main section.sp-contact .helper .content .boxes .box, main section.p-single-referenzen-contact .helper .content .boxes .box {
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 800px) {
  main section.sp-contact .helper .content .boxes .box, main section.p-single-referenzen-contact .helper .content .boxes .box {
    min-width: 350px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.sp-contact .helper .content .boxes .box, main section.p-single-referenzen-contact .helper .content .boxes .box {
    min-width: 450px;
  }
}
main section.sp-contact .helper .content .boxes .box h3, main section.p-single-referenzen-contact .helper .content .boxes .box h3 {
  margin: 0;
  padding: 0 0 10px;
}
main section.sp-contact .helper .content .boxes .box div.supline, main section.p-single-referenzen-contact .helper .content .boxes .box div.supline {
  color: #828282;
}
main section.spendenaktion-content .boxes {
  padding: 80px 0;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-content .boxes {
    padding: 30px 0;
  }
}
main section.spendenaktion-content .boxes .box-card {
  background-color: #FFFFFF;
  margin-bottom: 20px;
}
main section.spendenaktion-content .boxes .box-card a {
  color: #393F46;
}
main section.spendenaktion-content .boxes .box-card .image {
  min-height: 300px;
  width: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
}
@media only screen and (max-width: 991px) {
  main section.spendenaktion-content .boxes .box-card .image {
    width: 40%;
    float: left;
    min-height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .boxes .box-card .image {
    min-height: 150px;
    width: 100%;
    margin-bottom: 0;
  }
}
main section.spendenaktion-content .boxes .box-card .content {
  padding: 30px 30px 15px;
}
@media only screen and (max-width: 991px) {
  main section.spendenaktion-content .boxes .box-card .content {
    width: 60%;
    float: left;
    min-height: 250px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .boxes .box-card .content {
    width: 100%;
    margin-bottom: 20px;
    min-height: 150px;
  }
}
main section.spendenaktion-content .boxes .box-card .content p {
  color: #828282;
}
main section.spendenaktion-content .textbox {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 50px;
}
main section.spendenaktion-content .textbox .content-image-holder {
  position: absolute;
  display: block;
  display: block;
  width: 50%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
}
main section.spendenaktion-content .textbox .content-image-holder .image {
  position: absolute;
  display: block;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center top !important;
  -moz-background-position: center top !important;
  -ms-background-position: center top !important;
  -o-background-position: center top !important;
  background-position: center top !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .textbox .content-image-holder {
    position: relative;
    width: 100%;
    left: inherit;
    top: inherit;
    right: inherit;
    min-height: 250px;
  }
}
main section.spendenaktion-content .textbox .content {
  color: #FFFFFF;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .textbox .content {
    padding-bottom: 0;
  }
}
main section.spendenaktion-content .textbox .content .container {
  position: relative;
  display: block;
  display: block;
  width: 100%;
  max-width: 1294px;
  padding: 0 15px;
  clear: both;
}
main section.spendenaktion-content .textbox .content .container .content-inner {
  padding: 30px 50px;
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .textbox .content .container .content-inner {
    position: relative;
    width: 100%;
    left: inherit;
    top: inherit;
    right: inherit;
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .textbox .content .container .content-inner h2 {
    font-size: 24px;
    line-height: 29px;
  }
}
main section.spendenaktion-content .textbox .content .container .content-inner p {
  color: #FFFFFF;
}
main section.spendenaktion-content .donaterferences {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .donaterferences {
    padding: 0;
  }
}
main section.spendenaktion-content .donaterferences .headline {
  text-align: center;
}
main section.spendenaktion-content .donaterferences .headline h2 {
  margin-bottom: 0;
}
main section.spendenaktion-content .donaterferences .headline p {
  color: #828282;
  margin-top: 10px;
  font-size: 17px;
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-content .donaterferences .headline p {
    font-size: 17px;
    line-height: 22px;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card {
  position: relative;
  display: flex;
  margin-bottom: 1.5rem;
  overflow: hidden;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card {
    margin-bottom: 20px;
    min-height: auto !important;
  }
}
@media only screen and (max-width: 640px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card {
    display: block;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .image {
  background-color: #E2E8EB;
  position: relative;
  display: block;
  width: 100%;
  max-width: 60%;
  height: auto;
  float: left;
  overflow: hidden;
  z-index: 1;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .image {
    max-width: calc(100% - 244px);
  }
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .image {
    max-width: 100%;
    min-height: 150px;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card .image .icon {
  position: absolute;
  display: block;
  width: 90px;
  height: 110px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .image .icon img {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content {
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  max-width: 40%;
  min-width: 40%;
  height: auto;
  min-height: 180px;
  border: 1px solid #EDF1F2;
  float: right;
  overflow: hidden;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .content {
    max-width: 70%;
    min-width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .content {
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #828282;
  padding: 32px 20px 16px;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner {
    padding: 16px 32px 16px 16px;
  }
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner {
    min-height: auto !important;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner h3 {
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner h3 a {
  color: #20A956;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner h3:hover {
  color: inherit;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner p {
  color: #828282;
  margin: 21px 0 27px;
}
@media only screen and (max-width: 640px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner p {
    margin-bottom: 0;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner p.small {
  margin: 0;
  color: #A8A8A8;
  font-size: 13px;
  line-height: 16px;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-top: 16px;
  margin-bottom: -6px;
  text-decoration: underline !important;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.spendenaktion-content .donaterferences .download-article .da-card .content .content-inner a:hover {
  color: #828282;
  text-decoration: none !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card.article .image {
  max-width: 60%;
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card.article .image {
    max-width: 100%;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card.article .content {
  max-width: 40%;
  min-width: 40%;
}
@media only screen and (max-width: 1024px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card.article .content {
    max-width: 70%;
    min-width: 70%;
  }
}
@media only screen and (max-width: 640px) {
  main section.spendenaktion-content .donaterferences .download-article .da-card.article .content {
    max-width: 100%;
    min-width: 100%;
    min-height: auto;
  }
}
main section.spendenaktion-content .donaterferences .download-article .da-card.article .content .content-inner h3 {
  max-width: 100%;
}
main section.spendenaktion-content .donaterferences .download-article .da-card.article:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card.article:hover .image {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.spendenaktion-content .donaterferences .download-article .da-card.article:hover .content .content-inner h3 {
  color: #20A956;
}
main section.votebox .last-votes {
  position: relative;
  display: block;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.votebox .last-votes {
    height: 80px;
  }
}
@media only screen and (max-width: 768px) {
  main section.votebox .last-votes {
    height: 65px;
  }
}
main section.votebox .last-votes h3 {
  margin: 0;
  line-height: 50px;
}
@media only screen and (max-width: 992px) {
  main section.votebox .last-votes h3 {
    padding-top: 5px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  main section.votebox .last-votes h3 {
    line-height: 25px;
    font-size: 18px;
  }
}
main section.votebox .last-votes ul {
  margin: 0;
}
main section.votebox .last-votes ul li {
  float: left;
  margin-right: 25px;
  line-height: 50px;
  font-size: 24px;
  font-weight: 700;
}
@media only screen and (max-width: 992px) {
  main section.votebox .last-votes ul li {
    line-height: 20px;
    margin-bottom: 40px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  main section.votebox .last-votes ul li {
    line-height: 22px;
    font-size: 18px;
    margin-right: 20px;
  }
}
main section.spendenaktion-formular {
  width: 100%;
  margin-top: 0;
  padding: 0;
  border-bottom: 1px solid #EDF1F2;
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-formular {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular {
    margin-top: 0;
  }
}
main section.spendenaktion-formular .row:nth-child(1) {
  margin-bottom: 0;
}
main section.spendenaktion-formular .content .error-message-holder {
  background: #FF2727; /* The Fallback */
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 15px 0;
}
main section.spendenaktion-formular .content .error-message-holder h2 {
  color: #393F46;
}
main section.spendenaktion-formular .content .error-message-holder h2 strong {
  font-weight: 700 !important;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular .content .error-message-holder h2 {
    margin-top: 0;
    font-size: 24px;
    line-height: 29px;
  }
}
main section.spendenaktion-formular .content .error-message-holder h3 {
  color: #393F46;
  margin-bottom: 10px;
}
main section.spendenaktion-formular .content .error-message-holder h3 strong {
  font-weight: 700 !important;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular .content .error-message-holder h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 29px;
  }
}
main section.spendenaktion-formular .content .error-message-holder p {
  color: #FFFFFF !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  margin: 12px 0;
}
main section.spendenaktion-formular .content .thank-you-message-holder-nl p {
  margin-top: 0;
}
main section.spendenaktion-formular .content .thank-you-message-holder {
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
main section.spendenaktion-formular .content .thank-you-message-holder h2 {
  color: #393F46;
}
main section.spendenaktion-formular .content .thank-you-message-holder h2 strong {
  font-weight: 700 !important;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular .content .thank-you-message-holder h2 {
    margin-top: 0px;
    font-size: 24px;
  }
}
main section.spendenaktion-formular .content .thank-you-message-holder p {
  color: #A8A8A8;
}
main section.spendenaktion-formular .content .thank-you-message-holder .doi-bar h3 {
  color: #393F46;
  font-size: 24px;
  line-height: 40px;
}
main section.spendenaktion-formular .content .thank-you-message-holder .doi-bar .grey {
  background-color: #EDF1F2 !important;
  float: right;
  height: 100%;
  width: 20%;
}
main section.spendenaktion-formular .content .thank-you-message-holder .doi-bar .green {
  position: relative;
  display: none;
  float: left;
  margin-right: 20px;
  background-color: #20A956 !important;
  width: 350px;
  height: 40px;
  display: block;
}
@media only screen and (max-width: 992px) {
  main section.spendenaktion-formular .content .thank-you-message-holder .doi-bar .green {
    width: 250px;
  }
}
main section.spendenaktion-formular .content .thank-you-message-holder a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.spendenaktion-formular .content .thank-you-message-holder a span {
  position: relative;
  padding-bottom: 0;
}
main section.spendenaktion-formular .content .thank-you-message-holder a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.spendenaktion-formular .content .thank-you-message-holder a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.spendenaktion-formular .content .thank-you-message-holder a:hover {
  color: #828282;
}
main section.spendenaktion-formular .content .thank-you-message-holder a:hover span:after {
  left: 0;
}
main section.spendenaktion-formular .content .thank-you-message-holder.block {
  display: block;
}
main section.spendenaktion-formular .content .thank-you-message-holder.show {
  opacity: 1;
  visibility: visible;
}
main section.spendenaktion-formular .content .form-holder {
  background-color: #FFFFFF;
  color: #393F46;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 0px 0 32px;
  margin-top: 25px;
  overflow: hidden;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular .content .form-holder {
    margin-top: 30px;
  }
}
main section.spendenaktion-formular .content .form-holder h2 {
  color: #393F46;
}
main section.spendenaktion-formular .content .form-holder h2 strong {
  font-weight: 700 !important;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular .content .form-holder h2 {
    margin-top: 0;
    font-size: 24px;
    line-height: 29px;
  }
}
main section.spendenaktion-formular .content .form-holder h3 {
  color: #393F46;
  margin-bottom: 5px;
}
main section.spendenaktion-formular .content .form-holder h3 strong {
  font-weight: 700 !important;
}
@media only screen and (max-width: 768px) {
  main section.spendenaktion-formular .content .form-holder h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 29px;
  }
}
main section.spendenaktion-formular .content .form-holder p {
  color: #393F46;
}
main section.spendenaktion-formular .content .form-holder .image {
  margin: 15px 0 0;
}
main section.spendenaktion-formular .content .form-holder .image img {
  max-width: 95%;
}
@media only screen and (max-width: 600px) {
  main section.spendenaktion-formular .content .form-holder .image {
    display: none;
  }
}
main section.spendenaktion-formular .content .form-holder form {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form.spenden-nl-form p {
  margin-top: 5px;
}
main section.spendenaktion-formular .content .form-holder form .hide-fake {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  top: -9999px;
  left: -9999px;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label {
  position: relative;
  display: inline-block;
  width: 25%;
  height: auto;
  overflow: hidden;
  margin-bottom: 16px;
  float: left;
  color: #828282;
}
@media only screen and (max-width: 991px) {
  main section.spendenaktion-formular .content .form-holder form .form-inputs label {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  main section.spendenaktion-formular .content .form-holder form .form-inputs label {
    width: 100%;
  }
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label.full-width {
  width: 100%;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label label.error {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label input {
  color: #828282;
  background-color: #EDF1F2;
  position: relative;
  display: block;
  width: 100%;
  max-width: calc(100% - 20px);
  height: 44px;
  overflow: hidden;
  padding: 0 16px;
  margin-right: 15px;
  line-height: 44px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #EDF1F2;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label input.checkbox-custom {
  margin: 0;
  height: 0;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label input.error {
  border: 1px solid #FF2727;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span {
  font-size: 13px;
  line-height: 16px;
  -webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  filter: blur(0px) !important;
  float: none;
  display: block;
  margin-top: 8px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span.checkbox {
  display: inline;
  overflow: hidden;
  margin-bottom: 16px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span a span {
  position: relative;
  padding-bottom: 0;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span a:hover {
  color: #828282;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label span a:hover span:after {
  left: 0;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label textarea {
  color: #828282;
  background-color: #EDF1F2;
  position: relative;
  display: block;
  width: 100%;
  height: 76px;
  overflow: hidden;
  padding: 16px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #FFFFFF;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label textarea.error {
  border: 1px solid #FF2727;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label [type=checkbox] + span:not(.lever) {
  height: 36px;
  line-height: 36px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  background-color: #EDF1F2;
  border: 1px solid #EDF1F2;
  border-radius: 0px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label [type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: #EDF1F2;
  border: 1px solid #EDF1F2;
  border-radius: 0px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label [type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 0;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label [type=checkbox].filled-in:checked + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 1;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs label [type=checkbox].error:not(:checked) + span:not(.lever):after {
  border: 1px solid #FF2727;
  border-radius: 0px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .error-message-holder {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .form-submit-holder input {
  float: left;
  margin-right: 20px;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .form-submit-holder input.form-submit {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #20A956;
  position: relative;
  display: block;
  width: auto;
  height: 44px;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 300;
  line-height: 44px;
  padding: 0px 30px;
  text-transform: uppercase;
  outline: 0px none;
  outline: 0px;
  border: none;
  cursor: pointer;
  letter-spacing: 1px;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .form-submit-holder input.form-submit:hover {
  background-color: #393F46;
}
@media only screen and (max-width: 767px) {
  main section.spendenaktion-formular .content .form-holder form .form-inputs .form-submit-holder input.form-submit {
    font-size: 18px;
    letter-spacing: 0px;
  }
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info {
  position: relative;
  display: block;
  height: auto;
  overflow: hidden;
  padding: 10px;
  float: left;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info p {
  margin: 0;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info a span {
  position: relative;
  padding-bottom: 0;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info a:hover {
  color: #828282;
}
main section.spendenaktion-formular .content .form-holder form .form-inputs .google-info a:hover span:after {
  left: 0;
}
main section.spendenaktion-formular .content .form-holder.none {
  display: none;
}
main section.spendenaktion-formular .content .form-holder.hide {
  opacity: 0;
  visibility: 0;
}
main section.spendenaktion-formular.active {
  right: -306px;
}
main section.video-holder {
  padding: 0 0 0;
  margin-top: 20px;
}
main section.video-holder .media {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  z-index: 1;
}
main section.video-holder .media .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
main section.video-holder .media .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.video-holder .media .embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.video-holder .media .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.fsu_scenario-details-holder {
  background-color: #393F46;
  padding-bottom: 20px;
}
main section.fsu_scenario-details-holder .scenario {
  position: relative;
  display: block;
  width: 104%;
  width: calc(100% + 1.5rem);
  height: auto;
  margin-left: -0.75rem;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .sc_image {
  margin-bottom: 15px;
  position: relative;
  display: block;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .sc_image img {
  width: 100%;
  display: none;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .sc_image img.current {
  display: block;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .info p {
  color: #FFFFFF;
  margin-top: 0;
  display: none;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .info p.show {
  display: block;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav {
  margin-bottom: 70px;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav:not(.browser-default) > li {
  list-style-type: none;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a {
  color: #FFFFFF;
  opacity: 0.3;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a.blocked:hover {
  background-position: 0 0;
  color: #FFFFFF;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a.blocked.active {
  background-position: 0 -54px;
  color: #E45D5A;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a.normal:hover {
  background-position: 0 0;
  color: #FFFFFF;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a.normal.active {
  background-position: 0 -54px;
  color: #20A956;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a.fire:hover {
  background-position: 0 0;
  color: #FFFFFF;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav.noclick li a.fire.active {
  background-position: 0 -54px;
  color: #FF7F00;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li {
  margin: 5px 0;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a {
  font-size: 13px;
  color: #FFFFFF;
  display: block;
  background-repeat: no-repeat;
  padding-left: 65px;
  height: 50px;
  display: table-cell;
  text-transform: uppercase;
  vertical-align: middle;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a:hover {
  background-position: 0 -54px;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.active {
  color: #20A956;
  background-position: 0 -54px;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.normal {
  background-image: url(../assets/img/design/fsu/icon_ok.png);
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.normal:hover, main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.normal.active {
  color: #20A956;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.blocked {
  background-image: url(../assets/img/design/fsu/icon_close.png);
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.blocked:hover, main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.blocked.active {
  color: #E45D5A;
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.fire {
  background-image: url(../assets/img/design/fsu/icon_fire.png);
}
main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.fire:hover, main section.fsu_scenario-details-holder .scenario .sc_showcase .nav .sc_second_nav li a.fire.active {
  color: #FF7F00;
}
main section.search-results {
  padding: 30px 0;
}
main section.search-results .articles {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
main section.search-results .articles hr {
  border: none;
  border-bottom: 1px solid #A8A8A8;
}
main section.search-results .articles article {
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 0 5px 25px;
  margin: 10px 0;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.search-results .articles article h4 {
  font-size: 17px;
}
main section.search-results .articles article.post_367 {
  display: none;
}
main section.search-results .articles article a.link {
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.search-results .articles article .content h4 {
  font-size: 17px;
}
main section.search-results .articles article .content p {
  padding: 0;
  margin: 0;
  padding-top: 8px;
}
main section.search-results .articles article::after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.search-results .articles article.search-green a.button {
  margin-top: 10px;
}
main section.search-results .articles article.search-green::after {
  background-color: #20A956;
}
main section.search-results .articles article:hover {
  color: #20A956;
}
main section.search-results .articles article:hover::after {
  width: 16px;
}
main section.search-results .articles article:hover a.button {
  background-color: #20A956;
  color: #FFFFFF;
}
main section.search-results .pagination {
  margin: 20px 0;
}
main section.search-results .pagination .previous, main section.search-results .pagination .next {
  display: inline-block;
  margin: 15px 0;
  width: 40%;
}
@media only screen and (min-width: 768px) {
  main section.search-results .pagination .previous, main section.search-results .pagination .next {
    width: 18%;
  }
}
main section.search-results .pagination .previous:hover, main section.search-results .pagination .previous.active, main section.search-results .pagination .next:hover, main section.search-results .pagination .next.active {
  text-decoration: underline;
}
main section.search-results .pagination .next {
  text-align: right;
  float: right;
}
main section.search-results .pagination .pagenumber {
  display: none;
  margin: 15px 0;
}
@media only screen and (min-width: 768px) {
  main section.search-results .pagination .pagenumber {
    width: 60%;
    display: inline-block;
  }
}
main section.search-results .pagination .pagenumber a {
  display: inline-table;
  font-weight: 600;
  border: 1px solid #20A956;
  padding: 5px 10px;
  margin: 1px;
}
main section.search-results .pagination .pagenumber a:hover, main section.search-results .pagination .pagenumber a.active {
  background-color: #20A956;
  color: #FFFFFF;
}
main section.search-results .search-highlight {
  font-family: "Source Sans Pro", sans-serif !important;
  font-weight: 600;
  color: #20A956 !important;
}
main section.contactBox {
  padding: 60px 0;
}
main section.contactBox .row {
  margin-bottom: 0;
}
main section.contactBox .headline {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
}
main section.contactBox .headline h2 {
  color: #FFFFFF;
}
main section.contactBox .description {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
main section.contactBox .description p {
  color: #FFFFFF;
}
main section.contactBox .button {
  float: right;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
@media only screen and (max-width: 600px) {
  main section.contactBox .button {
    float: left;
    margin: 20px 0 0;
  }
}
main section.productdata {
  margin: 20px 0 60px;
}
main section.productdata .container {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 1024px) {
  main section.productdata .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.grid-holder .row:nth-child(1) {
  margin-bottom: 0px;
}
main section.grid-holder .row.standard-row {
  margin-bottom: 20px;
}
main section.grid-holder .grid .background-helper {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  -webkit-transition: 0.175s linear !important;
  -moz-transition: 0.175s linear !important;
  -ms-transition: 0.175s linear !important;
  -o-transition: 0.175s linear !important;
  transition: 0.175s linear !important;
}
main section.grid-holder .grid .background-helper.active {
  opacity: 1;
  visibility: visible;
  z-index: 100;
  height: 100%;
}
main section.grid-holder .grid article {
  background-color: #FFFFFF;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
main section.grid-holder .grid article.grid-item.normal {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner {
    padding-bottom: 20px;
  }
}
main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner {
    max-width: 420px;
    padding: 150px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner {
    max-width: 510px;
    margin-right: 0;
  }
}
main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner h2 {
  max-width: 100%;
  margin-top: 0px;
}
@media only screen and (min-width: 1024px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner h2 {
    max-width: 420px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner .content .content-inner p {
    max-width: 420px;
  }
}
main section.grid-holder .grid article.grid-item.normal .article-inner .content-image-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.grid-holder .grid article.grid-item.normal .article-inner .content-image-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.grid-holder .grid article.grid-item.normal .article-inner .content-image-holder img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
main section.grid-holder .grid article.grid-item.normal.normal-first-childs .article-inner .content .content-inner {
  position: relative;
  display: block;
  width: 100%;
  float: none;
  margin: 0 auto;
}
main section.grid-holder .grid article.grid-item.normal.normal-first-childs .article-inner .content-image-holder {
  width: 100%;
}
main section.grid-holder .grid article.grid-item.normal.normal-even .article-inner .content .content-inner {
  float: right;
}
main section.grid-holder .grid article.grid-item.normal.normal-even .article-inner .content-image-holder {
  right: inherit;
  left: 0;
}
main section.grid-holder .grid article.grid-item.normal.normal-odd .article-inner .content .content-inner {
  float: left;
}
main section.grid-holder .grid article.grid-item.normal.normal-odd .article-inner .content-image-holder {
  right: 0;
  left: inherit;
}
main section.grid-holder .grid article.grid-item.quote {
  background-color: #20A956;
  padding: 35px 0;
}
main section.grid-holder .grid article.grid-item.quote .quote-holder {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
main section.grid-holder .grid article.grid-item.quote .quote-holder .quote {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
main section.grid-holder .grid article.grid-item.quote .quote-holder .quote::before {
  content: "";
  display: block;
  position: absolute;
  position: relative;
  width: 60px;
  height: 50px;
  margin: 0 auto;
  background-image: url(../assets/img/design/quote.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-size: 60px 50px;
}
main section.grid-holder .grid article.grid-item.quote .quote-holder .quote p {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}
@media only screen and (max-width: 992px) {
  main section.grid-holder .grid article.grid-item.quote .quote-holder .quote p {
    font-size: 24px;
    line-height: 29px;
  }
}
main section.grid-holder .grid article.grid-item.quote .quote-holder .quote-author {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
main section.grid-holder .grid article.grid-item.quote .quote-holder .quote-author p {
  color: #FFFFFF;
  font-style: italic;
  margin: 0;
  padding: 0;
}
main section.grid-holder .grid article.hidden {
  visibility: hidden;
  width: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  padding: 0px !important;
}
main section.grid-holder .load-more-holder {
  margin: 30px 0;
}
main section.grid-holder.dfm .filter-group-holder {
  overflow: visible;
  padding: 60px 0;
}
@media only screen and (max-width: 992px) {
  main section.grid-holder.dfm .filter-group-holder {
    margin-top: 0;
  }
}
main section.grid-holder.dfm .filter-group-holder h1 {
  margin: 30px 0 20px;
}
main section.grid-holder.dfm .filter-group-holder p {
  color: #828282;
  margin: 0;
  padding: 0 0 16px;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  main section.grid-holder.dfm .filter-group-holder p {
    padding-right: 0px;
    margin-bottom: 16px;
  }
}
main section.grid-holder.dfm .filter-group-holder p a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.grid-holder.dfm .filter-group-holder p a span {
  position: relative;
  padding-bottom: 0;
}
main section.grid-holder.dfm .filter-group-holder p a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.grid-holder.dfm .filter-group-holder p a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.grid-holder.dfm .filter-group-holder p a:hover {
  color: #828282;
}
main section.grid-holder.dfm .filter-group-holder p a:hover span:after {
  left: 0;
}
main section.v-content-textimg {
  padding: 0;
}
main section.v-content-textimg.showLeft .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-content-textimg.showLeft .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg.showLeft .content-inner {
    float: right;
  }
}
@media only screen and (min-width: 1200px) {
  main section.v-content-textimg.showLeft .content-inner {
    margin-right: 0;
  }
}
main section.v-content-textimg.showLeft .bgImg-holder {
  left: 0;
}
main section.v-content-textimg .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
main section.v-content-textimg .bgImg-holder.vidbox {
  height: 450px;
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg .bgImg-holder.vidbox {
    height: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.v-content-textimg .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.v-content-textimg .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.v-content-textimg .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.v-content-textimg .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
main section.v-content-textimg .bgImg-holder .bgImg .bgImgSingle.contain {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
main section.v-content-textimg .bgImg-holder .bgImg .js-video-button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 120px;
  z-index: 10000;
  text-align: center;
}
main section.v-content-textimg .bgImg-holder .bgImg .js-video-button:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.v-content-textimg .bgImg-holder .bgImg .js-video-button i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.v-content-textimg .bgImg-holder .bgImg video {
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg .bgImg-holder .bgImg video {
    height: 100%;
  }
}
main section.v-content-textimg .content {
  max-width: 1294px;
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg .content {
    height: 100%;
  }
}
@media only screen and (min-width: 1294px) {
  main section.v-content-textimg .content {
    width: 100%;
    margin: 0 auto;
  }
}
main section.v-content-textimg .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.v-content-textimg .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.v-content-textimg .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.v-content-textimg .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.v-content-textimg .content .content-inner .headline h1 {
  font-size: 35px;
  line-height: 39px;
  text-transform: uppercase;
}
main section.v-content-textimg .content .content-inner .headline .supline {
  font-size: 17px;
}
main section.v-content-textimg .content .content-inner .description ul {
  margin: 5px 0 5px 20px !important;
}
main section.v-content-textimg .content .content-inner .description ul li {
  list-style: disc !important;
}
main section.v-content-textimg .content .content-inner .button {
  margin: 20px 5px 20px 0;
}
main section.v-single-categories {
  padding: 40px 0;
}
@media only screen and (min-width: 1024px) {
  main section.v-single-categories {
    padding: 100px 0;
  }
}
main section.v-single-categories .categories {
  margin: 25px 0;
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-single-categories .categories {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.v-single-categories .categories_category {
  background: #FFFFFF;
}
main section.v-single-categories .categories_category a:hover h4 {
  color: #20A956;
}
main section.v-single-categories .categories_category a:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.v-single-categories .categories_category .media {
  overflow: hidden;
  width: 100%;
  max-height: 250px;
}
main section.v-single-categories .categories_category .media img {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
  object-position: center;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.v-single-categories .categories_category h4 {
  padding: 15px 25px;
  color: #000000;
}
main section.v-single-boxsystem {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.v-single-boxsystem {
    padding: 80px 0;
  }
}
main section.v-single-boxsystem.bg-white .boxen .box .content-inner {
  background-color: #EDF1F2;
}
main section.v-single-boxsystem.bg-grey .editorial h2, main section.v-single-boxsystem.bg-grey .editorial p {
  color: #FFFFFF;
}
main section.v-single-boxsystem .headline {
  margin-bottom: 35px;
}
main section.v-single-boxsystem .headline.center {
  text-align: center;
}
main section.v-single-boxsystem .boxen {
  display: grid;
  width: 100%;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-single-boxsystem .boxen.two {
    grid-template-columns: 1fr 1fr;
  }
  main section.v-single-boxsystem .boxen.three {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-single-boxsystem .boxen.three {
    grid-template-columns: repeat(3, 33.3%);
  }
}
main section.v-single-boxsystem .boxen .box {
  width: 100%;
  margin: 0;
  padding: 0;
}
main section.v-single-boxsystem .boxen .box .content-inner {
  height: 100%;
  background-color: #FFFFFF;
}
main section.v-single-boxsystem .boxen .box .content-inner .media {
  overflow: hidden;
  height: 250px;
}
main section.v-single-boxsystem .boxen .box .content-inner .media .image {
  width: 100%;
  height: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.v-single-boxsystem .boxen .box .content-inner .media .image:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text {
  padding: 35px 25px;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .supline {
  margin: 0;
  font-size: 17px;
  line-height: 23px;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .text {
  font-size: 17px;
  line-height: 23px;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .text p {
  margin-bottom: 25px;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .buttons {
  align-self: flex-end;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .download a {
  text-decoration: underline;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .download a.button_AT {
  margin: 0 5px 5px 0;
  padding-left: 25px;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: left center !important;
  -moz-background-position: left center !important;
  -ms-background-position: left center !important;
  -o-background-position: left center !important;
  background-position: left center !important;
  background-image: url("https://din-notlicht.com/wp-content/uploads/flags/flag_austria.png");
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .download a.button_DE {
  margin: 0 5px 0 0;
  padding-left: 25px;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: left center !important;
  -moz-background-position: left center !important;
  -ms-background-position: left center !important;
  -o-background-position: left center !important;
  background-position: left center !important;
  background-image: url("https://din-notlicht.com/wp-content/uploads/flags/flag_germany.png");
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .download a.pdf:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f1c1";
  float: left;
  padding-right: 8px;
  font-style: normal;
  color: #393F46;
  font-size: 18px;
  font-weight: 600;
}
main section.v-single-boxsystem .boxen .box .content-inner .content-text .download a:hover {
  text-decoration: none;
}
main section.v-overview-normen {
  padding: 25px 0;
}
main section.v-overview-normen .filterregulations .nomessage {
  display: none;
}
main section.v-overview-normen .filterregulations .regulationlist__item {
  display: none;
}
main section.v-overview-normen .filterregulations .regulationlist__item.active {
  display: block;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .filterregulations .regulationlist__item.active {
    display: grid;
  }
}
main section.v-overview-normen .filterregulations h3.category {
  margin: 25px 0 15px;
}
main section.v-overview-normen .filterregulations h3.category span {
  font-weight: normal;
  font-size: 17px;
}
main section.v-overview-normen .regulationlist__item {
  background-color: #FFFFFF;
  display: grid;
  margin-bottom: 15px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .regulationlist__item {
    gap: 15px;
    padding-bottom: 0;
    grid-template-columns: 220px auto;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-normen .regulationlist__item {
    gap: 25px;
    padding-bottom: 0;
    grid-template-columns: 220px auto auto;
  }
}
main section.v-overview-normen .regulationlist__item:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.v-overview-normen .regulationlist__item.arbeitsrecht {
  border-left: 15px solid #BFC9D4;
}
main section.v-overview-normen .regulationlist__item.arbeitsrecht .tag {
  background-color: #BFC9D4;
}
main section.v-overview-normen .regulationlist__item.baurecht {
  border-left: 15px solid #7F6783;
}
main section.v-overview-normen .regulationlist__item.baurecht .tag {
  background-color: #7F6783;
}
main section.v-overview-normen .regulationlist__item.elektrotechnische-und-lichttechnische-vorschriften {
  border-left: 15px solid #A8D2A2;
}
main section.v-overview-normen .regulationlist__item.elektrotechnische-und-lichttechnische-vorschriften .tag {
  background-color: #A8D2A2;
}
main section.v-overview-normen .regulationlist__item.landesspezifische-vorschriften {
  border-left: 15px solid #5A8C7A;
}
main section.v-overview-normen .regulationlist__item.landesspezifische-vorschriften .tag {
  background-color: #5A8C7A;
}
main section.v-overview-normen .regulationlist__item__media {
  max-height: 160px;
  max-width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .regulationlist__item__media {
    grid-row: 1/2;
    grid-column-start: 1;
    grid-row-end: 3;
    max-height: 250px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-normen .regulationlist__item__media {
    grid-row: unset;
    grid-column-start: unset;
    grid-row-end: unset;
  }
}
main section.v-overview-normen .regulationlist__item__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.v-overview-normen .regulationlist__item__content {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .regulationlist__item__content {
    padding: 0 25px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-normen .regulationlist__item__content {
    padding: 25px 50px 0 0;
  }
}
main section.v-overview-normen .regulationlist__item__content--text {
  padding: 25px;
  order: 2;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .regulationlist__item__content--text {
    padding: 10px 0 0;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-normen .regulationlist__item__content--text {
    order: 1;
    padding: 0;
  }
}
main section.v-overview-normen .regulationlist__item__content--text h3 {
  margin-bottom: 5px;
}
main section.v-overview-normen .regulationlist__item__content--text p {
  margin: 0;
}
main section.v-overview-normen .regulationlist__item__content--text .tag {
  display: inline-block;
  padding: 2px 5px;
  color: #FFFFFF;
  margin: 4px 10px 0 0;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .regulationlist__item__content--text .tag {
    float: left;
  }
}
main section.v-overview-normen .regulationlist__item__content--tag {
  order: 1;
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-normen .regulationlist__item__content--tag {
    order: 2;
    align-self: end;
  }
}
main section.v-overview-normen .regulationlist__item__content--tag span {
  background-color: #EDF1F2;
  padding: 5px 10px;
  color: #828282;
  font-size: 13px;
}
main section.v-overview-normen .regulationlist__item__moreinfo {
  padding-left: 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-normen .regulationlist__item__moreinfo {
    padding: 0 0 15px 0;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-normen .regulationlist__item__moreinfo {
    align-self: center;
    text-align: right;
    padding-right: 25px;
    padding-left: unset;
  }
}
main section.v-single-content {
  padding: 15px 0 30px;
}
@media only screen and (min-width: 1024px) {
  main section.v-single-content {
    padding: 60px 0;
  }
}
main section.v-single-content .content__headline {
  background-color: #FFFFFF;
  margin: 25px 0;
  padding: 25px;
}
main section.v-single-content .content__headline h3 {
  color: #20A956;
}
main section.v-single-content .content__item {
  margin-top: 25px;
  background-color: white;
}
main section.v-single-content .content__item .editorial_content {
  padding: 25px;
}
main section.v-single-content .content__item.grid2, main section.v-single-content .content__item .columns {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.v-single-content .content__item.grid2, main section.v-single-content .content__item .columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.v-single-content .content__item .columns {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
main section.v-single-content .content__item__inner {
  padding: 25px;
}
main section.v-single-content .content__item__inner.nogap {
  padding: 0;
}
main section.v-single-content .content__item__inner__media {
  position: relative;
  overflow: hidden;
}
main section.v-single-content .content__item__inner__media a {
  width: 100%;
  display: block;
}
main section.v-single-content .content__item__inner__media img {
  width: 100%;
  display: block;
}
main section.v-single-moreinfos {
  padding: 45px 0 35px;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  main section.v-single-moreinfos {
    padding: 60px 0;
  }
}
main section.v-single-moreinfos.bg-lg .moreinfos__box {
  background-color: #FFFFFF;
}
main section.v-single-moreinfos .moreinfos {
  display: grid;
  gap: 25px;
  margin: 35px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-single-moreinfos .moreinfos {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.v-single-moreinfos .moreinfos__box {
  background-color: #EDF1F2;
}
main section.v-single-moreinfos .moreinfos__box p {
  margin: 8px 0 0;
}
main section.v-single-moreinfos .moreinfos__box p.text {
  margin-bottom: 15px;
}
main section.v-single-moreinfos .moreinfos__box:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.v-single-moreinfos .moreinfos__box__media {
  position: relative;
  height: 250px;
  width: 100%;
  margin: 0;
  overflow: hidden;
}
main section.v-single-moreinfos .moreinfos__box__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.v-single-moreinfos .moreinfos__box__content {
  padding: 25px;
}
main section.v-single-moreinfos .moreinfos__box__content a {
  text-decoration: underline;
}
main section.v-single-moreinfos .moreinfos__box__content a:hover {
  text-decoration: none;
}
main section.v-overview-praxisbsp {
  padding-bottom: 60px;
}
main section.v-overview-praxisbsp .praxisbeispiele .nomessage {
  display: none;
  margin: 0;
  padding: 25px 0;
}
main section.v-overview-praxisbsp .praxisbeispiele__item {
  margin: 0 0 25px;
  display: none;
}
main section.v-overview-praxisbsp .praxisbeispiele__item.active {
  display: block;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__content__content-inner {
  padding: 25px;
  background-color: #FFFFFF;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__content__content-inner .tag {
  display: inline-block;
  background-color: #EDF1F2;
  padding: 5px 10px;
  margin: 5px 2px 0 0;
  font-size: 13px;
  line-height: 16px;
  color: #828282;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__content__media {
  overflow: hidden !important;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__content__media .img {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__content__media img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__more {
  padding: 15px 25px;
  background: #f7f7f7;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__more__link {
  padding: 5px 0;
}
main section.v-overview-praxisbsp .praxisbeispiele__item__more__link a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-praxisbsp .praxisbeispiele__item.grid .praxisbeispiele__item__content {
    display: grid;
    grid-template-columns: 250px auto;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-praxisbsp .praxisbeispiele__item.grid .praxisbeispiele__item__more__link {
    margin-left: 250px;
  }
}
main section.v-overview-praxisbsp .praxisbeispiele__item:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.v-praxis-etrquirements .headline {
  padding: 0px 0 10px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 18px;
}
@media only screen and (min-width: 1024px) {
  main section.v-praxis-etrquirements .headline {
    height: 85px;
    font-size: 17px;
    line-height: 22px;
  }
}
main section.v-praxis-etrquirements .headline h2, main section.v-praxis-etrquirements .headline h3 {
  color: #FFFFFF;
}
main section.v-praxis-etrquirements .iconlist {
  background-color: #7C8287;
  padding: 20px 0;
  text-align: center;
}
main section.v-praxis-etrquirements .iconlist__icons .icons {
  display: inline-block;
  margin-right: 15px;
}
main section.v-praxis-etrquirements .iconlist__icons .icons img {
  max-width: 50px;
}
main section.v-praxis-etrquirements .iconlist__text {
  padding: 10px 0;
}
main section.v-praxis-etrquirements .iconlist__text .text {
  display: none;
  color: #FFFFFF;
}
main section.v-praxis-etrquirements .iconaccordion {
  padding: 15px 0 30px;
}
@media only screen and (min-width: 1024px) {
  main section.v-praxis-etrquirements .iconaccordion {
    padding: 70px 0 40px;
  }
}
main section.v-praxis-etrquirements .iconaccordion__faq {
  margin: 10px 0 0;
  cursor: pointer;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head {
  background-color: #FFFFFF;
  display: grid;
  grid-template-columns: 70px auto 40px;
  align-items: center;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head .media {
  background-color: #92b1c2;
  display: flex;
  height: 100%;
  padding: 5px 15px;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head .media img {
  align-self: center;
  width: 40px;
  height: auto;
  max-height: 40px;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head .headline {
  height: 100%;
  padding: 0;
  background-color: #FFFFFF;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head .headline h4 {
  padding: 5px 25px;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  main section.v-praxis-etrquirements .iconaccordion__faq__head .headline h4 {
    font-size: 17px;
    line-height: 22px;
  }
}
main section.v-praxis-etrquirements .iconaccordion__faq__head .nav {
  padding: 0 15px;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head .nav i::before {
  justify-content: right;
  font-family: "Font Awesome 7 Pro";
  content: "+";
  float: right;
  color: #92b1c2;
  font-style: normal;
}
main section.v-praxis-etrquirements .iconaccordion__faq__head.active .nav i::before {
  font-family: "Font Awesome 7 Pro" !important;
  content: "–  ";
  padding-right: 4px;
  font-size: 20px;
}
main section.v-praxis-etrquirements .iconaccordion__faq__body {
  display: none;
}
main section.v-praxis-etrquirements .iconaccordion__faq__body .content {
  border-top: 1px solid #92b1c2;
  padding: 15px 25px;
  background: #FFFFFF;
}
main section.v-praxis-etrquirements .iconaccordion__faq__body .content img {
  max-width: 100%;
  height: auto;
}
main section.v-praxis-normen {
  padding: 45px 0;
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  main section.v-praxis-normen {
    padding: 60px 0;
  }
}
main section.v-praxis-normen h2, main section.v-praxis-normen h3, main section.v-praxis-normen h4, main section.v-praxis-normen p {
  color: #FFFFFF;
}
main section.v-praxis-normen .buttonlist {
  margin: 25px 0 15px;
}
main section.v-praxis-normen .buttonlist .button.fullwhite {
  background: #FFFFFF;
  padding: 7px 15px;
  font-size: 15px;
  margin: 2px 0;
}
main section.v-praxis-normen .buttonlist .button.fullwhite:hover {
  background-color: #20A956;
}
main section.v-praxis-normen .buttonlist .button.fullwhite.isnew {
  padding-left: 30px;
}
main section.v-praxis-normen .buttonlist .button.fullwhite .tag {
  position: absolute;
  display: grid;
  align-items: center;
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 16px;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  background-color: #20A956;
}
main section.v-praxis-normen .buttonlist .button.fullwhite .tag span {
  transform: rotate(-90deg);
  color: #FFFFFF;
}
main section.v-praxis-cite {
  padding: 50px 0;
  color: #FFFFFF;
}
main section.v-praxis-cite h3, main section.v-praxis-cite p {
  color: #FFFFFF;
}
main section.v-praxis-cite h3 {
  font-weight: 400;
  margin: 25px 0 0;
}
main section.v-praxis-cite i {
  color: #FFFFFF;
  font-size: 80px;
}
main section.v-praxis-faq {
  padding: 60px 0;
}
main section.v-praxis-hotspots {
  display: none;
}
main section.v-praxis-hotspots.active {
  display: block;
}
main section.v-praxis-hotspots .button {
  position: absolute;
  right: 0;
  top: 40%;
}
@media only screen and (min-width: 1024px) {
  main section.v-praxis-hotspots .mobile_fallback {
    display: none;
  }
}
main section.v-praxis-hotspots .mobile_fallback img {
  width: 100%;
  display: block;
}
main section.v-praxis-hotspots .hsbox {
  position: relative;
  display: block;
  z-index: 5;
  display: none;
}
@media only screen and (min-width: 1024px) {
  main section.v-praxis-hotspots .hsbox {
    display: block;
    padding: 0;
    margin: 0;
  }
}
main section.v-praxis-hotspots .hsbox__background img {
  width: 100%;
  display: block;
}
main section.v-praxis-hotspots .hotspots {
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots {
    position: absolute;
    display: block;
    width: 40px;
    height: 48px;
    margin: 0;
    transition: all 0.3s ease 0.1, border-radius 0.1s ease 0.2;
  }
}
main section.v-praxis-hotspots .hotspots.open, main section.v-praxis-hotspots .hotspots:hover {
  border-radius: 0 0;
  width: 380px;
  transition: all 0.3s ease, border-radius 0.1s ease;
}
main section.v-praxis-hotspots .hotspots.open .content, main section.v-praxis-hotspots .hotspots:hover .content {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease 0.2s;
}
main section.v-praxis-hotspots .hotspots .icon {
  position: absolute;
  cursor: pointer;
  width: 48px !important;
  height: auto !important;
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots .icon {
    display: block;
  }
}
main section.v-praxis-hotspots .hotspots .icon img {
  width: 100%;
  height: 100%;
}
main section.v-praxis-hotspots .hotspots .icon-mobile {
  display: block;
  background: #20A956;
  border-radius: 50% 50%;
  color: #FFFFFF;
  display: table-cell;
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots .icon-mobile {
    display: none;
  }
}
main section.v-praxis-hotspots .hotspots .content {
  display: table-cell;
  background: #FFFFFF;
  z-index: 10;
  font-size: 15px;
  line-height: 16px;
}
main section.v-praxis-hotspots .hotspots .content ul {
  list-style-type: disclosure-closed;
  margin: 0;
  padding: 5px 0 5px 20px;
}
main section.v-praxis-hotspots .hotspots .content ul li {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots .content {
    position: absolute;
    display: block;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 20px;
    left: 45px;
    margin: 0;
    overflow: auto;
    width: 320px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots .content.withImage {
    display: flex;
    flex-direction: row;
    width: 400px;
  }
}
main section.v-praxis-hotspots .hotspots .content .media {
  position: relative;
  display: block;
  width: 80px;
  min-width: 80px;
  margin-right: 15px;
  height: 80px;
  float: right;
  margin: 5px 0 0 15px;
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots .content .media {
    float: unset;
    margin: 0 15px 0 0;
  }
}
main section.v-praxis-hotspots .hotspots .content .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.v-praxis-hotspots .hotspots .content .content-inner p {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.v-praxis-hotspots .hotspots .content .content-inner p {
    margin: 15px 0;
  }
}
main section.v-praxis-hotspots .hotspots.left-top .icon {
  top: 0;
  left: 0;
}
main section.v-praxis-hotspots .hotspots.right-top .icon {
  left: auto;
  top: 0;
  right: 0px;
}
main section.v-praxis-hotspots .hotspots.right-top .content {
  left: auto;
  top: 40px;
  right: 50px;
}
main section.v-praxis-hotspots .hotspots.left-bottom .icon {
  left: 0;
  bottom: 0;
}
main section.v-praxis-hotspots .hotspots.left-bottom .content {
  top: auto;
  bottom: 40px;
  left: 50px;
}
main section.v-praxis-hotspots .hotspots.right-bottom .icon {
  top: auto;
  bottom: 0;
  right: 0;
}
main section.v-praxis-hotspots .hotspots.right-bottom .content {
  top: auto;
  left: auto;
  bottom: 40px;
  right: 50px;
}
main section.v-praxis-hotspots-switch {
  background-color: #92b1c2;
}
main section.v-praxis-hotspots-switch .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  padding: 0 25px;
  align-items: baseline;
}
main section.v-praxis-hotspots-switch .grid--left h4 {
  color: #FFFFFF;
}
main section.v-praxis-hotspots-switch .grid--right {
  text-align: right;
}
main section.v-overview-faq {
  padding: 60px 0;
}
main section.v-overview-faq.reduced .container {
  display: block;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-faq .container {
    display: grid;
    grid-template-columns: 35% auto;
    gap: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.v-overview-faq .container {
    display: grid;
    grid-template-columns: 25% auto;
    gap: 25px;
  }
}
main section.v-overview-faq .container .faq_box {
  background-color: #393F46;
  color: #FFFFFF;
  margin-top: 35px;
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-faq .container .faq_box {
    display: block;
  }
}
main section.v-overview-faq .container .faq_box__header {
  padding: 25px;
}
main section.v-overview-faq .container .faq_box__content {
  padding: 0px 25px 25px;
}
main section.v-overview-faq .container .faq_box__content .button {
  display: block;
}
main section.v-overview-faq .container .faq_box__content .button:hover {
  border: 1px solid #FFFFFF;
}
main section.v-overview-faq .container .faq_box__media img {
  width: 100%;
}
main section.v-overview-faq .container .faq_box h3 {
  hyphens: none;
}
main section.v-overview-faq .container .faq_box h3, main section.v-overview-faq .container .faq_box p {
  color: #FFFFFF;
  margin-bottom: 0;
}
main section.v-overview-faq .container .faq_filter .faq-search {
  position: relative;
  width: 100%;
}
main section.v-overview-faq .container .faq_filter .faq-search i {
  position: absolute;
  right: 15px;
  top: 45px;
  color: #393F46;
  font-size: 13px;
}
main section.v-overview-faq .container .faq_filter .faq-search input {
  margin: 10px 0;
  padding: 10px 15px;
  width: 100%;
  font-size: 15px;
  border: none;
  border: 1px solid #A8A8A8;
}
main section.v-overview-faq .container .faq_filter .faq-search input:focus {
  outline: none;
}
main section.v-overview-faq .container .faq_filter .faq-phases {
  margin: 15px 0 25px;
}
main section.v-overview-faq .container .faq_filter .faq-phases .phases-filter {
  margin: 10px 0;
  padding: 10px 20px;
  list-style: none;
  background-color: #f7f7f7;
}
main section.v-overview-faq .container .faq_filter .faq-phases .phases-filter li {
  margin: 5px 0;
  padding: 0;
  font-size: 15px;
}
main section.v-overview-faq .container .faq_filter .faq-phases .phases-filter li a {
  color: #393F46;
  display: inline-flex;
}
main section.v-overview-faq .container .faq_filter .faq-phases .phases-filter li a i::before {
  font-style: normal;
  font-family: "Font Awesome 7 Pro";
  content: "\f0c8";
  padding-right: 8px;
  color: #20A956;
  font-weight: normal;
  font-size: 22px;
}
main section.v-overview-faq .container .faq_filter .faq-phases .phases-filter li.active a i::before {
  content: "\f14a";
  font-weight: bold;
}
main section.v-overview-faq .container .faq_filter .faq-date input {
  margin: 10px 0;
  padding: 10px 15px;
  width: 100%;
  min-height: 40px;
  font-size: 15px;
  border: none;
  border: 1px solid #A8A8A8;
}
main section.v-overview-faq .container .faq_filter .faq-date input:focus {
  outline: none;
}
main section.v-overview-faq .container .faq_list {
  margin-top: 20px;
}
main section.v-overview-faq .container .faq_list .nomessage {
  display: none;
}
main section.v-overview-faq .container .faq_list .faq {
  position: relative;
  display: block;
  margin: 10px 0;
  width: 100%;
}
main section.v-overview-faq .container .faq_list .faq__head {
  background-color: #FFFFFF;
  cursor: pointer;
  transition: 0.2s ease;
  display: grid;
  gap: 25px;
  grid-template-columns: 25px auto;
}
main section.v-overview-faq .container .faq_list .faq__head--icon i {
  align-self: center;
  font-size: 25px;
  color: #B0C1C6;
  margin: 0 10px;
  padding-top: 15px;
}
main section.v-overview-faq .container .faq_list .faq__head--icon i::before {
  font-family: "Font Awesome 7 Pro";
  content: "+";
}
main section.v-overview-faq .container .faq_list .faq__head h4 {
  margin: 15px 0;
  padding-right: 25px;
  color: #393F46;
}
main section.v-overview-faq .container .faq_list .faq__head.active .faq__head--icon i::before {
  font-family: "Font Awesome 7 Pro";
  content: "\f068";
}
main section.v-overview-faq .container .faq_list .faq__head--tag {
  align-self: end;
}
main section.v-overview-faq .container .faq_list .faq__head--tag span {
  background-color: #EDF1F2;
  padding: 5px 10px;
  color: #828282;
  font-size: 13px;
}
main section.v-overview-faq .container .faq_list .faq__body {
  display: none;
  padding: 10px 30px 10px;
  background: #FFFFFF;
}
main section.v-overview-faq .container .faq_list .faq__body__item.grid2, main section.v-overview-faq .container .faq_list .faq__body__item.columns {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.v-overview-faq .container .faq_list .faq__body__item.grid2, main section.v-overview-faq .container .faq_list .faq__body__item.columns {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.v-overview-faq .container .faq_list .faq__body__item__inner {
  padding-bottom: 25px;
}
main section.v-overview-faq .container .faq_list .faq__body__item__inner__media {
  width: 100%;
}
main section.v-overview-faq .container .faq_list .faq__body__item__inner__media img {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1 .content, main section.p-single-video .content {
    height: 100vh;
  }
  main section.p-single-textimg.var1 .content > .container, main section.p-single-video .content > .container {
    transform: translateY(-50%);
    top: 50%;
  }
}
main section.p-grid-holder .p-card-holder {
  margin-bottom: 25px;
}
main section.p-grid-holder .container {
  display: grid;
  padding-bottom: 50px;
  margin: 0 auto;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-grid-holder .container {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.p-grid-holder .container.equalheight2 {
  padding-bottom: 80px;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .container.equalheight2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-grid-holder .container.equalheight2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.p-grid-holder .container.equalheight2 .boxH {
  margin: 0;
  height: auto;
}
main section.p-grid-holder .container.equalheight2 .boxH .content {
  max-width: 100%;
  min-width: unset;
}
main section.p-grid-holder .container.equalheight2 .boxH .content .content-inner p {
  padding: 20px 0;
  margin: 0;
}
main section.p-grid-holder .container.equalheight2 .boxH a {
  margin-top: 0;
}
main section.p-grid-holder .container.equalheight2 .boxH .image {
  min-width: unset;
  height: 200px;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .container.equalheight2 .boxH .image {
    height: auto;
    width: 45%;
    max-width: 45%;
    min-width: 45%;
  }
}
main section.p-grid-holder .container .boxes {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .container .boxes.fullWidth {
    grid-column: 1/3;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-grid-holder .container .boxes.fullWidth {
    grid-column: 1/4;
  }
}
main section.p-grid-holder .boxV .preview {
  background: #20A956;
  color: #FFFFFF;
  padding: 2px 10px;
  display: inline-block;
  position: absolute;
}
main section.p-grid-holder .boxV .productImg-holder {
  height: 260px;
  display: block;
  overflow: hidden;
}
main section.p-grid-holder .boxV .productImg-holder .object_fit {
  object-fit: cover;
  height: 100%;
}
main section.p-grid-holder .boxV .productImg-holder .productImg2 {
  display: none;
}
main section.p-grid-holder .boxV .content {
  min-height: unset;
  border: none;
}
main section.p-grid-holder .boxV .content .content-inner {
  overflow: unset;
}
@media only screen and (max-width: 640px) {
  main section.p-grid-holder .boxV .content .content-inner {
    height: unset;
  }
}
main section.p-grid-holder .boxV .image {
  position: relative;
  display: block;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.p-grid-holder .boxV > a {
  position: relative;
  display: block;
}
main section.p-grid-holder .boxV > a .inprogress {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  padding: 2px 5px;
  background-color: #20A956;
  color: #FFFFFF;
  z-index: 100;
}
main section.p-grid-holder .boxV > a:hover .image {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.p-grid-holder .boxV > a h2 {
  color: #393F46;
}
main section.p-grid-holder .article {
  background-color: white;
  display: grid;
  grid-template-columns: 35% auto;
}
main section.p-grid-holder .article .media {
  height: 100%;
}
main section.p-grid-holder .article .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
main section.p-grid-holder .article .image {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 280px;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .article .image {
    width: 35%;
    max-width: 35%;
    min-width: 35%;
  }
}
main section.p-grid-holder .article a.boxlink {
  text-decoration: none;
}
main section.p-grid-holder .article .content {
  padding: 25px;
}
main section.p-grid-holder .fullWidth .boxH {
  height: 280px;
}
main section.p-grid-holder .fullWidth .boxH .content {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .fullWidth .boxH .content {
    width: 48%;
    max-width: 48%;
    min-width: 48%;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-grid-holder .fullWidth .boxH .content {
    width: 31.5%;
    max-width: 31.5%;
    min-width: 31.5%;
  }
}
@media only screen and (min-width: 1294px) {
  main section.p-grid-holder .fullWidth .boxH .content {
    width: 32%;
    max-width: 32%;
    min-width: 32%;
  }
}
main section.p-grid-holder .fullWidth .boxH .image {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 280px;
}
@media only screen and (min-width: 768px) {
  main section.p-grid-holder .fullWidth .boxH .image {
    width: 52%;
    max-width: 52%;
    min-width: 52%;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-grid-holder .fullWidth .boxH .image {
    width: 78.5%;
    max-width: 78.5%;
    min-width: 78.5%;
  }
}
@media only screen and (min-width: 1294px) {
  main section.p-grid-holder .fullWidth .boxH .image {
    width: 68%;
    max-width: 68%;
    min-width: 68%;
  }
}
main section.p-text-holder {
  padding-top: 25px;
  padding-bottom: 45px;
}
main section.p-single-steps {
  padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-steps {
    padding: 70px 0 100px;
  }
}
main section.p-single-steps.version2 .sc_nav .button {
  background-color: #EDF1F2;
  border: none;
}
main section.p-single-steps.version2 .sc_nav .button.active {
  background-color: #393F46;
}
main section.p-single-steps.version2 .sc_nav .button:hover {
  background-color: #393F46;
  color: #FFFFFF;
}
@media only screen and (max-width: 1023px) {
  main section.p-single-steps.version2 .varcontent .col.s7, main section.p-single-steps.version2 .varcontent .col.s5 {
    width: 100%;
  }
}
main section.p-single-steps.version2 .varcontent .media {
  height: 600px;
  max-height: unset;
}
@media only screen and (max-width: 1024px) {
  main section.p-single-steps.version2 .varcontent .media {
    height: auto;
  }
}
main section.p-single-steps.version2 .varcontent .media img {
  max-width: 100%;
}
main section.p-single-steps.version2 .varcontent .content {
  padding-top: 80px;
}
@media only screen and (max-width: 1024px) {
  main section.p-single-steps.version2 .varcontent .content {
    padding: 20px 0;
  }
}
main section.p-single-steps.fullWidth {
  height: 100vh;
}
main section.p-single-steps.fullWidth .mediafw {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
main section.p-single-steps.fullWidth .varcontent {
  position: absolute;
  display: none;
  bottom: 0;
  width: 100%;
}
main section.p-single-steps.fullWidth .varcontent .content {
  padding: 35px 0;
}
main section.p-single-steps.fullWidth .topContent#lightText {
  color: #FFFFFF;
}
main section.p-single-steps.fullWidth .topContent#lightText p {
  color: #FFFFFF;
}
main section.p-single-steps.fullWidth .topContent#lightText .button {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
main section.p-single-steps.fullWidth .topContent#lightText .button.active {
  background-color: #20A956;
  border: 1px solid #20A956;
}
main section.p-single-steps .step-navigation {
  margin: 20px 0;
}
main section.p-single-steps .step-navigation p {
  padding-top: 0;
  margin-top: 0;
}
main section.p-single-steps .step-navigation .sc_nav {
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 920px) {
  main section.p-single-steps .step-navigation .sc_nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 10px;
  }
}
main section.p-single-steps .step-navigation .sc_nav .button {
  margin-bottom: 5px;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  main section.p-single-steps .step-navigation .sc_nav .button {
    margin: 0;
  }
}
main section.p-single-steps .varcontent {
  position: relative;
  display: none;
}
main section.p-single-steps .varcontent.stepcontent_0 {
  display: block;
}
main section.p-single-steps .varcontent .media {
  max-height: 500px;
  width: 100%;
  overflow: hidden;
}
main section.p-single-steps .varcontent .media img {
  width: 100%;
  display: block;
  object-fit: cover;
}
main section.p-single-steps .varcontent .content {
  padding: 35px;
}
main section.p-single-textimg {
  background-color: #FFFFFF;
  /* Text+Image nebeneinander */
  /* Text+Image untereinander */
}
main section.p-single-textimg .bgImg-holder {
  z-index: 1000;
}
main section.p-single-textimg .slick-slider, main section.p-single-textimg .slick-list, main section.p-single-textimg .slick-track {
  height: 100%;
}
main section.p-single-textimg .slick-track {
  display: flex;
  height: 100%;
}
main section.p-single-textimg .slick-track .slick-slide {
  height: inherit;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.p-single-textimg .slick-track .slick-slide > div {
  height: 100%;
}
main section.p-single-textimg .slick-track .slick-slide .content {
  height: 100%;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  min-height: 450px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg .slick-track .slick-slide .content {
    min-height: 250px;
  }
}
main section.p-single-textimg .slidernav {
  max-width: 1024;
  margin: 0 auto;
}
main section.p-single-textimg .slidernav button {
  position: absolute;
  display: block;
  top: 50%;
  border: none;
  outline: 0px none;
  outline: 0px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
main section.p-single-textimg .slidernav button i {
  font-size: 40px;
  color: #A8A8A8;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 1025px) {
  main section.p-single-textimg .slidernav button i {
    font-size: 60px;
  }
}
main section.p-single-textimg .slidernav button.backarrow {
  left: 20px;
}
main section.p-single-textimg .slidernav button.nextarrow {
  right: 20px;
}
main section.p-single-textimg .slidernav button:hover {
  color: #20A956;
}
main section.p-single-textimg .slidernav button:hover i {
  color: #20A956;
}
main section.p-single-textimg .dotBox {
  position: absolute;
  display: block;
  bottom: 10px;
}
main section.p-single-textimg .dotBox .slick-dots {
  max-width: 1294px;
  display: flex;
  justify-content: left;
  padding: 1rem 0;
  list-style-type: none;
  margin: 0 35px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg .dotBox .slick-dots {
    margin: 0 80px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg .dotBox .slick-dots {
    margin: 0 50px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.p-single-textimg .dotBox .slick-dots {
    margin: 0;
  }
}
main section.p-single-textimg .dotBox .slick-dots li {
  margin: 0 0.25rem;
}
main section.p-single-textimg .dotBox .slick-dots button {
  cursor: pointer;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.p-single-textimg .dotBox .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.p-single-textimg .changeRal ul {
  margin: 35px 0;
}
main section.p-single-textimg .changeRal ul li.ralcol {
  width: 52px;
  height: 48px;
  cursor: default;
  margin-right: 20px;
  background-image: url(../assets/img/design/ralcolor.png);
}
@media only screen and (max-width: 500px) {
  main section.p-single-textimg .changeRal ul li.ralcol {
    display: block;
    margin: 0 0 20px;
  }
}
main section.p-single-textimg .changeRal ul li {
  cursor: pointer;
  display: inline-flex;
  color: #828282;
  line-height: 25px;
  margin: 0 25px 0 0;
}
main section.p-single-textimg .changeRal ul li span {
  display: inherit;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  border: 1px solid #A8A8A8;
}
main section.p-single-textimg .changeRalColor {
  width: 100%;
}
main section.p-single-textimg .changeRalColor ul {
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  main section.p-single-textimg .changeRalColor ul {
    text-align: center;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg .changeRalColor ul {
    display: flex;
    text-align: left;
  }
}
main section.p-single-textimg .changeRalColor ul li {
  cursor: pointer;
  display: inline-flex;
  color: #828282;
  line-height: 25px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg .changeRalColor ul li {
    width: auto;
  }
}
main section.p-single-textimg .changeRalColor ul li span {
  display: table-cell;
  float: left;
  white-space: nowrap;
  margin-right: 10px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #A8A8A8;
}
main section.p-single-textimg .changeRalColor ul li.active span {
  width: 35px;
  height: 35px;
}
main section.p-single-textimg .changeRalColor .colornames {
  padding: 10px 0;
}
@media only screen and (max-width: 768px) {
  main section.p-single-textimg .changeRalColor .colornames {
    text-align: center;
  }
}
main section.p-single-textimg .changeRalColor .colornames span {
  display: none;
}
main section.p-single-textimg .changeRalColor .colornames span.active {
  display: block;
}
main section.p-single-textimg .content .content-inner .audiofile {
  margin: 0 0 20px;
}
main section.p-single-textimg .content .content-inner .audiofile audio::-webkit-media-controls-enclosure {
  border-radius: 5px;
}
main section.p-single-textimg .content .content-inner p {
  font-size: 17px;
  line-height: 23px;
}
main section.p-single-textimg.var1.imgLeft .content-inner {
  float: left;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1.imgLeft .content-inner {
    float: right;
  }
}
main section.p-single-textimg.var1.imgLeft .bgImg-holder {
  left: 0;
}
main section.p-single-textimg.var1 .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg.var1 .content .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1 .content .content-inner {
    width: 420px;
    padding: 50px 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.p-single-textimg.var1 .content .content-inner {
    width: 510px;
    padding: 100px 0;
    margin-right: 0;
  }
}
main section.p-single-textimg.var1 .content .content-inner .description h4 {
  color: #000000;
}
main section.p-single-textimg.var1 .content .content-inner h4 {
  margin-top: 10px;
  color: #000000;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1 .content .content-inner h1 {
    max-width: 420px;
  }
}
main section.p-single-textimg.var1 .content .content-inner .textbox p {
  margin: 30px 0;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1 .content .content-inner p {
    max-width: 420px;
  }
}
main section.p-single-textimg.var1 .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.p-single-textimg.var1 .content .content-inner .buttonsh4 {
  margin-top: 30px;
}
main section.p-single-textimg.var1 .content .content-inner .buttons {
  margin: 10px 0;
}
main section.p-single-textimg.var1 .content .content-inner .buttons .button {
  margin-right: 10px;
}
main section.p-single-textimg.var1 .content.lightColor .content-inner h2 {
  color: #FFFFFF;
}
main section.p-single-textimg.var1 .content.lightColor .content-inner h4 {
  color: #FFFFFF;
}
main section.p-single-textimg.var1 .content.lightColor .content-inner p {
  color: #FFFFFF;
}
main section.p-single-textimg.var1 .content.lightColor .content-inner .audiofile audio::-webkit-media-controls-panel {
  background-color: #666;
}
main section.p-single-textimg.var1 .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1 .bgImg-holder {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
}
main section.p-single-textimg.var1 .bgImg-holder .custom-parallax-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.p-single-textimg.var1 .bgImg-holder .custom-parallax-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  main section.p-single-textimg.var1 .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.p-single-textimg.var1 .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 16px;
  }
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.p-single-textimg.var1 .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var1 .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.p-single-textimg.var1 .bgImg-holder .bgImg .bgImgSingle {
    min-height: 300px;
  }
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg .bgImgSingle.contain {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg .js-video-button {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 120px;
  z-index: 10000;
  text-align: center;
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg .js-video-button:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg .js-video-button i {
  position: absolute;
  display: block;
  color: #FFFFFF;
  opacity: 0.5;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.p-single-textimg.var1 .bgImg-holder .bgImg video {
  position: absolute;
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
  height: 100%;
}
main section.p-single-textimg.var2 .bgImg-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
  top: inherit;
  right: inherit;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var2 .bgImg-holder {
    width: 100%;
    height: 50vh;
  }
}
main section.p-single-textimg.var2 .bgImg-holder .custom-parallax-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.p-single-textimg.var2 .bgImg-holder .custom-parallax-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  main section.p-single-textimg.var2 .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.p-single-textimg.var2 .bgImg-holder .custom-parallax-image-credits span {
    padding: 8px 16px;
  }
}
main section.p-single-textimg.var2 .bgImg-holder .bgImg {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.p-single-textimg.var2 .bgImg-holder .bgImg {
    min-height: 100%;
  }
}
main section.p-single-textimg.var2 .bgImg-holder .bgImg .bgImgSingle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  min-height: 320px;
  background-origin: initial;
  background-clip: initial;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var2 .bgImg-holder .bgImg .bgImgSingle {
    position: absolute;
    display: block;
    background-position: center center;
    min-height: unset;
  }
}
@media only screen and (min-width: 640px) {
  main section.p-single-textimg.var2 .bgImg-holder .bgImg .bgImgSingle {
    min-height: 380px;
  }
}
main section.p-single-textimg.var2 .bgImg-holder .bgImg .bgImgSingle.bgImgBox {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg.var2 .bgImg-holder .bgImg .bgImgSingle.bgImgBox {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg.var2 .bgImg-holder .bgImg .bgImgSingle.bgImgBoxMobile {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  main section.p-single-textimg.var2 .headline {
    margin-bottom: 10px;
  }
}
main section.p-single-textimg.var2 .buttons {
  margin: 10px 0;
}
main section.p-single-textimg.var2 .buttons .button {
  margin-right: 10px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var2 .content {
    height: 50vh;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var2 .content > .container {
    transform: translateY(-50%);
    top: 50%;
  }
}
main section.p-single-textimg.var2 .content > .container .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-textimg.var2 .content > .container .content-inner {
    padding: 100px 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg.var2 .content > .container .content-inner {
    padding: 60px 0px;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-textimg.var2 .content > .container .content-inner .col:first-child {
    margin: 0;
  }
}
main section.p-single-textimg.var2 .content > .container .content-inner .headline {
  margin-bottom: 20px;
}
main section.p-single-textimg.var2 .content > .container .content-inner .description {
  margin: 0;
}
main section.p-single-textimg.var2 .content > .container .content-inner .description p {
  margin: 0;
}
main section.p-single-textimg.var2 .content > .container .content-inner .button {
  margin-bottom: 20px;
}
main section.p-single-textimg.var2 .content > .container .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.p-single-video {
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  min-height: 250px;
  display: flex;
}
main section.p-single-video.colLight .content {
  background-color: rgba(0, 0, 0, 0.5);
}
main section.p-single-video.colLight .content .content-inner .headline h2 {
  color: #FFFFFF;
}
main section.p-single-video.colLight .content .content-inner .description p {
  color: #FFFFFF;
}
main section.p-single-video.colLight .content .js-video-button i::before {
  color: #eeeeee;
}
main section.p-single-video.colDark .content {
  background-color: rgba(255, 255, 255, 0.5);
}
main section.p-single-video .row {
  display: flex;
}
@media only screen and (max-width: 600px) {
  main section.p-single-video .row {
    display: block;
  }
}
main section.p-single-video .col {
  display: flex;
}
@media only screen and (max-width: 600px) {
  main section.p-single-video .col {
    display: block;
  }
}
main section.p-single-video .content {
  min-height: 250px;
  width: 100%;
}
main section.p-single-video .content .content-inner {
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  main section.p-single-video .content .content-inner {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 992px) {
  main section.p-single-video .content .content-inner {
    padding: 60px 0;
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  main section.p-single-video .content .content-inner {
    padding: 45px 0 25px;
    max-width: 100%;
  }
}
main section.p-single-video .content .content-inner p.small {
  color: #A8A8A8;
  padding: 0;
  margin: 0;
}
main section.p-single-video .content .playVid {
  width: 100%;
  padding: 0;
}
@media only screen and (max-width: 600px) {
  main section.p-single-video .content .playVid {
    display: none;
  }
}
main section.p-single-video .content .playVid a {
  display: table;
  width: 100%;
  height: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  color: #FFFFFF;
  text-align: center;
  font-size: 150px;
  opacity: 0.4;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-video .content .playVid a {
    font-size: 230px;
  }
}
main section.p-single-video .content .playVid a:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.p-single-video .content .playVid a i {
  display: table-cell;
  vertical-align: middle;
}
main section.p-single-factsanddata {
  position: relative;
  display: block;
  overflow: hidden;
}
main section.p-single-factsanddata .content {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content {
    height: 100vh;
    text-align: unset;
  }
}
main section.p-single-factsanddata .content .container.nogap {
  flex-grow: 2;
}
main section.p-single-factsanddata .content .headline {
  margin-bottom: 0;
  z-index: 100;
  padding: 45px 25px;
  z-index: 10;
}
main section.p-single-factsanddata .content .headline.nogap {
  padding: 25px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content .headline.nogap {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content .headline {
    max-width: 100%;
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  main section.p-single-factsanddata .content .headline.center {
    text-align: center;
  }
}
main section.p-single-factsanddata .content .headline.colLight h2 {
  color: #FFFFFF;
}
main section.p-single-factsanddata .content .headline.colLight .subline p {
  color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-factsanddata .content .headline .subline {
    font-size: 17px;
  }
}
main section.p-single-factsanddata .content .headline .subline p {
  margin: 5px 0 0;
  padding: 0;
}
main section.p-single-factsanddata .content .imageBox {
  width: 100%;
  height: auto;
  opacity: 0.3;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content .imageBox {
    position: relative;
    display: block;
    height: 100%;
    flex-grow: 2;
    opacity: unset;
  }
}
main section.p-single-factsanddata .content .imageBox img {
  width: 100%;
  position: relative;
  display: block;
  object-fit: contain;
  height: 100%;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-factsanddata .content .imageBox img {
    object-position: center center;
  }
}
main section.p-single-factsanddata .content .container.text-content {
  z-index: 10;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-factsanddata .content .container.text-content {
    padding-bottom: 45px;
  }
}
main section.p-single-factsanddata .content .container.text-content .content-inner {
  font-size: 17px;
}
main section.p-single-factsanddata .content .container.text-content .content-inner.colLight .techdata .techdata-item h3 {
  color: #FFFFFF;
}
main section.p-single-factsanddata .content .container.text-content .content-inner.colLight .techdata .techdata-item p {
  color: #FFFFFF;
}
main section.p-single-factsanddata .content .container.text-content .content-inner.colLight .changeRalCol .colornames span {
  color: #FFFFFF;
}
main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col {
  border-top: 1px solid #A8A8A8;
}
main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col.changeRalCol {
  border: none;
}
main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col:first-child {
  border-top: none;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col {
    border-top: unset;
  }
}
main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col .icon.ex {
  display: inline-table;
  background-image: url(../assets/img/design/icon-ex.png);
  -webkit-background-position: center right !important;
  -moz-background-position: center right !important;
  -ms-background-position: center right !important;
  -o-background-position: center right !important;
  background-position: center right !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  width: 17px;
  height: 17px;
  margin: 5px 5px 0 0;
  opacity: 0.6;
}
main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col .techdata-item {
  padding: 25px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col .techdata-item {
    padding: 0;
    border-top: unset;
  }
}
main section.p-single-factsanddata .content .container.text-content .content-inner .techdata .col .techdata-item p {
  margin: 5px 0px 5px;
}
main section.p-single-factsanddata .content .changeRalCol {
  width: 100%;
}
main section.p-single-factsanddata .content .changeRalCol ul {
  align-items: center;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 1440px) {
  main section.p-single-factsanddata .content .changeRalCol ul {
    text-align: center;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata .content .changeRalCol ul {
    display: flex;
    text-align: left;
  }
}
main section.p-single-factsanddata .content .changeRalCol ul li {
  cursor: pointer;
  display: inline-flex;
  color: #828282;
  line-height: 25px;
  margin: 0;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-factsanddata .content .changeRalCol ul li {
    width: auto;
  }
}
main section.p-single-factsanddata .content .changeRalCol ul li span {
  display: table-cell;
  float: left;
  white-space: nowrap;
  margin-right: 10px;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  padding: 0;
  border: 1px solid #A8A8A8;
}
main section.p-single-factsanddata .content .changeRalCol ul li.active span {
  width: 35px;
  height: 35px;
}
main section.p-single-factsanddata .content .changeRalCol .colornames {
  padding: 10px 0;
}
main section.p-single-factsanddata .content .changeRalCol .colornames span {
  display: none;
}
main section.p-single-factsanddata .content .changeRalCol .colornames span.active {
  display: block;
}
main section.p-single-factsanddata.fullWidth .content {
  min-height: 600px;
}
main section.p-single-factsanddata.fullWidth .content .imageBox {
  position: absolute;
  display: block;
  height: 100%;
  min-height: 600px;
}
main section.p-single-factsanddata.fullWidth .content .imageBox img {
  object-fit: cover;
}
main section.p-single-factsanddata.fullWidth.displayLeft .container.text-content {
  flex-grow: 2;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.fullWidth.displayLeft .container.text-content .content-inner {
    width: 35%;
  }
}
main section.p-single-factsanddata.fullWidth.displayBottom .content .headline {
  flex-grow: 2;
}
main section.p-single-factsanddata.fullWidth.displayBottom .content .imageBox picture img {
  width: 100% !important;
  height: 100%;
}
main section.p-single-factsanddata.limitedSize.displayLeft {
  flex-direction: row;
}
main section.p-single-factsanddata.limitedSize.displayLeft .content {
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content.ralcol .box .imageBox {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content.ralcol .box .container.text-content {
    order: 1;
  }
}
main section.p-single-factsanddata.limitedSize.displayLeft .content .box {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content .box {
    flex-direction: row;
  }
}
main section.p-single-factsanddata.limitedSize.displayLeft .content .box .imageBox {
  width: 100%;
  order: 1;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content .box .imageBox {
    width: 60%;
    order: 3;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content .box .imageBox {
    width: 65%;
  }
}
main section.p-single-factsanddata.limitedSize.displayLeft .content .box .imageBox img {
  object-fit: contain;
}
main section.p-single-factsanddata.limitedSize.displayLeft .content .box .container.text-content {
  width: 100%;
  order: 2;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content .box .container.text-content {
    width: 40%;
    order: 1;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-factsanddata.limitedSize.displayLeft .content .box .container.text-content {
    width: 35%;
  }
}
main section.p-single-factsanddata.displayBottom .content .headline.center {
  text-align: center;
}
main section.p-single-factsanddata.displayBottom .content .imageBox {
  overflow: hidden;
  opacity: 1;
}
main section.p-single-factsanddata.displayBottom .content .imageBox picture img {
  margin: 0 auto;
  width: 100%;
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row .col {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row .col {
    border-left: 1px solid #A8A8A8;
  }
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row .col:first-child {
  border: none;
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row .col .techdata-item {
  padding: 15px 0;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row .col .techdata-item {
    text-align: center;
    padding: 15px 15px;
  }
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .techdata .row .col .techdata-item p {
  margin: 5px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner.colLight .techdata .row .col {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner.colLight .techdata .row .col:first-child {
  border: none;
}
main section.p-single-factsanddata.displayBottom .content .container.text-content .content-inner .changeRalCol {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.displayLeft .content .container.text-content .content-inner {
    position: relative;
    display: block;
    transform: translateY(-50%);
    top: 50%;
  }
}
main section.p-single-factsanddata.displayLeft .content .container.text-content .content-inner .techdata .col {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-factsanddata.displayLeft .content .container.text-content .content-inner .techdata .techdata-item {
    margin: 25px 0;
  }
}
main section.p-single-scrollcontent {
  border-bottom: 1px solid transparent;
  z-index: -1;
}
main section.p-single-scrollcontent .mobile {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -10;
  -webkit-background-position: center right !important;
  -moz-background-position: center right !important;
  -ms-background-position: center right !important;
  -o-background-position: center right !important;
  background-position: center right !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  main section.p-single-scrollcontent .mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-scrollcontent .speak {
    margin: 150vh 0;
  }
}
main section.p-single-scrollcontent .content {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
main section.p-single-scrollcontent .content .content-inner {
  position: relative;
  display: block;
  transform: translateY(-50%);
  top: 50%;
  max-width: 1294px;
  padding: 0 25px;
  width: 100%;
  margin: 0 auto;
}
main section.p-single-scrollcontent .content .content-inner.textRight {
  margin-left: 50%;
}
main section.p-single-scrollcontent .content .content-inner.colLight h1, main section.p-single-scrollcontent .content .content-inner.colLight h2, main section.p-single-scrollcontent .content .content-inner.colLight h3, main section.p-single-scrollcontent .content .content-inner.colLight h4 {
  color: #FFFFFF;
}
main section.p-single-scrollcontent .content .content-inner.colLight p {
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  main section.p-single-scrollcontent .content .content-inner .description {
    max-width: 35%;
  }
}
main section.p-single-scrollcontent .scroll-sequence {
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -5;
  height: 100vh;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
main section.p-single-scrollcontent .scroll-sequence canvas {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.p-single-scrollcontent .scroll-sequence canvas {
    display: inline-block;
  }
}
main section.p-single-scenario {
  padding: 50px 0;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-scenario {
    padding: 70px 0 100px;
  }
}
main section.p-single-scenario .varcontent {
  position: relative;
  display: none;
}
main section.p-single-scenario .varcontent.scenariocontent_0 {
  display: block;
}
main section.p-single-scenario .content {
  margin: 25px 0;
}
main section.p-single-scenario .content p {
  padding-top: 0;
  margin-top: 0;
}
@media only screen and (min-width: 1200px) {
  main section.p-single-scenario .content .sc_nav {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
  }
}
main section.p-single-scenario .content .sc_nav.number_3 {
  display: block;
}
@media only screen and (min-width: 768px) {
  main section.p-single-scenario .content .sc_nav.number_3 {
    display: flex;
  }
}
main section.p-single-scenario .content .sc_nav.number_3 .button {
  float: left;
  margin-right: 20px;
}
main section.p-single-scenario .content .sc_nav .button {
  margin-bottom: 5px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  main section.p-single-scenario .content .sc_nav .button {
    width: unset;
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  main section.p-single-scenario .content .sc_nav .button {
    float: right;
    margin: 0;
  }
}
main section.p-single-scenario .content .sc_nav .button.content_0 {
  order: 2;
}
main section.p-single-scenario .content .sc_nav .button.content_1 {
  order: 1;
}
main section.p-single-scenario .media span {
  width: 100%;
  background-color: #20A956;
  color: #FFFFFF;
  padding: 5px 10px;
  display: block;
}
@media only screen and (min-width: 576px) {
  main section.p-single-scenario .media span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: auto;
  }
}
main section.p-single-scenario .media img {
  max-width: 100%;
}
main section.p-single-ledexchange {
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-ledexchange {
    padding: 100px 0 70px;
  }
}
main section.p-single-ledexchange.bg-white input[type=text], main section.p-single-ledexchange.bg-white .unit span {
  background-color: #EDF1F2 !important;
}
main section.p-single-ledexchange .details-headline {
  margin: 0 auto 32px;
}
main section.p-single-ledexchange .led-calc .error-message-holder-top {
  background: #FF2727; /* The Fallback */
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 16px;
}
main section.p-single-ledexchange .led-calc .error-message-holder-top p {
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 22px;
  margin: 12px 0;
}
main section.p-single-ledexchange .led-calc h2 {
  margin-bottom: 10px;
}
main section.p-single-ledexchange .led-calc h3 {
  margin-bottom: 10px;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry {
  width: 100%;
  float: left;
  /* tootliptext im alten LED...löschen*/
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry.centered {
  text-align: center !important;
  width: 100%;
  margin-top: 20px;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry label {
  overflow: unset !important;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip {
  position: relative;
  display: block;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background-image: url(../assets/img/design/tooltip.png);
  background-size: contain;
  background-repeat: no-repeat;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip:hover .tooltip_text {
  visibility: visible;
  opacity: 1;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip .tooltip_text {
  position: absolute;
  display: block;
  z-index: 1;
  width: 320px;
  background-color: #FFFFFF;
  color: #828282;
  border: 1px solid #EDF1F2;
  font-size: 13px;
  line-height: 140%;
  border-radius: 6px;
  padding: 15px;
  bottom: 125%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 991px) {
  main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip .tooltip_text {
    width: 280px;
    left: -100px;
  }
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: #FFFFFF;
  color: #828282;
  font-size: 12px;
  line-height: 16px;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -100px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip .tooltiptext {
    width: 280px;
  }
}
@media only screen and (max-width: 480px) {
  main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip .tooltiptext {
    width: 250px;
    left: -120px;
  }
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .unit {
  color: #828282 !important;
  font-size: 13px;
  display: block;
  height: 46px;
  line-height: 46px;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .unit span {
  display: block;
  width: 15%;
  height: 100%;
  float: left;
  background-color: #FFFFFF;
  text-align: right;
  padding-right: 5%;
  height: 46px;
  border-top: 1px solid #E2E8EB;
  border-bottom: 1px solid #E2E8EB;
  border-right: 1px solid #E2E8EB;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange .led-calc form.calculation .container .entry .unit span {
    width: 10%;
  }
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry .unit input {
  width: 70%;
  float: left;
  border-right: none;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange .led-calc form.calculation .container .entry .unit input {
    width: 78%;
  }
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry input {
  width: 85%;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange .led-calc form.calculation .container .entry input {
    width: 88%;
  }
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry input.button {
  width: auto;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry input.error {
  border: 1px solid #FF2727;
}
main section.p-single-ledexchange .led-calc form.calculation .container .entry input:focus {
  box-shadow: none;
}
main section.p-single-ledexchange-result {
  background-color: #38505a;
  color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-ledexchange-result {
    padding: 100px 0 70px;
  }
}
main section.p-single-ledexchange-result #chartdiv {
  height: 450px;
  margin-top: -120px;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange-result #chartdiv {
    margin-top: 0;
  }
}
main section.p-single-ledexchange-result .headline {
  text-align: center;
}
main section.p-single-ledexchange-result .smallinfo {
  font-size: 13px;
  line-height: 16px;
}
main section.p-single-ledexchange-result h2 {
  color: #FFFFFF;
  margin-bottom: 8px;
}
main section.p-single-ledexchange-result h3 {
  color: #FFFFFF;
  margin-bottom: 8px;
}
main section.p-single-ledexchange-result .print-button {
  text-align: center;
  margin: 0px 0 50px;
}
main section.p-single-ledexchange-result .print-button span {
  display: block;
  font-size: 11px;
  color: #828282;
}
main section.p-single-ledexchange-result .myresults, main section.p-single-ledexchange-result .myResults {
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
main section.p-single-ledexchange-result .myresults .container .tooltip .tooltiptext, main section.p-single-ledexchange-result .myResults .container .tooltip .tooltiptext {
  margin-bottom: -3px !important;
}
main section.p-single-ledexchange-result .myresults .container p, main section.p-single-ledexchange-result .myResults .container p {
  color: #FFFFFF;
}
main section.p-single-ledexchange-result .myresults .container .right-col, main section.p-single-ledexchange-result .myResults .container .right-col {
  margin: 70px 0;
}
main section.p-single-ledexchange-result .myresults .container .line, main section.p-single-ledexchange-result .myResults .container .line {
  margin-top: 20px;
}
main section.p-single-ledexchange-result .myresults .container .line .result, main section.p-single-ledexchange-result .myResults .container .line .result {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  padding-right: 5px;
}
main section.p-single-ledexchange-result .myresults .container .box, main section.p-single-ledexchange-result .myResults .container .box {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px 20px;
  margin: 10px 0;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange-result .myresults .container .box, main section.p-single-ledexchange-result .myResults .container .box {
    margin-bottom: 20px;
  }
}
main section.p-single-ledexchange-result .myresults .container .box .result, main section.p-single-ledexchange-result .myResults .container .box .result {
  font-size: 50px;
  line-height: 54px;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
}
main section.p-single-ledexchange-result .myresults .container .box p, main section.p-single-ledexchange-result .myResults .container .box p {
  margin: 0;
  color: #FFFFFF;
  font-size: 17px;
}
main section.p-single-ledexchange-result .myresults .container .left-col, main section.p-single-ledexchange-result .myResults .container .left-col {
  margin: 70px 0;
}
main section.p-single-ledexchange-result .myresults .container .amortisation, main section.p-single-ledexchange-result .myResults .container .amortisation {
  font-size: 60px;
  line-height: 110%;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  margin-top: 40px;
}
@media only screen and (max-width: 992px) {
  main section.p-single-ledexchange-result .myresults .container .amortisation, main section.p-single-ledexchange-result .myResults .container .amortisation {
    margin-top: 0;
    font-size: 50px;
  }
}
main section.p-single-ledexchange-result .myresults .container .benefit, main section.p-single-ledexchange-result .myResults .container .benefit {
  font-size: 18px;
  line-height: 40px;
  margin: 10px 0;
  color: #FFFFFF;
  font-size: 17px;
}
main section.p-single-ledexchange-result .myresults .container .benefit p, main section.p-single-ledexchange-result .myResults .container .benefit p {
  color: #FFFFFF;
  font-size: 17px;
}
main section.p-single-ledexchange-result .myresults .container .benefit .icon, main section.p-single-ledexchange-result .myResults .container .benefit .icon {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #FFFFFF;
  float: left;
  margin-right: 10px;
  padding: 5px;
}
main section.p-single-ledexchange-result .myresults .container .benefit .icon .iconimg, main section.p-single-ledexchange-result .myResults .container .benefit .icon .iconimg {
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 480px) {
  main section.p-single-ledexchange-result .myresults .container .benefit.warranty .text, main section.p-single-ledexchange-result .myResults .container .benefit.warranty .text {
    display: block;
    float: left;
    line-height: 123%;
  }
}
main section.p-single-ledexchange-result .myresults .container .benefit.warranty .icon .iconimg, main section.p-single-ledexchange-result .myResults .container .benefit.warranty .icon .iconimg {
  background-image: url(../assets/img/design/icon_warranty.png);
}
main section.p-single-ledexchange-result .myresults .container .benefit.norm .icon .iconimg, main section.p-single-ledexchange-result .myResults .container .benefit.norm .icon .iconimg {
  background-image: url(../assets/img/design/icon_norm.png);
}
main section.p-single-ledexchange-result .myresults .container .benefit.energylaw .icon .iconimg, main section.p-single-ledexchange-result .myResults .container .benefit.energylaw .icon .iconimg {
  background-image: url(../assets/img/design/icon_energylaw.png);
}
main section.p-single-ledexchange-result .myresults #ledresultpdf, main section.p-single-ledexchange-result .myResults #ledresultpdf {
  display: none;
  font-size: 10pt;
  color: #262626;
}
main section.p-single-ledexchange-result .myresults #ledresultpdf table tr td, main section.p-single-ledexchange-result .myResults #ledresultpdf table tr td {
  padding: 5px !important;
}
main section.p-single-hotspot .intro {
  width: 100%;
  z-index: 100;
  padding: 40px 25px;
  z-index: -1;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .intro {
    position: absolute;
    display: block;
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-hotspot .intro {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 767px) {
  main section.p-single-hotspot .intro .headline.lightCol h2 {
    color: #FFFFFF;
  }
}
@media only screen and (min-width: 767px) {
  main section.p-single-hotspot .intro .headline.lightCol p {
    color: #FFFFFF;
  }
}
main section.p-single-hotspot .background {
  position: relative;
  display: block;
  z-index: -2;
  height: 100%;
  width: 100%;
  padding-bottom: 56.25%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .background {
    position: absolute;
    display: block;
    height: 100%;
    padding: 0;
  }
}
main section.p-single-hotspot .background .hotspot-mobile {
  position: absolute;
  display: block;
  color: #FFFFFF;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #20A956;
  border-radius: 50% 50%;
  overflow: hidden;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .background .hotspot-mobile {
    display: none;
  }
}
main section.p-single-hotspot .hsbox {
  position: relative;
  display: block;
  padding: 0 25px;
  z-index: 5;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hsbox {
    padding: 0;
    margin: 0;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
}
main section.p-single-hotspot .hotspot {
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    color: #20A956;
    margin: 0;
    transition: all 0.3s ease 0.1, border-radius 0.1s ease 0.2;
  }
}
main section.p-single-hotspot .hotspot.open {
  border-radius: 0 0;
  width: 380px;
  transition: all 0.3s ease, border-radius 0.1s ease;
}
main section.p-single-hotspot .hotspot.open .icon .circle {
  transform: rotate(45deg);
  color: #FFFFFF;
  background-color: #393F46;
}
main section.p-single-hotspot .hotspot.open .icon .ringring {
  border: 3px solid #393F46;
}
main section.p-single-hotspot .hotspot.open .content {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease 0.2s;
}
main section.p-single-hotspot .hotspot .icon {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot .icon {
    display: block;
  }
}
main section.p-single-hotspot .hotspot .icon .circle {
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #20A956;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  line-height: 35px;
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
}
main section.p-single-hotspot .hotspot .icon .ringring {
  position: absolute;
  display: block;
  border: 2px solid #20A956;
  -webkit-border-radius: 30px;
  height: 41px;
  width: 41px;
  left: 4px;
  top: 4px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
main section.p-single-hotspot .hotspot .icon-mobile {
  display: block;
  background: #20A956;
  border-radius: 50% 50%;
  color: #FFFFFF;
  display: table-cell;
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot .icon-mobile {
    display: none;
  }
}
main section.p-single-hotspot .hotspot .content {
  display: table-cell;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot .content {
    position: absolute;
    display: block;
    background: #FFFFFF;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 40px;
    left: 50px;
    margin: 0;
    overflow: auto;
    width: 320px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot .content.withImage {
    display: flex;
    flex-direction: row;
    width: 400px;
  }
}
main section.p-single-hotspot .hotspot .content .media {
  position: relative;
  display: block;
  width: 80px;
  min-width: 80px;
  margin-right: 15px;
  height: 80px;
  float: right;
  margin: 5px 0 0 15px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot .content .media {
    float: unset;
    margin: 0 15px 0 0;
  }
}
main section.p-single-hotspot .hotspot .content .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.p-single-hotspot .hotspot .content .content-inner p {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot .hotspot .content .content-inner p {
    margin: 15px 0;
  }
}
main section.p-single-hotspot .hotspot.left-top .icon {
  top: 0;
  left: 0;
}
main section.p-single-hotspot .hotspot.right-top .icon {
  left: auto;
  top: 0;
  right: 0px;
}
main section.p-single-hotspot .hotspot.right-top .content {
  left: auto;
  top: 40px;
  right: 50px;
}
main section.p-single-hotspot .hotspot.left-bottom .icon {
  left: 0;
  bottom: 0;
}
main section.p-single-hotspot .hotspot.left-bottom .content {
  top: auto;
  bottom: 40px;
  left: 50px;
}
main section.p-single-hotspot .hotspot.right-bottom .icon {
  top: auto;
  bottom: 0;
  right: 0;
}
main section.p-single-hotspot .hotspot.right-bottom .content {
  top: auto;
  left: auto;
  bottom: 40px;
  right: 50px;
}
main section.p-single-hotspot.lightText .intro {
  color: #FFFFFF;
}
main section.p-single-hotspot.limitedSize .intro {
  position: relative;
}
main section.p-single-hotspot.limitedSize .hotspot-container {
  position: relative;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-hotspot.limitedSize .hotspot-container {
    margin-bottom: 100px;
  }
}
main section.p-single-boxsystem {
  padding: 50px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-boxsystem {
    padding: 100px 0;
  }
}
main section.p-single-boxsystem.bg-white .boxen .col .content-inner {
  background-color: #EDF1F2;
}
main section.p-single-boxsystem.bg-grey .editorial h2, main section.p-single-boxsystem.bg-grey .editorial p {
  color: #FFFFFF;
}
main section.p-single-boxsystem .headline {
  margin-bottom: 35px;
}
main section.p-single-boxsystem .headline.center {
  text-align: center;
}
main section.p-single-boxsystem .boxen {
  display: grid;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-boxsystem .boxen.two {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.p-single-boxsystem .boxen.three {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.p-single-boxsystem .boxen .col {
  width: 100%;
  margin: 0;
  padding: 0;
}
main section.p-single-boxsystem .boxen .col .content-inner {
  height: 100%;
  background-color: #FFFFFF;
}
main section.p-single-boxsystem .boxen .col .content-inner .media {
  overflow: hidden;
}
main section.p-single-boxsystem .boxen .col .content-inner .media .image {
  width: 100%;
  height: 250px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.p-single-boxsystem .boxen .col .content-inner .media .image:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.p-single-boxsystem .boxen .col .content-inner .content-text {
  padding: 40px 25px;
}
main section.p-single-boxsystem .boxen .col .content-inner .content-text .supline {
  margin: 0;
  font-size: 17px;
  line-height: 23px;
}
main section.p-single-boxsystem .boxen .col .content-inner .content-text .text {
  font-size: 17px;
  line-height: 23px;
}
main section.p-single-boxsystem .boxen .col .content-inner .content-text .text p {
  margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-boxsystem .boxen .col .content-inner .content-text .btn_apps {
    margin: 0 5px 25px;
    float: left;
  }
}
main section.p-single-iconinfo {
  padding: 50px 0 30px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-iconinfo {
    padding: 100px 0;
  }
}
main section.p-single-iconinfo.bg-grey .content-inner h2, main section.p-single-iconinfo.bg-grey .content-inner h3 {
  color: #FFFFFF;
}
main section.p-single-iconinfo.bg-grey .content-inner p {
  color: #FFFFFF;
}
main section.p-single-iconinfo .content-inner.intro {
  padding-bottom: 20px;
}
main section.p-single-iconinfo .content-inner.intro .headline.center {
  text-align: center;
}
main section.p-single-iconinfo .content-inner.intro .description {
  margin-bottom: 0;
}
main section.p-single-iconinfo .content-inner.intro .description p {
  margin: 0;
}
main section.p-single-iconinfo .boxen {
  margin-top: 40px;
  display: grid;
  grid-gap: 25px;
  grid-template-columns: repeat(1, 1fr);
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.p-single-iconinfo .boxen {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-iconinfo .boxen {
    text-align: left;
    grid-template-columns: repeat(3, 1fr);
  }
  main section.p-single-iconinfo .boxen.grid2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.p-single-iconinfo .boxen .col {
  width: 100%;
  margin: 0;
  padding: 0;
}
main section.p-single-iconinfo .boxen .col .content-inner {
  height: 100%;
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
}
main section.p-single-iconinfo .boxen .col .content-inner:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 50%;
  padding-top: 20px;
  border-bottom: 1px solid #828282;
}
@media only screen and (min-width: 768px) {
  main section.p-single-iconinfo .boxen .col .content-inner {
    border: none;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-iconinfo .boxen .col .content-inner {
    grid-template-columns: 0.3fr 1fr;
  }
  main section.p-single-iconinfo .boxen .col .content-inner:after {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-iconinfo .boxen .col .content-inner .icon {
    text-align: right;
  }
}
main section.p-single-iconinfo .boxen .col .content-inner .icon i, main section.p-single-iconinfo .boxen .col .content-inner .icon span, main section.p-single-iconinfo .boxen .col .content-inner .icon h3 {
  color: #20A956;
  font-size: 34px;
}
main section.p-single-iconinfo .boxen .col .content-inner .content-text p {
  margin: 10px 0 15px;
  font-size: 17px;
  line-height: 23px;
}
main section.p-single-multibox {
  padding: 50px 0 30px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-multibox {
    padding: 100px 0;
  }
}
main section.p-single-multibox.bg-grey .editorial h2, main section.p-single-multibox.bg-grey .editorial p {
  color: #FFFFFF;
}
main section.p-single-multibox .content-inner.intro {
  padding-bottom: 20px;
}
main section.p-single-multibox .content-inner.intro .headline.center {
  text-align: center;
}
main section.p-single-multibox .content-inner.intro .description {
  margin-bottom: 0;
}
main section.p-single-multibox .content-inner.intro .description p {
  margin: 0;
}
main section.p-single-multibox .boxen {
  display: grid;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-multibox .boxen {
    grid-template-columns: repeat(3, 1fr);
  }
  main section.p-single-multibox .boxen.grid2 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.p-single-multibox .boxen.grid2 .col .content-inner .media .image {
    height: 300px !important;
  }
}
main section.p-single-multibox .boxen .col {
  width: 100%;
  margin: 0;
  padding: 0;
}
main section.p-single-multibox .boxen .col .content-inner {
  height: 100%;
}
main section.p-single-multibox .boxen .col .content-inner .media {
  overflow: hidden;
  position: relative;
  display: block;
}
main section.p-single-multibox .boxen .col .content-inner .media .image {
  width: 100%;
  height: 250px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.p-single-multibox .boxen .col .content-inner .media .image:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.p-single-multibox .boxen .col .content-inner .media .tag {
  position: absolute;
  display: block;
  top: 0;
  z-index: 1000;
  background-color: #20A956;
  padding: 5px 10px;
  color: #FFFFFF;
}
main section.p-single-multibox .boxen .col .content-inner .content-text {
  padding: 25px;
}
main section.p-single-multibox .boxen .col .content-inner .content-text .text p {
  margin-bottom: 25px;
}
main section.p-single-multibox .boxen .col:hover .content-text .headline h3 {
  color: #20A956;
}
main section.p-single-info {
  padding: 50px 0;
}
main section.p-single-info.bg-grey .content .content-inner h2, main section.p-single-info.bg-grey .content .content-inner h3 {
  color: #FFFFFF;
}
main section.p-single-info.bg-grey .content .content-inner p, main section.p-single-info.bg-grey .content .content-inner ul {
  color: #FFFFFF;
}
main section.p-single-info .content {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.p-single-info .content .content-inner {
  padding: 45px 0 25px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-info .content .content-inner {
    padding: 100px 0;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-info .content .content-inner {
    padding: 60px 0px;
  }
}
main section.p-single-info .content .content-inner .description {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  main section.p-single-info .content .content-inner .description.center {
    text-align: left !important;
  }
}
main section.p-single-info .content .content-inner .description ul:not(.browser-default) {
  padding-left: 0;
  display: inline-block;
  list-style-type: disc;
  text-align: left;
}
main section.p-single-info .content .content-inner .linklist {
  display: grid;
  grid-gap: 15px;
  margin: 50px 0 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-info .content .content-inner .linklist {
    grid-gap: 25px;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
  }
  main section.p-single-info .content .content-inner .linklist.grid2 {
    grid-template-columns: repeat(2, 1fr);
  }
  main section.p-single-info .content .content-inner .linklist.grid1 a {
    grid-column: 2;
  }
}
main section.p-single-gallery {
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
main section.p-single-gallery.light_bgCol {
  background-color: #FFFFFF;
}
main section.p-single-gallery.grey_bgCol {
  background-color: #EDF1F2;
}
main section.p-single-gallery.dark_bgCol {
  background-color: #181818;
}
main section.p-single-gallery.dark_bgCol .content .content-inner .headline {
  color: white;
}
main section.p-single-gallery.dark_bgCol .content .content-inner .subline {
  color: #A8A8A8;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-gallery .content {
    max-width: 490px;
    padding: 0 0 0;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  main section.p-single-gallery .content .center {
    text-align: center;
  }
}
main section.p-single-gallery .content .headline {
  padding: 50px 15px 45px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-gallery .content .headline {
    padding: 50px 100px 30px;
  }
}
main section.p-single-gallery .content .gallery { /*
&.impressions {
  justify-content: center;
  display:flex;
  .gallery-item {                
    &:nth-child(odd){
      flex-basis: 35%;
    }
    &:nth-child(even){
      flex-shrink:4;
    }                
    max-height:400px;
    &:first-child {
      border:none;
    }

    border-left:5px solid $white;
    a {
      width: 100%;
      height: 100%; 
      display: block;     
      &:hover {
        opacity:0.8;
      }     
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
      }
    }    
    &:nth-child(even) {
      a {
        height:50%;
        &:first-child {
          border-bottom:5px solid $white;
        }
      }
    }  
    &.last:nth-child(even) {
      a {
        height:100%!important;
      }                       
    }                          
  }
}*/ }
@media only screen and (min-width: 768px) {
  main section.p-single-gallery .content .gallery.impressions-new {
    display: grid;
    max-height: 400px;
    gap: 5px;
    grid-template-rows: repeat(4, 1fr);
  }
  main section.p-single-gallery .content .gallery.impressions-new.grid2, main section.p-single-gallery .content .gallery.impressions-new.grid3 {
    grid-template-columns: 1fr 0.6fr;
  }
  main section.p-single-gallery .content .gallery.impressions-new.grid4 {
    grid-template-columns: 1fr 0.6fr 1fr;
  }
  main section.p-single-gallery .content .gallery.impressions-new.grid5, main section.p-single-gallery .content .gallery.impressions-new.grid6 {
    grid-template-columns: 1fr 0.6fr 1fr 0.6fr;
  }
  main section.p-single-gallery .content .gallery.impressions-new.grid7 {
    grid-template-columns: 1fr 0.6fr 1fr 0.6fr 1fr;
  }
  main section.p-single-gallery .content .gallery.impressions-new.grid8, main section.p-single-gallery .content .gallery.impressions-new.grid9 {
    grid-template-columns: 1fr 0.6fr 1fr 0.6fr 1fr 0.6fr;
  }
  main section.p-single-gallery .content .gallery.impressions-new.grid10 {
    grid-template-columns: 1fr 0.6fr 1fr 0.6fr 1fr 0.6fr 1fr;
  }
  main section.p-single-gallery .content .gallery.impressions-new a {
    overflow: hidden;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item1 {
    grid-row: span 4/span 4;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item2 {
    grid-row: span 2/span 2;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item3 {
    grid-row: span 2/span 2;
    grid-column-start: 2;
    grid-row-start: 3;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item4 {
    grid-row: span 4/span 4;
    grid-column-start: 3;
    grid-row-start: 1;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item5 {
    grid-row: span 2/span 2;
    grid-column-start: 4;
    grid-row-start: 1;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item6 {
    grid-row: span 2/span 2;
    grid-column-start: 4;
    grid-row-start: 3;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item7 {
    grid-row: span 4/span 4;
    grid-column-start: 5;
    grid-row-start: 1;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item8 {
    grid-row: span 2/span 2;
    grid-column-start: 6;
    grid-row-start: 1;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item9 {
    grid-row: span 2/span 2;
    grid-column-start: 6;
    grid-row-start: 3;
  }
  main section.p-single-gallery .content .gallery.impressions-new a.item10 {
    grid-row: span 4/span 4;
    grid-column-start: 7;
    grid-row-start: 1;
  }
  main section.p-single-gallery .content .gallery.impressions-new a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}
@media only screen and (max-width: 767px) {
  main section.p-single-gallery .content .gallery.impressions-new a {
    height: 400px;
    display: block;
    width: 100%;
  }
  main section.p-single-gallery .content .gallery.impressions-new a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
main section.p-single-gallery .content .gallery.content-multiple-sliders {
  padding: 0px 0 90px;
  width: 85%;
  margin: 0px auto 0px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-gallery .content .gallery.content-multiple-sliders {
    margin: 0px auto 0;
  }
}
@media only screen and (min-width: 124px) {
  main section.p-single-gallery .content .gallery.content-multiple-sliders {
    width: 90%;
  }
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list {
  margin: 0 -10px;
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track {
  display: flex;
  gap: 10px;
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide {
  height: inherit !important;
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide a {
  overflow: hidden;
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide > div {
  display: flex;
  margin: 0 25px;
  height: auto;
  max-height: 280px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide > div {
    margin: 0 5px;
  }
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide span {
  position: absolute;
  display: block;
  bottom: 0;
  padding: 5px 10px;
  display: block;
  color: #828282;
  background-color: rgba(255, 255, 255, 0.5);
}
main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide img {
    height: 280px;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-gallery .content .gallery.content-multiple-sliders .slick-list .slick-track .slick-slide img {
    height: 220px;
  }
}
main section.p-single-gallery .content .slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}
main section.p-single-gallery .content .slick-dots li {
  margin: 0 0.25rem;
}
main section.p-single-gallery .content .slick-dots button {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.p-single-gallery .content .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.p-single-gallery .slidernav button {
  position: absolute;
  display: block;
  top: 60%;
  background-color: transparent !important;
  border: none;
  outline: 0px none;
  outline: 0px;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  background-image: none;
}
main section.p-single-gallery .slidernav button i {
  font-size: 35px;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
}
main section.p-single-gallery .slidernav button.backarrow {
  left: 15px;
}
main section.p-single-gallery .slidernav button.nextarrow {
  right: 15px;
}
main section.p-single-gallery .slidernav button:hover {
  color: #20A956;
}
main section.p-single-gallery .slidernav button:hover i {
  color: #20A956;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider {
    height: 100vh;
  }
}
main section.p-single-slider .container.cc {
  width: 100%;
  margin: 0;
  padding: 0;
  max-width: unset;
}
main section.p-single-slider .container.cc .row {
  margin: 0;
}
main section.p-single-slider .slick-track {
  display: flex;
}
main section.p-single-slider .slick-track .slick-slide {
  height: inherit;
}
main section.p-single-slider .slick-track .slick-slide > div {
  height: 100%;
}
main section.p-single-slider .slick-track .slick-slide .content {
  height: 100%;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  min-height: 450px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider .slick-track .slick-slide .content {
    min-height: 250px;
  }
  main section.p-single-slider .slick-track .slick-slide .content[style] {
    background-color: unset !important;
  }
}
main section.p-single-slider .slick-track .slick-slide .content .smallPic {
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider .slick-track .slick-slide .content .smallPic {
    float: right;
  }
}
main section.p-single-slider .slick-track .slick-slide .content .container .smallCol {
  height: 50%;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider .slick-track .slick-slide .content .container .smallCol {
    height: 100%;
  }
}
main section.p-single-slider .slick-track .slick-slide .content .slick-list {
  margin: 0 -10px;
}
main section.p-single-slider .slick-track .slick-slide .content .slick-list .slick-track {
  display: flex;
}
main section.p-single-slider .slick-track .slick-slide .content .slick-list .slick-track .slick-slide {
  height: inherit !important;
}
main section.p-single-slider .slick-track .slick-slide .content .slick-list .slick-track .slick-slide > div {
  display: flex;
  height: 100%;
  overflow: hidden;
}
main section.p-single-slider .slick-track .slick-slide .content .slideitem {
  position: relative;
  display: block;
  padding: 100px 0;
}
@media only screen and (max-width: 1199px) {
  main section.p-single-slider .slick-track .slick-slide .content .slideitem {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 992px) {
  main section.p-single-slider .slick-track .slick-slide .content .slideitem {
    padding: 70px 0 0;
  }
}
@media only screen and (max-width: 992px) {
  main section.p-single-slider .slick-track .slick-slide .content .slideitem {
    padding: 45px 0;
  }
}
main section.p-single-slider .slidernav {
  max-width: 1024;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  main section.p-single-slider .slidernav {
    display: none;
  }
}
main section.p-single-slider .slidernav button {
  position: absolute;
  display: block;
  top: 50%;
  border: none;
  outline: 0px none;
  outline: 0px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%) !important;
  -moz-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  -o-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}
main section.p-single-slider .slidernav button i {
  font-size: 40px;
  position: absolute;
  display: block;
  transform: translate(-50%, -50%);
  color: #A8A8A8;
}
@media only screen and (min-width: 1025px) {
  main section.p-single-slider .slidernav button i {
    font-size: 60px;
  }
}
main section.p-single-slider .slidernav button.backarrow {
  left: 20px;
}
@media only screen and (min-width: 1025px) {
  main section.p-single-slider .slidernav button.backarrow {
    left: 30px;
  }
}
main section.p-single-slider .slidernav button.nextarrow {
  right: 20px;
}
@media only screen and (min-width: 1025px) {
  main section.p-single-slider .slidernav button.nextarrow {
    right: 30px;
  }
}
main section.p-single-slider .slidernav button:hover {
  color: #20A956;
}
main section.p-single-slider .slidernav button:hover i {
  color: #20A956;
}
main section.p-single-slider .dotBox {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 0px;
}
main section.p-single-slider .dotBox .slick-dots {
  max-width: 1294px;
  display: flex;
  justify-content: left;
  padding: 1rem 0;
  list-style-type: none;
  margin: 0 30px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider .dotBox .slick-dots {
    margin: 0 70px;
  }
}
@media only screen and (min-width: 1440px) {
  main section.p-single-slider .dotBox .slick-dots {
    margin: 0;
  }
}
main section.p-single-slider .dotBox .slick-dots li {
  margin: 0 0.25rem;
}
main section.p-single-slider .dotBox .slick-dots button {
  cursor: pointer;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  padding: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  border: none;
  text-indent: -9999px;
  background-color: #A8A8A8;
}
main section.p-single-slider .dotBox .slick-dots li.slick-active button {
  background-color: #20A956;
}
main section.p-single-slider.fullHeight .content-slider .flexbox {
  display: flex;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox {
    height: 100vh;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .bgImageMobile {
  height: 350px;
  width: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  display: block;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .bgImageMobile {
    height: 100%;
    display: none;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .bgImage {
  display: none;
  height: 350px;
  width: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .bgImage {
    height: 100%;
    display: block;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  padding: 20px 0;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner {
    padding: 0;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox {
  z-index: 10;
  margin: 0 25px 30px 25px;
  padding: 45px 0 25px;
  font-size: 17px;
  line-height: 23px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox {
    position: absolute;
    left: 0px;
    bottom: 100px;
    max-width: 490px;
    max-width: 100%;
    margin-right: 0;
    margin: 0 0px 30px 70px;
  }
}
@media only screen and (min-width: 1440px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox {
    margin: 0;
    bottom: 150px;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.withBgColor {
  padding: 25px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.lightColor.withBgColor {
    background: rgba(57, 63, 70, 0.8);
    border-radius: 3px;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.lightColor h2 {
  color: #FFFFFF;
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.lightColor span {
  color: #A8A8A8;
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.lightColor p {
  color: #EDF1F2;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.darkColor.withBgColor {
    background: rgba(237, 241, 242, 0.7);
    border-radius: 3px;
  }
}
main section.p-single-slider.fullHeight .content-slider .flexbox .content-inner .textbox.darkColor span {
  color: #828282;
}
main section.p-single-slider.fullHeight .content-slider.fullWidth .flexbox {
  flex-direction: column;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider.fullWidth .flexbox .content-inner .textbox {
    width: 40%;
  }
}
@media only screen and (min-width: 1440px) {
  main section.p-single-slider.fullHeight .content-slider.fullWidth .flexbox .content-inner .textbox {
    width: 35%;
  }
}
main section.p-single-slider.fullHeight .content-slider.showInBox .flexbox {
  flex-direction: column;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider.showInBox .flexbox {
    flex-direction: row;
  }
}
main section.p-single-slider.fullHeight .content-slider.showInBox .flexbox .bgImage {
  order: 1;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
  width: 100%;
  margin-left: 20px;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider.showInBox .flexbox .bgImage {
    width: 60%;
    order: 2;
  }
}
main section.p-single-slider.fullHeight .content-slider.showInBox .flexbox .content-inner {
  order: 2;
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  main section.p-single-slider.fullHeight .content-slider.showInBox .flexbox .content-inner {
    order: 1;
    width: 40%;
  }
}
main section.p-single-compare {
  position: relative;
  display: block;
  border-top: 1px solid #CFD9DE;
}
@media only screen and (max-width: 767px) {
  main section.p-single-compare .hideSmall {
    display: none;
  }
  main section.p-single-compare .center {
    text-align: center;
  }
}
main section.p-single-compare .content {
  margin-bottom: 0px;
  padding: 45px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .content {
    padding: 90px 0px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-compare .content {
    position: relative;
    display: block;
    padding: 100px 0;
    max-width: 100%;
  }
}
main section.p-single-compare .content .content-inner .headline {
  margin-bottom: 10px;
}
main section.p-single-compare .content .content-inner p {
  margin-top: 0;
  font-size: 17px;
}
main section.p-single-compare .content .media {
  height: 120px;
  width: 80%;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .content .media {
    width: 100%;
    margin-bottom: 20px;
  }
}
main section.p-single-compare .content .media .image {
  position: relative;
  display: block;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: contain !important;
  -moz-background-size: contain !important;
  -ms-background-size: contain !important;
  -o-background-size: contain !important;
  background-size: contain !important;
}
@media only screen and (max-width: 767px) {
  main section.p-single-compare .content .media .image {
    -webkit-background-position: center center !important;
    -moz-background-position: center center !important;
    -ms-background-position: center center !important;
    -o-background-position: center center !important;
    background-position: center center !important;
  }
}
main section.p-single-compare .comparelist {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
main section.p-single-compare .comparelist.grid3 {
  grid-template-columns: 33% 33% 33%;
}
main section.p-single-compare .comparelist.grid3 .element.compTitle {
  grid-column: 1/4;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist.grid3 .element.compTitle {
    grid-column: 1;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist.grid3 .element.compTitle.withSubcat {
    grid-column: 1/5;
  }
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist {
    grid-template-columns: 1fr 1fr 1fr;
  }
  main section.p-single-compare .comparelist.grid3 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
main section.p-single-compare .comparelist .element {
  text-align: center;
  color: #828282;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 17px;
  line-height: 23px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .element {
    border-top: 1px solid lightgrey;
  }
}
main section.p-single-compare .comparelist .element.space {
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .element.space {
    display: block;
  }
}
main section.p-single-compare .comparelist .element.subelement {
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
main section.p-single-compare .comparelist .element.subelement .icon {
  line-height: 18px;
}
main section.p-single-compare .comparelist .element.compTitle {
  grid-column: 1/4;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .element.compTitle {
    text-align: left;
    border-top: 1px solid lightgrey;
    grid-column: 1;
    background-color: unset;
  }
}
main section.p-single-compare .comparelist .element.compTitle.withSubcat {
  grid-column: 1/4;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .element.compTitle.withSubcat {
    text-align: left;
  }
}
main section.p-single-compare .comparelist .element.compSubTitle {
  padding-left: 15px;
  grid-column: 1/4;
  background-color: rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .element.compSubTitle {
    background-color: unset;
    grid-column: 1;
    text-align: left;
    display: list-item;
    margin-left: 20px;
    padding-left: 0;
  }
}
main section.p-single-compare .comparelist .element.noborder {
  border: none;
}
@media only screen and (max-width: 767px) {
  main section.p-single-compare .comparelist .element.center {
    border: none;
    text-align: center;
  }
}
main section.p-single-compare .comparelist .element h3 {
  margin: 5px 0 10px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .element h4 {
    font-size: 17px;
    font-weight: 400;
  }
}
main section.p-single-compare .comparelist .element span {
  display: block;
  padding-right: 15px;
}
main section.p-single-compare .comparelist .element .icon {
  font-size: 28px;
  line-height: 30px;
  color: #A8A8A8;
}
@media only screen and (max-width: 767px) {
  main section.p-single-compare .comparelist .element .icon {
    line-height: 22px;
    font-size: 22px;
  }
}
main section.p-single-compare .comparelist .element .icon.fa-check {
  color: #20A956;
}
main section.p-single-compare .comparelist .element .icon.fa-times {
  opacity: 0.6;
}
main section.p-single-compare .comparelist .productlinks {
  padding-top: 20px;
  text-align: center;
  font-size: 17px;
  line-height: 23px;
  border: 1px solid red;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (min-width: 768px) {
  main section.p-single-compare .comparelist .productlinks {
    grid-column: 4;
  }
  main section.p-single-compare .comparelist .productlinks.productlink3 {
    grid-column: 5;
  }
}
main section.p-single-compare .comparelist .productlinks a {
  text-decoration: underline;
}
main section.p-single-compare .comparelist .productlinks a:hover {
  text-decoration: none;
}
main section.p-single-quote, main section.single-quote {
  background-color: #20A956;
  padding: 70px 0;
}
main section.p-single-quote .row, main section.single-quote .row {
  margin: 0;
}
main section.p-single-quote .quote-holder, main section.single-quote .quote-holder {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
main section.p-single-quote .quote-holder .content, main section.single-quote .quote-holder .content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
main section.p-single-quote .quote-holder .content.quote::before, main section.single-quote .quote-holder .content.quote::before {
  content: "";
  display: block;
  position: absolute;
  position: relative;
  width: 60px;
  height: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
  background-image: url(../assets/img/design/quote.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-size: 60px 50px;
}
main section.p-single-quote .quote-holder .content.questmark::before, main section.single-quote .quote-holder .content.questmark::before {
  content: "";
  display: block;
  position: absolute;
  position: relative;
  width: 60px;
  height: 105px;
  margin: 0 auto;
  background-image: url(../assets/img/design/questmark.png);
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  background-size: 60px 105px;
}
main section.p-single-quote .quote-holder .content .icon, main section.single-quote .quote-holder .content .icon {
  font-size: 80px;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 20px;
}
main section.p-single-quote .quote-holder .content .icon i, main section.single-quote .quote-holder .content .icon i {
  color: #FFFFFF;
}
main section.p-single-quote .quote-holder .content .icon .usericon, main section.single-quote .quote-holder .content .icon .usericon {
  width: 90px;
}
main section.p-single-quote .quote-holder .content h2, main section.p-single-quote .quote-holder .content h3, main section.single-quote .quote-holder .content h2, main section.single-quote .quote-holder .content h3 {
  color: #FFFFFF;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  main section.p-single-quote .quote-holder .content h2, main section.p-single-quote .quote-holder .content h3, main section.single-quote .quote-holder .content h2, main section.single-quote .quote-holder .content h3 {
    font-size: 19px;
  }
}
main section.p-single-quote .quote-holder .content p, main section.single-quote .quote-holder .content p {
  margin: 15px 0 0;
  padding: 0;
  color: #FFFFFF;
  font-style: italic;
  font-size: 17px;
  line-height: 23px;
  font-weight: 400;
}
main section.p-single-quote .quote-holder .content .box_content p, main section.single-quote .quote-holder .content .box_content p {
  font-size: 24px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 130%;
  margin: 0;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  main section.p-single-quote .quote-holder .content .box_content p, main section.single-quote .quote-holder .content .box_content p {
    font-size: 19px;
  }
}
main section.p-single-quote .quote-holder .content .box_content p a, main section.single-quote .quote-holder .content .box_content p a {
  color: #FFFFFF !important;
}
main section.p-single-quote .quote-holder .content .box_content p a:hover, main section.single-quote .quote-holder .content .box_content p a:hover {
  text-decoration: underline;
}
main section.p-single-quote .quote-holder .content .box_content p:last-child, main section.single-quote .quote-holder .content .box_content p:last-child {
  margin-bottom: 0px;
}
main section.p-single-quote .quote-holder .quote-author, main section.single-quote .quote-holder .quote-author {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
main section.p-single-quote .quote-holder .quote-author p, main section.single-quote .quote-holder .quote-author p {
  color: #FFFFFF;
  font-style: italic;
  margin: 15px 0 0;
  padding: 0;
}
main section.p-single-referenzen {
  padding: 50px 0 0px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-referenzen {
    padding: 90px 0;
  }
}
main section.p-single-referenzen .row .col {
  padding: 0;
}
main section.p-single-referenzen .headline {
  margin-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  main section.p-single-referenzen .col {
    padding-left: 0;
    padding-right: 0;
  }
}
main section.p-single-referenzen.bg-white .boxH .content {
  background-color: #EDF1F2;
}
main section.ref-hotspots {
  overflow: hidden;
}
main section.ref-hotspots .background {
  position: relative;
  display: block;
  z-index: -2;
  height: 100%;
  width: 100%;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .background {
    position: absolute;
    display: block;
    height: 100%;
    padding: 0;
  }
}
@media only screen and (min-width: 1024px) {
  main section.ref-hotspots .background {
    padding-bottom: 56.25%;
  }
}
main section.ref-hotspots .background .hotspot-mobile {
  position: absolute;
  display: block;
  color: #FFFFFF;
  display: block;
  width: 24px;
  height: 24px;
  background-color: #20A956;
  border-radius: 50% 50%;
  overflow: hidden;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .background .hotspot-mobile {
    display: none;
  }
}
main section.ref-hotspots .hsbox {
  position: relative;
  display: block;
  z-index: 5;
}
@media only screen and (min-width: 1024px) {
  main section.ref-hotspots .hsbox {
    display: block;
    padding: 0;
    margin: 0;
  }
}
main section.ref-hotspots .hsbox__background {
  display: none;
}
@media only screen and (min-width: 1024px) {
  main section.ref-hotspots .hsbox__background {
    display: block;
  }
}
main section.ref-hotspots .hsbox__background img {
  width: 100%;
  display: block;
}
main section.ref-hotspots .hotspots {
  margin: 20px 0;
  padding: 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots {
    padding: 0;
    position: absolute;
    display: block;
    width: 40px;
    height: 48px;
    margin: 0;
    transition: all 0.3s ease 0.1, border-radius 0.1s ease 0.2;
  }
}
main section.ref-hotspots .hotspots.open, main section.ref-hotspots .hotspots:hover {
  border-radius: 0 0;
  width: 380px;
  transition: all 0.3s ease, border-radius 0.1s ease;
}
main section.ref-hotspots .hotspots.open .content, main section.ref-hotspots .hotspots:hover .content {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease 0.2s;
}
main section.ref-hotspots .hotspots .icon {
  position: absolute;
  display: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots .icon {
    display: block;
  }
}
main section.ref-hotspots .hotspots .icon .circle {
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  background-color: #20A956;
  border-radius: 50%;
  top: 7px;
  left: 7px;
  line-height: 35px;
  text-align: center;
  color: #FFFFFF;
  font-size: 30px;
}
main section.ref-hotspots .hotspots .icon .ringring {
  position: absolute;
  display: block;
  border: 2px solid #20A956;
  -webkit-border-radius: 30px;
  height: 41px;
  width: 41px;
  left: 4px;
  top: 4px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0;
}
main section.ref-hotspots .hotspots .icon-mobile {
  display: block;
  background: #20A956;
  border-radius: 50% 50%;
  color: #FFFFFF;
  display: table-cell;
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  float: left;
  margin-right: 20px;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots .icon-mobile {
    display: none;
  }
}
main section.ref-hotspots .hotspots .content {
  display: table-cell;
  background: #FFFFFF;
  z-index: 10;
  font-size: 15px;
  line-height: 16px;
}
main section.ref-hotspots .hotspots .content ul {
  list-style-type: disclosure-closed;
  margin: 0;
  padding: 5px 0 5px 20px;
}
main section.ref-hotspots .hotspots .content ul li {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots .content {
    position: absolute;
    display: block;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 20px;
    left: 45px;
    margin: 0;
    overflow: auto;
    width: 320px;
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots .content.withImage {
    display: flex;
    flex-direction: row;
    width: 400px;
  }
}
main section.ref-hotspots .hotspots .content .media {
  position: relative;
  display: block;
  width: 80px;
  min-width: 80px;
  margin-right: 15px;
  height: 80px;
  float: right;
  margin: 5px 0 0 15px;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots .content .media {
    float: unset;
    margin: 0 15px 0 0;
  }
}
main section.ref-hotspots .hotspots .content .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
main section.ref-hotspots .hotspots .content .content-inner p {
  margin: 5px 0;
}
@media only screen and (min-width: 768px) {
  main section.ref-hotspots .hotspots .content .content-inner p {
    margin: 15px 0;
  }
}
main section.p-single-solution {
  padding: 40px 0;
}
@media only screen and (min-width: 768px) {
  main section.p-single-solution {
    padding: 100px 0;
  }
}
main section.p-single-solution .headline {
  margin-bottom: 25px;
}
main section.p-single-solution .catboxen {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-solution .catboxen {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-solution .catboxen {
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.p-single-solution .selectbox {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 35px;
}
@media only screen and (min-width: 480px) {
  main section.p-single-solution .selectbox {
    max-width: 330px;
  }
}
main section.p-single-solution .boxSolution {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-solution .boxSolution {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-solution .boxSolution {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.p-single-solution .boxSolution .box {
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  background-color: #FFFFFF;
}
main section.p-single-solution .boxSolution .box:hover {
  -webkit-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 31px rgba(0, 0, 0, 0.06) !important;
}
main section.p-single-solution .boxSolution .box:hover .media.hovFunc .productImg1 {
  display: none;
}
main section.p-single-solution .boxSolution .box:hover .media.hovFunc .productImg2 {
  display: block;
}
main section.p-single-solution .boxSolution .box:hover .media img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.p-single-solution .boxSolution .box:hover .content a {
  text-decoration: none;
}
main section.p-single-solution .boxSolution .box .media {
  position: relative;
  display: block;
  height: 250px;
  width: 100%;
  overflow: hidden;
}
main section.p-single-solution .boxSolution .box .media .productImg2 {
  display: none;
}
main section.p-single-solution .boxSolution .box .media img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.p-single-solution .boxSolution .box .content {
  padding: 20px;
}
main section.p-single-solution .boxSolution .box .content h4 {
  margin-bottom: 10px;
}
main section.p-single-solution .boxSolution .box .content p {
  padding: 0;
  margin: 0 0 5px;
}
main section.p-single-solution .boxSolution .box .content a {
  text-decoration: underline;
}
main section.p-single-solution .boxen {
  display: grid;
  grid-gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.p-single-solution .boxen {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.p-single-solution .boxen {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.p-single-solution .boxen .col {
  width: 100%;
  margin: 0;
  padding: 0;
}
main section.p-single-solution .boxen .col .content-inner {
  height: 100%;
}
main section.p-single-solution .boxen .col .content-inner .media {
  overflow: hidden;
  position: relative;
  display: block;
}
main section.p-single-solution .boxen .col .content-inner .media .image {
  width: 100%;
  height: 250px;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
}
main section.p-single-solution .boxen .col .content-inner .media .image:hover {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.p-single-solution .boxen .col .content-inner .content-text {
  padding: 25px;
}
main section.p-single-solution .boxen .col .content-inner .content-text .text p {
  margin-bottom: 25px;
}
main section.p-single-solution .boxen .col:hover .content-text h3 {
  color: #20A956;
}
main section.single-infos {
  padding: 30px 0;
}
@media only screen and (min-width: 1024px) {
  main section.single-infos {
    padding: 100px 0;
  }
}
main section.single-infos .download-article {
  margin-top: 30px;
}
main section.single-video {
  padding: 100px 0;
}
main section.single-video .container {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.single-video .container {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
main section.single-video .container .video-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
main section.single-video .container .video-holder .video {
  position: relative;
  display: block;
  width: calc(100% - 0.75rem);
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.single-video .container .video-holder .video {
    width: 100%;
  }
}
main section.single-video .container .video-holder .video .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
main section.single-video .container .video-holder .video .embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.single-video .container .video-holder .video .embed-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.single-video .container .video-holder .video .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  main section.single-video .container .content-holders {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 30px;
  }
}
main section.single-video .container .content-holders .content {
  position: absolute;
  display: block;
  width: 100%;
  max-width: calc(100% - 96px);
  left: 48px;
  right: 48px;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) {
  main section.single-video .container .content-holders .content {
    position: relative;
    display: block;
    max-width: calc(100% - 16px);
    left: inherit;
    right: inherit;
    top: inherit;
    transform: none;
    margin-top: 16px;
  }
}
main section.single-video .container .content-holders .content h4 {
  font-size: 35px;
  line-height: 39px;
  margin: 0;
  padding: 0;
}
main section.single-video .container .content-holders .content p {
  color: #828282;
  font-size: 17px;
  line-height: 23px;
  margin: 4px 0;
}
main section.single-details {
  padding: 30px 0;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 1024px) {
  main section.single-details {
    padding: 60px 0;
  }
}
main section.single-details .details-headline {
  max-width: 992px;
  margin: 0 auto 32px;
}
main section.single-details .details-cards {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: grid;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.single-details .details-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.single-details .details-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.single-details .details-cards article.details-card {
  position: relative;
  display: block;
}
main section.single-details .details-cards article.details-card.with-text .details-inner {
  position: relative;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.single-details .details-cards article.details-card.with-text .details-inner {
    min-height: auto !important;
  }
}
main section.single-details .details-cards article.details-card.with-text .details-inner .details {
  padding: 32px;
}
@media only screen and (max-width: 992px) {
  main section.single-details .details-cards article.details-card.with-text .details-inner .details {
    min-height: auto !important;
  }
}
main section.single-details .details-cards article.details-card.with-image .details-inner {
  height: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.single-details .details-cards article.details-card.with-image .details-inner {
    min-height: 250px;
  }
}
@media only screen and (max-width: 640px) {
  main section.single-details .details-cards article.details-card.with-image .details-inner {
    min-height: 180px;
  }
}
main section.single-details .details-cards article.details-card.with-image .details-inner a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  color: inherit;
}
main section.single-details .details-cards article.details-card.with-image .details-inner .media {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
main section.single-details .details-cards article.details-card.with-image .details-inner .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.single-details .details-cards article.details-card.with-image:hover .details-inner a .details.details-hover {
  opacity: 1;
  visibility: visible;
}
main section.single-details .details-cards article.details-card.with-image:hover .details-inner .details.details-hover {
  opacity: 1;
  visibility: visible;
}
main section.single-hotspots {
  background-color: #EDF1F2;
  position: relative;
  display: block;
  height: 100%;
  height: auto;
  padding: 0;
  overflow: hidden;
}
main section.single-hotspots .row {
  margin-bottom: 0px;
}
main section.single-hotspots .ci-note-mobile {
  position: relative;
  display: none;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  main section.single-hotspots .ci-note-mobile {
    display: block !important;
  }
}
main section.single-hotspots .ci-note-mobile .details-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.single-hotspots .ci-note-mobile .details-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  main section.single-hotspots .ci-note-mobile .details-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.single-hotspots .ci-note-mobile .details-image-credits span {
    padding: 8px 16px;
  }
}
main section.single-hotspots .ci-note {
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 768px) {
  main section.single-hotspots .ci-note {
    display: none !important;
  }
}
main section.single-hotspots .ci-note .ci-target {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
main section.single-hotspots .ci-note .ci-target .image-stamp {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
main section.single-hotspots .ci-note .ci-target .details-image-credits {
  background: #EDF1F2; /* The Fallback */
  background: rgba(237, 241, 242, 0.5);
  position: absolute;
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  overflow: hidden;
  bottom: 0;
  left: 0;
  z-index: 10;
}
main section.single-hotspots .ci-note .ci-target .details-image-credits span {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 8px 64px;
}
@media only screen and (max-width: 992px) {
  main section.single-hotspots .ci-note .ci-target .details-image-credits span {
    padding: 8px 32px;
  }
}
@media only screen and (max-width: 768px) {
  main section.single-hotspots .ci-note .ci-target .details-image-credits span {
    padding: 8px 16px;
  }
}
main section.single-hotspots .ci-note .ci-target img {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point {
  position: absolute;
  display: block;
  cursor: pointer;
  border-radius: 2px;
  -webkit-transform: translateZ(0);
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  z-index: 10;
}
@media only screen and (max-width: 1199px) {
  main section.single-hotspots .ci-note .ci-target .ci-item-point {
    margin-left: -6px;
    margin-top: -5px;
  }
}
@media only screen and (max-width: 1024px) {
  main section.single-hotspots .ci-note .ci-target .ci-item-point {
    margin-left: -9px;
    margin-top: -6px;
  }
}
main section.single-hotspots .ci-note .ci-target .ci-item-point img.default-state {
  opacity: 1;
  visibility: visible;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point img.hover-state {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
}
main section.single-hotspots .ci-note .ci-target .ci-item-point:hover img.hover-state {
  opacity: 1;
  visibility: visible;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point:hover img.default-state {
  opacity: 0;
  visibility: hidden;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point.color-green {
  -webkit-box-shadow: 0 7px 31px 0 rgba(32, 169, 86, 0.85) !important;
  -moz-box-shadow: 0 7px 31px 0 rgba(32, 169, 86, 0.85) !important;
  -ms-box-shadow: 0 7px 31px 0 rgba(32, 169, 86, 0.85) !important;
  -o-box-shadow: 0 7px 31px 0 rgba(32, 169, 86, 0.85) !important;
  box-shadow: 0 7px 31px 0 rgba(32, 169, 86, 0.85) !important;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point.landscape {
  width: 48px !important;
  height: auto !important;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point.portrait {
  width: auto !important;
  height: 48px !important;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0) !important;
  -moz-transform: scale(0) !important;
  -ms-transform: scale(0) !important;
  -o-transform: scale(0) !important;
  transform: scale(0) !important;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point.activated {
  visibility: visible;
  opacity: 1;
}
main section.single-hotspots .ci-note .ci-target .ci-item-point.active {
  display: block;
}
main section.single-hotspots .ci-note .ci-item-detail {
  position: absolute;
  display: block;
  background-color: #FFFFFF;
  color: #828282;
  width: 360px;
  height: auto;
  padding: 14px 10px;
  right: 0;
  bottom: 64px;
  text-align: left;
  visibility: hidden;
  opacity: 0;
  z-index: 11;
  -webkit-box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 7px 31px 0 rgba(0, 0, 0, 0.06) !important;
}
main section.single-hotspots .ci-note .ci-item-detail::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 8px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
}
main section.single-hotspots .ci-note .ci-item-detail span {
  background-color: #FFFFFF;
  content: "";
  display: block;
  position: absolute;
}
main section.single-hotspots .ci-note .ci-item-detail span.top {
  width: 0;
  height: 2px;
  top: -24px;
  left: -68px;
}
main section.single-hotspots .ci-note .ci-item-detail span.right {
  width: 2px;
  height: 0;
  top: -24px;
  left: -16px;
}
main section.single-hotspots .ci-note .ci-item-detail .description {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  float: left;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
main section.single-hotspots .ci-note .ci-item-detail .description h2 {
  font-size: 24px;
  line-height: 29px;
}
main section.single-hotspots .ci-note .ci-item-detail .description p {
  margin: 12px 0 0;
}
main section.single-hotspots .ci-note .ci-item-detail .description ul {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
  margin-top: 16px;
  padding: 0;
  list-style-type: none;
}
main section.single-hotspots .ci-note .ci-item-detail .description ul li {
  color: #828282;
  position: relative;
  padding: 2px 16px;
}
main section.single-hotspots .ci-note .ci-item-detail .description ul li:before {
  content: "";
  display: block;
  position: absolute;
  content: "-";
  top: 1px;
  left: 0;
}
main section.single-hotspots .ci-note .ci-item-detail .description.list-with-image {
  width: calc(100% - 136px);
}
main section.single-hotspots .ci-note .ci-item-detail .image {
  position: relative;
  display: inline-block;
  width: 132px;
  height: 132px;
  overflow: hidden;
  float: left;
  visibility: hidden;
  opacity: 0;
}
main section.single-hotspots .ci-note .ci-item-detail .image img {
  position: relative;
  display: block;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}
main section.single-hotspots .ci-note .ci-item-detail .ci-close {
  position: relative;
  display: block;
  background-color: #FFFFFF;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  top: 0px;
  right: 0px;
  cursor: pointer;
}
main section.single-hotspots .ci-note .ci-item-detail.color-default::after {
  background-color: #FFFFFF;
}
main section.single-hotspots .ci-note .ci-item-detail.color-green::after {
  background-color: #20A956;
}
main section.single-hotspots .ci-note .ci-item-detail.color-blue::after {
  background-color: #92b1c2;
}
main section.single-hotspots .ci-note .ci-item-detail.color-yellow::after {
  background-color: #BCAD80;
}
main section.single-hotspots .ci-note .ci-item-detail.item-detail-with-image {
  width: 496px;
}
main section.single-hotspots .ci-note.hidden {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
main section.p-single-contactled {
  overflow: visible;
  padding: 30px 0;
}
main section.p-single-contactled .thank-you-message-holder {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 29px;
}
main section.p-single-contactled .row {
  margin-bottom: 0;
}
main section.p-single-contactled .contactled-formular-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
main section.p-single-contactled .contactled-formular-holder .image {
  max-width: 90%;
}
main section.p-single-contactled .contactled-formular-holder h2 {
  color: #FFFFFF;
}
main section.p-single-contactled .contactled-formular-holder p {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  min-height: 16px !important;
}
main section.p-single-contactled .contactled-formular-holder .error-message-holder {
  background: #FF2727; /* The Fallback */
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 16px;
}
main section.p-single-contactled .contactled-formular-holder .error-message-holder p {
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  margin: 12px 0;
}
main section.p-single-contactled .contactled-formular-holder form {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
main section.p-single-contactled .contactled-formular-holder form p {
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 16px;
  min-height: 16px !important;
}
main section.p-single-contactled .contactled-formular-holder form .setTimeForCall {
  margin-bottom: 10px;
  background-color: #4dba78;
  padding: 10px;
  width: 70%;
}
@media only screen and (max-width: 992px) {
  main section.p-single-contactled .contactled-formular-holder form .setTimeForCall {
    width: 100%;
  }
}
main section.p-single-contactled .contactled-formular-holder form .setTimeForCall label {
  display: block;
  float: left;
  margin-right: 20px;
  width: auto;
}
@media only screen and (max-width: 768px) {
  main section.p-single-contactled .contactled-formular-holder form .setTimeForCall label {
    float: none;
  }
}
main section.p-single-contactled .contactled-formular-holder form .setVar {
  margin: 0 0 15px 0;
}
main section.p-single-contactled .contactled-formular-holder form .setVar label {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  height: 40px;
  width: auto;
}
main section.p-single-contactled .contactled-formular-holder form .setVar label span {
  padding-top: 2px;
  line-height: 24px;
}
main section.p-single-contactled .contactled-formular-holder form div.phonediv {
  display: none;
}
main section.p-single-contactled .contactled-formular-holder form label {
  position: relative;
  display: block;
  height: auto;
  overflow: hidden;
  width: 100%;
  margin-bottom: 8px;
  color: #FFFFFF;
}
main section.p-single-contactled .contactled-formular-holder form label label.error {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
main section.p-single-contactled .contactled-formular-holder form label input[type=text],
main section.p-single-contactled .contactled-formular-holder form label input[type=email] {
  color: #828282 !important;
  font-size: 13px;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  overflow: hidden;
  padding: 0 16px;
  line-height: 44px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #EDF1F2;
}
main section.p-single-contactled .contactled-formular-holder form label input[type=text].error,
main section.p-single-contactled .contactled-formular-holder form label input[type=email].error {
  border: 1px solid #FF2727;
}
main section.p-single-contactled .contactled-formular-holder form label span {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 16px;
  -webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  filter: blur(0px) !important;
}
main section.p-single-contactled .contactled-formular-holder form label [type=radio]:checked + span:after,
main section.p-single-contactled .contactled-formular-holder form label [type=radio].with-gap:checked + span:before,
main section.p-single-contactled .contactled-formular-holder form label [type=radio].with-gap:checked + span:after {
  border: 1px solid #FFFFFF;
}
main section.p-single-contactled .contactled-formular-holder form label [type=radio]:not(:checked) + span:before,
main section.p-single-contactled .contactled-formular-holder form label [type=radio]:not(:checked) + span:after {
  border: 1px solid #FFFFFF;
}
main section.p-single-contactled .contactled-formular-holder form label [type=radio]:checked + span:after,
main section.p-single-contactled .contactled-formular-holder form label [type=radio].with-gap:checked + span:after {
  background-color: #FFFFFF;
}
main section.p-single-contactled .contactled-formular-holder form label [type=checkbox] + span:not(.lever) {
  height: 20px;
  line-height: 20px;
}
main section.p-single-contactled .contactled-formular-holder form label [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  background-color: #FFFFFF;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}
main section.p-single-contactled .contactled-formular-holder form label [type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: #FFFFFF;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}
main section.p-single-contactled .contactled-formular-holder form label [type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: -14px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 0;
}
main section.p-single-contactled .contactled-formular-holder form label [type=checkbox].filled-in:checked + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 1;
}
main section.p-single-contactled .contactled-formular-holder form label [type=checkbox].error:not(:checked) + span:not(.lever):after {
  border: 1px solid #FF2727;
  border-radius: 0px;
}
main section.p-single-contactled .contactled-formular-holder form .form-submit-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  overflow: visible;
}
main section.p-single-contactled .contactled-formular-holder form .form-submit-holder input.form-submit {
  font-family: "Source Sans Pro", sans-serif;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background-color: #20A956;
  position: relative;
  display: inline-block;
  width: auto;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  padding: 0 18px;
  text-transform: uppercase;
  text-align: center;
  outline: 0px none;
  outline: 0px;
  cursor: pointer;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.p-single-contactled .contactled-formular-holder form .form-submit-holder input.form-submit:hover {
  background-color: #FFFFFF;
  color: #20A956;
}
@media only screen and (max-width: 480px) {
  main section.p-single-contactled .contactled-formular-holder form .form-submit-holder input.form-submit {
    width: 100%;
  }
}
main section.p-single-contactled .contactled-formular-holder.none {
  display: none;
}
main section.p-single-contactled .contactled-formular-holder.hide {
  opacity: 0;
  visibility: 0;
}
main section.location-grid-withdetails .location-article {
  padding-bottom: 25px;
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.location-grid-withdetails .location-article {
    gap: 25px;
    grid-template-columns: repeat(2, 1fr);
  }
}
main section.location-grid-withdetails .location-article .article {
  background-color: white;
}
main section.location-grid-withdetails .location-article .article:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.location-grid-withdetails .location-article .article .media {
  overflow: hidden;
  height: 260px;
}
main section.location-grid-withdetails .location-article .article .media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.location-grid-withdetails .location-article .article .content {
  padding: 25px;
}
@media only screen and (min-width: 1024px) {
  main section.location-grid-withdetails .location-article .article .content .button {
    float: right;
  }
}
main section.location-grid-withdetails .location-article .article .content .button.green {
  margin: 0px;
  border: solid 1px #20A956;
  float: right;
}
main section.location-grid-withdetails .location-article .article .content .button.green:hover {
  border: solid 1px #393F46;
}
main section.location-grid-withoutdetails {
  padding: 0 0 30px;
}
main section.location-grid-withoutdetails .location-article {
  overflow: visible;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  display: grid;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  main section.location-grid-withoutdetails .location-article {
    grid-template-rows: 1fr;
  }
}
@media only screen and (min-width: 768px) {
  main section.location-grid-withoutdetails .location-article {
    gap: 25px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.location-grid-withoutdetails .location-article {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  main section.location-grid-withoutdetails .location-article {
    grid-template-columns: repeat(4, 1fr);
  }
}
main section.location-grid-withoutdetails .location-article .location-small-card {
  gap: 25px;
  overflow: hidden;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content {
  position: relative;
  display: block;
}
@media only screen and (min-width: 768px) {
  main section.location-grid-withoutdetails .location-article .location-small-card.article .content {
    min-height: 180px;
  }
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 30px;
  overflow: hidden;
}
@media only screen and (max-width: 992px) {
  main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner {
    min-height: auto;
  }
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner a {
  text-decoration: underline;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner a:hover {
  color: #828282;
  text-decoration: none;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner a.green {
  text-decoration: none;
  -webkit-transition: all 0.35s ease-in-out !important;
  -moz-transition: all 0.35s ease-in-out !important;
  -ms-transition: all 0.35s ease-in-out !important;
  -o-transition: all 0.35s ease-in-out !important;
  transition: all 0.35s ease-in-out !important;
  border: solid 1px #20A956;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner a.green:hover {
  color: #FFFFFF;
  border: solid 1px #393F46;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article .content .content-inner p {
  margin-bottom: 0;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.06) !important;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article:hover .image {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.location-grid-withoutdetails .location-article .location-small-card.article:hover .content .content-inner h3 {
  color: #20A956;
}
main section.c-content-joblist {
  padding: 40px 0;
}
@media only screen and (min-width: 1024px) {
  main section.c-content-joblist {
    padding: 65px 0 75px;
  }
}
main section.c-content-joblist .nomessage {
  display: none;
}
main section.c-content-joblist .content .content-inner .joblist {
  margin-top: 45px;
}
@media only screen and (min-width: 768px) {
  main section.c-content-joblist .content .content-inner .joblist {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 25px;
  }
}
main section.c-content-joblist .content .content-inner .joblist .filter h4 {
  margin-bottom: 15px;
}
main section.c-content-joblist .content .content-inner .joblist .filter__location {
  padding-bottom: 25px;
}
main section.c-content-joblist .content .content-inner .joblist .filter__location ul {
  padding: 0;
}
main section.c-content-joblist .content .content-inner .joblist .filter__empltype {
  background: #f7f7f7;
  padding: 15px;
  margin-bottom: 25px;
}
main section.c-content-joblist .content .content-inner .joblist .filter__empltype label {
  display: block;
  margin: 5px 15px 0;
}
main section.c-content-joblist .content .content-inner .joblist .filter__empltype label [type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #20A956;
  background-color: #20A956;
  z-index: 0;
}
main section.c-content-joblist .content .content-inner .joblist .filter__empltype label span {
  margin: 0;
  height: unset;
  line-height: unset;
  color: #393F46;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container {
  background: #f7f7f7;
}
@media only screen and (max-width: 768px) {
  main section.c-content-joblist .content .content-inner .joblist .jobletter_container {
    margin-top: 25px;
  }
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container div {
  padding: 15px;
  padding-bottom: 0px;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container label {
  display: block;
  color: #393F46;
  font-size: 1rem;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container label [type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #20A956;
  background-color: #20A956;
  z-index: 0;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container label span {
  margin: 0;
  height: unset;
  line-height: unset;
  color: #393F46;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container .interest_job_categories label {
  border-top: solid 1px #E2E8EB;
  padding: 5px 0px 5px 0px;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container .interest_job_categories label [type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  left: 3px;
  top: 4px;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container .interest_job_categories label [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  height: 16px;
  width: 16px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 4px;
  z-index: 0;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container .interest_job_categories label [type=checkbox].filled-in:checked + span:not(.lever):before {
  top: 3px;
  left: 1px;
  width: 6px;
  height: 10px;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container .interest_job_categories label [type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 4px;
  width: 16px;
  height: 16px;
  border: 2px solid #20A956;
  background-color: #20A956;
  z-index: 0;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container .interest_job_categories label span {
  margin: 0;
  height: unset;
  line-height: unset;
  color: #828282;
  padding-left: 35px;
  font-size: 1rem;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container input[type=email] {
  font-size: 17px;
  color: #828282;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
  background-color: #FFFFFF;
  position: relative;
  display: block;
  width: 100%;
  height: 44px;
  overflow: hidden;
  padding: 0 16px;
  line-height: 44px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #E2E8EB;
}
main section.c-content-joblist .content .content-inner .joblist .jobletter_container button {
  margin: 0px;
  width: 100%;
}
main section.c-content-joblist .content .content-inner .joblist .response_holder {
  padding-bottom: 15px !important;
}
main section.c-content-joblist .content .content-inner .joblist .response_holder p {
  margin: 0px;
  font-size: 1rem;
}
main section.c-content-joblist .content .content-inner .joblist .jobs {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  main section.c-content-joblist .content .content-inner .joblist .jobs {
    margin-top: 0;
  }
}
main section.c-content-joblist .content .content-inner .joblist .jobs .application-box {
  background-color: #f7f7f7;
  display: grid;
  padding: 15px;
  margin: 5px 0;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.c-content-joblist .content .content-inner .joblist .jobs .application-box {
    grid-template-columns: 150px auto;
  }
}
main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .text p a {
  text-decoration: underline;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .text p a:hover {
  text-decoration: none;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .text .button {
  margin: 0;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .media {
  width: 100%;
  overflow: hidden;
  max-height: 180px;
  width: 100%;
  object-position: 0;
}
@media only screen and (min-width: 768px) {
  main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .media {
    max-height: unset;
  }
}
main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}
@media only screen and (min-width: 768px) {
  main section.c-content-joblist .content .content-inner .joblist .jobs .application-box .media img {
    object-position: top;
    object-fit: contain;
  }
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job {
  margin: 5px 0;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job.hide {
  display: none;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job a:hover .content-inner {
  background: #D8E0E2;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job a:hover .content-inner > div .infos {
  color: #393F46;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner {
  background-color: #FFFFFF;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding: 10px 15px;
}
@media only screen and (min-width: 1024px) {
  main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner {
    gap: 10px;
    display: grid;
    grid-template-columns: 1fr 0.6fr 0.5fr;
    gap: 10px;
  }
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div {
  color: #393F46;
  font-size: 15px;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div.level, main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div.location {
  display: flex;
  align-items: flex-end;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div.level div, main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div.location div {
  display: flex;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div i {
  color: #20A956;
  padding-right: 5px;
  font-size: 13px;
  line-height: 22px;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div.info {
  flex: 1 0 100%;
}
main section.c-content-joblist .content .content-inner .joblist .jobs .job .content-inner > div.info .infos {
  color: #A8A8A8;
}
main section.c-single-job {
  background-color: #FFFFFF;
}
main section.c-single-job .content .job {
  padding: 20px 0 40px;
}
main section.c-single-job .content .job__facts {
  align-items: flex-start;
}
@media only screen and (min-width: 992px) {
  main section.c-single-job .content .job__facts {
    display: grid;
    grid-template-columns: 60% 40%;
  }
}
main section.c-single-job .content .job__facts .green p {
  color: #20A956;
}
main section.c-single-job .content .job__facts--left {
  margin-bottom: 25px;
}
main section.c-single-job .content .job__facts--left .loc a {
  text-decoration: underline;
}
main section.c-single-job .content .job__facts--left .buttons div.green {
  color: #20A956;
}
main section.c-single-job .content .job__facts--left .buttons span {
  padding-right: 10px;
}
@media only screen and (min-width: 768px) {
  main section.c-single-job .content .job__facts--left {
    display: grid;
    gap: 10px;
    grid-template-columns: 25% 75%;
  }
}
@media only screen and (min-width: 992px) {
  main section.c-single-job .content .job__facts--left {
    grid-template-columns: 35% 65%;
    margin-bottom: 0;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.c-single-job .content .job__facts--left {
    grid-template-columns: 25% 75%;
  }
}
main section.c-single-job .content .job__facts--left div {
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  main section.c-single-job .content .job__facts--left div {
    margin: 0;
  }
}
main section.c-single-job .content .job__facts--left--title {
  font-weight: 600;
  margin-bottom: 0 !important;
}
main section.c-single-job .content .job__facts--left .button {
  margin-right: 10px;
}
main section.c-single-job .content .job__facts--right {
  display: grid;
  overflow: hidden;
  grid-template-columns: 25% 75%;
}
@media only screen and (min-width: 992px) {
  main section.c-single-job .content .job__facts--right {
    grid-template-columns: 35% 65%;
  }
}
main section.c-single-job .content .job__facts--right .media {
  width: 100%;
  padding-right: 25px;
}
main section.c-single-job .content .job__facts--right .media img {
  width: 100%;
}
main section.c-single-job .content .job__facts--right .button {
  margin: 15px 0;
  font-size: 13px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
  padding: 5px 15px;
}
main section.c-single-job .content .job__facts--right .button i {
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
  margin-left: 5px;
  color: #0A66C2;
  font-size: 23px;
  line-height: 23px;
  float: right;
  margin-top: -1px;
}
main section.c-single-job .content .job__facts--right .button:hover i {
  color: #FFFFFF;
}
main section.c-single-job .content .job__facts--right .infos h3 {
  margin: 0 0 7px;
}
main section.c-single-job .content .job__facts--right .share {
  grid-column-start: 1;
  grid-column-end: 3;
  padding: 10px 15px;
  display: flex;
  vertical-align: middle;
}
main section.c-single-job .content .job__facts--right .share__title {
  padding: 5px 15px 0 0;
  display: none;
}
@media only screen and (min-width: 768px) {
  main section.c-single-job .content .job__facts--right .share__title {
    display: unset;
  }
}
main section.c-single-job .content .job__facts--right .share__shariff .orientation-horizontal li {
  width: auto;
  height: auto;
  border-radius: 4px;
  margin-bottom: 0;
  min-width: 27px;
  margin-right: 10px;
  text-align: center;
}
main section.c-single-job .content .job__facts--right .share__shariff .orientation-horizontal li a {
  padding: 3px 7px;
  line-height: unset;
}
main section.c-single-job .content .job__facts--right .share__shariff .orientation-horizontal li span {
  font-size: 15px;
}
main section.c-single-job .content .job__facts .buttons {
  margin: 15px 0;
}
main section.c-single-job .content .job__facts .buttons .button {
  display: inline-block;
}
main section.c-single-job .content .job__facts .buttons .button.hide {
  display: none;
}
main section.c-single-job.expired {
  opacity: 0.4;
}
main section.c-single-jobdetail {
  padding: 40px 0;
}
main section.c-single-jobdetail.expired {
  opacity: 0.4;
}
main section.c-single-jobdetail .jobdescription {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 1024px) {
  main section.c-single-jobdetail .jobdescription {
    grid-template-columns: 1fr 1fr;
  }
}
main section.c-single-jobdetail .jobdescription li {
  padding: 2px 0;
}
main section.c-single-benefits {
  padding: 40px 0;
  background-color: #FFFFFF;
}
main section.c-single-benefits .benefitscontent {
  min-height: 380px;
  padding: 25px 0;
  gap: 15px;
  display: grid;
}
@media only screen and (min-width: 1024px) {
  main section.c-single-benefits .benefitscontent {
    grid-template-columns: 1fr 1fr;
  }
}
main section.c-single-benefits .benefitscontent__leftcontent .benefitslist {
  display: grid;
  gap: 5px;
}
@media only screen and (min-width: 580px) {
  main section.c-single-benefits .benefitscontent__leftcontent .benefitslist {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  main section.c-single-benefits .benefitscontent__leftcontent .benefitslist {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.c-single-benefits .benefitscontent__leftcontent .benefitslist {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  main section.c-single-benefits .benefitscontent__leftcontent .benefitslist {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main section.c-single-benefits .benefitscontent__leftcontent .benefitslist__item {
  position: relative;
  padding: 20px 5px 15px;
  align-items: center;
  background-color: #EDF1F2;
  text-align: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
main section.c-single-benefits .benefitscontent__leftcontent .benefitslist__item i {
  color: #393F46;
  margin-bottom: 5px;
}
main section.c-single-benefits .benefitscontent__leftcontent .benefitslist__item__icon {
  font-size: 18px;
  padding-bottom: 5px;
}
main section.c-single-benefits .benefitscontent__leftcontent .benefitslist__item__icon i {
  color: #393F46;
  font-family: "Font Awesome 7 Pro";
}
main section.c-single-benefits .benefitscontent__leftcontent .benefitslist__item hr {
  padding: 0;
  border: 3px solid #20A956;
  border-left: none;
  border-right: none;
  border-bottom: none;
  width: 50px;
}
main section.c-single-benefits .benefitscontent__rightcontent__media {
  height: 100%;
  position: relative;
  min-height: 330px;
}
main section.c-single-benefits .benefitscontent__rightcontent__media__embedcontainer {
  width: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
main section.c-single-benefits .benefitscontent__rightcontent__media__embedcontainer iframe, main section.c-single-benefits .benefitscontent__rightcontent__media__embedcontainer object, main section.c-single-benefits .benefitscontent__rightcontent__media__embedcontainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main section.c-single-benefits .benefitscontent__rightcontent__media img {
  width: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
main section.c-single-benefits .buttons span {
  padding-right: 10px;
}
main section.c-single-benefits .buttons div.green p {
  color: #20A956;
}
main section.c-single-benefits .buttons .button {
  margin: 0 10px 10px 0;
}
main section.c-single-benefits .asterisk_text {
  font-size: 15px;
  padding-bottom: 45px;
}
main section.c-single-benefits .asterisk_text p {
  margin: 10px 0 0;
}
main section.c-single-benefits.expired {
  opacity: 0.5;
}
main section.c-single-applicationform {
  padding: 60px 0;
}
main section.c-single-applicationform.d-none {
  display: none;
}
main section.c-single-applicationform.active {
  display: block;
}
main section.c-single-applicationform .error-message-holder {
  background: #FF2727; /* The Fallback */
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 15px 0;
}
main section.c-single-applicationform .error-message-holder p {
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  margin: 12px 0;
}
main section.c-single-applicationform .application .headline p.subline {
  margin: 10px 0 10px;
}
main section.c-single-applicationform #response-holder {
  margin-top: 25px;
  color: #FFFFFF;
  display: flex;
  background: #20A956;
  justify-content: center;
}
main section.c-single-applicationform #response-holder div {
  width: 100%;
}
main section.c-single-applicationform #response-holder div.bg-red {
  background: #FF2727;
}
main section.c-single-applicationform #response-holder p {
  color: #FFFFFF;
}
main section.c-single-applicationform select {
  display: unset !important;
  display: unset !important;
}
main section.c-single-applicationform .form {
  display: grid;
  gap: 20px;
  margin-top: 45px;
}
main section.c-single-applicationform .form .form_entry_3col label, main section.c-single-applicationform .form .form_entry_2col label {
  margin-bottom: -5px;
}
main section.c-single-applicationform .form .form_entry_2col {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 480px) {
  main section.c-single-applicationform .form .form_entry_2col {
    grid-template-columns: 1fr 1fr;
  }
  main section.c-single-applicationform .form .form_entry_2col.message_file {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.c-single-applicationform .form .form_entry_2col.message_file {
    grid-template-columns: 1fr 1fr;
  }
}
main section.c-single-applicationform .form .form_entry_3col {
  display: grid;
  gap: 20px;
}
@media only screen and (min-width: 480px) {
  main section.c-single-applicationform .form .form_entry_3col {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  main section.c-single-applicationform .form .form_entry_3col {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main section.c-single-applicationform .form .formupload_entry .fileSizeMessage {
  font-size: 13px;
  color: #828282;
  font-weight: 400;
}
main section.c-single-applicationform .form .formupload_entry .fileSizeMessage.error {
  color: #FF2727;
}
main section.c-single-applicationform .form .formupload_entry .fileSizeErrorMessage {
  display: none;
  font-size: 13px;
  color: #FF2727;
  font-weight: 400;
}
main section.c-single-applicationform .form .formupload_entry .formupload {
  display: grid;
  gap: 5px;
  margin-top: 5px;
}
@media only screen and (min-width: 480px) {
  main section.c-single-applicationform .form .formupload_entry .formupload {
    grid-template-columns: auto 1fr;
    margin-top: 25px;
  }
}
main section.c-single-applicationform .form .formupload_entry .formupload input {
  font-size: 12px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #CFD9DE;
  padding: 5px;
}
main section.c-single-applicationform .form .formupload_entry .formupload input.error {
  border: 1px solid #FF2727;
}
main section.c-single-applicationform .form .formupload_entry .formupload input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #CFD9DE;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  padding: 5px;
  color: #393F46;
  transition: background 0.2s ease-in-out;
}
main section.c-single-applicationform .form .formupload_entry .formupload input[type=file]::file-selector-button:hover {
  background: #20A956;
  color: #FFFFFF;
}
main section.c-single-applicationform .form .formupload_entry .formupload label {
  padding-right: 25px;
  font-weight: normal;
}
main section.c-single-applicationform .form textarea {
  resize: none;
}
main section.c-single-applicationform .form button.submit {
  font-size: 0px;
  width: 40px;
  height: 40px;
  padding: 0px;
  border-radius: 50%;
  border-left-color: transparent;
  animation: rotate 1.4s ease 0.5s infinite;
  background: transparent;
}
@keyframes rotate {
  0% {
    transform: rotate(-360deg);
  }
}
main section.module_greenbox .container .content {
  padding: 45px 0 25px;
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  main section.module_greenbox .container .content {
    padding: 90px 0px 50px;
  }
}
main section.module_greenbox .container .content p {
  color: #FFFFFF;
}
main section.module_contactbox {
  -webkit-background-repeat: no-repeat !important;
  -moz-background-repeat: no-repeat !important;
  -ms-background-repeat: no-repeat !important;
  -o-background-repeat: no-repeat !important;
  background-repeat: no-repeat !important;
  -webkit-background-position: center center !important;
  -moz-background-position: center center !important;
  -ms-background-position: center center !important;
  -o-background-position: center center !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -ms-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
main section.module_contactbox.simple {
  min-height: 380px;
}
main section.module_contactbox.simple .helper {
  min-height: 380px;
}
main section.module_contactbox .helper {
  width: 100%;
  height: 100%;
  background-color: rgba(35, 45, 46, 0.7);
  padding: 25px 0;
  display: flex;
  align-items: center;
}
main section.module_contactbox.simple .container .content {
  text-align: unset;
}
@media only screen and (min-width: 1024px) {
  main section.module_contactbox.simple .container .content {
    padding: 20px 0px;
    width: 50%;
    float: right;
  }
}
main section.module_contactbox.bg-green .helper {
  background-color: unset !important;
}
main section.module_contactbox.bg-green .helper .container .content {
  text-align: left;
  display: grid;
}
@media only screen and (min-width: 1024px) {
  main section.module_contactbox.bg-green .helper .container .content {
    gap: 25px;
    grid-template-columns: 65% auto;
  }
}
main section.module_contactbox.bg-green .helper .container .content .link {
  align-self: center;
}
@media only screen and (min-width: 1024px) {
  main section.module_contactbox.bg-green .helper .container .content .link {
    text-align: right;
  }
}
main section.module_contactbox .container .content {
  text-align: center;
  padding: 20px 0px;
  color: #FFFFFF;
}
main section.module_contactbox .container .content p {
  color: #FFFFFF;
  margin: 5px 0 15px;
}
main section.module_contactbox .container .content .boxes {
  margin-top: 35px;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  main section.module_contactbox .container .content .boxes {
    flex-direction: row;
    display: flex;
    gap: 15px;
  }
}
main section.module_contactbox .container .content .boxes .box {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 15px 30px;
  margin-bottom: 25px;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  main section.module_contactbox .container .content .boxes .box {
    margin-bottom: unset;
  }
}
@media only screen and (min-width: 800px) {
  main section.module_contactbox .container .content .boxes .box {
    min-width: 350px;
  }
}
@media only screen and (min-width: 1200px) {
  main section.module_contactbox .container .content .boxes .box {
    min-width: 450px;
  }
}
main section.module_contactbox .container .content .boxes .box h3 {
  margin: 0;
  padding: 0 0 10px;
}
main section.module_contactbox .container .content .boxes .box div.supline {
  color: #828282;
}
main section.module_contactbox .container .content .boxes .box a:hover {
  text-decoration: underline;
}
main section.history-steps .content .content-inner {
  padding: 0px 0 25px;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner {
    padding: 10px 0px 40px;
  }
}
main section.history-steps .content .content-inner .headline {
  padding: 0 15px;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .headline {
    padding: 0 100px;
  }
}
main section.history-steps .content .content-inner .steps {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps {
    margin-top: 20px;
  }
}
main section.history-steps .content .content-inner .steps__item {
  justify-content: space-between;
  display: grid;
  margin-bottom: 25px;
  gap: 15px;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item {
    grid-template-columns: 1fr 3fr;
    gap: 50px;
  }
  main section.history-steps .content .content-inner .steps__item:nth-child(odd) .steps__item_intro {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item:nth-child(even) {
    grid-template-columns: 3fr 1fr;
  }
  main section.history-steps .content .content-inner .steps__item:nth-child(even) .steps__item_more {
    order: 1;
  }
  main section.history-steps .content .content-inner .steps__item:nth-child(even) .steps__item_intro {
    order: 3;
  }
}
main section.history-steps .content .content-inner .steps__item_intro {
  display: flex;
  gap: 25px;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item_intro {
    align-items: end;
    margin: 25px 0 0;
    display: unset;
  }
}
main section.history-steps .content .content-inner .steps__item_intro .header {
  order: 2;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item_intro .header {
    order: 1;
  }
}
main section.history-steps .content .content-inner .steps__item_intro .header h3 {
  line-height: 95%;
}
main section.history-steps .content .content-inner .steps__item_intro .header h3.green {
  color: #20A956;
}
main section.history-steps .content .content-inner .steps__item_intro .icon {
  font-size: 50px;
  order: 1;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item_intro .icon {
    padding: 15px 0 0;
    order: 2;
    font-size: 85px;
  }
}
main section.history-steps .content .content-inner .steps__item_intro .icon img {
  max-width: 50px;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item_intro .icon img {
    max-width: 100px;
  }
}
main section.history-steps .content .content-inner .steps__item_intro .icon i {
  color: #B0C1C6;
}
main section.history-steps .content .content-inner .steps__item_more {
  position: relative;
}
main section.history-steps .content .content-inner .steps__item_more.withImage {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item_more.withImage {
    grid-template-columns: 1fr 1fr;
  }
}
main section.history-steps .content .content-inner .steps__item_more .media {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  main section.history-steps .content .content-inner .steps__item_more .media {
    max-width: 460px;
  }
}
main section.history-steps .content .content-inner .steps__item_more .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main section.history-steps .content .content-inner .steps__item_more .content {
  background-color: #FFFFFF;
  padding: 35px 25px 25px;
}
main section.history-steps .content .content-inner .steps__item_more .content .supline {
  color: #828282;
}
main section.c-form {
  padding: 20px 0 50px;
}
main section.c-form .row {
  margin-bottom: 0;
}
main section.c-form .moretext {
  margin-top: 55px;
}
main section.c-form .contactformular-holder .form .grid2 {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.c-form .contactformular-holder .form .grid2 {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.c-form .contactformular-holder .form .grid2 {
    grid-template-columns: 2.02fr 0.98fr;
  }
}
@media only screen and (min-width: 768px) {
  main section.c-form .contactformular-holder .form .grid2 div div {
    margin-top: 25px;
  }
}
main section.c-form .contactformular-holder .form .grid3 {
  display: grid;
}
@media only screen and (min-width: 768px) {
  main section.c-form .contactformular-holder .form .grid3 {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  main section.c-form .contactformular-holder .form .grid3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main section.c-form .contactformular-holder .form textarea {
  height: 135px;
  resize: none;
}
main section.c-form .contactformular-holder .form .more {
  margin-top: 25px;
}
main section.c-form .contact-formular-holder {
  position: relative;
  display: table;
  width: 100%;
  height: auto;
  overflow: visible;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.c-form .contact-formular-holder .error-message-holder {
  background: #FF2727; /* The Fallback */
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 16px;
}
main section.c-form .contact-formular-holder .error-message-holder p {
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  margin: 12px 0;
}
main section.c-form .contact-formular-holder .thank-you-message-holder {
  background: #20A956; /* The Fallback */
  background: rgba(32, 169, 86, 0.65);
  position: relative;
  display: none;
  width: 100%;
  height: auto;
  padding: 0;
  float: left;
  text-align: center;
  padding: 16px 0;
  margin-bottom: 32px;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
main section.c-form .contact-formular-holder .thank-you-message-holder p {
  position: relative;
  display: block;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align: center;
  margin: 15px 0;
}
main section.c-form .contact-formular-holder .thank-you-message-holder a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #FFFFFF;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.c-form .contact-formular-holder .thank-you-message-holder a span {
  position: relative;
  padding-bottom: 0;
}
main section.c-form .contact-formular-holder .thank-you-message-holder a span:before {
  background-color: #FFFFFF;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.c-form .contact-formular-holder .thank-you-message-holder a span:after {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.c-form .contact-formular-holder .thank-you-message-holder a:hover {
  color: #FFFFFF;
}
main section.c-form .contact-formular-holder .thank-you-message-holder a:hover span:after {
  left: 0;
}
main section.c-form .contact-formular-holder .thank-you-message-holder.block {
  display: block;
}
main section.c-form .contact-formular-holder .thank-you-message-holder.show {
  opacity: 1;
  visibility: visible;
}
main section.c-form .contact-formular-holder .form {
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
main section.c-form .contact-formular-holder .form .description {
  padding-left: 0px;
}
main section.c-form .contact-formular-holder .form.none {
  display: none;
}
main section.c-form .contact-formular-holder .form.hide {
  opacity: 0;
  visibility: 0;
}
main section.p-contactservicebox {
  padding: 60px 0;
}
main section.p-contactservicebox .row {
  margin-bottom: 0;
}
main section.p-contactservicebox .row .row {
  margin-bottom: 0;
}
main section.p-contactservicebox .row .row .question-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
main section.p-contactservicebox .row .row .question-holder h2 {
  color: #FFFFFF;
}
main section.p-contactservicebox .row .row .question-holder h3 {
  color: #FFFFFF;
  margin: 15px 0;
}
main section.p-contactservicebox .row .row .question-holder .question-description {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  color: #FFFFFF;
}
main section.p-contactservicebox .row .row .question-holder .question-description p {
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
main section.p-contactservicebox .row .row .question-holder .question-description p a {
  color: #FFFFFF;
  text-decoration: underline !important;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.p-contactservicebox .row .row .question-holder .question-description p a:hover {
  color: #FFFFFF;
  text-decoration: none !important;
}
main section.p-contactservicebox .row .row .question-holder .question-description a, main section.p-contactservicebox .row .row .question-holder .question-description * {
  color: #FFFFFF !important;
}
main section.p-contactservicebox .row .row .question-holder .asterisk {
  color: #FFFFFF;
  font-size: 12px;
}
main section.news-grid {
  padding: 20px 0 80px;
}
main section.news-grid .headline {
  margin-bottom: 0;
}
main section.news-grid .news {
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.news-grid .news {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1024px) {
  main section.news-grid .news {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
main section.news-grid .news .news-element:hover img {
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important;
}
main section.news-grid .news .news-element .media {
  position: relative;
  display: block;
  height: 250px;
  width: 100%;
}
main section.news-grid .news .news-element .media img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.news-grid .news .news-element .content {
  min-height: unset;
}
main section.news-single-content .content {
  padding: 0px;
}
@media only screen and (min-width: 768px) {
  main section.news-single-content .content {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 50px;
  }
  main section.news-single-content .content div.description {
    margin: 0;
    padding: 0;
  }
  main section.news-single-content .content.textonly {
    display: unset;
  }
}
main section.news-single-content .content.image_width_50 {
  grid-template-columns: 1fr 1fr;
}
main section.news-single-content .content.image_width_25 {
  grid-template-columns: 1fr 2fr;
}
main section.news-single-content .content:nth-child(even) {
  grid-template-columns: 3fr 1fr;
}
main section.news-single-content .content:nth-child(even).image_width_50 {
  grid-template-columns: 1fr 1fr;
}
main section.news-single-content .content:nth-child(even).image_width_25 {
  grid-template-columns: 2fr 1fr;
}
main section.news-single-content .content:nth-child(even) .media {
  order: 2;
}
main section.news-single-content .content .media {
  position: relative;
  overflow: hidden;
}
main section.news-single-content .content .media a {
  display: block;
  overflow: hidden;
  height: 100%;
}
main section.news-single-content .content .media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main section.news-single-content .content .media i {
  position: absolute;
  color: #FFFFFF;
  font-size: 120px;
  width: 100%;
  text-align: center;
  top: calc(50% - 52px);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  opacity: 0.5;
  -webkit-transform: scale(0.9) !important;
  -moz-transform: scale(0.9) !important;
  -ms-transform: scale(0.9) !important;
  -o-transform: scale(0.9) !important;
  transform: scale(0.9) !important;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
main section.news-single-content .content .media:hover i {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
}
main section.news-single-gallery {
  padding: 20px 0 60px;
}
@media only screen and (min-width: 768px) {
  main section.news-single-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
  }
}
main section.news-single-gallery .gallery .media {
  overflow: hidden;
  max-height: 220px;
  width: 100%;
}
main section.news-single-gallery .gallery .media img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  main section.news-single-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
main section.page-default {
  overflow: hidden;
  border-bottom: 1px solid #EDF1F2;
}
main section.page-default .page-default-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 40px 0;
  overflow: hidden;
  /* Impressum Credit Tracker*/
}
main section.page-default .page-default-holder a {
  color: #20A956;
  transition: all 0.35s ease-in-out;
}
main section.page-default .page-default-holder a[href^="tel:"] {
  color: #828282;
  text-decoration: none !important;
}
main section.page-default .page-default-holder a:hover {
  color: inherit;
}
main section.page-default .page-default-holder h2 {
  text-transform: unset;
  margin: 30px 0 20px;
}
main section.page-default .page-default-holder h3 {
  margin: 20px 0 10px;
}
main section.page-default .page-default-holder h4 {
  margin: 30px 0 0px;
}
main section.page-default .page-default-holder .loginform {
  max-width: 380px;
  margin: 0 auto;
}
main section.page-default .page-default-holder .loginform .error-message-holder p {
  color: #FFFFFF;
  background: #FF2727;
  background: rgba(255, 39, 39, 0.65);
  position: relative;
  width: 100%;
  margin-bottom: 16px;
  padding: 10px;
}
main section.page-default .page-default-holder .loginform form#productlogin {
  margin: 30px 0;
  max-width: 380px;
}
main section.page-default .page-default-holder .loginform form#productlogin label {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 8px;
  color: #828282;
  font-size: 13px;
}
main section.page-default .page-default-holder .loginform form#productlogin label.error, main section.page-default .page-default-holder .loginform form#productlogin label .error {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
main section.page-default .page-default-holder .loginform form#productlogin label span {
  -webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  filter: blur(0px) !important;
  font-size: 13px;
}
main section.page-default .page-default-holder .loginform form#productlogin label span a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
main section.page-default .page-default-holder .loginform form#productlogin label span a span {
  position: relative;
  padding-bottom: 0;
}
main section.page-default .page-default-holder .loginform form#productlogin label span a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.page-default .page-default-holder .loginform form#productlogin label span a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
main section.page-default .page-default-holder .loginform form#productlogin label span a:hover {
  color: #828282;
}
main section.page-default .page-default-holder .loginform form#productlogin label span a:hover span:after {
  left: 0;
}
main section.page-default .page-default-holder .loginform form#productlogin input:-webkit-autofill,
main section.page-default .page-default-holder .loginform form#productlogin input:-webkit-autofill:hover,
main section.page-default .page-default-holder .loginform form#productlogin input:-webkit-autofill:focus,
main section.page-default .page-default-holder .loginform form#productlogin input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;
}
main section.page-default .page-default-holder .loginform form#productlogin input[type=text], main section.page-default .page-default-holder .loginform form#productlogin input[type=password] {
  font-size: 17px;
  color: #828282;
  text-align: center;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
  background-color: #FFFFFF;
  position: relative;
  display: block;
  height: 44px;
  overflow: hidden;
  padding: 0;
  line-height: 44px;
  outline: 0px;
  border: 1px solid #FFFFFF;
}
main section.page-default .page-default-holder .loginform form#productlogin input[type=text].error, main section.page-default .page-default-holder .loginform form#productlogin input[type=password].error {
  border: 1px solid #FF2727;
}
main section.page-default .page-default-holder .loginform form#productlogin p.login-submit {
  margin-top: 35px;
}
main section.page-default .page-default-holder .loginform .button {
  margin-top: 50px;
  color: #393F46;
}
main section.page-default .page-default-holder .loginform .button:hover {
  color: #FFFFFF;
}
main section.page-default .page-default-holder #credit-tracker-table {
  margin: 0;
}
main section.page-default .page-default-holder #credit-tracker-table th, main section.page-default .page-default-holder #credit-tracker-table td {
  padding: 5px;
}
main section.page-default .page-default-holder #credit-tracker-table th {
  font-weight: 600;
  text-shadow: unset;
  background: #EDF1F2;
}
main section.page-default .page-default-holder #credit-tracker-table td {
  padding: 0;
  margin: 0;
}
main section.page-default .page-default-holder #credit-tracker-table td.first {
  width: 90px;
  height: 80px;
  overflow: hidden;
  padding: 0 10px 0 0;
}
main section.page-default .page-default-holder #credit-tracker-table td a {
  width: 100%;
  height: 100%;
}
main section.page-default .page-default-holder #credit-tracker-table td img {
  display: flex;
  padding: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
main section.downloads-grid {
  padding: 60px 0;
  border-bottom: 1px solid #EDF1F2;
}
main section.downloads-grid .headline {
  margin: 0 0 40px;
}
main section.downloads-grid .downloads {
  overflow: visible;
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.downloads-grid .downloads {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.downloads-grid .downloads {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.downloads-grid .downloads__item {
  margin: 0;
  display: grid;
  grid-template-columns: 70px auto;
  align-items: flex-start;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
main section.downloads-grid .downloads__item .content {
  background-color: #FFFFFF;
  padding: 20px;
}
main section.downloads-grid .downloads__item .content .content-inner a {
  margin-top: 5px;
}
main section.downloads-grid .downloads .image {
  min-height: 80px;
  display: flex;
  height: 100%;
  align-items: center;
  margin: 0 15px;
}
main section.downloads-grid .downloads .image .icon {
  width: 35px;
}
@media only screen and (min-width: 768px) {
  main section.downloads-grid .downloads .image .icon {
    width: 55px;
  }
}
main section.downloads-grid .downloads__headline {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  main section.downloads-grid .downloads__headline {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media only screen and (min-width: 1024px) {
  main section.downloads-grid .downloads__headline {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
main section.downloads-grid-2023 {
  padding: 60px 0;
  border-bottom: 1px solid #EDF1F2;
}
main section.downloads-grid-2023 .headline {
  margin: 0 0 40px;
}
main section.downloads-grid-2023 .downloads {
  overflow: visible;
  display: grid;
  gap: 25px;
}
@media only screen and (min-width: 768px) {
  main section.downloads-grid-2023 .downloads {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1024px) {
  main section.downloads-grid-2023 .downloads {
    grid-template-columns: repeat(3, 1fr);
  }
}
main section.downloads-grid-2023 .downloads__item {
  margin: 0;
  display: grid;
  grid-template-columns: 130px auto;
  align-items: flex-start;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}
main section.downloads-grid-2023 .downloads__item .content {
  background-color: #FFFFFF;
  padding: 20px;
}
main section.downloads-grid-2023 .downloads__item .content .content-inner a {
  margin-top: 5px;
}
main section.downloads-grid-2023 .downloads .image {
  height: 100%;
}
main section.downloads-grid-2023 .downloads .image .icon {
  height: 100%;
}
main section.downloads-grid-2023 .downloads .image .icon i {
  background: #B0C1C6;
  min-height: 110px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
main section.downloads-grid-2023 .downloads .image .icon i .icon {
  width: 35px;
}
@media only screen and (min-width: 768px) {
  main section.downloads-grid-2023 .downloads .image .icon i .icon {
    width: 55px;
  }
}
main section.downloads-grid-2023 .downloads .image .icon i::before {
  font-size: 50px;
  color: #35464B;
}
main section.downloads-grid-2023 .downloads .image .icon img {
  height: 100%;
  object-fit: cover;
}
main section.downloads-grid-2023 .downloads__headline {
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  main section.downloads-grid-2023 .downloads__headline {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media only screen and (min-width: 1024px) {
  main section.downloads-grid-2023 .downloads__headline {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
main section.error-404 {
  background-color: #262626;
  border-bottom: 1px solid #EDF1F2;
}
main section.error-404 .error-404-holder {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 30px 0;
  overflow: hidden;
  text-align: center;
}
@media only screen and (max-width: 992px) {
  main section.error-404 .error-404-holder {
    padding: 0 0 32px;
  }
}
main section.error-404 .error-404-holder h1 {
  color: #FFFFFF;
  padding: 16px 0;
}
main section.error-404 .error-404-holder h2 {
  color: #FFFFFF;
}
main section.error-404 .error-404-holder p {
  color: #FFFFFF;
  font-size: 17px;
  line-height: 23px;
}
main section.error-404 .error-404-holder a {
  color: #20A956;
  transition: all 0.35s ease-in-out;
}
main section.error-404 .error-404-holder a:hover {
  color: inherit;
}
main section.error-404 .error-404-holder img {
  position: relative;
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 32px auto;
}
main section.error-404 .error-404-holder .search-error {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-top: 16px;
}
main section.error-404 .error-404-holder .search-error form {
  position: relative;
  display: inline-block;
  min-width: 260px;
  height: 34px;
}
main section.error-404 .error-404-holder .search-error form input {
  position: relative;
  display: inline-block;
  border: none;
  min-width: 260px;
  height: 34px;
  padding: 0 16px;
  font-size: 14px;
  outline: 0px none;
  outline: 0px;
}
main section.error-404 .error-404-holder .search-error form button {
  position: absolute;
  display: block;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  background-color: #EDF1F2;
  border: none;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: pointer;
}
main section.error-404 .error-404-holder .search-error form button i {
  font-size: 12px;
  line-height: 24px;
}

footer {
  position: relative;
  display: block;
  padding: 35px 0;
  background-color: #232E3B;
  font-size: 13px;
  color: #BFBFBF;
}
footer a {
  color: #BFBFBF;
}
footer img.dinlogo {
  float: left;
  margin-right: 30px;
}
footer .footer__wrap .footer__grid h4 {
  color: #BFBFBF;
  margin-bottom: 10px;
}
footer .footer__wrap .footer__grid ul li span.menu-item-description {
  display: none;
}
footer .footer__wrap .footer__grid .footer__col--right .footer__social {
  padding: 15px 0;
  border-top: 1px solid #A8A8A8;
  border-bottom: 1px solid #A8A8A8;
}
footer .footer__wrap .footer__grid .footer__col--right .footer__social h4 {
  padding: 0 0 5px;
}
@media only screen and (max-width: 767px) {
  footer .footer__wrap .footer__grid .footer__col--right .footer__social {
    display: flex;
    align-items: baseline;
  }
  footer .footer__wrap .footer__grid .footer__col--right .footer__social h4 {
    width: 50%;
    margin: 0;
  }
  footer .footer__wrap .footer__grid .footer__col--right .footer__social div {
    width: 50%;
    display: flex;
    justify-content: end;
  }
  footer .footer__wrap .footer__grid .footer__col--right .footer__social div a.footer__icon {
    margin: 0;
    padding: 7px 10px;
  }
}
footer .footer__wrap .footer__grid .footer__col--right .footer__social a.footer__icon i {
  padding: 7px;
  margin: 0 0 0 5px;
  border-radius: 5px;
  display: inline;
  font-size: 1.5rem;
  color: #BFBFBF;
}
footer .footer__wrap .footer__grid .footer__col--right .footer__social a.footer__icon i:hover {
  color: #FFFFFF;
}
@media only screen and (min-width: 768px) {
  footer .footer__wrap .footer__grid {
    display: grid;
    grid-template-columns: 100px auto auto;
    gap: 0;
  }
  footer .footer__wrap .footer__grid .footer__col--small {
    grid-area: 1/1/3/2;
  }
  footer .footer__wrap .footer__grid .footer__col--right {
    text-align: right;
  }
  footer .footer__wrap .footer__grid .footer__col--right .footer__social {
    border: none;
    padding: 0;
  }
  footer .footer__wrap .footer__grid .footer__col--right .footer__copyright {
    margin-top: 15px;
    clear: both;
    float: none;
  }
  footer .footer__wrap .footer__grid .footer__col ul {
    position: relative;
    display: block;
    /* Footer Legal & Data */
  }
  footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter {
    margin: 0;
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    text-align: left;
  }
  footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li {
    line-height: 150%;
    margin-right: 20px;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    border-right: 1px solid #707070;
    float: left;
  }
  footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li:last-child {
    border: none;
    padding: 0;
    margin: 0;
  }
  footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li:nth-child(3n) {
    border: none;
  }
  footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li a {
    padding: 0;
  }
  footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li a:hover {
    text-decoration: underline;
  }
  footer .footer__wrap .footer__grid .footer__col ul#footer__secondnav {
    text-align: left;
    margin: 15px 0 0;
  }
  footer .footer__wrap .footer__grid .footer__col ul#footer__secondnav li {
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    line-height: 90%;
    border-right: 1px solid #707070;
    float: left;
  }
  footer .footer__wrap .footer__grid .footer__col ul#footer__secondnav li:last-child {
    border: none;
    padding: 0;
    margin: 0;
  }
  footer .footer__wrap .footer__grid .footer__col ul#footer__secondnav li a {
    padding: 0;
  }
  footer .footer__wrap .footer__grid .footer__col ul#footer__secondnav li a:hover {
    text-decoration: underline;
  }
}

footer.footer {
  position: relative;
  display: block;
  padding: 35px 0;
  background-color: #232E3B;
  font-size: 13px;
  color: #BFBFBF;
}
footer.footer a {
  color: #BFBFBF;
}
footer.footer img.dinlogo {
  float: left;
  margin-right: 30px;
}
footer.footer .footer__wrap .footer__grid {
  display: grid;
  grid-template-columns: 0.3fr 1fr 1fr;
  gap: 0;
}
footer.footer .footer__wrap .footer__grid .footer__col--small {
  grid-area: 1/1/3/2;
}
footer.footer .footer__wrap .footer__grid .footer__col--right {
  text-align: right;
}
footer.footer .footer__wrap .footer__grid .footer__col .footer__social h3 {
  color: #BFBFBF;
}
footer.footer .footer__wrap .footer__grid .footer__col ul {
  position: relative;
  display: block;
}
@media only screen and (min-width: 768px) {
  footer.footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    text-align: left;
  }
}
footer.footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li {
  line-height: 150%;
  margin-right: 20px;
}
footer.footer .footer__wrap .footer__grid .footer__col ul#nav-largefooter li:nth-child(3n) {
  border: none;
}
footer.footer .footer__wrap .footer__grid .footer__col ul#footer__secondnav {
  text-align: left;
}
footer.footer .footer__wrap .footer__grid .footer__col ul li {
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  line-height: 90%;
  border-right: 1px solid #707070;
}
footer.footer .footer__wrap .footer__grid .footer__col ul li:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
footer.footer .footer__wrap .footer__grid .footer__col ul li a {
  padding: 0;
}
.sticky {
  display: none;
  background-color: #FFFFFF;
  position: fixed;
  display: block;
  width: 720px;
  height: auto;
  min-height: 320px;
  top: 230px;
  right: 0;
  padding: 20px;
  -webkit-box-shadow: 0 7px 31px 7px rgba(0, 0, 0, 0.06) !important;
  -moz-box-shadow: 0 7px 31px 7px rgba(0, 0, 0, 0.06) !important;
  -ms-box-shadow: 0 7px 31px 7px rgba(0, 0, 0, 0.06) !important;
  -o-box-shadow: 0 7px 31px 7px rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 7px 31px 7px rgba(0, 0, 0, 0.06) !important;
  z-index: 25;
  -webkit-perspective: 1000px !important;
  -moz-perspective: 1000px !important;
  -ms-perspective: 1000px !important;
  -o-perspective: 1000px !important;
  perspective: 1000px !important;
  -webkit-transform: translate(0, 0) !important;
  -moz-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
  -webkit-right: 0.35s ease-in-out !important;
  -moz-right: 0.35s ease-in-out !important;
  -ms-right: 0.35s ease-in-out !important;
  -o-right: 0.35s ease-in-out !important;
  right: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 768px) {
  .sticky {
    display: none;
  }
}
.sticky.sticky-praxisbeispiele, .sticky.sticky-faq, .sticky.sticky-praxisbeispiele-beispiele {
  right: -660px;
  min-height: 260px;
}
.sticky.sticky-praxisbeispiele .header, .sticky.sticky-faq .header, .sticky.sticky-praxisbeispiele-beispiele .header {
  position: absolute;
  display: block;
  width: 56px;
  height: 100%;
  text-align: left;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.sticky.sticky-praxisbeispiele .header span, .sticky.sticky-faq .header span, .sticky.sticky-praxisbeispiele-beispiele .header span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: -16px;
  bottom: 0;
  left: 0;
  font-size: 17px;
  line-height: 56px;
  font-weight: bold;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  white-space: nowrap;
  will-change: transform;
}
.sticky.sticky-praxisbeispiele .header i, .sticky.sticky-faq .header i, .sticky.sticky-praxisbeispiele-beispiele .header i {
  position: absolute;
  display: block;
  top: 34px;
  left: 21px;
  line-height: 15px;
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -o-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  transform: scale(-1, -1) rotate(45deg);
  margin-top: -16px;
}
.sticky.sticky-praxisbeispiele .content, .sticky.sticky-faq .content, .sticky.sticky-praxisbeispiele-beispiele .content {
  position: relative;
  display: block;
  width: 90%;
  width: calc(100% - 156px);
  padding-left: 56px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.sticky.sticky-praxisbeispiele .content h2, .sticky.sticky-faq .content h2, .sticky.sticky-praxisbeispiele-beispiele .content h2 {
  padding-bottom: 16px;
}
.sticky.sticky-praxisbeispiele .content .image, .sticky.sticky-faq .content .image, .sticky.sticky-praxisbeispiele-beispiele .content .image {
  position: relative;
  display: block;
  width: 128px;
  height: auto;
  float: left;
}
.sticky.sticky-praxisbeispiele .content .image img, .sticky.sticky-faq .content .image img, .sticky.sticky-praxisbeispiele-beispiele .content .image img {
  position: relative;
  display: block;
  width: 128px;
  min-width: 128px;
  max-width: 128px;
  height: auto;
  margin-bottom: 8px;
}
.sticky.sticky-praxisbeispiele .content .image span, .sticky.sticky-faq .content .image span, .sticky.sticky-praxisbeispiele-beispiele .content .image span {
  position: relative;
  display: block;
  width: 100%;
  max-width: 118px;
  height: auto;
  color: #828282;
  font-size: 13px;
  line-height: 16px;
}
.sticky.sticky-praxisbeispiele .content .description, .sticky.sticky-faq .content .description, .sticky.sticky-praxisbeispiele-beispiele .content .description {
  position: relative;
  display: block;
  width: 80%;
  width: calc(100% - 128px);
  height: auto;
  padding: 0 32px;
  margin: 0;
  font-size: 17px;
  line-height: 22px;
  float: left;
}
.sticky.sticky-praxisbeispiele .content .description p, .sticky.sticky-faq .content .description p, .sticky.sticky-praxisbeispiele-beispiele .content .description p {
  margin: 0;
  margin-bottom: 16px;
  max-width: 230px;
}
.sticky.sticky-praxisbeispiele.active, .sticky.active.sticky-faq, .sticky.active.sticky-praxisbeispiele-beispiele {
  right: -182px;
}
.sticky.sticky-praxisbeispiele-beispiele {
  min-height: 200px;
}
.sticky.sticky-praxisbeispiele-beispiele .content h2 {
  max-width: 300px;
}
.sticky.sticky-praxisbeispiele-beispiele .content .description {
  padding-left: 0px;
}
.sticky.sticky-praxisbeispiele-beispiele .content .description p {
  max-width: 290px;
}
.sticky.sticky-praxisbeispiele-beispiele.active {
  right: -328px;
}
.sticky.sticky-box {
  right: -660px;
  min-height: 280px;
}
.sticky.sticky-box .header {
  position: absolute;
  display: block;
  width: 56px;
  height: 100%;
  text-align: left;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.sticky.sticky-box .header span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: -16px;
  bottom: 0;
  left: 0;
  font-size: 17px;
  line-height: 56px;
  font-weight: bold;
  writing-mode: tb-rl;
  -webkit-transform: rotate(180deg) !important;
  -moz-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  white-space: nowrap;
  will-change: transform;
}
.sticky.sticky-box .header i {
  position: absolute;
  display: block;
  top: 34px;
  left: 21px;
  line-height: 15px;
  -webkit-writing-mode: vertical-lr;
  -moz-writing-mode: vertical-lr;
  -o-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  transform: scale(-1, -1) rotate(45deg);
  margin-top: -16px;
}
.sticky.sticky-box .content {
  position: relative;
  display: block;
  width: 90%;
  width: calc(100% - 156px);
  padding-left: 56px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.sticky.sticky-box .content h3 {
  padding-bottom: 16px;
}
.sticky.sticky-box .content .image {
  position: relative;
  display: block;
  width: 128px;
  height: auto;
  float: left;
}
.sticky.sticky-box .content .image img {
  position: relative;
  display: block;
  width: 128px;
  min-width: 128px;
  max-width: 128px;
  height: auto;
  margin-bottom: 8px;
}
.sticky.sticky-box .content .image span {
  position: relative;
  display: block;
  width: 100%;
  max-width: 118px;
  height: auto;
  color: #828282;
  font-size: 13px;
  line-height: 16px;
}
.sticky.sticky-box .content .text {
  position: relative;
  display: block;
  width: 80%;
  width: calc(100% - 128px);
  height: auto;
  padding: 0 32px;
  float: left;
  margin-bottom: 5px;
}
.sticky.sticky-box .content .text p {
  color: #828282;
  margin: 0;
  margin-bottom: 16px;
  max-width: 230px;
}
.sticky.sticky-box .content .text a.contact {
  background-color: #20A956;
  position: relative;
  display: inline-block;
  width: auto;
  height: 44px;
  padding: 0 32px;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 44px;
  text-transform: uppercase;
  text-align: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
@media only screen and (max-width: 640px) {
  .sticky.sticky-box .content .text a.contact {
    width: 100%;
  }
}
.sticky.sticky-box .content .text a.contact:hover {
  background-color: #393F46;
}
.sticky.sticky-box.active {
  right: -182px;
}
.sticky.sticky-faq {
  min-height: 380px;
}
.sticky.sticky-faq .content .thank-you-message-holder {
  position: relative;
  display: none;
  width: 100%;
  max-width: 316px;
  height: auto;
  padding: 0;
  float: left;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
.sticky.sticky-faq .content .thank-you-message-holder a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
.sticky.sticky-faq .content .thank-you-message-holder a span {
  position: relative;
  padding-bottom: 0;
}
.sticky.sticky-faq .content .thank-you-message-holder a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.sticky.sticky-faq .content .thank-you-message-holder a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.sticky.sticky-faq .content .thank-you-message-holder a:hover {
  color: #828282;
}
.sticky.sticky-faq .content .thank-you-message-holder a:hover span:after {
  left: 0;
}
.sticky.sticky-faq .content .thank-you-message-holder.block {
  display: block;
}
.sticky.sticky-faq .content .thank-you-message-holder.show {
  opacity: 1;
  visibility: visible;
}
.sticky.sticky-faq .content .form-holder {
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description {
  padding-left: 0px;
}
.sticky.sticky-faq .content .form-holder .description h3 {
  margin-bottom: 5px;
}
.sticky.sticky-faq .content .form-holder .description p {
  max-width: 300px;
}
.sticky.sticky-faq .content .form-holder .description form {
  position: relative;
  display: block;
  width: 100%;
  max-width: 316px;
  height: auto;
  overflow: hidden;
}
.sticky.sticky-faq .content .form-holder .description form label {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 8px;
  color: #828282;
}
.sticky.sticky-faq .content .form-holder .description form label label.error {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
.sticky.sticky-faq .content .form-holder .description form label input {
  color: #828282;
  -webkit-all: 0.35s ease-in-out !important;
  -moz-all: 0.35s ease-in-out !important;
  -ms-all: 0.35s ease-in-out !important;
  -o-all: 0.35s ease-in-out !important;
  all: 0.35s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description form label input.email {
  background-color: #E2E8EB;
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  overflow: hidden;
  padding: 0 16px;
  line-height: 34px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #E2E8EB;
}
.sticky.sticky-faq .content .form-holder .description form label input.error {
  border: 1px solid #FF2727;
}
.sticky.sticky-faq .content .form-holder .description form label span {
  font-size: 13px;
  line-height: 16px;
  -webkit-filter: blur(0px) !important;
  -moz-filter: blur(0px) !important;
  -ms-filter: blur(0px) !important;
  -o-filter: blur(0px) !important;
  filter: blur(0px) !important;
}
.sticky.sticky-faq .content .form-holder .description form label span a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
.sticky.sticky-faq .content .form-holder .description form label span a span {
  position: relative;
  padding-bottom: 0;
}
.sticky.sticky-faq .content .form-holder .description form label span a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description form label span a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description form label span a:hover {
  color: #828282;
}
.sticky.sticky-faq .content .form-holder .description form label span a:hover span:after {
  left: 0;
}
.sticky.sticky-faq .content .form-holder .description form label textarea {
  color: #828282;
  background-color: #E2E8EB;
  position: relative;
  display: block;
  width: 100%;
  height: 76px;
  overflow: hidden;
  padding: 16px;
  outline: 0px none;
  outline: 0px;
  border: 1px solid #E2E8EB;
}
.sticky.sticky-faq .content .form-holder .description form label textarea.error {
  border: 1px solid #FF2727;
}
.sticky.sticky-faq .content .form-holder .description form label [type=checkbox] + span:not(.lever) {
  height: 20px;
  line-height: 20px;
}
.sticky.sticky-faq .content .form-holder .description form label [type=checkbox].filled-in:not(:checked) + span:not(.lever):after {
  background-color: #E2E8EB;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}
.sticky.sticky-faq .content .form-holder .description form label [type=checkbox].filled-in:checked + span:not(.lever):after {
  background-color: #E2E8EB;
  border: 1px solid #E2E8EB;
  border-radius: 0px;
}
.sticky.sticky-faq .content .form-holder .description form label [type=checkbox].filled-in:not(:checked) + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: -14px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 0;
}
.sticky.sticky-faq .content .form-holder .description form label [type=checkbox].filled-in:checked + span:not(.lever):before {
  background-color: transparent;
  position: absolute;
  left: 1px;
  top: 1px;
  width: 8px;
  height: 11px;
  border-bottom: 3px solid #828282;
  border-right: 3px solid #828282;
  border-radius: 3px 3px 0 3px;
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  opacity: 1;
}
.sticky.sticky-faq .content .form-holder .description form label [type=checkbox].error:not(:checked) + span:not(.lever):after {
  border: 1px solid #FF2727;
  border-radius: 0px;
}
.sticky.sticky-faq .content .form-holder .description form .error-message-holder {
  position: absolute;
  display: none;
  width: 0;
  height: 0;
  overflow: hidden;
}
.sticky.sticky-faq .content .form-holder .description form .form-submit-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  overflow: visible;
  margin: 16px 0;
}
.sticky.sticky-faq .content .form-holder .description form .form-submit-holder input.form-submit {
  font-family: "Source Sans Pro", sans-serif;
  background-color: #20A956;
  position: relative;
  display: inline-block;
  width: auto;
  height: 44px;
  color: #FFFFFF;
  font-size: 17px;
  line-height: 44px;
  padding: 0 18px;
  text-transform: uppercase;
  text-align: center;
  outline: 0px none;
  outline: 0px;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.35s ease-in-out !important;
  -moz-transition: 0.35s ease-in-out !important;
  -ms-transition: 0.35s ease-in-out !important;
  -o-transition: 0.35s ease-in-out !important;
  transition: 0.35s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description form .form-submit-holder input.form-submit:hover {
  background-color: #393F46;
}
.sticky.sticky-faq .content .form-holder .description form .google-info {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 8px;
}
.sticky.sticky-faq .content .form-holder .description form .google-info a {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  color: #20A956;
  padding-bottom: 0;
  margin-bottom: -6px;
  -webkit-transition: all 0.7s ease-in-out !important;
  -moz-transition: all 0.7s ease-in-out !important;
  -ms-transition: all 0.7s ease-in-out !important;
  -o-transition: all 0.7s ease-in-out !important;
  transition: all 0.7s ease-in-out !important;
  overflow: hidden;
}
.sticky.sticky-faq .content .form-holder .description form .google-info a span {
  position: relative;
  padding-bottom: 0;
}
.sticky.sticky-faq .content .form-holder .description form .google-info a span:before {
  background-color: #20A956;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description form .google-info a span:after {
  background-color: #828282;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
  -webkit-transition: 0.7s ease-in-out !important;
  -moz-transition: 0.7s ease-in-out !important;
  -ms-transition: 0.7s ease-in-out !important;
  -o-transition: 0.7s ease-in-out !important;
  transition: 0.7s ease-in-out !important;
}
.sticky.sticky-faq .content .form-holder .description form .google-info a:hover {
  color: #828282;
}
.sticky.sticky-faq .content .form-holder .description form .google-info a:hover span:after {
  left: 0;
}
.sticky.sticky-faq .content .form-holder.none {
  display: none;
}
.sticky.sticky-faq .content .form-holder.hide {
  opacity: 0;
  visibility: 0;
}
.sticky.sticky-faq.active {
  right: -306px;
}

/* === style -> print.scss === */
@media print {
  body {
    font: 11pt "SSregular", sans-serif;
    line-height: 1.2;
  }
  header, main, footer {
    width: 100%;
    margin: 0;
    float: none;
  }
  .showprint {
    display: block;
  }
  /** Setting margins */
  @page {
    margin: 0.5cm 1.5cm;
  }
  /* Or: 
  @page :left {
  margin: 1cm;
  }

  @page :right {
  margin: 1cm;
  } */
  /* The first page of a print can be manipulated as well 
  @page :first {
    margin: 1cm 2cm;
  } */
  /* Defining all page breaks */
  a {
    page-break-inside: avoid;
  }
  blockquote {
    page-break-inside: avoid;
  }
  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  table, pre {
    page-break-inside: avoid;
  }
  ul, ol, dl {
    page-break-before: avoid;
  }
  .collapsible {
    page-break-before: avoid;
  }
  /* Displaying link color and link behaviour */
  a:link, a:visited, a {
    background: transparent;
    color: #520;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
  }
  a {
    page-break-inside: avoid;
  }
  /* If needed to show href after each link
  a[href^=http]:after {
    content: " < " attr(href) "> ";
  }

  article a[href^="#"]:after {
    content: "";
  }

  a:not(:local-link):after {
    content: " < " attr(href) "> ";
  } */
  /* Making intergated videos disappear, and removing the iframes' whitespace to zero. */
  .entry iframe, ins {
    display: none;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    line-height: 0pt !important;
    white-space: nowrap;
  }
  .maTop_woSMen {
    margin-top: 0 !important;
  }
  .embed-youtube, .embed-responsive {
    position: absolute;
    height: 0;
    overflow: hidden;
  }
  /* Hiding unnecessary elements for the print */
  .navigation-holder {
    position: relative !important;
  }
  .navigation-holder .container .row nav.nav-extended.nav-main .nav-wrapper .back, .navigation-din {
    display: none !important;
  }
  #nav-secondary {
    display: none;
  }
  #nav-desktop {
    display: none;
  }
  main section:nth-child(1) {
    margin-top: 0;
  }
  header {
    display: none;
  }
  .navigation-holder {
    display: none;
  }
  .menu-navigation-primary-container {
    display: none;
  }
  footer {
    display: none !important;
  }
  .sticky {
    display: none;
  }
  header.praxisbeispiele-header .col.s12.m12.l4 {
    display: none;
  }
  main section.praxisbeispiele-accordion .accordion-holder ul.collapsible {
    border: none;
    box-shadow: none;
  }
  main section.praxisbeispiele-accordion .accordion-holder ul.collapsible li {
    width: 100%;
  }
  main section.praxisbeispiele-accordion .accordion-holder ul.collapsible li .collapsible-header {
    overflow: auto;
  }
  main section.praxisbeispiele-accordion .accordion-holder ul.collapsible li .collapsible-header .content {
    width: 100% !important;
    padding: 0;
    min-height: auto;
    margin-bottom: 20px;
  }
  main section.praxisbeispiele-accordion .accordion-holder ul.collapsible li .collapsible-header .icon {
    display: none;
  }
  main section.praxisbeispiele-accordion .accordion-holder ul.collapsible li .collapsible-header .image {
    display: none;
  }
  main section.k-single-main {
    margin: 0px;
    padding: 0px;
  }
  main section.k-single-main .section-holder {
    padding: 0;
    border: none;
  }
  main section.k-single-main .section-holder .main-holder * {
    background-color: none;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .coronainfo {
    background-color: #fff !important;
    padding: 0;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .profile {
    /*
    ul:not(.browser-default)>li {
      list-style-type: square !important;
      list-style-position: inside;
    }*/
  }
  main section.k-single-main .section-holder .main-holder .left-holder .profile li {
    list-style-type: square !important;
    position: relative;
    display: list-item;
    padding: 0 !important;
    margin-left: 20px;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .profile li:before {
    display: none !important;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .tasks ul li {
    list-style-type: square !important;
    position: relative;
    display: list-item;
    padding: 0 !important;
    margin-left: 20px;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .tasks ul li:before {
    display: none !important;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .offer ul li {
    list-style-type: square !important;
    position: relative;
    display: list-item;
    padding: 0 !important;
    margin-left: 20px;
  }
  main section.k-single-main .section-holder .main-holder .left-holder .offer ul li:before {
    display: none !important;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .image {
    display: none;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact {
    background-color: #fff !important;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content {
    padding: 0;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .share {
    display: none;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .image {
    margin: 0 20px 10px 0;
    float: left;
    width: 128px;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .image img {
    margin: 0;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .description {
    margin-top: -60px;
    float: left;
    width: 450px;
    padding: 0;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .description a.contact-btn {
    background-color: transparent;
    color: transparent;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .description a.contact-btn:after {
    content: "bewerbung@din-notlicht.at";
    font-size: 12px;
    position: relative;
    display: block;
    clear: both;
    width: 320px;
    height: 25px;
    color: #20A956;
    margin-left: -110px;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .contact .content .description a.contact-btn-1 {
    display: none;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .salary {
    background-color: #fff !important;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .salary .content {
    padding: 0;
  }
  main section.k-single-main .section-holder .main-holder .right-holder .salary .content .image img, main section.k-single-main .section-holder .main-holder .right-holder .salary .content .image span {
    display: none;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 300;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 29px;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits ul li {
    list-style-type: square !important;
    position: relative;
    display: list-item;
    padding: 0 !important;
    margin-left: 20px;
    float: none;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits ul li .inner {
    display: block;
    background-color: #fff !important;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits ul li .inner .icon-holder {
    display: none !important;
    width: 0;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits ul li .inner .text-holder {
    margin-left: 0px !important;
    border: none;
    height: auto;
    border: noen;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits ul li .inner .text-holder .text {
    display: block;
    padding: 0 !important;
  }
  main section.k-single-main .section-holder .main-holder .bottom-holder .benefits ul li .inner .text-holder .text br {
    display: none;
  }
  main section.k-single-main:before {
    content: url("https://din-notlicht.com/wp-content/themes/din/assets/img/design/din-logo-2x-print.png");
    position: relative;
    display: block;
    width: 120px;
    height: 100px;
  }
  main section.k-single-main:after {
    content: "Mehr Infos: https://din-notlicht.com/de-at/karriere/";
    float: footnote;
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 32px;
  }
  main section.faq-accordion {
    background-color: #FFFFFF !important;
    margin-top: 0;
    padding: 16px 0;
    overflow: inherit !important;
  }
  main section.faq-accordion .faq-accordion-filters {
    overflow: inherit !important;
  }
  main section.faq-accordion .faq-accordion-filters .filters {
    display: none;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li.isotope-item {
    position: relative !important;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li {
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-header {
    padding: 0 !important;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-header .content {
    padding: 0 0 15px !important;
    font-weight: bold;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-header .content h3 {
    font-weight: bold;
    padding-top: 10px !important;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-header .icon {
    display: none !important;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-header .icon i {
    left: 0;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-body {
    display: block;
    overflow: auto;
    border: none !important;
    padding: 0 !important;
    border-bottom: 1px solid #ccc;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-body .m6 {
    width: 100%;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-body .col .row .description {
    margin: 0 !important;
    border: none !important;
  }
  main section.faq-accordion .faq-accordion-filters .accordion-holder ul li .collapsible-body .col:nth-child(2) .row .description {
    border: none !important;
    padding: 0 !important;
  }
  main section.faq-accordion:before {
    content: url("https://din-notlicht.com/wp-content/themes/din/assets/img/design/din-logo-2x-print.png");
    position: relative;
    display: block;
    width: 120px;
    height: 100px;
  }
  main section.faq-accordion:after {
    content: "Mehr Infos: https://din-notlicht.com/de-at/vorschriften/faq/";
    float: footnote;
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 32px;
  }
}