/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/Roboto/roboto-v19-latin-300.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-300.woff") format("woff");
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url("../fonts/Roboto/roboto-v19-latin-300italic.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-300italic.woff") format("woff");
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("../fonts/Roboto/roboto-v19-latin-regular.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-regular.woff") format("woff");
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/Roboto/roboto-v19-latin-italic.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-italic.woff") format("woff");
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/Roboto/roboto-v19-latin-500.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-500.woff") format("woff");
}
/* roboto-500italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url("../fonts/Roboto/roboto-v19-latin-500italic.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-500italic.woff") format("woff");
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/Roboto/roboto-v19-latin-700.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-700.woff") format("woff");
}
/* roboto-700italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("../fonts/Roboto/roboto-v19-latin-700italic.woff2") format("woff2"), url("../fonts/Roboto/roboto-v19-latin-700italic.woff") format("woff");
}
/* Font Awesome 5 Pro-Regular-400 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/Font_Awesome/font-awesome-5-pro-regular-400.otf');
  src: local("Font Awesome"), local("Font Awesome Pro"), url("../fonts/Font_Awesome/font-awesome-5-pro-regular-400.otf") format("otf");
  font-weight: normal;
  font-style: normal;
}
.nowrap {
  white-space: nowrap;
}

.mod_button {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 500;
  line-height: 1;
  background-color: #ccc;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  border: 0 none;
  border-radius: 2px;
  outline: 0;
  padding: 1rem 1.5rem;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and ( max-width: 600px ) {
  .mod_button {
    line-height: 1.4;
  }
}
.mod_button:link, .mod_button:visited {
  color: #686867;
}
.mod_button:hover {
  background-color: #bdbdbd;
}
.mod_button:focus {
  background-color: #adadad;
}
.mod_button:active {
  background-color: #a3a3a3;
}
.mod_button.raised {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.mod_button.raised:active {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.mod_button.icon.right, .mod_button.icon.left {
  text-align: left;
}
.mod_button.icon.right {
  padding-right: 4rem;
}
.mod_button.icon.right::before {
  right: 1.5rem;
}
.mod_button.icon.left {
  padding-left: 4rem;
}
.mod_button.icon.left::before {
  left: 1.5rem;
}
.mod_button.icon::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  display: inline-block;
}
.mod_button.icon.arrow-up::before, .mod_button.icon.arrow-down::before {
  transition: all 0.2s ease-out;
  transform-origin: 50% 50%;
}
.mod_button.icon.arrow-down::before {
  transform: rotate(0deg);
}
.mod_button.icon.arrow-up::before {
  transform: rotate(180deg);
}
.mod_button.icon.ico_arrow-alt-right::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23686867' d='M0 304v-96c0-13.3 10.7-24 24-24h200V80.2c0-21.4 25.8-32.1 41-17L441 239c9.4 9.4 9.4 24.6 0 34L265 448.7c-15.1 15.1-41 4.4-41-17V328H24c-13.3 0-24-10.7-24-24z'/%3E%3C/svg%3E%0A");
}
.mod_button.icon.ico_arrow-alt-left::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23686867' d='M448 208v96c0 13.3-10.7 24-24 24H224v103.8c0 21.4-25.8 32.1-41 17L7 273c-9.4-9.4-9.4-24.6 0-34L183 63.3c15.1-15.1 41-4.4 41 17V184h200c13.3 0 24 10.7 24 24z'/%3E%3C/svg%3E");
}
.mod_button.icon.ico_arrow-alt-down::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23686867' d='M176 32h96c13.3 0 24 10.7 24 24v200h103.8c21.4 0 32.1 25.8 17 41L241 473c-9.4 9.4-24.6 9.4-34 0L31.3 297c-15.1-15.1-4.4-41 17-41H152V56c0-13.3 10.7-24 24-24z'/%3E%3C/svg%3E");
}
.mod_button.icon.ico_arrow-alt-up::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23686867' d='M272 480h-96c-13.3 0-24-10.7-24-24V256H48.2c-21.4 0-32.1-25.8-17-41L207 39c9.4-9.4 24.6-9.4 34 0l175.8 176c15.1 15.1 4.4 41-17 41H296v200c0 13.3-10.7 24-24 24z'/%3E%3C/svg%3E");
}
.mod_button.icon.ico_arrow-to-bottom::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath style='fill:%23686867' d='M348.5 232.1l-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z'/%3E%3C/svg%3E");
}
.mod_button.icon-only {
  font-size: 0;
  padding: 1.5rem 1.5rem;
}
.mod_button.icon-only::before {
  width: 24px;
  height: 24px;
  left: 0;
  right: 0;
  background-position: center;
}
.mod_button.colored {
  color: #fff;
  background-color: #008995;
}
.mod_button.colored:hover {
  background-color: #006d76;
}
.mod_button.colored:focus {
  background-color: #005158;
}
.mod_button.colored:active {
  background-color: #003e43;
}
.mod_button.colored:visited {
  color: #fff;
}
.mod_button.colored.ico_arrow-alt-right::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23fff' d='M0 304v-96c0-13.3 10.7-24 24-24h200V80.2c0-21.4 25.8-32.1 41-17L441 239c9.4 9.4 9.4 24.6 0 34L265 448.7c-15.1 15.1-41 4.4-41-17V328H24c-13.3 0-24-10.7-24-24z'/%3E%3C/svg%3E%0A");
}
.mod_button.colored.ico_arrow-alt-left::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23fff' d='M448 208v96c0 13.3-10.7 24-24 24H224v103.8c0 21.4-25.8 32.1-41 17L7 273c-9.4-9.4-9.4-24.6 0-34L183 63.3c15.1-15.1 41-4.4 41 17V184h200c13.3 0 24 10.7 24 24z'/%3E%3C/svg%3E");
}
.mod_button.colored.ico_arrow-alt-down::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23fff' d='M176 32h96c13.3 0 24 10.7 24 24v200h103.8c21.4 0 32.1 25.8 17 41L241 473c-9.4 9.4-24.6 9.4-34 0L31.3 297c-15.1-15.1-4.4-41 17-41H152V56c0-13.3 10.7-24 24-24z'/%3E%3C/svg%3E");
}
.mod_button.colored.ico_arrow-alt-up::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23fff' d='M272 480h-96c-13.3 0-24-10.7-24-24V256H48.2c-21.4 0-32.1-25.8-17-41L207 39c9.4-9.4 24.6-9.4 34 0l175.8 176c15.1 15.1 4.4 41-17 41H296v200c0 13.3-10.7 24-24 24z'/%3E%3C/svg%3E");
}
.mod_button.colored.ico_arrow-to-bottom::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath style='fill:%23fff' d='M348.5 232.1l-148 148.4c-4.7 4.7-12.3 4.7-17 0l-148-148.4c-4.7-4.7-4.7-12.3 0-17l19.6-19.6c4.8-4.8 12.5-4.7 17.1.2l93.7 97.1V44c0-6.6 5.4-12 12-12h28c6.6 0 12 5.4 12 12v248.8l93.7-97.1c4.7-4.8 12.4-4.9 17.1-.2l19.6 19.6c4.9 4.7 4.9 12.3.2 17zM372 428H12c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h360c6.6 0 12-5.4 12-12v-28c0-6.6-5.4-12-12-12z'/%3E%3C/svg%3E");
}

.button-container .mod_button {
  margin: 8px 8px 8px 0;
}

#mod_contact-teaser {
  margin: 0 2.5rem;
  position: relative;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  #mod_contact-teaser {
    margin: 0 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #mod_contact-teaser {
    margin: 0 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  #mod_contact-teaser {
    margin: 0;
    width: 100%;
  }
}
#mod_contact-teaser img {
  width: 100%;
  display: block;
}
#mod_contact-teaser .overlay {
  position: absolute;
  width: 50%;
  left: 0;
  right: 0;
  margin-right: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 5rem;
  padding: 1rem 0 2.5rem 2.5rem;
  color: #fff;
}
@media only screen and (max-width: 1280px) {
  #mod_contact-teaser .overlay {
    margin-left: 0;
    padding-left: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  #mod_contact-teaser .overlay {
    width: 100%;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #mod_contact-teaser .overlay {
    padding-bottom: 5rem;
    position: static;
    background-color: #686867;
  }
}
#mod_contact-teaser .overlay .content-wrapper {
  margin-left: calc(100% - (600px - 24px));
  padding-right: 2.5rem;
}
@media only screen and (max-width: 1280px) {
  #mod_contact-teaser .overlay .content-wrapper {
    margin-left: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  #mod_contact-teaser .overlay .content-wrapper {
    margin-left: 0;
    padding-right: 1.5rem;
  }
}
#mod_contact-teaser .overlay h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #fff;
  font-weight: 300;
  margin: 0.4em 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #mod_contact-teaser .overlay h3 {
    font-size: 2rem;
  }
}
#mod_contact-teaser .overlay p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 400;
  font-weight: 400;
}

.mod_breadcrumb {
  position: relative;
}
@media only screen and ( min-width: 1218px ) {
  .mod_breadcrumb::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #d8d8da;
    right: calc(100% - (100% - 1218px) / 2);
  }
}
.mod_breadcrumb .wrapper {
  margin: 1.5rem auto;
}
@media only screen and ( min-width: 1218px ) {
  .mod_breadcrumb .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_breadcrumb .wrapper {
    margin: 1rem auto;
  }
}
.mod_breadcrumb ul {
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_breadcrumb li {
    display: none;
  }
  .mod_breadcrumb li.last {
    display: block;
  }
}
.mod_breadcrumb a,
.mod_breadcrumb li.last span,
.mod_breadcrumb span.empty {
  font-family: "Roboto", Arial, sans-serif;
  color: #008995;
  line-height: 1;
  position: relative;
  display: inline-block;
  background-color: #eee;
  text-decoration: none;
  padding: 12px 0 12px 34px;
}
.mod_breadcrumb a::before, .mod_breadcrumb a::after,
.mod_breadcrumb li.last span::before,
.mod_breadcrumb li.last span::after,
.mod_breadcrumb span.empty::before,
.mod_breadcrumb span.empty::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  margin-top: -50px;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: 1;
}
.mod_breadcrumb a::before,
.mod_breadcrumb li.last span::before,
.mod_breadcrumb span.empty::before {
  border-left: 16px solid white;
  margin-left: 4px;
}
.mod_breadcrumb a::after,
.mod_breadcrumb li.last span::after,
.mod_breadcrumb span.empty::after {
  border-left: 16px solid #eee;
}
.mod_breadcrumb a:visited,
.mod_breadcrumb span.empty:visited {
  color: #008995;
}
.mod_breadcrumb a:hover, .mod_breadcrumb a:visited:hover,
.mod_breadcrumb span.empty:hover,
.mod_breadcrumb span.empty:visited:hover {
  background-color: #008995;
  color: #fff;
}
.mod_breadcrumb a:hover:after, .mod_breadcrumb a:visited:hover:after,
.mod_breadcrumb span.empty:hover:after,
.mod_breadcrumb span.empty:visited:hover:after {
  border-left-color: #008995 !important;
}
.mod_breadcrumb a.icon,
.mod_breadcrumb span.empty.icon {
  font-size: 0;
  line-height: 1rem;
}
.mod_breadcrumb a.icon span,
.mod_breadcrumb span.empty.icon span {
  padding-left: 18px;
  padding-right: 2px;
}
.mod_breadcrumb a.icon span::before,
.mod_breadcrumb span.empty.icon span::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath style='fill:%23008995' d='M557.1 240.7L512 203.8V104c0-4.4-3.6-8-8-8h-32c-4.4 0-8 3.6-8 8v60.5L313.4 41.1c-14.7-12.1-36-12.1-50.7 0L18.9 240.7c-3.4 2.8-3.9 7.8-1.1 11.3l20.3 24.8c2.8 3.4 7.8 3.9 11.3 1.1l14.7-12V464c0 8.8 7.2 16 16 16h168c4.4 0 8-3.6 8-8V344h64v128c0 4.4 3.6 8 8 8h168c8.8 0 16-7.2 16-16V265.8l14.7 12c3.4 2.8 8.5 2.3 11.3-1.1l20.3-24.8c2.6-3.4 2.1-8.4-1.3-11.2zM464 432h-96V304c0-4.4-3.6-8-8-8H216c-4.4 0-8 3.6-8 8v128h-96V226.5l170.9-140c2.9-2.4 7.2-2.4 10.1 0l170.9 140V432z'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto 0;
}
.mod_breadcrumb a.icon:hover span::before,
.mod_breadcrumb span.empty.icon:hover span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath style='fill:%23fff' d='M557.1 240.7L512 203.8V104c0-4.4-3.6-8-8-8h-32c-4.4 0-8 3.6-8 8v60.5L313.4 41.1c-14.7-12.1-36-12.1-50.7 0L18.9 240.7c-3.4 2.8-3.9 7.8-1.1 11.3l20.3 24.8c2.8 3.4 7.8 3.9 11.3 1.1l14.7-12V464c0 8.8 7.2 16 16 16h168c4.4 0 8-3.6 8-8V344h64v128c0 4.4 3.6 8 8 8h168c8.8 0 16-7.2 16-16V265.8l14.7 12c3.4 2.8 8.5 2.3 11.3-1.1l20.3-24.8c2.6-3.4 2.1-8.4-1.3-11.2zM464 432h-96V304c0-4.4-3.6-8-8-8H216c-4.4 0-8 3.6-8 8v128h-96V226.5l170.9-140c2.9-2.4 7.2-2.4 10.1 0l170.9 140V432z'/%3E%3C/svg%3E%0A");
}
.mod_breadcrumb li.last span {
  color: #686867;
}
.mod_breadcrumb span.empty {
  line-height: 1rem;
  background-color: #d8d8da;
  padding-left: 1rem;
}
.mod_breadcrumb span.empty::after {
  border-left-color: #d8d8da;
}
.mod_breadcrumb span.empty:hover {
  background-color: #d8d8da;
}
.mod_breadcrumb span.empty:hover::after {
  border-left-color: #d8d8da !important;
}

.mod_tab-bar {
  border-bottom: 1px solid #ccc;
  margin: 3rem 2.5rem 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_tab-bar {
    margin: 3rem 1.5rem 0;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_tab-bar {
    display: none;
  }
}
.mod_tab-bar ul {
  max-width: 1218px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  display: grid;
  grid-template-columns: 250px 250px 250px 250px;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_tab-bar ul {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.mod_tab-bar li {
  margin-right: 0.5rem;
  position: relative;
}
.mod_tab-bar li.active a {
  background-color: #fff;
}
.mod_tab-bar li.active a::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  width: calc(100% - 2px);
  height: 1px;
  bottom: -1px;
  background-color: #fff;
}
.mod_tab-bar a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  font-weight: 400;
  line-height: 0.96;
  padding: 20px 0;
  background-color: #eee;
  text-decoration: none;
  display: block;
  border: 1px solid #ccc;
  border-bottom-width: 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_tab-bar a {
    font-size: 1.25rem;
    padding: 12px 0;
  }
}
.mod_tab-bar a:link {
  color: #686867;
}
.mod_tab-bar a:visited {
  color: #686867;
}
.mod_tab-bar a:hover, .mod_tab-bar a:focus {
  color: #686867;
  background-color: #d8d8da;
}

.sec_technical-data th {
  width: 350px;
}

.mod_datagrid {
  border: 2px dotted #ccc;
  padding: 4px;
  margin: 1rem 0 1.5rem;
}
.mod_datagrid caption {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25em;
  color: #686867;
  font-weight: 400;
  text-align: left;
  padding: 20px 1rem;
  background-color: #d8d8da;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid caption {
    font-size: 1.375rem;
  }
}
.mod_datagrid table, .mod_datagrid tr {
  height: 100%;
}
.mod_datagrid tr.odd td, .mod_datagrid tr.odd th {
  background-color: #fff;
}
.mod_datagrid tr.even td, .mod_datagrid tr.even th {
  background-color: #f6f6f6;
}
.mod_datagrid tr.inner-table th {
  border-right-width: 0;
}
.mod_datagrid tr.inner-table td {
  border-right: 4px solid #fff;
  width: 64px;
}
@media only screen and ( max-width: 600px ) {
  .mod_datagrid tr.inner-table td:last-child {
    border-right-width: 0;
  }
}
.mod_datagrid tr.small-version {
  display: none;
}
.mod_datagrid tr.last td, .mod_datagrid tr.last th, .mod_datagrid tr.one th[rowspan="4"] {
  border-bottom: 4px solid #fff;
}
.mod_datagrid th,
.mod_datagrid td {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  padding: 1rem;
  vertical-align: top;
  text-align: left;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid th,
.mod_datagrid td {
    font-size: 1rem;
    padding: 0.5rem;
  }
}
.mod_datagrid th {
  border-right: 4px solid #fff;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid th {
    border-right-width: 0;
    white-space: normal;
  }
}
.mod_datagrid th.step {
  width: 48px;
  min-width: 48px;
  padding: 0;
  background-color: #eee !important;
  position: relative;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid th.step {
    width: 32px;
  }
}
.mod_datagrid th.step.one {
  bottom: 2px;
}
.mod_datagrid th.step.two {
  top: 2px;
}
.mod_datagrid th.step span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  line-height: 48px;
  writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  transform: rotate(-180deg);
  margin: 0 auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid th.step span {
    line-height: 32px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid td {
    width: 40%;
  }
}
.mod_datagrid td td {
  width: auto;
}
.mod_datagrid td tr:first-child td {
  border-bottom: 4px solid #fff;
}
.mod_datagrid td tr td {
  border-right: 4px solid #fff;
  text-align: right;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid td tr td {
    border-right-width: 0;
  }
}
.mod_datagrid td tr td:last-child {
  border-right-width: 0;
}
.mod_datagrid td.inner-table {
  padding: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid tr.default-version {
    display: none;
  }
  .mod_datagrid tr.small-version {
    display: table-row;
  }
  .mod_datagrid tr.small-version > td {
    padding: 0;
  }
}
.mod_datagrid#capacities {
  width: auto;
}
.mod_datagrid.model-comparison {
  overflow-x: auto;
  margin: 0 0 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid.model-comparison {
    margin-left: 0;
  }
}
.mod_datagrid.model-comparison tr.odd td, .mod_datagrid.model-comparison tr.odd th {
  background-color: #f6f6f6;
}
.mod_datagrid.model-comparison tr.even td, .mod_datagrid.model-comparison tr.even th {
  background-color: #fff;
}
.mod_datagrid.model-comparison tr th:first-child, .mod_datagrid.model-comparison tr td:first-child {
  left: 0px;
}
.mod_datagrid.model-comparison th, .mod_datagrid.model-comparison td {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  border-right-width: 0;
  border-left: 4px solid #fff;
}
.mod_datagrid.model-comparison th:first-child, .mod_datagrid.model-comparison td:first-child {
  border-left-width: 0;
}
.mod_datagrid.model-comparison th {
  font-weight: 600;
  width: auto;
}
.mod_datagrid.model-comparison td {
  text-align: right;
  white-space: nowrap;
}
.mod_datagrid.model-comparison .head th, .mod_datagrid.model-comparison .head td {
  background-color: #eee;
  white-space: nowrap;
}
.mod_datagrid.model-comparison .head a {
  font-weight: 600;
}
.mod_datagrid .hint {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #ccc;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_datagrid .hint {
    font-size: 0.875rem;
  }
}
@media only screen and ( min-width: 1218px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_datagrid .expand {
    display: block;
    width: 254px;
  }
}
.mod_datagrid #capacities td {
  width: 100%;
}

.mod_download {
  display: block;
  padding: 1.5rem 0;
}
.mod_download > .wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  grid-gap: 1.5rem;
}
.mod_download a {
  cursor: pointer;
}
.mod_download a.image-link {
  border: 2px solid #d8d8da;
  display: block;
}
.mod_download a.image-link:hover {
  border-color: #008995;
}
.mod_download .image-container {
  justify-self: end;
}
.mod_download img {
  display: block;
}
.mod_download p {
  font-size: 1.125rem;
  margin-top: 0;
  line-height: 1.389em;
}
.mod_download p .hint {
  color: #ccc;
  font-size: 1rem;
}

.mod_voltage {
  display: grid;
  grid-template-columns: auto 1fr 70px;
  grid-template-rows: auto;
  grid-template-areas: "intro . .";
  grid-column-gap: 1rem;
  font-size: 1.25rem;
}
@media only screen and ( min-width: 1218px ) {
  .mod_voltage {
    padding-left: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_voltage {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    grid-template-areas: "intro intro" ". btn";
    font-size: 1rem;
    padding: 0;
  }
}
.mod_voltage .voltage-label,
.mod_voltage .voltage-value,
.mod_voltage .mod_link {
  padding: 14px 0;
}
.mod_voltage .voltage-label,
.mod_voltage .voltage_select {
  grid-area: intro;
}
.mod_voltage .voltage-link,
.mod_voltage .voltage-change-button {
  grid-area: btn;
}
.mod_voltage .voltage-value {
  font-weight: 600;
}
.mod_voltage .voltage-select,
.mod_voltage .voltage-change-button {
  display: none;
}
.mod_voltage a {
  display: block;
  color: #008995;
}
.mod_voltage .select-wrapper {
  position: relative;
}
.mod_voltage .select-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath style='fill:%23686867' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");
  top: 0;
  bottom: 0;
  right: 19px;
  width: 10px;
  height: 15px;
  margin: auto 0;
  pointer-events: none;
}
.mod_voltage select {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  padding: 11px 40px 10px 9px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8da;
  border-radius: 2px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_voltage select {
    padding: 13px 40px 12px 9px;
    font-size: 1rem;
  }
}
.mod_voltage select option[disabled] {
  font-style: italic;
}

.mod_product-family {
  background-color: #fff;
  margin: 0 2.5rem 1.5rem 2.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_product-family {
    background-color: #eee;
    margin-top: 1.5rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_product-family {
    margin: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_product-family {
    margin: 0 1.5rem 1.5rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-family {
    margin: 0;
    margin-bottom: 1.5rem;
  }
}
.mod_product-family .wrapper {
  margin: 0 auto;
  padding: 2.5rem 1.5rem 0 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-family .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-family .wrapper {
    margin-top: 1.5rem;
    padding: 1.5rem 0 0 0;
  }
}
.mod_product-family h2 {
  margin: 0 1rem 1rem;
  color: #e30613;
  font-weight: 400;
}
.mod_product-family ul {
  margin: 0;
  padding: 0;
  text-align: center;
  display: none;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-family ul {
    display: grid;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-family ul {
    display: block;
  }
}
.mod_product-family li {
  list-style: none;
}
.mod_product-family li a.icon {
  display: block;
  font-size: 0;
  text-decoration: none;
  height: 160px;
  position: relative;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-family li a.icon {
    display: none;
  }
}
.mod_product-family li a.icon::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background: transparent none no-repeat center center;
  background-size: auto 25px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mod_product-family li a.icon.corio::before {
  background-image: url("../images/product-logos/logo_corio_gray.svg");
}
.mod_product-family li a.icon.dyneo::before {
  background-image: url("../images/product-logos/logo_dyneo_gray.svg");
}
.mod_product-family li a.icon.pura::before {
  background-image: url("../images/product-logos/logo_pura_gray.svg");
}
.mod_product-family li a.icon.magio::before {
  background-image: url("../images/product-logos/logo_magio_gray.svg");
}
.mod_product-family li a.icon.presto::before {
  background-image: url("../images/product-logos/logo_presto_gray.svg");
}
.mod_product-family li a.icon.active, .mod_product-family li a.icon.active:hover {
  background-color: #d8d8da;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-family li a.icon.active, .mod_product-family li a.icon.active:hover {
    display: block;
    height: 73px;
    border-radius: 0;
  }
}
.mod_product-family li a.icon:hover {
  background-color: #eee;
}
.mod_product-family .key-visual:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-family .key-visual {
    border-top: 16px solid #d8d8da;
  }
}
.mod_product-family .key-visual img {
  width: 100%;
  display: block;
}
.mod_product-family .key-visual .description {
  padding: 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-family .key-visual .description {
    display: none;
  }
}
.mod_product-family .key-visual .mod_button {
  display: table;
  margin: 0 auto;
}

.mod_product-card {
  position: relative;
  display: block;
  background: #fff;
  padding: 1.5rem;
  text-decoration: none;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_product-card {
    padding: 0.5rem;
  }
}
.mod_product-card.panorama {
  display: grid;
  grid-template-columns: 2fr 4fr 2fr;
  grid-template-rows: auto;
  grid-gap: 1rem;
  padding-bottom: 2.5rem;
  border-bottom: 2px dotted #ccc;
  padding: 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-card.panorama.last {
    border-bottom-width: 0;
  }
  .mod_product-card.panorama h3 {
    margin: 0;
    font-size: 1.5rem;
  }
  .mod_product-card.panorama h4 {
    font-size: 1.125rem;
    margin: 8px 0;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_product-card.panorama {
    display: block;
    border: 2px dotted #ccc;
    padding: 1rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) and ( min-width: 1218px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) and ( min-width: 1218px ) {
  .mod_product-card.panorama {
    padding-bottom: 64px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_product-card.panorama .image-container {
    height: 244px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) and ( max-width: 600px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) and ( max-width: 600px ) {
  .mod_product-card.panorama .image-container {
    height: auto;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) and ( min-width: 1218px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) and ( min-width: 1218px ) {
  .mod_product-card.panorama .mod_button {
    position: absolute;
    bottom: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.panorama {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1rem;
    border: 2px dotted #ccc;
    padding: 1rem;
  }
}
.mod_product-card.landscape, .mod_product-card.portrait {
  border-radius: 4px;
}
.mod_product-card.landscape:hover, .mod_product-card.portrait:hover {
  border: 2px solid #ccc;
}
.mod_product-card.landscape {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 1rem;
  border: 2px dotted #ccc;
  padding: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_product-card.landscape {
    display: block;
    border: 2px dotted #ccc;
    padding: 1rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) and ( min-width: 1218px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) and ( min-width: 1218px ) {
  .mod_product-card.landscape {
    padding-bottom: 64px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_product-card.landscape .image-container {
    height: 244px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) and ( max-width: 600px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) and ( max-width: 600px ) {
  .mod_product-card.landscape .image-container {
    height: auto;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) and ( min-width: 1218px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) and ( min-width: 1218px ) {
  .mod_product-card.landscape .mod_button {
    position: absolute;
    bottom: 1.5rem;
  }
}
.mod_product-card.landscape .image-container img {
  width: 183px;
  height: auto;
}
.mod_product-card.portrait {
  display: block;
  border: 2px dotted #ccc;
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-card.portrait {
    padding-bottom: 64px;
  }
}
.mod_product-card.portrait .image-container {
  height: 244px;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.portrait .image-container {
    height: auto;
  }
}
@media only screen and ( min-width: 1218px ) {
  .mod_product-card.portrait .mod_button {
    position: absolute;
    bottom: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.portrait {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1rem;
    border: 2px dotted #ccc;
    padding: 1rem;
  }
}
.mod_product-card.expansion {
  display: grid;
  grid-template-columns: 6fr 2fr;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: ". img" ". img" ". img" ". img";
  grid-column-gap: 1.5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.expansion {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "." "." "img" "p" "btn";
    grid-column-gap: 1rem;
  }
  .mod_product-card.expansion .button-container {
    grid-area: btn;
  }
  .mod_product-card.expansion p {
    grid-area: p;
  }
}
.mod_product-card.expansion .image-container {
  grid-area: img;
}
.mod_product-card.expansion.expanded {
  margin-bottom: 0;
}
.mod_product-card.expansion h3 {
  margin: 0 0 8px 0;
  font-size: 1.75rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_product-card.expansion h3 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.expansion h3 {
    font-size: 1.375rem;
  }
}
.mod_product-card.expansion h4 {
  font-size: 1.5rem;
  margin: 0;
  color: #686867;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_product-card.expansion h4 {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
  }
}
.mod_product-card.expansion p {
  line-height: 1.75rem;
  margin-top: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_product-card.expansion p {
    line-height: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.expansion p {
    line-height: 1.2rem;
  }
}
.mod_product-card:link, .mod_product-card:hover, .mod_product-card:focus, .mod_product-card:visited {
  color: inherit;
}
.mod_product-card img {
  display: block;
  margin: 0 auto;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card img {
    width: 96px;
    height: auto;
  }
}
.mod_product-card h3 {
  margin: 1.5rem 0 0.5rem 0;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card h3 {
    margin: 0;
  }
}
.mod_product-card h4 {
  font-size: 1.125rem;
  margin: 0.5rem 0;
  color: #ccc;
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card .mod_button {
    display: none;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_product-card.expansion .mod_button {
    display: block;
  }
}

.mod_infobox {
  border: 2px dotted #ccc;
  padding: 1.5rem 1rem 0;
  margin-bottom: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_infobox {
    margin-bottom: 1rem;
  }
}
.mod_infobox h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  position: relative;
  margin: 0;
  margin-left: 3.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_infobox h4 {
    font-size: 1.25rem;
  }
}
.mod_infobox h4::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath style='fill:%23fff' d='M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'/%3E%3C/svg%3E%0A");
  top: -1.5rem;
  left: -3.5rem;
  width: 2.5rem;
  height: 3.5rem;
  background-color: #63bdb1;
  background-size: 21px 18px;
  background-position: center 24px;
}
.mod_infobox li {
  list-style: none;
  font-size: 1.125em;
  position: relative;
  padding: 4px 0;
}
.mod_infobox li::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23008995' d='M485.357 61.394a11.044 11.044 0 0 1 9.267 4.633l13.9 12.742A16.965 16.965 0 0 1 512 89.2a12.505 12.505 0 0 1-3.475 9.267L161.014 445.973q-4.642 4.642-9.846 4.633c-3.476 0-6.77-1.538-9.847-4.633L3.475 308.126A12.5 12.5 0 0 1 0 298.859a16.965 16.965 0 0 1 3.475-10.425l13.9-12.741a11.022 11.022 0 0 1 9.267-4.634 11.047 11.047 0 0 1 9.267 4.634l114.679 114.678L476.09 66.027a11.024 11.024 0 0 1 9.267-4.633z'/%3E%3C/svg%3E");
  width: 16px;
  height: 18px;
  left: -32px;
}
.mod_infobox ul {
  margin-bottom: 1.5rem;
}
.mod_infobox ul,
.mod_infobox p {
  margin-top: 1.5rem;
}
.mod_infobox p {
  font-size: 1.125em;
}
.mod_infobox a {
  font-size: 1.125em;
  color: #008995;
  text-decoration: none;
  position: relative;
}

.mod_expansion-panel .panel-content {
  display: none;
  margin-bottom: 24px;
  padding: 0 1.5rem 8px;
  background-color: #fff;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_expansion-panel .panel-content {
    margin-bottom: 16px;
    padding: 0 16px 8px;
  }
}

.mod_form .wrapper {
  max-width: 1218px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 3rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_form .wrapper {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_form .wrapper {
    padding: 0 1rem;
  }
}
.mod_form .select-wrapper {
  position: relative;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_form .select-wrapper {
    width: 264px;
  }
}
.mod_form .select-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath style='fill:%23686867' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");
  top: 0;
  bottom: 0;
  right: 19px;
  width: 10px;
  height: 15px;
  margin: auto 0;
  pointer-events: none;
}
.mod_form select {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  padding: 14px 40px 13px 9px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8da;
  border-radius: 2px;
}
.mod_form select option[disabled] {
  font-style: italic;
}
.mod_form label {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  display: block;
  padding: 4px 0;
}
.mod_form input.form-text, .mod_form input.form-tel, .mod_form input.form-email {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  padding: 14px 0 13px 9px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8da;
  border-radius: 2px;
}
.mod_form textarea {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  padding: 14px 0 13px 9px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8da;
  border-radius: 2px;
}
.mod_form .checkbox-container {
  margin: 2rem 0;
  padding: 0;
}
.mod_form .checkbox-container label {
  font-size: 1.125em;
  line-height: 1.333em;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_form .checkbox-container label {
    font-size: 1rem;
  }
}
.mod_form input[type=checkbox] {
  display: none;
}
.mod_form input[type=checkbox] + label {
  margin-left: 2.5rem;
}
.mod_form input[type=checkbox] + label::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #fff;
  display: block;
  float: left;
  margin-left: -2.5rem;
  border: 2px solid #ccc;
  border-radius: 2px;
}
.mod_form input[type=checkbox]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 13px;
  background-color: #008995;
  border-width: 0;
}
.mod_form input[type=checkbox]:checked[disabled] + label::before {
  /* dark emerald with 50% opacity */
  background-color: rgba(0, 137, 149, 0.5);
}
.mod_form .radios--wrapper {
  padding: 0;
}
.mod_form .radios--wrapper label {
  font-size: 1.125em;
  line-height: 1.333em;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_form .radios--wrapper label {
    font-size: 1rem;
  }
}
.mod_form input[type=radio] {
  display: none;
}
.mod_form input[type=radio] + label {
  margin-left: 2rem;
}
.mod_form input[type=radio] + label::before {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #ccc;
  display: block;
  float: left;
  margin-left: -2rem;
  border: 0px solid #ccc;
  border-radius: 12px;
}
.mod_form input[type=radio]:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px 13px;
  background-color: #008995;
  border-width: 0;
}
.mod_form .select2-container--default .select2-selection--single {
  padding: 14px 0 13px 9px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8da;
  border-radius: 2px;
  height: auto;
}
.mod_form .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  line-height: normal;
  padding-left: 0;
  padding-right: 20px;
}
.mod_form .select2-container--default .select2-selection--single .select2-selection__rendered::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath style='fill:%23686867' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E");
  top: 0;
  bottom: 0;
  right: 19px;
  width: 10px;
  height: 15px;
  margin: auto 0;
  pointer-events: none;
}
.mod_form .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 32px;
}
.mod_form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0 none;
}

.contact-form {
  padding-bottom: 2.5rem;
}
.contact-form h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.75rem;
  color: #686867;
  margin: 2rem 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .contact-form h3 {
    font-size: 1.25rem;
    margin: 1rem 0;
  }
}
.contact-form p {
  font-size: 1.125em;
  line-height: 1.333em;
  margin: 0 0 1rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .contact-form p {
    font-size: 1rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .contact-form .button-submit {
    text-align: center;
  }
}
.contact-form .form-group_personal-data,
.contact-form .form-group_contact-data {
  display: grid;
  grid-gap: 0 1.5rem;
}
.contact-form .form-group_personal-data {
  grid-template-columns: 2fr 3fr 3fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "salutation salutation salutation" ". . ." "company company company";
  margin: 1.5rem 0;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .contact-form .form-group_personal-data {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "salutation salutation" ". .";
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .contact-form .form-group_personal-data {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "salutation" "." ".";
    margin: 0;
  }
}
.contact-form .form-group_personal-data .form-salutation {
  grid-area: salutation;
  padding: 0;
}
.contact-form .form-group_personal-data .form-company {
  grid-area: company;
  padding: 0;
}
.contact-form .form-group_personal-data .edit-salutation {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-template-rows: auto;
  grid-gap: 1.5rem;
  justify-content: start;
  margin-bottom: 1.5rem;
}
.contact-form .form-group_personal-data .edit-salutation .form-item {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
}
.contact-form .form-subject, .contact-form .form-title, .contact-form .form-firstname, .contact-form .form-lastname {
  margin-bottom: 1.5rem;
}
.contact-form .form-group_contact-data {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  margin-bottom: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .contact-form .form-group_contact-data {
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .contact-form .form-group_contact-data {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "." ".";
    grid-gap: 1rem;
    margin: 1rem 0;
  }
}

/* Cookiebanner Draft from G. Kempf
https://trello.com/c/ePkLXbdu
*/
.sliding-popup-bottom {
  width: 100%;
}

.eu-cookie-compliance-banner {
  border-top: 4px solid #e30613;
  padding: 0 0 2em 0;
  background: #464648;
  opacity: 0.95;
  width: 100%;
  color: #BDBDBD;
}
.eu-cookie-compliance-banner a:link {
  color: #fff;
}
.eu-cookie-compliance-banner .mod_form label {
  color: #BDBDBD;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content {
  max-width: 900px;
  padding: 1.5rem 1.5rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 1em;
}
@media only screen and ( max-width: 600px ) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    grid-gap: 2em;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message {
  grid-area: auto/span 3;
  place-self: center start;
  max-width: 100%;
}
@media only screen and ( max-width: 600px ) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message {
    grid-area: auto;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
  place-self: center end;
  max-width: 100%;
}
@media only screen and ( max-width: 600px ) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
    place-self: center center;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-categories {
  place-self: start center;
  display: inline-grid;
  grid-auto-flow: column;
  column-gap: 1em;
}
@media only screen and ( max-width: 600px ) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-categories {
    place-self: center center;
    column-gap: 2em;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-categories-buttons {
  place-self: center start;
}
@media only screen and ( max-width: 600px ) {
  .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-categories-buttons {
    place-self: center center;
    order: 4;
  }
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content h2 {
  color: #fff;
  font-size: 1.5rem;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .agree-button {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 500;
  line-height: 1;
  background-color: #ccc;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  border: 0 none;
  border-radius: 2px;
  outline: 0;
  padding: 1rem 1.5rem;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-content .find-more-button {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  background: transparent;
  background-color: transparent;
  text-decoration: none;
  display: inline;
  border: 0 none;
  outline: 0;
  padding: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.mod_accordion .accordion-item {
  margin: 0 0 0.5rem 0;
  padding: 4px;
  border: 2px solid #eee;
}
.mod_accordion .accordion-item-header {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  background-color: #eee;
  padding: 12px 0 12px 40px;
  position: relative;
  cursor: pointer;
}
.mod_accordion .accordion-item-header::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto 0;
}
.mod_accordion .accordion-item-header.expanded::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath style='fill:%23686867' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
  width: 13px;
  height: 20px;
}
.mod_accordion .accordion-item-header.collapsed::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23686867' d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E");
  width: 8px;
  height: 20px;
}
.mod_accordion .accordion-item-content {
  padding: 1rem;
  transition: all 0.3s ease-out;
}

.mod_newslist .news_item {
  background-color: #fff;
  border-top: 2px dotted #ccc;
  padding: 0 0 2.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item {
    padding: 1rem;
    position: relative;
    padding: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_newslist .news_item {
    margin: 0 1rem;
  }
}
.mod_newslist .news_item .wrapper {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 1rem;
}
@media only screen and ( max-width: 600px ) {
  .mod_newslist .news_item .wrapper {
    display: block;
    padding: 0;
  }
}
.mod_newslist .news_item .datePublished {
  order: 2;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item .datePublished {
    display: inline-block;
    position: absolute;
    left: 1rem;
  }
}
.mod_newslist .news_item .datePublished time {
  display: block;
  background-color: #008995;
  font-weight: 900;
  color: #fff;
  margin: 0;
  padding: 12px 4px 10px;
}
.mod_newslist .news_item .datePublished span {
  display: block;
  text-align: center;
  line-height: 1;
}
.mod_newslist .news_item .datePublished .day {
  font-size: 2.25rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item .datePublished .day {
    font-size: 2rem;
  }
}
.mod_newslist .news_item .datePublished .month {
  font-size: 1.25rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item .datePublished .month {
    font-size: 1rem;
  }
}
.mod_newslist .news_item .datePublished .year {
  font-size: 1.156em;
  line-height: 1.4;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item .datePublished .year {
    font-size: 0.9rem;
  }
}
.mod_newslist .news_item figure, .mod_newslist .news_item .text-container {
  padding-top: 2.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item figure, .mod_newslist .news_item .text-container {
    padding-top: 1rem;
  }
}
.mod_newslist .news_item figure {
  order: 1;
  margin: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item figure {
    float: none;
    margin: 0;
  }
}
.mod_newslist .news_item figure a,
.mod_newslist .news_item figure img {
  display: block;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .mod_newslist .news_item figure a,
.mod_newslist .news_item figure img {
    max-width: 442px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item figure img {
    width: 250px;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_newslist .news_item figure img {
    width: 100%;
  }
}
.mod_newslist .news_item .text-container {
  order: 3;
}
.mod_newslist .news_item .text-container a {
  color: #686867;
  text-decoration: none;
}
.mod_newslist .news_item .text-container a:hover {
  color: #008995;
  text-decoration: underline;
}
.mod_newslist .news_item .text-container h3 {
  font-size: 1.5rem;
  margin: 0;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item .text-container h3 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_newslist .news_item .text-container h3 {
    font-size: 1.375rem;
  }
}
.mod_newslist .news_item .text-container p {
  line-height: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_newslist .news_item .text-container p {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.mod_newslist .news_item .text-container .more a {
  color: #008995;
  text-decoration: underline;
}

.mod_pagination {
  background-color: #f5f5f5;
  padding: 0 2.5rem;
  border-top: 2px dotted #ccc;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #686867;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .mod_pagination {
    padding: 1rem 0 80px;
  }
}
.mod_pagination .wrapper {
  max-width: 1218px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr;
  padding: 16px 0 88px;
}
.mod_pagination p, .mod_pagination ul {
  margin: 0;
}
.mod_pagination ul {
  text-align: right;
}
.mod_pagination li {
  display: inline;
  float: none;
  padding: 6px;
  list-style: none;
  background-image: none;
}

.mod_teaser-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "cell1 cell2 cell3 cell4" "cell5 cell6 cell7 cell8";
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .mod_teaser-tiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "cell1 cell2" "cell4 cell3" "cell6 cell5" "cell7 cell8";
  }
}
@media only screen and ( max-width: 600px ) {
  .mod_teaser-tiles {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-areas: "cell1" "cell2" "cell3" "cell4" "cell6" "cell5" "cell8" "cell7";
  }
}
.mod_teaser-tiles .cell1 {
  grid-area: cell1;
}
.mod_teaser-tiles .cell2 {
  grid-area: cell2;
}
.mod_teaser-tiles .cell3 {
  grid-area: cell3;
}
.mod_teaser-tiles .cell4 {
  grid-area: cell4;
}
.mod_teaser-tiles .cell5 {
  grid-area: cell5;
}
.mod_teaser-tiles .cell6 {
  grid-area: cell6;
}
.mod_teaser-tiles .cell7 {
  grid-area: cell7;
}
.mod_teaser-tiles .cell8 {
  grid-area: cell8;
}
.mod_teaser-tiles .card {
  padding: 24px;
  background-color: #f6f6f6;
  height: 100%;
}
.mod_teaser-tiles h3 {
  margin: 0;
}
.mod_teaser-tiles .image-container,
.mod_teaser-tiles img {
  height: 100%;
  width: 100%;
}
.mod_teaser-tiles img {
  object-fit: cover;
}

.content-type-01 {
  margin-bottom: 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-type-01 {
    margin-bottom: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-type-01 {
    margin-bottom: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-type-01 {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
.content-type-01.last {
  margin-bottom: 0;
}
.content-type-01 h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  margin: 0.5rem 0 1rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-type-01 h3 {
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-type-01 h3 {
    margin: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-type-01 h3 {
    margin: 0.5rem 0;
  }
}
.content-type-01 h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 600;
}
.content-type-01 p {
  font-size: 1rem;
}
@media only screen and ( min-width: 1218px ) {
  .content-type-01 p {
    font-size: 1.125rem;
  }
}
.content-type-01 .wrapper {
  max-width: 1218px;
  margin: 0 auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-type-01 .wrapper {
    padding: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-type-01 .button-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 1rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-type-01 .mod_button {
    margin-bottom: 1.5rem;
  }
}
.content-type-01 .columns-2 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
}
@media only screen and ( min-width: 1218px ) {
  .content-type-01 .columns-2 {
    grid-gap: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-type-01 .columns-2 {
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-type-01 .columns-2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-gap: 1rem;
  }
}
.content-type-01 .columns-2 img {
  width: 100%;
  height: auto;
}
.content-type-01 .columns-3 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
}
@media only screen and ( min-width: 1218px ) {
  .content-type-01 .columns-3 {
    grid-gap: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-type-01 .columns-3 {
    grid-gap: 1rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-type-01 .columns-3 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-type-01 .columns-3 {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-gap: 1rem;
  }
}
.content-type-01 .columns-3 img {
  width: 100%;
  height: auto;
}

.bg-color-gray-06 {
  background-color: #f6f6f6;
}

/*** BASE ***/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

html {
  box-sizing: border-box;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 100%;
  color: #686867;
  font-weight: 400;
  line-height: 1.2;
}

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

/*body {
    &::-webkit-scrollbar {
        width: 12px;
    }

    &::-webkit-scrollbar-thumb {
        background: darken($color-brand, 10%);
        border-radius: 0px;
    }

    &::-webkit-scrollbar-track {
        background: $color-gray-10;
        border-radius: 0px;
    }
}
*/
main {
  padding-bottom: 6rem;
}

fieldset,
img,
iframe {
  border: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
select::-ms-expand {
  display: none;
}

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

.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.invisible:not(:focus) {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  white-space: nowrap;
}

a:link {
  color: #008995;
}
a:hover, a:focus {
  color: #b1050f;
}
a:visited {
  color: #008995;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  display: block;
}

h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  h1 {
    font-size: 1.5rem;
  }
}

h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
  margin: 0.889em 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    margin: 1rem 0;
  }
}

h3 {
  color: #686867;
  font-size: 1.25rem;
  margin: 2.4em 0;
}
@media only screen and ( max-width: 600px ) {
  h3 {
    font-size: 1.375rem;
  }
}

h4 {
  color: #686867;
  font-size: 1.125rem;
  margin: 0.889em 0;
}

strong {
  font-weight: 600;
}

/*** Header component ***/
header {
  padding: 2.5rem 2.5rem 0;
  position: relative;
  min-height: 8.5rem;
  transition: all 0.3s ease-out;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  header {
    padding: 1.5rem 1.5rem 0;
  }
}
@media only screen and ( max-width: 600px ) {
  header {
    padding: 0;
  }
  header .slider {
    margin-top: 78px;
  }
}
@media only screen and ( min-width: 1218px ) {
  header::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    transition: all 0.4s ease-out;
    left: 0;
    right: 0;
    top: 0;
    height: 40px;
    background-color: #fff;
    box-shadow: none;
  }
}
header .slider,
header .image-container img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and ( max-width: 600px ) {
  header .slider,
header .image-container img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
header .inside {
  transition: all 0.4s ease-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and ( min-width: 1218px ) {
  header .inside {
    width: 1218px;
  }
}
@media only screen and (max-width: 1258px) {
  header .inside {
    padding-left: 4rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  header .inside {
    padding-left: 3rem;
  }
}
@media only screen and ( max-width: 600px ) {
  header .inside {
    padding-left: 1.5rem;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
    position: fixed;
    background-color: #fff;
  }
}
header .logotype {
  transition: all 0.4s ease-out;
  background-color: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
  text-align: center;
  position: relative;
}
@media only screen and ( max-width: 600px ) {
  header .logotype {
    box-shadow: none;
  }
}
header .logotype::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  transition: all 0.4s ease-out;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  height: 12px;
  margin: auto 0;
  background: #fff;
  opacity: 0;
}
header .logotype,
header .logotype a {
  display: inline-block;
  line-height: 0;
}
header .logotype a {
  transition: all 0.4s ease-out;
  text-decoration: none;
  padding: 3rem 1.5rem 1.5rem 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  header .logotype a {
    padding: 2rem 1.5rem 1.5rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  header .logotype a {
    padding: 1.5rem 1rem 1rem 1rem;
  }
}
header .logotype img {
  transition: all 0.4s ease-out;
  display: block;
  width: 238px;
  height: 66px;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  header .logotype img {
    width: 180px;
    height: auto;
  }
}
@media only screen and (max-width: 700px) {
  header .logotype img {
    width: 136px;
    height: auto;
  }
}
header .mobile_menu_trigger {
  position: absolute;
  top: 4rem;
  right: 4rem;
  width: 74px;
  height: 74px;
  background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and ( min-width: 1218px ) {
  header .mobile_menu_trigger {
    display: none;
  }
}
@media only screen and (max-width: 1258px) {
  header .mobile_menu_trigger {
    display: block;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  header .mobile_menu_trigger {
    top: 1.5rem;
    right: 2.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  header .mobile_menu_trigger {
    top: 14px;
    right: 1.5rem;
    width: 64px;
    height: 64px;
  }
}
header .mobile_menu_trigger::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 32px;
  height: 32px;
}
header .mobile_menu_trigger.bars::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23686867' d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z'/%3E%3C/svg%3E%0A");
}
@media only screen and (max-width: 1258px) {
  header .mod_navigation {
    display: none;
  }
}
header .mod_navigation > ul {
  margin: 0;
  text-align: center;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
header .mod_navigation li {
  list-style: none;
}
header .mod_navigation a,
header .mod_navigation strong,
header .mod_navigation span {
  font-family: "Roboto", Arial, sans-serif;
  color: #686867;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
}
header .mod_navigation .level-0 {
  position: absolute;
}
header .mod_navigation .level-0.main-menu, header .mod_navigation .level-0.meta-menu {
  top: 4rem;
  left: 310px;
}
header .mod_navigation .level-0.main-menu > ul, header .mod_navigation .level-0.meta-menu > ul {
  transition: all 0.4s ease-out;
  display: grid;
  grid-template-columns: auto auto auto;
}
header .mod_navigation .level-0.main-menu > li, header .mod_navigation .level-0.meta-menu > li {
  transition: all 0.4s ease-out;
  margin-right: 0.5rem;
  position: relative;
}
header .mod_navigation .level-0.main-menu > li > a,
header .mod_navigation .level-0.main-menu > li > strong,
header .mod_navigation .level-0.main-menu > li > span, header .mod_navigation .level-0.meta-menu > li > a,
header .mod_navigation .level-0.meta-menu > li > strong,
header .mod_navigation .level-0.meta-menu > li > span {
  transition: all 0.4s ease-out;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 13px 1.5rem;
  font-size: 1.375rem;
}
header .mod_navigation .level-0.main-menu > li:hover .menu-container, header .mod_navigation .level-0.meta-menu > li:hover .menu-container {
  display: block;
}
header .mod_navigation .level-0.main-menu > li:hover > a, header .mod_navigation .level-0.main-menu > li:hover > span, header .mod_navigation .level-0.meta-menu > li:hover > a, header .mod_navigation .level-0.meta-menu > li:hover > span {
  background-color: rgba(230, 240, 241, 0.9);
}
header .mod_navigation .level-0.main-menu > li > a.active,
header .mod_navigation .level-0.main-menu > li > span.active,
header .mod_navigation .level-0.main-menu > li > a.trail,
header .mod_navigation .level-0.main-menu > li > strong.active, header .mod_navigation .level-0.meta-menu > li > a.active,
header .mod_navigation .level-0.meta-menu > li > span.active,
header .mod_navigation .level-0.meta-menu > li > a.trail,
header .mod_navigation .level-0.meta-menu > li > strong.active {
  background-color: rgba(0, 137, 149, 0.9);
  color: #fff;
  font-weight: normal;
}
header .mod_navigation .level-0.main-menu .menu-container .menu-title, header .mod_navigation .level-0.meta-menu label[for=edit-search-keys],
header .mod_navigation .level-0 #lang-select .menu-title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 500;
  line-height: 1;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
}
header .mod_navigation .level-0.main-menu .menu-container {
  display: none;
  z-index: 10;
  position: absolute;
  top: 48px;
  background-color: #fff;
  border-top: 4px solid #008995;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
  text-align: left;
}
header .mod_navigation .level-0.main-menu .menu-container.products {
  width: 908px;
  padding: 24px;
}
header .mod_navigation .level-0.main-menu .menu-container.products .level-1 {
  margin-top: 16px;
  display: flex;
  flex-flow: column wrap;
  height: 340px;
}
header .mod_navigation .level-0.main-menu .menu-container.products .level-1 > li {
  width: 271px;
  padding-bottom: 16px;
  margin-right: 1.5rem;
}
header .mod_navigation .level-0.main-menu .menu-container ul {
  padding: 0;
}
header .mod_navigation .level-0.main-menu .menu-container .level-1 > li {
  padding: 14px 1rem 13px;
}
header .mod_navigation .level-0.main-menu .menu-container .level-1 a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #464648;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  display: block;
  padding: 0;
}
header .mod_navigation .level-0.main-menu .menu-container .level-1 a:hover {
  color: #008995;
  text-decoration: underline;
}
header .mod_navigation .level-0.main-menu .menu-container .product-category a, header .mod_navigation .level-0.main-menu .menu-container .level-2 > li {
  padding: 4px 0;
}
header .mod_navigation .level-0.main-menu .menu-container .level-1 .product-category {
  padding: 0;
}
header .mod_navigation .level-0.main-menu .menu-container .level-1 .product-category:nth-child(n+5) ul {
  display: none;
}
header .mod_navigation .level-0.main-menu .menu-container .level-1 .product-category > a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #464648;
  font-weight: 500;
  line-height: 1.2;
  white-space: normal;
  display: inline-block;
  padding: 0;
}
header .mod_navigation .level-0.main-menu .menu-container .level-2 a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.2;
  padding: 0;
}
header .mod_navigation .level-0.sub-menu {
  transition: all 0.4s ease-out;
  top: 0;
  right: 1.5rem;
  display: flex;
}
header .mod_navigation .level-0.sub-menu > li:hover .menu-container {
  display: block;
}
header .mod_navigation .level-0.sub-menu .menu-container {
  position: absolute;
  top: 40px;
  display: none;
  padding: 0;
  background-color: #fff;
  border-top: 4px solid #008995;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
  text-align: left;
  z-index: 2;
}
header .mod_navigation .level-0.sub-menu .menu-container ul {
  padding: 0;
}
header .mod_navigation .level-0.sub-menu .menu-container .level-1 > li {
  padding: 14px 1rem 13px;
}
header .mod_navigation .level-0.sub-menu .menu-container .level-1 a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #464648;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  display: block;
  padding: 0;
}
header .mod_navigation .level-0.sub-menu .menu-container .level-1 a:hover {
  color: #008995;
  text-decoration: underline;
}
header .mod_navigation .level-0.sub-menu li {
  transition: all 0.4s ease-out;
  position: relative;
}
header .mod_navigation .level-0.sub-menu > li > a,
header .mod_navigation .level-0.sub-menu > li > strong {
  transition: all 0.4s ease-out;
  padding: 11px 16px 11px 17px;
  color: #686867;
  font-size: 1.125rem;
}
header .mod_navigation .level-0.sub-menu > li > a:hover, header .mod_navigation .level-0.sub-menu > li > a:focus,
header .mod_navigation .level-0.sub-menu > li > strong:hover,
header .mod_navigation .level-0.sub-menu > li > strong:focus {
  background-color: rgba(230, 240, 241, 0.9);
}
header .mod_navigation .level-0.sub-menu a.active,
header .mod_navigation .level-0.sub-menu a.trail,
header .mod_navigation .level-0.sub-menu strong.active {
  background-color: rgba(0, 137, 149, 0.9);
  color: #fff;
  font-weight: normal;
}
header .mod_navigation .level-0.meta-menu.level-0 {
  left: auto;
  right: 24px;
}
header .mod_navigation .level-0.meta-menu.level-0 > li {
  position: relative;
  line-height: 0;
  transition: none;
}
header .mod_navigation .level-0.meta-menu.level-0 > li.search > a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath style='fill:%23686867' d='M32,30.625a.916.916,0,0,1-.187.563l-.625.562a.782.782,0,0,1-.563.25.6.6,0,0,1-.5-.25l-8.062-8.062a.594.594,0,0,1-.25-.5v-.625A12.97,12.97,0,0,1,13,26a12.619,12.619,0,0,1-6.531-1.75A13.112,13.112,0,0,1,1.75,19.531,12.619,12.619,0,0,1,0,13,12.622,12.622,0,0,1,1.75,6.469,13.128,13.128,0,0,1,6.469,1.75,12.629,12.629,0,0,1,13,0a12.631,12.631,0,0,1,6.531,1.75A13.144,13.144,0,0,1,24.25,6.469,12.631,12.631,0,0,1,26,13a12.97,12.97,0,0,1-3.437,8.813h.625a.776.776,0,0,1,.562.25l8.063,8.062A.674.674,0,0,1,32,30.625ZM18.531,22.531A10.947,10.947,0,0,0,24,13,10.947,10.947,0,0,0,13,2,10.947,10.947,0,0,0,2,13,10.947,10.947,0,0,0,13,24,10.817,10.817,0,0,0,18.531,22.531Z'/%3E%3C/svg%3E");
}
header .mod_navigation .level-0.meta-menu.level-0 > li.search > a.active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath style='fill:%23fff' d='M32,30.625a.916.916,0,0,1-.187.563l-.625.562a.782.782,0,0,1-.563.25.6.6,0,0,1-.5-.25l-8.062-8.062a.594.594,0,0,1-.25-.5v-.625A12.97,12.97,0,0,1,13,26a12.619,12.619,0,0,1-6.531-1.75A13.112,13.112,0,0,1,1.75,19.531,12.619,12.619,0,0,1,0,13,12.622,12.622,0,0,1,1.75,6.469,13.128,13.128,0,0,1,6.469,1.75,12.629,12.629,0,0,1,13,0a12.631,12.631,0,0,1,6.531,1.75A13.144,13.144,0,0,1,24.25,6.469,12.631,12.631,0,0,1,26,13a12.97,12.97,0,0,1-3.437,8.813h.625a.776.776,0,0,1,.562.25l8.063,8.062A.674.674,0,0,1,32,30.625ZM18.531,22.531A10.947,10.947,0,0,0,24,13,10.947,10.947,0,0,0,13,2,10.947,10.947,0,0,0,2,13,10.947,10.947,0,0,0,13,24,10.817,10.817,0,0,0,18.531,22.531Z'/%3E%3C/svg%3E");
}
header .mod_navigation .level-0.meta-menu.level-0 > li.country > span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cpath style='fill:%23686867' d='M28.906,23.25a15.663,15.663,0,0,1-5.656,5.656A15.025,15.025,0,0,1,15.5,31a15.023,15.023,0,0,1-7.75-2.094A15.656,15.656,0,0,1,2.094,23.25,15.013,15.013,0,0,1,0,15.5,15.016,15.016,0,0,1,2.094,7.75,15.656,15.656,0,0,1,7.75,2.094,15.023,15.023,0,0,1,15.5,0a15.025,15.025,0,0,1,7.75,2.094A15.663,15.663,0,0,1,28.906,7.75,15.025,15.025,0,0,1,31,15.5,15.023,15.023,0,0,1,28.906,23.25ZM2.625,19.5H8.813a25.736,25.736,0,0,1,0-8H2.625A13.1,13.1,0,0,0,2.625,19.5ZM7.156,4.875A13.362,13.362,0,0,0,3.375,9.5H9.188a18.829,18.829,0,0,1,3.375-7.187A13.645,13.645,0,0,0,7.156,4.875Zm0,21.25a13.661,13.661,0,0,0,5.407,2.563A18.162,18.162,0,0,1,9.25,21.5H3.375A13.353,13.353,0,0,0,7.156,26.125ZM20.188,19.5a23.461,23.461,0,0,0,0-8H10.813a23.411,23.411,0,0,0,0,8Zm-8.875-10h8.375A14.566,14.566,0,0,0,15.5,2.125,14.551,14.551,0,0,0,11.313,9.5Zm8.375,12H11.313A14.546,14.546,0,0,0,15.5,28.875,14.562,14.562,0,0,0,19.688,21.5ZM23.844,4.875a13.648,13.648,0,0,0-5.406-2.562A18.859,18.859,0,0,1,21.813,9.5h5.812A13.384,13.384,0,0,0,23.844,4.875Zm0,21.25A13.375,13.375,0,0,0,27.625,21.5H21.75a18.188,18.188,0,0,1-3.312,7.188A13.663,13.663,0,0,0,23.844,26.125ZM28.375,11.5H22.188a25.8,25.8,0,0,1,0,8h6.187A13.117,13.117,0,0,0,28.375,11.5Z'/%3E%3C/svg%3E");
}
header .mod_navigation .level-0.meta-menu.level-0 > li.country > span.active::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cpath style='fill:%23fff' d='M28.906,23.25a15.663,15.663,0,0,1-5.656,5.656A15.025,15.025,0,0,1,15.5,31a15.023,15.023,0,0,1-7.75-2.094A15.656,15.656,0,0,1,2.094,23.25,15.013,15.013,0,0,1,0,15.5,15.016,15.016,0,0,1,2.094,7.75,15.656,15.656,0,0,1,7.75,2.094,15.023,15.023,0,0,1,15.5,0a15.025,15.025,0,0,1,7.75,2.094A15.663,15.663,0,0,1,28.906,7.75,15.025,15.025,0,0,1,31,15.5,15.023,15.023,0,0,1,28.906,23.25ZM2.625,19.5H8.813a25.736,25.736,0,0,1,0-8H2.625A13.1,13.1,0,0,0,2.625,19.5ZM7.156,4.875A13.362,13.362,0,0,0,3.375,9.5H9.188a18.829,18.829,0,0,1,3.375-7.187A13.645,13.645,0,0,0,7.156,4.875Zm0,21.25a13.661,13.661,0,0,0,5.407,2.563A18.162,18.162,0,0,1,9.25,21.5H3.375A13.353,13.353,0,0,0,7.156,26.125ZM20.188,19.5a23.461,23.461,0,0,0,0-8H10.813a23.411,23.411,0,0,0,0,8Zm-8.875-10h8.375A14.566,14.566,0,0,0,15.5,2.125,14.551,14.551,0,0,0,11.313,9.5Zm8.375,12H11.313A14.546,14.546,0,0,0,15.5,28.875,14.562,14.562,0,0,0,19.688,21.5ZM23.844,4.875a13.648,13.648,0,0,0-5.406-2.562A18.859,18.859,0,0,1,21.813,9.5h5.812A13.384,13.384,0,0,0,23.844,4.875Zm0,21.25A13.375,13.375,0,0,0,27.625,21.5H21.75a18.188,18.188,0,0,1-3.312,7.188A13.663,13.663,0,0,0,23.844,26.125ZM28.375,11.5H22.188a25.8,25.8,0,0,1,0,8h6.187A13.117,13.117,0,0,0,28.375,11.5Z'/%3E%3C/svg%3E");
}
header .mod_navigation .level-0.meta-menu.level-0 > li.comment a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23686867' d='M256 32C114.6 32 0 125.1 0 240c0 47.6 19.9 91.2 52.9 126.3C38 405.7 7 439.1 6.5 439.5c-6.6 7-8.4 17.2-4.6 26S14.4 480 24 480c61.5 0 110-25.7 139.1-46.3C192 442.8 223.2 448 256 448c141.4 0 256-93.1 256-208S397.4 32 256 32zm0 368c-26.7 0-53.1-4.1-78.4-12.1l-22.7-7.2-19.5 13.8c-14.3 10.1-33.9 21.4-57.5 29 7.3-12.1 14.4-25.7 19.9-40.2l10.6-28.1-20.6-21.8C69.7 314.1 48 282.2 48 240c0-88.2 93.3-160 208-160s208 71.8 208 160-93.3 160-208 160z'/%3E%3C/svg%3E%0A");
}
header .mod_navigation .level-0.meta-menu.level-0 > li:hover {
  border-bottom: 4px solid #008995;
}
header .mod_navigation .level-0.meta-menu.level-0 > li > a,
header .mod_navigation .level-0.meta-menu.level-0 > li > strong,
header .mod_navigation .level-0.meta-menu.level-0 > li > span {
  width: 48px;
  height: 48px;
  overflow: hidden;
  text-indent: -9999px;
}
header .mod_navigation .level-0.meta-menu.level-0 > li > a::before,
header .mod_navigation .level-0.meta-menu.level-0 > li > strong::before,
header .mod_navigation .level-0.meta-menu.level-0 > li > span::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  left: 12px;
  top: 14px;
  width: 24px;
  height: 24px;
}
@media only screen and ( min-width: 1218px ) {
  header #block-julabosearchform, header #block-julabolanguageswitcher {
    display: none;
    position: absolute;
    top: 3rem;
    background-color: #fff;
    border-top: 4px solid #008995;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
    text-align: left;
    width: 908px;
    padding: 24px;
  }
}
@media only screen and ( min-width: 1218px ) {
  header #block-julabosearchform {
    right: -88px;
  }
  header #block-julabosearchform label[for=edit-search-keys] {
    margin-bottom: 2rem;
    display: block;
  }
  header #block-julabosearchform input[type=search] {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem;
    color: #686867;
    font-weight: 400;
    padding: 15px 0 14px 9px;
    width: 711px;
    background-color: #eee;
    border-width: 0;
    border-radius: 2px;
    float: left;
    -webkit-appearance: none;
  }
  header #block-julabosearchform input[type=search]:focus {
    border-bottom: 2px solid #008995;
    padding-bottom: 11px;
    outline: none;
  }
  header #block-julabosearchform input[type=submit] {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    background-color: #008995;
    margin-left: 24px;
  }
  header #block-julabosearchform input[type=submit]:hover {
    background-color: #006d76;
  }
  header #block-julabosearchform input[type=submit]:focus {
    background-color: #005158;
  }
  header #block-julabosearchform input[type=submit]:active {
    background-color: #003e43;
  }
}
@media only screen and ( min-width: 1218px ) {
  header #block-julabolanguageswitcher {
    right: -32px;
  }
  header #block-julabolanguageswitcher .lang-regions {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 24px 0;
  }
  header #block-julabolanguageswitcher .lang-continent, header #block-julabolanguageswitcher .lang-languages {
    border-right: 1px solid #ccc;
    padding: 0 0 0 30px;
  }
  header #block-julabolanguageswitcher .lang-continent:first-child, header #block-julabolanguageswitcher .lang-languages:first-child {
    padding-left: 0;
  }
  header #block-julabolanguageswitcher .lang-continent:last-child, header #block-julabolanguageswitcher .lang-languages:last-child {
    border-right: 0 none;
  }
  header #block-julabolanguageswitcher .lang-continent ul, header #block-julabolanguageswitcher .lang-languages ul {
    padding: 0;
  }
  header #block-julabolanguageswitcher .lang-continent li, header #block-julabolanguageswitcher .lang-languages li {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #008995;
    font-weight: 400;
    line-height: 1.2;
    padding: 4px 0;
  }
  header #block-julabolanguageswitcher .lang-continent li div, header #block-julabolanguageswitcher .lang-languages li div {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem;
    color: #BDBDBD;
    font-weight: 400;
    line-height: 1.2;
  }
  header #block-julabolanguageswitcher .lang-continent li a, header #block-julabolanguageswitcher .lang-languages li a {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #008995;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    padding: 4px 0;
    text-decoration: none;
    display: inline-block;
  }
  header #block-julabolanguageswitcher .lang-continent li a::after, header #block-julabolanguageswitcher .lang-languages li a::after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 2px;
    transition: all 0.2s ease-out;
    background-image: linear-gradient(#008995, #008995), linear-gradient(transparent, transparent);
    background-size: 0 2px, auto;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
  header #block-julabolanguageswitcher .lang-continent li a:hover::after, header #block-julabolanguageswitcher .lang-languages li a:hover::after {
    background-size: 100% 2px, auto;
  }
  header #block-julabolanguageswitcher .lang-languages {
    padding: 0;
  }
  header #block-julabolanguageswitcher .lang-languages ul {
    display: flex;
    margin-top: 20px;
  }
  header #block-julabolanguageswitcher .lang-languages ul li {
    padding: 0 15px 0 0;
  }
  header #block-julabolanguageswitcher h5 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #464648;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
    display: inline-block;
    padding: 0;
    margin: 0 0 16px;
  }
}
header.sticky::before {
  height: 64px;
  z-index: 100;
  position: fixed;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
}
header.sticky > .inside {
  position: fixed;
  z-index: 101;
}
@media only screen and ( min-width: 1218px ) {
  header.sticky .logotype {
    box-shadow: none;
  }
  header.sticky .logotype::after {
    opacity: 1;
    height: 6px;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto 0;
    background: #fff;
    opacity: 1;
  }
  header.sticky .logotype a {
    padding: 20px 0 10px 0;
  }
  header.sticky .logotype img {
    width: 108px;
    height: auto;
  }
}
header.sticky nav .level-0.main-menu, header.sticky nav .level-0.meta-menu, header.sticky nav .level-0.sub-menu {
  top: 12px;
}
header.sticky nav .level-0.main-menu li, header.sticky nav .level-0.meta-menu li, header.sticky nav .level-0.sub-menu li {
  margin-right: 0;
}
header.sticky nav .level-0.main-menu a, header.sticky nav .level-0.main-menu > li > span, header.sticky nav .level-0.meta-menu a, header.sticky nav .level-0.meta-menu > li > span, header.sticky nav .level-0.sub-menu a, header.sticky nav .level-0.sub-menu > li > span {
  padding-top: 14px;
  padding-bottom: 12px;
}
header.sticky nav .level-0.meta-menu {
  left: auto;
  right: 0;
}
header.sticky nav .level-0.meta-menu > li > span {
  padding-bottom: 11px;
}
header.sticky nav .level-0.main-menu {
  left: 130px;
  padding-left: 1rem;
  padding-right: 1rem;
}
header.sticky nav .level-0.sub-menu {
  right: 112px;
}
header.sticky nav .level-0.sub-menu .menu-container {
  top: 48px;
}
header.sticky nav .level-0.sub-menu a,
header.sticky nav .level-0.sub-menu strong {
  padding: 17px 1rem 13px;
  font-size: 1.125rem;
}
header.sticky nav .level-0.sub-menu a:hover, header.sticky nav .level-0.sub-menu a:focus,
header.sticky nav .level-0.sub-menu strong:hover,
header.sticky nav .level-0.sub-menu strong:focus {
  background-color: rgba(230, 240, 241, 0.9);
}
header.sticky nav .level-0.sub-menu a.active,
header.sticky nav .level-0.sub-menu a.trail,
header.sticky nav .level-0.sub-menu strong.active {
  background-color: rgba(0, 137, 149, 0.9);
  color: #fff;
  font-weight: normal;
}

.mm-menu {
  --mm-color-background: #fff;
  --mm-color-text: #686867;
  --mm-listitem-size: 54px;
  --mm-line-height: 21px;
  --mm-color-button: #ccc;
  --mm-color-background-emphasis:#f6f6f6;
  --mm-navbar-size: 48px;
}
@media only screen and ( min-width: 1218px ) {
  .mm-menu {
    display: none !important;
  }
}
.mm-menu .mm-searchfield input {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #686867;
  font-weight: 400;
  height: var(--mm-navbar-size);
  border: 1px solid #D8D8DA !important;
  border-radius: 2px;
  line-height: calc(var(--mm-navbar-size) * .7);
}
.mm-menu .mm-searchfield input::-webkit-input-placeholder {
  color: #686867;
}
.mm-menu .mm-searchfield input::-moz-placeholder {
  /* Firefox 19+ */
  color: #686867;
}
.mm-menu .mm-searchfield input :-moz-placeholder {
  /* Firefox 18- */
  color: #686867;
}
.mm-menu .mm-searchfield input :-ms-input-placeholder {
  /* IE 10+ */
  color: #686867;
}
.mm-menu .mm-navbar .logotype {
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
  text-align: center;
  position: relative;
  flex-grow: initial;
  margin-left: 10px;
  margin-bottom: 1.5rem;
  display: inline-block;
  line-height: 0;
}
.mm-menu .mm-navbar .logotype a {
  padding: 2rem 1.5rem 1.5rem 1.5rem;
  display: inline-block;
  line-height: 0;
}
.mm-menu .mm-navbar .logotype img {
  width: 180px;
  height: auto;
}
.mm-menu .mm-navbar__title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #ccc;
  font-weight: 600;
  text-transform: uppercase;
  height: 54px;
}
.mm-menu .mm-panels .menu-title {
  display: none;
}
.mm-menu .mm-listitem {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #686867;
  font-weight: 400;
}
.mm-menu .mm-listitem.search {
  display: none;
}
.mm-menu #mm-lang-select {
  padding: 24px 20px;
}
.mm-menu #mm-lang-select .menu-title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 500;
  line-height: 1;
  display: block;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 16px;
}
.mm-menu #mm-lang-select h5 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #464648;
  font-weight: 500;
  line-height: 1.2;
  white-space: normal;
  display: inline-block;
  padding: 0;
  margin: 0 0 16px;
}
.mm-menu #mm-lang-select ul {
  padding: 0;
  margin-top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mm-menu #mm-lang-select li {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #008995;
  font-weight: 400;
  line-height: 1.2;
  padding: 4px 0;
  list-style: none;
}
.mm-menu #mm-lang-select li div {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #BDBDBD;
  font-weight: 400;
  line-height: 1.2;
}
.mm-menu #mm-lang-select li a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #008995;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  padding: 4px 0;
  text-decoration: none;
  display: inline-block;
}

#footer {
  margin: 0 2.5rem 2.5rem;
  border-top: 4px solid #e30613;
  background-color: #464648;
}
@media only screen and ( max-width: 600px ) {
  #footer {
    margin: 0;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  #footer {
    margin: 0 1.5rem 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer {
    margin: 0 1rem 1rem;
  }
}
#footer .inside {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5rem;
  margin: 0 auto;
  padding: 3rem 1.5rem 2rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  #footer .inside {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1218px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .inside {
    grid-template-columns: 1fr;
  }
}
#footer .link_top {
  display: block;
  background-color: #e30613;
  width: 4rem;
  height: 4rem;
  margin: -4rem auto 0;
  font-size: 0;
  position: relative;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .link_top {
    width: 3rem;
    height: 3rem;
    margin: -3rem auto 0;
  }
}
#footer .link_top::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M33 255a10.821 10.821 0 0 1 3-8L248 36a10 10 0 0 1 16 0l212 211a10.821 10.821 0 0 1 3 8 14.581 14.581 0 0 1-3 9l-8 7a10.821 10.821 0 0 1-8 3 14.581 14.581 0 0 1-9-3L273 92v376a11.95 11.95 0 0 1-12 12h-10a11.95 11.95 0 0 1-12-12V92L61 271a14.648 14.648 0 0 1-9 3 10.8 10.8 0 0 1-8-3l-8-7a14.581 14.581 0 0 1-3-9z'/%3E%3C/svg%3E");
  left: 1rem;
  top: 1rem;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .link_top::before {
    left: 12px;
    top: 12px;
    width: 1.5rem;
    height: 1.5rem;
  }
}
#footer .mod_adress,
#footer .mod_service {
  position: relative;
}
@media only screen and ( min-width: 1218px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  #footer .mod_adress::after,
#footer .mod_service::after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    width: 1px;
    top: 3rem;
    bottom: 1rem;
    right: 0;
    border-right: 1px dotted #fff;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .mod_adress::after,
#footer .mod_service::after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    height: 1px;
    bottom: -16px;
    left: 0;
    right: 0;
    border-bottom: 1px dotted #fff;
  }
}
#footer .mod_adress {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125em;
  color: #BDBDBD;
  line-height: 1.5;
}
#footer .mod_adress.headquarter {
  display: none;
}
@media only screen and ( min-width: 1218px ) {
  #footer .mod_adress.headquarter {
    display: block;
  }
}
#footer .mod_adress strong {
  display: block;
  color: #fff;
  margin-bottom: 1rem;
}
#footer .mod_adress p {
  margin: 0 0 1rem 0;
}
#footer .mod_adress span {
  position: relative;
  display: inline-block;
  margin-left: 1.5rem;
}
#footer .mod_adress span::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: 4px;
  left: -1.5rem;
}
#footer .mod_adress span.phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23BDBDBD' d='M476.5 22.9L382.3 1.2c-21.6-5-43.6 6.2-52.3 26.6l-43.5 101.5c-8 18.6-2.6 40.6 13.1 53.4l40 32.7C311 267.8 267.8 311 215.4 339.5l-32.7-40c-12.8-15.7-34.8-21.1-53.4-13.1L27.7 329.9c-20.4 8.7-31.5 30.7-26.6 52.3l21.7 94.2c4.8 20.9 23.2 35.5 44.6 35.5C312.3 512 512 313.7 512 67.5c0-21.4-14.6-39.8-35.5-44.6zM69.3 464l-20.9-90.7 98.2-42.1 55.7 68.1c98.8-46.4 150.6-98 197-197l-68.1-55.7 42.1-98.2L464 69.3C463 286.9 286.9 463 69.3 464z'/%3E%3C/svg%3E%0A");
}
#footer .mod_adress span.fax::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23BDBDBD' d='M480 136.88v-30.37c0-16.97-6.74-33.25-18.74-45.26l-42.51-42.51A64.037 64.037 0 0 0 373.49 0H174.48C157.64 0 144 14.33 144 32v104.88c-9.45-5.5-20.28-8.88-32-8.88H64c-35.35 0-64 28.65-64 64v256c0 35.35 28.65 64 64 64h48c15.22 0 29.01-5.54 40-14.41 10.99 8.87 24.78 14.41 40 14.41h256c35.35 0 64-28.65 64-64V192c0-23.63-12.95-44.04-32-55.12zM128 448c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V192c0-8.82 7.18-16 16-16h48c8.82 0 16 7.18 16 16v256zm64-400h176v48c0 8.84 7.16 16 16 16h48v80H192V48zm272 400c0 8.82-7.18 16-16 16H192c-8.82 0-16-7.18-16-16V240h288v208zM352 336h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm-96 96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm96 96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16z'/%3E%3C/svg%3E");
}
#footer .mod_adress a {
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}
#footer .mod_adress a::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 0.2s ease-out;
  background-image: linear-gradient(#e30613, #e30613), linear-gradient(transparent, transparent);
  background-size: 0 2px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#footer .mod_adress a:hover::after {
  background-size: 100% 2px, auto;
}
#footer .mod_service,
#footer .mod_meta {
  padding-top: 46px;
}
#footer .mod_service.contextual,
#footer .mod_meta.contextual {
  position: absolute;
  z-index: 500;
  top: 6px;
  right: 0;
}
#footer .mod_service.contextual .contextual-links,
#footer .mod_meta.contextual .contextual-links {
  position: relative !important;
  top: -1px;
  right: 6px;
  float: right;
  clear: both;
  margin: 0;
  padding: 0.25em 0;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 4px 0 4px 4px;
  background-color: #fff;
}
#footer .mod_service.contextual .contextual-links ul,
#footer .mod_meta.contextual .contextual-links ul {
  display: block !important;
}
#footer .mod_service.contextual .contextual-links li,
#footer .mod_meta.contextual .contextual-links li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-image: none !important;
  border: none !important;
  background-color: #fff;
  line-height: 100%;
}
#footer .mod_service.contextual .contextual-links li::before, #footer .mod_service.contextual .contextual-links a::before, #footer .mod_service.contextual .contextual-links li::after, #footer .mod_service.contextual .contextual-links a::after,
#footer .mod_meta.contextual .contextual-links li::before,
#footer .mod_meta.contextual .contextual-links a::before,
#footer .mod_meta.contextual .contextual-links li::after,
#footer .mod_meta.contextual .contextual-links a::after {
  content: none !important;
}
#footer .mod_service.contextual .contextual-links a, #footer .mod_service.contextual .contextual-links a:hover, #footer .mod_service.contextual .contextual-links a:link, #footer .mod_service.contextual .contextual-links a:visited, #footer .mod_service.contextual .contextual-links a:focus,
#footer .mod_meta.contextual .contextual-links a,
#footer .mod_meta.contextual .contextual-links a:hover,
#footer .mod_meta.contextual .contextual-links a:link,
#footer .mod_meta.contextual .contextual-links a:visited,
#footer .mod_meta.contextual .contextual-links a:focus {
  text-decoration: none !important;
  color: #333 !important;
}
#footer .mod_service.contextual .contextual-links a,
#footer .mod_meta.contextual .contextual-links a {
  display: block !important;
  margin: 0.25em 0 !important;
  padding: 0.4em 0.6em !important;
  color: #333 !important;
  background-color: #fff !important;
  font-family: sans-serif !important;
  font-size: small !important;
  line-height: 0.8em !important;
  width: initial !important;
  height: initial !important;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .mod_service,
#footer .mod_meta {
    padding-top: 2rem;
  }
}
#footer .mod_service .mod_navigation ul,
#footer .mod_meta .mod_navigation ul {
  margin: 0 0 1rem 0;
  padding: 0;
}
#footer .mod_service .mod_navigation ul li,
#footer .mod_meta .mod_navigation ul li {
  list-style: none;
}
#footer .mod_service .mod_navigation ul.level-0 a,
#footer .mod_meta .mod_navigation ul.level-0 a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125em;
  color: #fff;
  line-height: 1.5;
  text-decoration: none;
  position: relative;
}
#footer .mod_service .mod_navigation ul.level-0 a::after,
#footer .mod_meta .mod_navigation ul.level-0 a::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 0.2s ease-out;
  background-image: linear-gradient(#e30613, #e30613), linear-gradient(transparent, transparent);
  background-size: 0 2px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#footer .mod_service .mod_navigation ul.level-0 a:hover::after,
#footer .mod_meta .mod_navigation ul.level-0 a:hover::after {
  background-size: 100% 2px, auto;
}
#footer .mod_service .mod_navigation ul.main-menu a,
#footer .mod_meta .mod_navigation ul.main-menu a {
  font-weight: 600;
  display: inline-block;
}
#footer .mod_boilerplate {
  background-color: #333;
}
#footer .mod_boilerplate .inside {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 0 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .mod_boilerplate .inside {
    grid-template-columns: 1fr;
    grid-gap: 0;
    padding-bottom: 1.5rem;
  }
}
#footer .mod_boilerplate .copyright {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1em;
  color: #BDBDBD;
  order: 2;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  #footer .mod_boilerplate .copyright {
    order: 1;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .mod_boilerplate .copyright {
    margin-bottom: 2rem;
  }
}
#footer .mod_social-media {
  order: 1;
}
#footer .mod_social-media.contextual {
  position: absolute;
  z-index: 500;
  top: 6px;
  right: 0;
}
#footer .mod_social-media.contextual .contextual-links {
  position: relative !important;
  top: -1px;
  right: 6px;
  float: right;
  clear: both;
  margin: 0;
  padding: 0.25em 0;
  text-align: left;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 4px 0 4px 4px;
  background-color: #fff;
}
#footer .mod_social-media.contextual .contextual-links ul {
  display: block !important;
}
#footer .mod_social-media.contextual .contextual-links li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-image: none !important;
  border: none !important;
  background-color: #fff;
  line-height: 100%;
}
#footer .mod_social-media.contextual .contextual-links li::before, #footer .mod_social-media.contextual .contextual-links a::before, #footer .mod_social-media.contextual .contextual-links li::after, #footer .mod_social-media.contextual .contextual-links a::after {
  content: none !important;
}
#footer .mod_social-media.contextual .contextual-links a, #footer .mod_social-media.contextual .contextual-links a:hover, #footer .mod_social-media.contextual .contextual-links a:link, #footer .mod_social-media.contextual .contextual-links a:visited, #footer .mod_social-media.contextual .contextual-links a:focus {
  text-decoration: none !important;
  color: #333 !important;
}
#footer .mod_social-media.contextual .contextual-links a {
  display: block !important;
  margin: 0.25em 0 !important;
  padding: 0.4em 0.6em !important;
  color: #333 !important;
  background-color: #fff !important;
  font-family: sans-serif !important;
  font-size: small !important;
  line-height: 0.8em !important;
  width: initial !important;
  height: initial !important;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  #footer .mod_social-media {
    justify-self: end;
    order: 2;
  }
}
#footer .mod_social-media > ul {
  display: flex;
  margin: 1rem 0;
  padding: 0;
  text-align: center;
}
#footer .mod_social-media li {
  list-style: none;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  #footer .mod_social-media li {
    margin-right: 1rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  #footer .mod_social-media li {
    margin-left: 1rem;
  }
}
#footer .mod_social-media li a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0;
}
#footer .mod_social-media li a.icon.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect fill='%23ffffff00' x='196' y='63' width='255' height='449'/%3E%3Cpath fill='%23fff' d='M512,54.9v402.3c0.1,30.2-24.2,54.7-54.4,54.9c-0.2,0-0.3,0-0.5,0H360V309.7h68.6l10.3-77.7H360v-49.1c0-12.2,2.3-21.3,6.9-27.4c6.1-6.9,16.4-10.3,30.9-10.3h41.1V76.6c-16-2.3-35.8-3.4-59.4-3.4c-30.5,0-54.7,9-72.6,26.9c-17.9,17.9-26.9,42.9-26.9,74.9V232h-69.7v77.7H280V512H54.9c-15.3,0-28.2-5.3-38.9-16C5.3,485.3,0,472.4,0,457.1V54.9C0,39.6,5.3,26.7,16,16C26.7,5.3,39.6,0,54.9,0h402.3c14.6-0.3,28.7,5.5,38.9,16C506.5,26.2,512.3,40.3,512,54.9z'/%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.facebook:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect fill='%23fff' x='196' y='63' width='255' height='449'/%3E%3Cpath fill='%233b5998' d='M512,54.9v402.3c0.1,30.2-24.2,54.7-54.4,54.9c-0.2,0-0.3,0-0.5,0H360V309.7h68.6l10.3-77.7H360v-49.1c0-12.2,2.3-21.3,6.9-27.4c6.1-6.9,16.4-10.3,30.9-10.3h41.1V76.6c-16-2.3-35.8-3.4-59.4-3.4c-30.5,0-54.7,9-72.6,26.9c-17.9,17.9-26.9,42.9-26.9,74.9V232h-69.7v77.7H280V512H54.9c-15.3,0-28.2-5.3-38.9-16C5.3,485.3,0,472.4,0,457.1V54.9C0,39.6,5.3,26.7,16,16C26.7,5.3,39.6,0,54.9,0h402.3c14.6-0.3,28.7,5.5,38.9,16C506.5,26.2,512.3,40.3,512,54.9z'/%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect fill='%23ffffff00' x='56' y='56' width='400' height='400'/%3E%3Cpath fill='%23fff' d='M496 16a52.953 52.953 0 0 0-38.857-16H54.857Q31.982 0 16 16-.018 32.018 0 54.857v402.286Q0 480.018 16 496t38.857 16h402.286A54.629 54.629 0 0 0 512 457.143V54.857A52.953 52.953 0 0 0 496 16zM155.429 438.857H78.857V194.286h76.572zM148 148a42.893 42.893 0 0 1-31.429 13.143A41 41 0 0 1 85.714 148a44.157 44.157 0 0 1 0-61.714 41.064 41.064 0 0 1 30.857-13.143A42.963 42.963 0 0 1 148 86.286q13.125 13.152 13.143 30.857 0 17.732-13.143 30.857zm290.857 290.857h-75.428V320q0-29.7-5.715-43.428-8.008-21.7-34.285-21.714-26.3 0-37.715 19.428-8.008 14.867-8 43.429v121.142h-75.428V194.286h73.143v33.143h1.142q7.983-15.992 25.143-26.286 20.572-12.562 46.857-12.572 52.554 0 74.286 33.143 15.991 26.3 16 83.428z'/%3E%3C/svg%3E ");
}
#footer .mod_social-media li a.icon.linkedin:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect fill='%23fff' x='56' y='56' width='400' height='400'/%3E%3Cpath fill='%230077b5' d='M496 16a52.953 52.953 0 0 0-38.857-16H54.857Q31.982 0 16 16-.018 32.018 0 54.857v402.286Q0 480.018 16 496t38.857 16h402.286A54.629 54.629 0 0 0 512 457.143V54.857A52.953 52.953 0 0 0 496 16zM155.429 438.857H78.857V194.286h76.572zM148 148a42.893 42.893 0 0 1-31.429 13.143A41 41 0 0 1 85.714 148a44.157 44.157 0 0 1 0-61.714 41.064 41.064 0 0 1 30.857-13.143A42.963 42.963 0 0 1 148 86.286q13.125 13.152 13.143 30.857 0 17.732-13.143 30.857zm290.857 290.857h-75.428V320q0-29.7-5.715-43.428-8.008-21.7-34.285-21.714-26.3 0-37.715 19.428-8.008 14.867-8 43.429v121.142h-75.428V194.286h73.143v33.143h1.142q7.983-15.992 25.143-26.286 20.572-12.562 46.857-12.572 52.554 0 74.286 33.143 15.991 26.3 16 83.428z'/%3E%3C/svg%3E ");
}
#footer .mod_social-media li a.icon.xing {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%23ffffff00' points='170,340 90,340 90,127 290,127 '/%3E%3Cpolygon fill='%23ffffff00' points='110,450 420,450 420,60 336,60 '/%3E%3Cpath fill='%23fff' d='M496 16a52.953 52.953 0 0 0-38.857-16H54.857Q31.982 0 16 16-.018 32.018 0 54.857v402.286Q0 480.018 16 496t38.857 16h402.286A54.629 54.629 0 0 0 512 457.143V54.857A52.953 52.953 0 0 0 496 16zM160 329.142h-52.571a7.678 7.678 0 0 1-6.857-3.428q-2.3-3.429 0-8l56-99.428-35.429-61.715c-2.286-3.035-2.679-5.714-1.143-8q2.277-3.427 8-3.428h52.572q9.133 0 14.857 10.286L232 218.286l-57.143 100.571q-5.731 10.286-14.857 10.285zM411.429 84.571L293.715 291.428l75.428 136q2.277 4.581 0 8a7.718 7.718 0 0 1-6.857 3.429h-53.714q-9.161 0-14.857-10.286l-75.429-137.143 118.857-208q5.706-10.287 13.714-10.286h53.715a7.719 7.719 0 0 1 6.857 3.428c1.518 2.287 1.518 4.966 0 8.001z'/%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.xing:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolygon fill='%23fff' points='170,340 90,340 90,127 290,127 '/%3E%3Cpolygon fill='%23cfdc00' points='110,450 420,450 420,60 336,60 '/%3E%3Cpath fill='%23026466' d='M496 16a52.953 52.953 0 0 0-38.857-16H54.857Q31.982 0 16 16-.018 32.018 0 54.857v402.286Q0 480.018 16 496t38.857 16h402.286A54.629 54.629 0 0 0 512 457.143V54.857A52.953 52.953 0 0 0 496 16zM160 329.142h-52.571a7.678 7.678 0 0 1-6.857-3.428q-2.3-3.429 0-8l56-99.428-35.429-61.715c-2.286-3.035-2.679-5.714-1.143-8q2.277-3.427 8-3.428h52.572q9.133 0 14.857 10.286L232 218.286l-57.143 100.571q-5.731 10.286-14.857 10.285zM411.429 84.571L293.715 291.428l75.428 136q2.277 4.581 0 8a7.718 7.718 0 0 1-6.857 3.429h-53.714q-9.161 0-14.857-10.286l-75.429-137.143 118.857-208q5.706-10.287 13.714-10.286h53.715a7.719 7.719 0 0 1 6.857 3.428c1.518 2.287 1.518 4.966 0 8.001z'/%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect x='60' y='210' fill='%23ffffff00' width='390' height='276'/%3E%3Cpath fill='%23fff' d='M177.334 285.667h-26.668v140.999h-24.665V285.667H100v-23.334h77.334v23.334zM244.334 426.666H222v-13.333c-8.667 10-17 15-25.333 15-7 0-12-3-14-9.333-1.334-3.666-2-9.333-2-18v-96.667h22v90c0 5 0 8 .333 8.666q.5 5 5 5c4.667 0 9-3.334 14-10.334v-93.332h22.334zM251 178.667c7 0 10.667-5.667 10.667-17v-52c0-11.333-3.668-17.333-10.667-17.333-7.333 0-10.666 6-10.666 17.333v52c0 11.333 3.333 17 10.666 17z'/%3E%3Cpath fill='%23fff' d='M496 16a52.953 52.953 0 0 0-38.857-16H54.857Q31.982 0 16 16-.018 32.018 0 54.857v402.286Q0 480.018 16 496t38.857 16h402.286A54.629 54.629 0 0 0 512 457.143V54.857A52.953 52.953 0 0 0 496 16zM302.333 74h22.334v90.667c0 5.333 0 8 .333 8.666.333 3.667 2.334 5.334 5.333 5.334 4.333 0 9-3.334 14-10.334V74h22.334v123.334h-22.334V184c-9 10-17.333 15-25.666 15-7 0-12-3-14.333-9-1.333-4-2-9.666-2-18.334zM218 114q0-19.5 7-29c6-8.333 14.667-12.667 26-12.667 11 0 19.666 4.334 26 12.667q7 9.5 7 29v43.333c0 13-2.334 23-7 29-6.334 8.334-15 12.667-26 12.667-11.333 0-20-4.333-26-12.667q-7-9.5-7-29zm-60-82.333l17.667 65 17-65h25l-30 98.666v67H163v-67c-2.333-12-7.333-29.333-15.333-52.667C142.666 62.333 137 47 132 31.667zM432.666 434a46.43 46.43 0 0 1-39.333 36c-45.666 5-91.667 5-137.333 5s-91.667 0-137.333-5a46.432 46.432 0 0 1-39.334-36c-6.666-28-6.666-58.333-6.666-86.667 0-28.667.333-59 6.666-86.667 4.334-19.666 20.334-34 39.667-36 45.333-5 91.334-5 137-5 46 0 92 0 137.333 5 19 2 35 16.333 39.667 36 6.333 27.667 6.333 58 6.333 86.667 0 28.334 0 58.667-6.667 86.667z'/%3E%3Cpath fill='%23fff' d='M326 316.666c-2.666-9.333-8.667-14-17.666-14-8 0-15.667 4.667-22.668 13.333v-53.666h-22.332v164.333h22.332v-12c7.334 9 15 13.667 22.668 13.667 9 0 15-4.667 17.666-14 1.666-5 2.333-13.333 2.333-24.333v-48.667c0-11.667-.667-19.667-2.333-24.667zm-19.667 75c0 11-3.332 16.333-9.666 16.333-3.667 0-7.333-1.667-11-5.333V328c3.668-3.667 7.334-5.333 11-5.333 6.334 0 9.666 5.666 9.666 16.666zM412 369.333V344c0-13-2.335-22.334-7-28.667-6-8.333-15-12.667-26-12.667-11.333 0-20.333 4.334-26.667 12.667-4.666 6.333-6.666 15.666-6.666 28.667v43c0 13 2.334 22.668 7 28.667C359 424 368 428.333 379.666 428.333c11.334 0 20.667-4.333 26.668-13.333a30.818 30.818 0 0 0 5-13.333 113.1 113.1 0 0 0 .666-14.334v-3h-22.667c0 8.667-.333 13.667-.333 15C387.666 405 384.334 408 379 408c-7.667 0-11.333-5.667-11.333-17v-21.667zm-44.334-29.667q0-17 11-17t11 17V351h-22z'/%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.youtube:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect x='60' y='210' fill='%23ff0000' width='390' height='276'/%3E%3Cpath fill='%23e5e5e5' d='M177.334 285.667h-26.668v140.999h-24.665V285.667H100v-23.334h77.334v23.334zM244.334 426.666H222v-13.333c-8.667 10-17 15-25.333 15-7 0-12-3-14-9.333-1.334-3.666-2-9.333-2-18v-96.667h22v90c0 5 0 8 .333 8.666q.5 5 5 5c4.667 0 9-3.334 14-10.334v-93.332h22.334zM251 178.667c7 0 10.667-5.667 10.667-17v-52c0-11.333-3.668-17.333-10.667-17.333-7.333 0-10.666 6-10.666 17.333v52c0 11.333 3.333 17 10.666 17z'/%3E%3Cpath fill='%23e5e5e5' d='M496 16a52.953 52.953 0 0 0-38.857-16H54.857Q31.982 0 16 16-.018 32.018 0 54.857v402.286Q0 480.018 16 496t38.857 16h402.286A54.629 54.629 0 0 0 512 457.143V54.857A52.953 52.953 0 0 0 496 16zM302.333 74h22.334v90.667c0 5.333 0 8 .333 8.666.333 3.667 2.334 5.334 5.333 5.334 4.333 0 9-3.334 14-10.334V74h22.334v123.334h-22.334V184c-9 10-17.333 15-25.666 15-7 0-12-3-14.333-9-1.333-4-2-9.666-2-18.334zM218 114q0-19.5 7-29c6-8.333 14.667-12.667 26-12.667 11 0 19.666 4.334 26 12.667q7 9.5 7 29v43.333c0 13-2.334 23-7 29-6.334 8.334-15 12.667-26 12.667-11.333 0-20-4.333-26-12.667q-7-9.5-7-29zm-60-82.333l17.667 65 17-65h25l-30 98.666v67H163v-67c-2.333-12-7.333-29.333-15.333-52.667C142.666 62.333 137 47 132 31.667zM432.666 434a46.43 46.43 0 0 1-39.333 36c-45.666 5-91.667 5-137.333 5s-91.667 0-137.333-5a46.432 46.432 0 0 1-39.334-36c-6.666-28-6.666-58.333-6.666-86.667 0-28.667.333-59 6.666-86.667 4.334-19.666 20.334-34 39.667-36 45.333-5 91.334-5 137-5 46 0 92 0 137.333 5 19 2 35 16.333 39.667 36 6.333 27.667 6.333 58 6.333 86.667 0 28.334 0 58.667-6.667 86.667z'/%3E%3Cpath fill='%23e5e5e5' d='M326 316.666c-2.666-9.333-8.667-14-17.666-14-8 0-15.667 4.667-22.668 13.333v-53.666h-22.332v164.333h22.332v-12c7.334 9 15 13.667 22.668 13.667 9 0 15-4.667 17.666-14 1.666-5 2.333-13.333 2.333-24.333v-48.667c0-11.667-.667-19.667-2.333-24.667zm-19.667 75c0 11-3.332 16.333-9.666 16.333-3.667 0-7.333-1.667-11-5.333V328c3.668-3.667 7.334-5.333 11-5.333 6.334 0 9.666 5.666 9.666 16.666zM412 369.333V344c0-13-2.335-22.334-7-28.667-6-8.333-15-12.667-26-12.667-11.333 0-20.333 4.334-26.667 12.667-4.666 6.333-6.666 15.666-6.666 28.667v43c0 13 2.334 22.668 7 28.667C359 424 368 428.333 379.666 428.333c11.334 0 20.667-4.333 26.668-13.333a30.818 30.818 0 0 0 5-13.333 113.1 113.1 0 0 0 .666-14.334v-3h-22.667c0 8.667-.333 13.667-.333 15C387.666 405 384.334 408 379 408c-7.667 0-11.333-5.667-11.333-17v-21.667zm-44.334-29.667q0-17 11-17t11 17V351h-22z'/%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect style='fill:%23ffffff' width='40' height='40' rx='4'/%3E%3Crect style='fill:%23ffffff' width='40' height='40' rx='4'/%3E%3Cpath style='fill:%23333' d='M34.679,13.91a10.958,10.958,0,0,0-.686-3.585,7.559,7.559,0,0,0-4.32-4.319,10.879,10.879,0,0,0-3.588-.686C24.51,5.248,24.009,5.231,20,5.231s-4.512.017-6.087.089a10.849,10.849,0,0,0-3.585.686,7.557,7.557,0,0,0-4.321,4.319,10.8,10.8,0,0,0-.686,3.585c-.07,1.575-.089,2.079-.089,6.09s.018,4.513.09,6.088a10.843,10.843,0,0,0,.686,3.585,7.557,7.557,0,0,0,4.319,4.321,10.849,10.849,0,0,0,3.585.686c1.575.072,2.078.089,6.089.089s4.513-.017,6.088-.089a10.862,10.862,0,0,0,3.587-.686,7.572,7.572,0,0,0,4.319-4.321,10.951,10.951,0,0,0,.686-3.584c.071-1.576.09-2.078.09-6.089S34.75,15.485,34.679,13.91ZM32.022,25.963a8.144,8.144,0,0,1-.509,2.741,4.893,4.893,0,0,1-2.8,2.8,8.1,8.1,0,0,1-2.742.509c-1.557.071-2.025.087-5.968.087s-4.411-.016-5.968-.087a8.191,8.191,0,0,1-2.743-.509,4.889,4.889,0,0,1-2.8-2.8,8.151,8.151,0,0,1-.509-2.742c-.071-1.556-.085-2.024-.085-5.968s.014-4.409.085-5.966a8.151,8.151,0,0,1,.509-2.742,4.892,4.892,0,0,1,2.8-2.8,8.165,8.165,0,0,1,2.743-.509c1.362-.062,1.89-.08,4.643-.083v0H20c3.943,0,4.411.014,5.968.085a8.183,8.183,0,0,1,2.742.509,4.889,4.889,0,0,1,2.8,2.8,8.118,8.118,0,0,1,.509,2.741c.071,1.557.086,2.025.086,5.967S32.093,24.406,32.022,25.963Z'/%3E%3Cg%3E%3Cpath style='fill:%23333' d='M27.884,10.344h0a1.772,1.772,0,1,0,1.773,1.771A1.771,1.771,0,0,0,27.884,10.345Z'/%3E%3Cpath style='fill:%23333' d='M20,12.415A7.584,7.584,0,1,0,27.584,20,7.585,7.585,0,0,0,20,12.415Zm0,12.508A4.923,4.923,0,1,1,24.924,20,4.923,4.923,0,0,1,20,24.923Z'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='g1' cx='0' cy='0' r='1' gradientTransform='matrix(0 -47.5715 44.2453 0 12.7501 51.697)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FD5'/%3E%3Cstop offset='.1' stop-color='%23FD5'/%3E%3Cstop offset='.5' stop-color='%23FF543E'/%3E%3Cstop offset='1' stop-color='%23C837AB'/%3E%3C/radialGradient%3E%3CradialGradient id='g2' cx='0' cy='0' r='1' gradientTransform='matrix(4.1738 20.85106 -85.94888 17.20455 -8.04025 3.45784)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233771C8'/%3E%3Cstop offset='.128' stop-color='%233771C8'/%3E%3Cstop offset='1' stop-color='%2360F' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}
#footer .mod_social-media li a.icon.instagram:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Crect style='fill:url(%23g1)' width='40' height='40' rx='4'/%3E%3Crect style='fill:url(%23g2)' width='40' height='40' rx='4'/%3E%3Cpath style='fill:%23fff' d='M34.679,13.91a10.958,10.958,0,0,0-.686-3.585,7.559,7.559,0,0,0-4.32-4.319,10.879,10.879,0,0,0-3.588-.686C24.51,5.248,24.009,5.231,20,5.231s-4.512.017-6.087.089a10.849,10.849,0,0,0-3.585.686,7.557,7.557,0,0,0-4.321,4.319,10.8,10.8,0,0,0-.686,3.585c-.07,1.575-.089,2.079-.089,6.09s.018,4.513.09,6.088a10.843,10.843,0,0,0,.686,3.585,7.557,7.557,0,0,0,4.319,4.321,10.849,10.849,0,0,0,3.585.686c1.575.072,2.078.089,6.089.089s4.513-.017,6.088-.089a10.862,10.862,0,0,0,3.587-.686,7.572,7.572,0,0,0,4.319-4.321,10.951,10.951,0,0,0,.686-3.584c.071-1.576.09-2.078.09-6.089S34.75,15.485,34.679,13.91ZM32.022,25.963a8.144,8.144,0,0,1-.509,2.741,4.893,4.893,0,0,1-2.8,2.8,8.1,8.1,0,0,1-2.742.509c-1.557.071-2.025.087-5.968.087s-4.411-.016-5.968-.087a8.191,8.191,0,0,1-2.743-.509,4.889,4.889,0,0,1-2.8-2.8,8.151,8.151,0,0,1-.509-2.742c-.071-1.556-.085-2.024-.085-5.968s.014-4.409.085-5.966a8.151,8.151,0,0,1,.509-2.742,4.892,4.892,0,0,1,2.8-2.8,8.165,8.165,0,0,1,2.743-.509c1.362-.062,1.89-.08,4.643-.083v0H20c3.943,0,4.411.014,5.968.085a8.183,8.183,0,0,1,2.742.509,4.889,4.889,0,0,1,2.8,2.8,8.118,8.118,0,0,1,.509,2.741c.071,1.557.086,2.025.086,5.967S32.093,24.406,32.022,25.963Z'/%3E%3Cg%3E%3Cpath style='fill:%23fff' d='M27.884,10.344h0a1.772,1.772,0,1,0,1.773,1.771A1.771,1.771,0,0,0,27.884,10.345Z'/%3E%3Cpath style='fill:%23fff' d='M20,12.415A7.584,7.584,0,1,0,27.584,20,7.585,7.585,0,0,0,20,12.415Zm0,12.508A4.923,4.923,0,1,1,24.924,20,4.923,4.923,0,0,1,20,24.923Z'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient id='g1' cx='0' cy='0' r='1' gradientTransform='matrix(0 -47.5715 44.2453 0 12.7501 51.697)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FD5'/%3E%3Cstop offset='.1' stop-color='%23FD5'/%3E%3Cstop offset='.5' stop-color='%23FF543E'/%3E%3Cstop offset='1' stop-color='%23C837AB'/%3E%3C/radialGradient%3E%3CradialGradient id='g2' cx='0' cy='0' r='1' gradientTransform='matrix(4.1738 20.85106 -85.94888 17.20455 -8.04025 3.45784)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233771C8'/%3E%3Cstop offset='.128' stop-color='%233771C8'/%3E%3Cstop offset='1' stop-color='%2360F' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
}

.content-element .text-container p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.333em;
}
.content-element img {
  display: block;
  margin: 0 auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-element img {
    width: 100%;
    height: auto;
  }
}
.content-element.landscape {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". img";
  grid-gap: 1.5rem;
  background-color: transparent;
}
.content-element.landscape.img-right {
  grid-template-columns: 5fr 3fr;
  grid-template-areas: ". img";
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-element.landscape.img-right {
    padding-left: 1rem;
  }
}
.content-element.landscape.img-left {
  grid-template-columns: 3fr 5fr;
  grid-template-areas: "img .";
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-element.landscape.img-left {
    padding-right: 1rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-element.landscape {
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-element.landscape {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "img" ".";
    grid-gap: 1rem;
  }
  .content-element.landscape.img-right, .content-element.landscape.img-left {
    padding-top: 16px;
    grid-template-columns: 1fr;
    grid-template-areas: "img" ".";
  }
}
.content-element.landscape .image-container {
  grid-area: img;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-element.landscape .text-container {
    padding: 1rem;
  }
}
.content-element.portrait .text-container {
  padding: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-element.portrait .text-container {
    padding: 1rem;
  }
}
.content-element.multi-column-2 {
  background-color: transparent;
  padding: 1.5rem 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-element.multi-column-2 {
    padding: 1rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-element.multi-column-2 .text-container {
    padding: 1rem;
  }
}
.content-element.multi-column-2 .text-container .multi-column-container {
  -webkit-columns: 50% 2;
  -webkit-column-gap: 1.5rem;
  -moz-columns: 50% 2;
  -moz-column-gap: 1.5rem;
  columns: 300px 2;
  column-gap: 1.5rem;
  margin-bottom: 1.5rem;
}
.content-element.multi-column-2 .text-container .multi-column-container p {
  margin: 0 0 16px 0;
}
.content-element.list ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  margin: 0;
  padding: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-element.list ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.content-element.list li {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  list-style: none;
  border-bottom: 2px dotted #ccc;
  padding: 32px 0;
}
@media only screen and ( max-width: 600px ) {
  .content-element.list li {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: 0 0 32px;
  }
}
.content-element.list h3 {
  margin: 0 0 8px 0;
  font-size: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-element.list h3 {
    font-size: 1.375rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-element.list h3 {
    font-size: 1.125rem;
  }
}

@media only screen and ( max-width: 600px ) {
  .ce_card {
    padding: 8px;
  }
}
.ce_card .text-container {
  padding: 16px;
}

.home main {
  padding-bottom: 0;
}
.home h2 {
  margin: 0.889em 0 0.667em;
  color: #e30613;
  font-weight: 400;
}
.home #introduction {
  background-color: #fff;
  margin: 0 2.5rem 1.5rem 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #introduction {
    margin: 0 1.5rem 2rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #introduction {
    margin: 0 1.5rem;
  }
}
.home #introduction .inside {
  margin: 0 auto;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .home #introduction .inside {
    max-width: 1218px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #introduction .inside {
    padding: 0.5rem 0 0.5rem 0;
  }
}
.home #introduction .grid-container {
  display: grid;
  grid-template-columns: 1fr 0.666fr;
  grid-gap: 2rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #introduction .grid-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #introduction .grid-container {
    grid-template-columns: 1fr;
  }
}
.home #introduction a.link:link, .home #introduction a.link:visited {
  margin-top: 1rem;
  color: #008995;
}
.home #introduction a.link:hover {
  color: #e30613;
}
.home #introduction h3 {
  font-weight: 600;
  margin: 1rem 0;
}
.home #introduction p, .home #introduction a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
}
.home #introduction ul {
  margin: 10px 0 1.5rem 0;
  padding: 0;
  list-style: none;
}
.home #introduction li {
  position: relative;
  line-height: 1.75rem;
  padding-left: 1.5rem;
}
.home #introduction li:before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23008995' d='M485.357 61.394a11.044 11.044 0 0 1 9.267 4.633l13.9 12.742A16.965 16.965 0 0 1 512 89.2a12.505 12.505 0 0 1-3.475 9.267L161.014 445.973q-4.642 4.642-9.846 4.633c-3.476 0-6.77-1.538-9.847-4.633L3.475 308.126A12.5 12.5 0 0 1 0 298.859a16.965 16.965 0 0 1 3.475-10.425l13.9-12.741a11.022 11.022 0 0 1 9.267-4.634 11.047 11.047 0 0 1 9.267 4.634l114.679 114.678L476.09 66.027a11.024 11.024 0 0 1 9.267-4.633z'/%3E%3C/svg%3E");
  left: 0;
  top: 6px;
  height: 16px;
  width: 16px;
}
.home #product-overview {
  background-color: #eee;
  margin: 0 2.5rem 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #product-overview {
    margin: 0 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #product-overview {
    margin: 0 1.5rem 1.5rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #product-overview {
    margin: 0;
  }
}
.home #product-overview .wrapper {
  margin: 0 auto;
  padding: 0.5rem 1.5rem 2rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .home #product-overview .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #product-overview .wrapper {
    padding: 0.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #product-overview .wrapper {
    padding: 1rem;
  }
}
.home #product-overview .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: ". . ." ". . ." ". . .";
  grid-gap: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #product-overview .grid-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas: ". ." ". ." ". ." ". .";
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #product-overview .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-areas: "." "." "." "." "." "." "." ".";
    grid-gap: 1rem;
  }
}
.home #career {
  position: relative;
  padding: 2.5rem 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #career {
    padding: 1.5rem 1.5rem;
  }
}
.home #career img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 785px;
  height: 588px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #career img {
    width: 100%;
    height: auto;
  }
}
.home #career .overlay {
  position: absolute;
  width: 600px;
  left: 50%;
  top: 0;
  bottom: 0;
  background-color: #fff;
  display: grid;
  align-items: center;
  padding-top: 135px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #career .overlay {
    width: 50%;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #career .overlay {
    position: static;
    left: 0;
    width: 100%;
    padding-top: 0;
  }
}
.home #career .overlay .content-wrapper {
  padding: 0 1.5rem;
  border-left: 0.25rem solid #ccc;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #career .overlay .content-wrapper {
    padding: 1rem 0 0;
    border-left: none;
  }
}
.home #career .overlay h2 {
  margin: 0 0 1.5rem 0;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #career .overlay h2 {
    font-size: 2.25em;
    margin-bottom: 0.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #career .overlay h2 {
    font-size: 1.75em;
    margin-bottom: 0.5rem;
  }
}
.home #career .overlay h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}
@media only screen and ( max-width: 600px ) {
  .home #career .overlay h3 {
    font-size: 1.25rem;
  }
}
.home #career .overlay p {
  line-height: 1.5rem;
}
@media only screen and ( max-width: 600px ) {
  .home #career .overlay p {
    display: none;
  }
}
.home #career .overlay .mod_button {
  margin: 4rem 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #career .overlay .mod_button {
    margin: 2rem 0 1rem;
  }
}
.home #applications-and-services {
  padding: 0 2.5rem;
  margin-top: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #applications-and-services {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #applications-and-services {
    padding: 0;
  }
}
.home #applications-and-services .inside {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0;
  background-color: #eee;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #applications-and-services .inside {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #applications-and-services .inside {
    padding: 1rem;
  }
}
.home #applications-and-services .teaser {
  padding: 0 1.5rem 1.5rem 1.5rem;
  display: flex;
}
@media only screen and ( max-width: 600px ) {
  .home #applications-and-services .teaser {
    padding: 0;
  }
}
.home #applications-and-services .teaser .wrapper {
  display: grid;
  grid-template-rows: auto auto 1fr;
  max-width: 573px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #applications-and-services .teaser .wrapper {
    max-width: 100%;
  }
}
.home #applications-and-services .teaser .text-wrapper {
  padding: 1.5rem;
  background-color: #fff;
}
@media only screen and ( max-width: 600px ) {
  .home #applications-and-services .teaser .text-wrapper {
    padding: 1rem;
  }
}
.home #applications-and-services .teaser img {
  display: block;
  width: 100%;
  height: auto;
}
.home #applications-and-services .teaser h3 {
  margin: 0;
}
.home #applications-and-services .teaser.applications {
  border-right: 0.75rem solid #fff;
  justify-content: flex-end;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #applications-and-services .teaser.applications {
    border-right-width: 0;
  }
}
.home #applications-and-services .teaser.services {
  border-left: 0.75rem solid #fff;
  justify-content: flex-start;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #applications-and-services .teaser.services {
    border-left-width: 0;
  }
}
.home #applications-and-services .service-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.5rem;
}
@media only screen and ( max-width: 600px ) {
  .home #applications-and-services .service-overview {
    grid-template-columns: 1fr;
  }
}
.home #news {
  background: transparent url("../images/home/news_bg.jpg") no-repeat;
  background-size: cover;
  margin: 1.5rem 2.5rem 0;
  position: relative;
  overflow-x: hidden;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news {
    background: #eee none;
    width: auto;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news {
    margin: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #news {
    margin: 0;
  }
}
.home #news .inside {
  margin: 0 auto;
  padding-top: 3rem;
  position: relative;
  padding-bottom: 2.5rem;
  transition: all 0.3s ease-out;
}
@media only screen and ( min-width: 1218px ) {
  .home #news .inside {
    max-width: 1200px;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news .inside {
    width: 100%;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .inside {
    padding: 1rem;
    padding-bottom: calc(3.5rem + 54px);
  }
}
@media only screen and ( max-width: 600px ) {
  .home #news .inside {
    padding: 1rem 0;
  }
}
.home #news .news_item {
  background-color: #fff;
  position: relative;
  padding: 2.5rem;
  color: #fff;
  position: relative;
  transition: all 0.3s ease-out;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .news_item {
    padding: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .home #news .news_item {
    margin: 0 1.5rem;
  }
}
.home #news .news_item.even::before, .home #news .news_item.odd::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-color: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .news_item.even::before, .home #news .news_item.odd::before {
    content: none;
  }
}
.home #news .news_item.even {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.home #news .news_item.even::before {
  transform: translate(-100%, 0);
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .home #news .news_item.even {
    margin-right: 10rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news .news_item.even {
    margin-right: 3rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .news_item.even {
    margin-right: 0;
  }
}
.home #news .news_item.odd {
  margin-left: 10rem;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.home #news .news_item.odd::before {
  transform: translate(100%, 0);
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news .news_item.odd {
    margin-left: 3rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .news_item.odd {
    margin-left: 0;
  }
}
.home #news .news_item.last {
  margin-top: 2.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .news_item.last {
    margin-top: 1.5rem;
    display: none;
  }
}
.home #news .news_item .slide-link {
  position: absolute;
  width: 16px;
  background-color: #fff;
  top: 0;
  bottom: 0;
  margin: auto;
  display: none;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .news_item .slide-link {
    display: block;
  }
}
.home #news .news_item .slide-link:hover {
  background-color: #ccc;
}
.home #news .news_item .slide-link.left {
  left: -24px;
}
.home #news .news_item .slide-link.left::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23686867' d='M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'/%3E%3C/svg%3E%0A");
  left: 3px;
}
.home #news .news_item .slide-link.right {
  right: -24px;
}
.home #news .news_item .slide-link.right::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23686867' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
  right: 3px;
}
.home #news .news_item .slide-link::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  width: 9px;
  height: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.home #news .wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.home #news figure {
  float: left;
  margin: 0;
  margin-right: 6.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news figure {
    float: none;
    margin: 0;
  }
}
.home #news figure a,
.home #news figure img {
  display: block;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news figure img {
    width: 350px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news figure img {
    width: 100%;
  }
}
.home #news .datePublished {
  position: absolute;
  top: 0;
  left: 506px;
  background-color: #008995;
  font-weight: 900;
  margin: 0;
  padding: 12px 4px 10px;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news .datePublished {
    left: 414px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news .datePublished {
    left: 32px;
  }
}
.home #news .datePublished span {
  display: block;
  text-align: center;
  line-height: 1;
}
.home #news .datePublished .day {
  font-size: 2.25rem;
}
.home #news .datePublished .month {
  font-size: 1.25rem;
}
.home #news .datePublished .year {
  font-size: 1.156em;
  line-height: 1.4;
}
.home #news h2 {
  color: #fff;
  margin: 0 0 3rem 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news h2 {
    margin-left: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news h2 {
    color: #e30613;
    margin-bottom: 1rem;
    margin-left: 1.5rem;
  }
}
.home #news h3 {
  margin: 0;
}
.home #news h3 a {
  text-decoration: none;
  color: #686867;
  font-size: 1.5rem;
  display: block;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news h3 a {
    font-size: 1.375rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news h3 a {
    margin: 1.5rem 0;
  }
}
.home #news h3 a:hover {
  text-decoration: underline;
  color: #008995;
}
.home #news .ce_text p {
  color: #686867;
  line-height: 1.333;
  font-size: 1.125rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news .ce_text p {
    font-size: 1rem;
  }
}
.home #news .ce_text .more a {
  color: #008995;
  text-decoration: none;
}
.home #news .ce_text .more a:hover {
  text-decoration: underline;
}
.home #news a.mod_button {
  position: absolute;
  right: 0;
  top: 3rem;
  right: 10rem;
  transition: all 0.3s ease-out;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .home #news a.mod_button {
    right: 3rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .home #news a.mod_button {
    top: auto;
    bottom: 2rem;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
}

.product main {
  padding-bottom: 0;
}
.product .introduction {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product .introduction {
    padding: 0 1rem;
  }
}
@media only screen and ( min-width: 1218px ) {
  .product .introduction .wrapper {
    display: grid;
    grid-template-columns: 3fr 5fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction .wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "." ".";
  }
}
.product .introduction h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .introduction h1 {
    font-size: 1.5rem;
  }
}
.product .introduction h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .introduction h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    margin: 1rem 0;
  }
}
.product .introduction h1 + h2 {
  margin-top: -1.4rem;
}
.product .introduction p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.7em;
  margin: 0 0 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #686867;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .introduction .mod_button {
    display: table;
    margin: 0 auto;
  }
}
.product .introduction .gallery {
  position: relative;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .introduction .gallery .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height: 4.5rem;
    cursor: pointer;
    background: #d8d8da;
  }
  .product .introduction .gallery .carousel-control:hover {
    background: #008995;
  }
  .product .introduction .gallery .carousel-control.left::before, .product .introduction .gallery .carousel-control.right::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 14px;
    height: 36px;
  }
  .product .introduction .gallery .carousel-control.left {
    left: -1rem;
  }
  .product .introduction .gallery .carousel-control.left::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23fff' d='M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'/%3E%3C/svg%3E%0A");
  }
  .product .introduction .gallery .carousel-control.right {
    right: -1rem;
  }
  .product .introduction .gallery .carousel-control.right::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23fff' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .product .introduction .gallery .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "main-image . ." "main-image . ." "main-image . .";
    grid-gap: 1.5rem;
    margin-left: 1.5rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction .gallery .wrapper {
    grid-template-columns: auto auto auto;
    justify-content: start;
    margin-left: 0;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .introduction .gallery .wrapper {
    margin-top: 1.5rem;
  }
}
.product .introduction .gallery .image-container {
  border: 2px solid #d8d8da;
  display: inline-block;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .introduction .gallery .image-container {
    display: none;
  }
  .product .introduction .gallery .image-container.main-image {
    display: block;
  }
}
.product .introduction .gallery .image-container.main-image {
  grid-area: main-image;
}
.product .introduction .gallery .image-container.selected {
  border-color: #008995;
}
.product .introduction .gallery .image-container:hover {
  border-color: #63bdb1;
}
.product .introduction .gallery img {
  display: block;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .introduction .gallery img {
    width: 100%;
    height: auto;
  }
}
.product .sec_overview {
  max-width: 1218px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  grid-gap: 1.5rem;
  margin: 3rem auto 3rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_overview {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "." ".";
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_overview {
    margin: 2rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_overview {
    grid-gap: 0;
    margin: 0 1rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .product .sec_overview .button-bar .callback {
    float: right;
  }
}
.product .sec_overview .button-bar .accessories {
  display: none;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_overview .button-bar .accessories {
    display: block;
  }
}
.product .sec_overview .button-bar .accessories.active {
  margin-bottom: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_overview .button-bar a {
    text-align: left;
    float: none;
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.product .sec_overview > .wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
  align-content: start;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_overview > .wrapper {
    grid-gap: 1rem;
    padding: 0;
  }
  .product .sec_overview > .wrapper + .wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
.product .sec_overview .mod_download {
  display: none;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_overview .mod_download {
    display: block;
    margin-top: 1rem;
  }
}
.product hr {
  border-width: 0;
  border-top: 1px solid #ccc;
  margin: 3rem 2.5rem 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product hr {
    margin: 2.5rem 1.5rem 0;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product hr {
    display: none;
  }
}
.product hr.dotted {
  border-top: 1px dotted #686867;
}
.product .overview-intro {
  display: grid;
  grid-template-columns: 3fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "h3 h3" ". img";
  grid-gap: 1.5rem;
  padding-left: 1.5rem;
  margin-bottom: 3rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .overview-intro {
    grid-gap: 1rem;
    padding: 0;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .overview-intro {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "img" "h3" ".";
    grid-gap: 0;
    padding: 0;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
}
.product .overview-intro h3,
.product .overview-intro p {
  margin: 0;
}
.product .overview-intro p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #686867;
  font-weight: 300;
  line-height: 1.333em;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .overview-intro p {
    font-size: 1rem;
  }
}
.product .overview-intro > h3 {
  grid-area: h3;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.75rem;
  color: #686867;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .overview-intro > h3 {
    font-size: 1.375rem;
    margin: 0;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .overview-intro > h3 {
    font-size: 1.25rem;
    margin: 1.5rem 0;
  }
}
.product .overview-intro img {
  grid-area: img;
  margin-top: 4px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .overview-intro img {
    width: 100%;
  }
}
.product .applications h4::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23fff' d='M437.2 403.5L320 215V64h8c13.3 0 24-10.7 24-24V24c0-13.3-10.7-24-24-24H120c-13.3 0-24 10.7-24 24v16c0 13.3 10.7 24 24 24h8v151L10.8 403.5C-18.5 450.6 15.3 512 70.9 512h306.2c55.7 0 89.4-61.5 60.1-108.5zM137.9 320l48.2-77.6c3.7-5.2 5.8-11.6 5.8-18.4V64h64v160c0 6.9 2.2 13.2 5.8 18.4l48.2 77.6h-172z'/%3E%3C/svg%3E%0A");
  background-size: 16px 20px;
  background-position: center 24px;
}
.product .applications li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'%3E%3Cpath style='fill:%23008995' d='M144 176c44.1 0 80 35.9 80 80s-35.9 80-80 80-80-35.9-80-80 35.9-80 80-80m0-64C64.5 112 0 176.5 0 256s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144z'/%3E%3C/svg%3E");
  background-position: center bottom;
}
.product .specification-table caption {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  font-weight: 600;
  background-color: #d8d8da;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 144px 24px;
  padding: 20px 1rem 20px;
}
.product .specification-table caption.corio {
  background-image: url("../images/product-logos/logo_corio_gray.svg");
  padding-left: 180px;
}
.product .specification-table caption.dyneo {
  background-image: url("../images/product-logos/logo_dyneo_gray.svg");
  padding-left: 180px;
}
.product .specification-table caption.magio {
  background-image: url("../images/product-logos/logo_magio_gray.svg");
  padding-left: 180px;
}
.product .specification-table caption.presto {
  background-image: url("../images/product-logos/logo_presto_gray.svg");
  padding-left: 180px;
}
.product .specification-table caption.pura {
  background-image: url("../images/product-logos/logo_pura_gray.svg");
  padding-left: 180px;
}
.product .specification-table a {
  display: block;
  float: right;
  color: #008995;
}
.product .specification-table a::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 0.2s ease-out;
  background-image: linear-gradient(#008995, #008995), linear-gradient(transparent, transparent);
  background-size: 0 2px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.product .specification-table a:hover::after {
  background-size: 100% 2px, auto;
}
.product .specification-table th {
  border-right: 4px solid #f6f6f6;
}
.product .specification-table td strong {
  white-space: nowrap;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .features {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .features {
    padding: 1rem;
  }
}
.product .features .wrapper {
  max-width: 1218px;
  margin: 0 auto;
}
.product .features li {
  border: 1px solid #ccc;
  padding: 1rem;
}
.product .features img {
  border-radius: 50%;
  border: 2px dotted #686867;
  padding: 2px;
}
.product .features ul {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .features ul {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product .features ul {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-gap: none;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .features ul {
    grid-gap: 1.5rem;
  }
}
.product .features h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  margin: 2rem 0 1.5rem;
}
.product .features h5 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  margin: 2rem 0 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .features h5 {
    font-size: 1.25rem;
  }
}
.product .features p {
  font-size: 1.125rem;
  margin: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .features p {
    font-size: 1rem;
  }
}
.product .features .mod_button {
  margin: 3rem auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .features .mod_button {
    margin: 1.5rem auto 2rem;
    display: table;
  }
}
.product .related-products {
  background-color: #eee;
  padding-bottom: 2rem;
  margin: 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .product .related-products .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2rem;
    height: 4.5rem;
    cursor: pointer;
    background: #686867;
  }
  .product .related-products .carousel-control:hover {
    background: #008995;
  }
  .product .related-products .carousel-control.left::before, .product .related-products .carousel-control.right::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 14px;
    height: 36px;
  }
  .product .related-products .carousel-control.left {
    left: -2rem;
  }
  .product .related-products .carousel-control.left::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23fff' d='M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'/%3E%3C/svg%3E%0A");
  }
  .product .related-products .carousel-control.right {
    right: -2rem;
  }
  .product .related-products .carousel-control.right::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath style='fill:%23fff' d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E");
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products {
    margin: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .related-products {
    margin: 0;
    padding: 0 1rem 2rem;
  }
}
.product .related-products .wrapper {
  max-width: 1218px;
  margin: 0 auto;
  position: relative;
  padding: 1.5rem 1rem 2rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products .wrapper {
    padding: 1rem 1rem 2rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product .related-products .wrapper {
    padding: 1rem 0 2rem;
  }
}
.product .related-products h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.75rem;
  color: #686867;
  margin: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products h3 {
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products h3 {
    margin: 0;
  }
}
.product .related-products h4 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #686867;
  margin: 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products h4 {
    margin: 1.5rem 0 0;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .related-products h4 {
    font-size: 1.125rem;
  }
}
.product .related-products p {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .related-products p {
    line-height: initial;
  }
}
.product .related-products ul {
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
  margin: 0;
}
@media only screen and ( max-width: 600px ) {
  .product .related-products ul {
    display: block;
  }
}
.product .related-products li {
  position: relative;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .related-products li.first {
    margin-bottom: 1rem;
  }
}
.product .related-products .image-container {
  grid-area: img;
  justify-self: center;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .related-products img {
    width: 133px;
    height: auto;
  }
}
.product .related-products .button-wrapper {
  grid-area: btn;
  margin: 0 auto;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products .button-wrapper {
    margin: 0;
  }
}
.product .related-products .slider {
  position: relative;
}
.product .related-products .new-badge {
  position: absolute;
  left: 0;
  top: 1.5rem;
  width: 3.5rem;
  height: 2.5rem;
  text-align: center;
  background-color: #008995;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 900;
  z-index: 1;
  text-transform: uppercase;
  padding: 10px 0px;
}
.product .related-products .product-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: "img ." "img ." "img btn";
  grid-column-gap: 1.5rem;
  background-color: #fff;
  border-radius: 4px;
  padding: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .related-products .product-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "img" "." "." "btn";
    grid-column-gap: unset;
  }
}
@media only screen and ( max-width: 600px ) {
  .product .related-products .product-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "img" "." "." "btn";
    grid-column-gap: unset;
  }
}
.product .related-products .carousel-indicators {
  position: absolute;
  text-align: center;
  list-style: none;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 15px;
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow-x: auto;
  overflow-y: hidden;
  text-align: center;
  white-space: nowrap;
}
.product .related-products .carousel-indicators li {
  padding: 0;
  width: 12px;
  height: 12px;
  border: 0;
  margin: 0 4px;
  text-indent: 0;
  cursor: pointer;
  background: #008995;
  display: inline-block;
  border-radius: 50%;
}
.product .related-products .carousel-indicators li.active {
  border: 2px solid #008995;
  background: #fff;
}
.product .custom-solutions {
  background: transparent url("../images/key-visuals/corio_key-visual_bg.png") no-repeat center center;
  background-size: cover;
  margin: 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .custom-solutions {
    margin: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .custom-solutions {
    margin: 0;
  }
}
.product .custom-solutions .wrapper {
  max-width: 1218px;
  margin: 0 auto;
  position: relative;
  padding: 5rem 0;
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
  justify-items: stretch;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .custom-solutions .wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 1.5rem;
    padding: 2rem 1rem;
  }
}
.product .custom-solutions .block {
  background-color: #fff;
  border-radius: 4px;
  padding: 2.5rem;
  position: relative;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .custom-solutions .block {
    padding: 1.25rem;
  }
}
.product .custom-solutions .block::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  border: 2px dotted #fff;
  border-radius: 4px;
}
.product .custom-solutions h3 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.75rem;
  color: #686867;
  margin: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .custom-solutions h3 {
    font-size: 1.25rem;
  }
}
.product .custom-solutions p {
  font-size: 1.125em;
  line-height: 1.333em;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .custom-solutions p {
    font-size: 1rem;
  }
}
.product .custom-solutions .block.second {
  background: #fff url("../images/key-visuals/product_application-teaser_bg.png") no-repeat bottom right;
}
.product .custom-solutions .block.second p {
  width: 66%;
}
.product .sec_technical-data {
  margin: 3rem auto;
  display: none;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_technical-data {
    margin: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_technical-data {
    margin: 2rem 1rem;
  }
}
.product .sec_technical-data .wrapper {
  max-width: 1218px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 6fr 2fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "grid ." "grid .";
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_technical-data .wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "." "grid" ".";
    grid-gap: 0;
    margin: 1rem 0;
  }
}
.product .sec_technical-data .wrapper > .content-wrapper {
  grid-area: grid;
}
.product .sec_technical-data .summary h4 {
  font-size: 1.5rem;
  color: #686867;
}
.product .sec_technical-data .summary ul {
  list-style: none;
  padding: 0 0 0 40px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_technical-data .summary ul {
    margin: 1.5rem 0;
  }
}
.product .sec_technical-data .summary li {
  padding: 4px 0;
  position: relative;
}
.product .sec_technical-data .summary li::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'%3E%3Cpath style='fill:%23686867' d='M144 176c44.1 0 80 35.9 80 80s-35.9 80-80 80-80-35.9-80-80 35.9-80 80-80m0-64C64.5 112 0 176.5 0 256s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144z'/%3E%3C/svg%3E");
  background-position: center bottom;
  width: 16px;
  height: 18px;
  left: -32px;
}
.product .sec_technical-data .summary li a {
  position: relative;
  font-size: 1.125rem;
  text-decoration: none;
}
.product .sec_technical-data .summary li a::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 0.2s ease-out;
  background-image: linear-gradient(#e30613, #e30613), linear-gradient(transparent, transparent);
  background-size: 0 2px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.product .sec_technical-data .summary li a:hover::after {
  background-size: 100% 2px, auto;
}
.product .sec_technical-data .summary li a:hover {
  color: #008995;
}
.product .sec_technical-data .summary .mod_button {
  margin-bottom: 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_technical-data .summary .mod_button {
    margin: 1.5rem 1rem 1.5rem 0;
  }
}
.product .sec_technical-data .curves h4 {
  font-size: 1.5rem;
}
.product .sec_downloads {
  display: none;
  margin: 3rem auto 3rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_downloads {
    margin: 3rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_downloads {
    margin: 2.5rem 1rem;
  }
}
.product .sec_downloads > .wrapper {
  max-width: 1218px;
  margin: 0 auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_downloads h3 {
    margin: 0;
  }
}
.product .sec_downloads .downloads {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.5rem;
  justify-items: stretch;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_downloads .downloads {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
}
.product .sec_downloads .mod_download {
  border-bottom: 2px dotted #ccc;
}
.product .sec_downloads .mod_download.last {
  border-bottom-width: 0;
}
.product .quicksearch {
  margin: 3rem auto;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .quicksearch {
    margin: 3rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .quicksearch {
    margin: 2.5rem 1rem;
  }
}
.product .quicksearch > .wrapper {
  max-width: 1218px;
  margin: 0 auto;
}
.product .quicksearch .formbody {
  display: grid;
  grid-template-columns: 635px auto 3fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". . ." "hint hint hint";
  grid-gap: 0.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .quicksearch .formbody {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "." "hint" ".";
  }
}
.product .quicksearch h3 {
  font-size: 1.75rem;
  margin: 2.5rem 0 1.5rem;
}
.product .quicksearch .hint {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  font-style: italic;
  grid-area: hint;
  margin: 0;
}
.product .quicksearch #quicksearch {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  color: #686867;
  font-weight: 400;
  padding: 14px 0 13px 9px;
  width: 100%;
  background-color: #f6f6f6;
  border: 1px solid #d8d8da;
}
.product .sec_accessories {
  display: none;
  margin: 3rem auto;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product .sec_accessories {
    margin: 3rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_accessories {
    margin: 2.5rem 1rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_accessories.accessoriesBox {
    display: block;
    margin: 0 0 1.5rem 0;
  }
  .product .sec_accessories.accessoriesBox .wrapper {
    margin: 2.5rem 1rem;
    margin: 0;
  }
  .product .sec_accessories.accessoriesBox .quicksearch {
    margin: 0;
  }
  .product .sec_accessories.accessoriesBox .quicksearch .hint {
    font-size: 1rem;
  }
  .product .sec_accessories.accessoriesBox h3 {
    font-size: 1.5rem;
    margin: 2rem 0 1rem;
  }
  .product .sec_accessories.accessoriesBox h4 {
    font-size: 1.25rem;
  }
}
.product .sec_accessories > .wrapper {
  max-width: 1218px;
  margin: 0 auto;
}
.product .sec_accessories .grid-container {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: auto;
  grid-template-areas: ". summary";
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product .sec_accessories .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "summary" ".";
  }
}
.product .sec_accessories h3 {
  font-size: 1.75rem;
  margin: 2.5rem 0 1.5rem;
}
.product .sec_accessories h4 {
  font-size: 1.5rem;
}
.product .sec_accessories .accordion-item-content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  grid-template-areas: ". .";
  grid-gap: 1.5rem;
  border-bottom: 2px dotted #ccc;
  transition: all 0.3s ease-out;
}
@media only screen and ( max-width: 600px ) {
  .product .sec_accessories .accordion-item-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: ".";
    grid-gap: 0;
  }
}
.product .sec_accessories .accordion-item-content:hover {
  background-color: #f6f6f6;
}
.product .sec_accessories .accordion-item-content:hover .mod_button {
  opacity: 1;
}
.product .sec_accessories .accordion-item-content.last {
  border-bottom-width: 0;
}
.product .sec_accessories h6 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #686867;
  font-weight: 600;
  margin: 0;
}
.product .sec_accessories .summary {
  grid-area: summary;
}
.product .sec_accessories .summary h4 {
  font-size: 1.5rem;
  color: #686867;
}
.product .sec_accessories .summary h5 {
  font-size: 1.125rem;
  color: #686867;
  margin: 1.5rem 0 0 0;
}
.product .sec_accessories .summary ul {
  list-style: none;
  padding: 0 0 0 2.5rem;
  margin: 4px 0;
}
.product .sec_accessories .summary li {
  padding: 4px 0;
  position: relative;
}
.product .sec_accessories .summary li::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'%3E%3Cpath style='fill:%23686867' d='M144 176c44.1 0 80 35.9 80 80s-35.9 80-80 80-80-35.9-80-80 35.9-80 80-80m0-64C64.5 112 0 176.5 0 256s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144z'/%3E%3C/svg%3E");
  background-position: center bottom;
  width: 16px;
  height: 18px;
  left: -32px;
}
.product .sec_accessories .summary li a {
  position: relative;
  font-size: 1.125rem;
  text-decoration: none;
}
.product .sec_accessories .summary li a::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  transition: all 0.2s ease-out;
  background-image: linear-gradient(#e30613, #e30613), linear-gradient(transparent, transparent);
  background-size: 0 2px, auto;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.product .sec_accessories .summary li a:hover::after {
  background-size: 100% 2px, auto;
}
.product .sec_accessories .summary li a:hover {
  color: #008995;
}
.product .sec_accessories .summary .mod_button {
  margin-bottom: 2rem;
}
.product .sec_accessories .summary .accessory-group:last-of-type {
  margin-bottom: 2rem;
}

.productoverview main {
  padding-bottom: 0;
}
.productoverview .introduction {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview .introduction {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .productoverview .introduction {
    padding: 0 1rem;
  }
}
@media only screen and ( min-width: 1218px ) {
  .productoverview .introduction .wrapper, .productoverview .introduction h2 {
    max-width: 888px;
  }
}
.productoverview .introduction h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview .introduction h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .productoverview .introduction h1 {
    font-size: 1.5rem;
  }
}
.productoverview .introduction h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview .introduction h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .productoverview .introduction h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    margin: 1rem 0;
  }
}
.productoverview .introduction h1 + h2 {
  margin-top: -1.4rem;
}
.productoverview .introduction p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.7em;
  margin: 0 0 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview .introduction p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #686867;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0 0 1.5rem;
  }
}
.productoverview #product-overview {
  background-color: #fff;
  margin: 0 2.5rem 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview #product-overview {
    margin: 0 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .productoverview #product-overview {
    margin: 0 1.5rem 1.5rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .productoverview #product-overview {
    margin: 0;
  }
}
.productoverview #product-overview .wrapper {
  margin: 0 auto;
  padding: 0.5rem 1.5rem 2rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .productoverview #product-overview .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview #product-overview .wrapper {
    padding: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .productoverview #product-overview .wrapper {
    padding: 1rem;
  }
}
.productoverview #product-overview .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". ." ". ." ". . ." ". .";
  grid-gap: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .productoverview #product-overview .grid-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas: ". ." ". ." ". ." ". .";
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .productoverview #product-overview .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-areas: "." "." "." "." "." "." "." ".";
    grid-gap: 1rem;
  }
}
@media only screen and ( min-width: 1218px ) {
  .productoverview #product-overview .mod_product-card {
    grid-template-columns: 1fr 1fr;
  }
}

.product-main-category main {
  padding-bottom: 0;
}
.product-main-category .introduction {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category .introduction {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-main-category .introduction {
    padding: 0 1rem;
  }
}
@media only screen and ( min-width: 1218px ) {
  .product-main-category .introduction .wrapper,
.product-main-category .introduction h2 {
    max-width: 888px;
  }
}
.product-main-category .introduction h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category .introduction h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-main-category .introduction h1 {
    font-size: 1.5rem;
  }
}
.product-main-category .introduction h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category .introduction h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-main-category .introduction h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    margin: 1rem 0;
  }
}
.product-main-category .introduction p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.7em;
  margin: 0 0 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category .introduction p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #686867;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0 0 1.5rem;
  }
}
.product-main-category #product-overview {
  background-color: #fff;
  margin: 0 2.5rem 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category #product-overview {
    margin: 0 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-main-category #product-overview {
    margin: 0 1.5rem 1.5rem 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-main-category #product-overview {
    margin: 0;
  }
}
.product-main-category #product-overview .wrapper {
  margin: 0 auto;
  padding: 0.5rem 1.5rem 2rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .product-main-category #product-overview .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category #product-overview .wrapper {
    padding: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-main-category #product-overview .wrapper {
    padding: 1rem;
  }
}
.product-main-category #product-overview .grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category #product-overview .grid-container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: ". ." ". .";
    grid-gap: 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-main-category #product-overview .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "." "." "." ".";
    grid-gap: 1rem;
  }
}
.product-main-category .applications-teaser {
  background-color: #fff;
  margin: 0 2.5rem;
  padding: 48px 0;
}
@media only screen and ( min-width: 1218px ) {
  .product-main-category .applications-teaser {
    background-color: #eee;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-main-category .applications-teaser {
    margin: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-main-category .applications-teaser {
    margin: 0 1rem;
    padding: 16px 0;
  }
}
.product-main-category .applications-teaser h2 {
  margin-top: 0;
}
.product-main-category .applications-teaser .columns-3 .content-element {
  background-color: #eee;
}
@media only screen and ( min-width: 1218px ) {
  .product-main-category .applications-teaser .columns-3 .content-element {
    background-color: #fff;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .product-main-category .applications-teaser .columns-3 .text-container {
    padding-bottom: 5rem;
    position: relative;
  }
}
.product-main-category .applications-teaser .columns-3 .mod_button {
  position: absolute;
  bottom: 1.5rem;
}
@media only screen and ( max-width: 600px ) {
  .product-main-category .applications-teaser .columns-3 .mod_button {
    display: none;
  }
}

.product-sub-category .introduction {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category .introduction {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-sub-category .introduction {
    padding: 0 1rem;
  }
}
.product-sub-category .introduction .wrapper {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-sub-category .introduction .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 1rem;
  }
}
.product-sub-category .introduction h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category .introduction h1 {
    font-size: 2.25rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-sub-category .introduction h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-sub-category .introduction h1 {
    font-size: 1.5rem;
  }
}
.product-sub-category .introduction h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category .introduction h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-sub-category .introduction h2 {
    font-size: 1.25rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-sub-category .introduction h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    margin: 1rem 0;
  }
}
.product-sub-category .introduction h1 + h2 {
  margin-top: -1.4rem;
}
.product-sub-category .introduction p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.7em;
  margin: 0 0 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category .introduction p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #686867;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0 0 1.5rem;
  }
}
.product-sub-category #product-overview {
  background-color: #eee;
  margin: 0 2.5rem 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category #product-overview {
    margin: 0 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-sub-category #product-overview {
    margin: 0 1rem 1rem 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-sub-category #product-overview {
    margin: 0;
  }
}
.product-sub-category #product-overview .wrapper {
  margin: 0 auto;
  padding: 0.5rem 1.5rem 2rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .product-sub-category #product-overview .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category #product-overview .wrapper {
    padding: 1rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-sub-category #product-overview h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-sub-category #product-overview h2 {
    font-size: 1.5rem;
    margin: 0.5rem 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-sub-category #product-overview h2 {
    margin: 1rem 0;
  }
}
.product-sub-category #product-overview .grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ) {
  .product-sub-category #product-overview .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "." "." "." ".";
    grid-gap: 1rem;
  }
}
.product-sub-category #product-overview .mod_expansion-panel table {
  width: auto;
}
.product-sub-category #product-overview .mod_expansion-panel th {
  width: 326px;
}
.product-sub-category #product-overview .mod_expansion-panel td {
  width: 182px;
}
.product-sub-category #product-overview .mod_expansion-panel .model-comparison {
  display: block;
}

.product-family .introduction {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family .introduction {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family .introduction {
    padding: 0 1rem;
  }
}
.product-family .introduction .wrapper {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family .introduction .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 1rem;
  }
  .product-family .introduction .wrapper img {
    width: 100%;
  }
}
.product-family .introduction h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family .introduction h1 {
    font-size: 2.25rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family .introduction h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-family .introduction h1 {
    font-size: 1.5rem;
  }
}
.product-family .introduction h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family .introduction h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family .introduction h2 {
    font-size: 1.25rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-family .introduction h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    margin: 1rem 0;
  }
}
.product-family .introduction h1 + h2 {
  margin-top: -1.4rem;
}
.product-family .introduction p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.7em;
  margin: 0 0 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family .introduction p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #686867;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0 0 1.5rem;
  }
}
.product-family .mod_teaser-tiles {
  margin: 2.5rem 0 0 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family .mod_teaser-tiles {
    margin: 2.5rem 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family .mod_teaser-tiles {
    margin: 2rem 1rem 1rem 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-family .mod_teaser-tiles {
    margin: 1.5rem 0 0 0;
  }
}
.product-family #product-overview {
  background-color: #eee;
  margin: 2.5rem 0 0 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family #product-overview {
    margin: 2.5rem 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family #product-overview {
    margin: 2rem 1rem 1rem 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-family #product-overview {
    margin: 1.5rem 0 0 0;
  }
}
.product-family #product-overview .wrapper {
  margin: 0 auto;
  padding: 0.5rem 1.5rem 2rem 1.5rem;
}
@media only screen and ( min-width: 1218px ) {
  .product-family #product-overview .wrapper {
    max-width: 1218px;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family #product-overview .wrapper {
    padding: 1rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .product-family #product-overview h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .product-family #product-overview h2 {
    font-size: 1.5rem;
    margin: 0.5rem 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .product-family #product-overview h2 {
    margin: 1rem 0;
  }
}
.product-family #product-overview .grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ) {
  .product-family #product-overview .grid-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "." "." "." ".";
    grid-gap: 1rem;
  }
}
.product-family #product-overview .mod_expansion-panel table {
  width: auto;
}
.product-family #product-overview .mod_expansion-panel th {
  width: 326px;
}
.product-family #product-overview .mod_expansion-panel td {
  width: 182px;
}

.content-page .headline-wrapper,
.content-page .introduction {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page .headline-wrapper,
.content-page .introduction {
    padding: 0 1.5rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page .headline-wrapper,
.content-page .introduction {
    padding: 0 1rem;
  }
}
.content-page .headline-wrapper h1,
.content-page .introduction h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
  margin-bottom: 1rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-page .headline-wrapper h1,
.content-page .introduction h1 {
    font-size: 2.25rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page .headline-wrapper h1,
.content-page .introduction h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page .headline-wrapper h1,
.content-page .introduction h1 {
    font-size: 1.5rem;
  }
}
.content-page .introduction h2,
.content-page section h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #e30613;
  font-weight: 400;
  margin: 1rem 0 1.5rem 0;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( max-width: 600px ) {
  .content-page .introduction h2,
.content-page section h2 {
    font-size: 1.5rem;
  }
}
.content-page section {
  margin: 0 2.5rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-page section {
    margin: 0 1.5rem;
  }
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page section {
    margin: 0 1.5rem 1rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page section {
    margin: 0;
  }
}
.content-page section .wrapper {
  max-width: 1218px;
  margin: 0 auto;
  padding-left: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-page section .wrapper {
    padding: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page section .wrapper {
    padding: 0 1rem;
  }
}
.content-page section .dots-dark {
  background-color: #f6f6f6;
  overflow: hidden;
  position: relative;
}
.content-page section .dots-dark::before, .content-page section .dots-dark::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  width: 600px;
  height: 500px;
  margin: auto 0;
  background-image: url("../images/elements/dots_dark.svg");
}
.content-page section .dots-dark::before {
  left: -290px;
}
.content-page section .dots-dark::after {
  right: -350px;
}
.content-page section p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.333em;
  max-width: 1063px;
}
.content-page .introduction .wrapper {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
  grid-gap: 1.5rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page .introduction .wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    grid-gap: 1rem;
  }
}
.content-page .introduction p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.25rem;
  color: #686867;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0 0 2rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ), only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-page .introduction p {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #686867;
    font-weight: 400;
    line-height: 1.333em;
    margin: 0 0 1.5rem;
  }
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ), only screen and ( min-width: 1218px ) {
  .content-page .introduction .infobox-container {
    margin-right: 1.5rem;
  }
}

.service main {
  padding-bottom: 0;
}
.service .mod_infobox.icon.ico_heart h4::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23fff' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'/%3E%3C/svg%3E");
}
.service .content-type-01.highlighted {
  background-color: #008995;
  overflow: hidden;
}
.service .content-type-01.highlighted .wrapper {
  position: relative;
}
.service .content-type-01.highlighted .wrapper::before, .service .content-type-01.highlighted .wrapper::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  width: 168px;
  height: 232px;
  margin: auto 0;
  background-image: url("../images/service/after-sales/bg_highlight_guarantee.svg");
}
.service .content-type-01.highlighted .wrapper::before {
  left: -240px;
}
.service .content-type-01.highlighted .wrapper::after {
  right: -240px;
}
.service .content-type-01.highlighted h1,
.service .content-type-01.highlighted h2,
.service .content-type-01.highlighted h3,
.service .content-type-01.highlighted h4,
.service .content-type-01.highlighted p,
.service .content-type-01.highlighted a {
  color: #fff;
}
.service .content-type-01.highlighted .mod_button {
  background-color: rgba(255, 255, 255, 0.3);
}
.service .content-type-01.highlighted .mod_button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23fff' d='M0 304v-96c0-13.3 10.7-24 24-24h200V80.2c0-21.4 25.8-32.1 41-17L441 239c9.4 9.4 9.4 24.6 0 34L265 448.7c-15.1 15.1-41 4.4-41-17V328H24c-13.3 0-24-10.7-24-24z'/%3E%3C/svg%3E%0A");
}
.service .content-type-01.highlighted .mod_button.colored {
  background-color: #fff;
  color: #008995;
}
.service .content-type-01.highlighted .mod_button.colored::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath style='fill:%23008995' d='M0 304v-96c0-13.3 10.7-24 24-24h200V80.2c0-21.4 25.8-32.1 41-17L441 239c9.4 9.4 9.4 24.6 0 34L265 448.7c-15.1 15.1-41 4.4-41-17V328H24c-13.3 0-24-10.7-24-24z'/%3E%3C/svg%3E%0A");
}

.content-page.news .news_item h1 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2.5rem;
  color: #e30613;
  font-weight: 300;
  margin-bottom: 1rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-page.news .news_item h1 {
    font-size: 2rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item h1 {
    font-size: 1.5rem;
    font-weight: 400;
  }
}
.content-page.news .news_item h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 2rem;
  color: #686867;
  font-weight: 300;
  margin-bottom: 1rem;
}
@media only screen and ( min-width: 901px ) and (max-width: 1218px ) {
  .content-page.news .news_item h2 {
    font-size: 1.5rem;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item h2 {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    color: #686867;
    font-weight: 300;
    font-weight: 400;
    margin: 1rem 0;
  }
}
.content-page.news .news_item p {
  font-size: 1.25rem;
  line-height: 1.667em;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item p {
    font-size: 1.125rem;
    line-height: 1.444em;
  }
}
.content-page.news .news_item .wrapper {
  position: relative;
  padding-left: 6rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item .wrapper {
    padding-left: 4rem;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page.news .news_item .wrapper {
    padding-left: 1rem;
  }
}
.content-page.news .news_item .datePublished {
  position: absolute;
  left: 1rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item .datePublished {
    left: 0;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page.news .news_item .datePublished {
    position: static;
    float: left;
    margin-right: 1rem;
  }
}
.content-page.news .news_item .datePublished time {
  display: inline-block;
  background-color: #008995;
  font-weight: 900;
  color: #fff;
  margin: 0;
  padding: 12px 4px 10px;
}
.content-page.news .news_item .datePublished span {
  display: block;
  text-align: center;
  line-height: 1;
}
.content-page.news .news_item .datePublished .day {
  font-size: 2.25rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item .datePublished .day {
    font-size: 2rem;
  }
}
.content-page.news .news_item .datePublished .month {
  font-size: 1.25rem;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item .datePublished .month {
    font-size: 1rem;
  }
}
.content-page.news .news_item .datePublished .year {
  font-size: 1.156em;
  line-height: 1.4;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item .datePublished .year {
    font-size: 0.9rem;
  }
}
.content-page.news .news_item figure {
  display: inline-block;
  margin: 0 0 16px 16px;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item figure {
    margin: 0 0 16px 0;
  }
}
.content-page.news .news_item figure.float_right {
  float: right;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .content-page.news .news_item figure.float_right {
    float: none;
  }
}
@media only screen and ( max-width: 600px ) {
  .content-page.news .news_item figure img {
    width: 100%;
    height: auto;
  }
}
.content-page.news .news_item figure figcaption {
  width: 442px;
}
@media only screen and ( max-width: 600px ) {
  .content-page.news .news_item figure figcaption {
    width: 100%;
  }
}

.locations main .wrapper {
  padding: 0;
}
@media only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .wrapper {
    margin: 0;
  }
}
.locations main .headquarter h3,
.locations main .accordion-item h3 {
  margin: 0;
  font-size: 1.75rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .headquarter h3,
.locations main .accordion-item h3 {
    padding: 1rem 0;
    font-size: 1.5rem;
  }
}
.locations main .headquarter p,
.locations main .accordion-item p {
  font-size: 1.25rem;
  line-height: 1.5em;
}
@media only screen and ( max-width: 600px ) {
  .locations main .headquarter p,
.locations main .accordion-item p {
    font-size: 1.125rem;
  }
}
.locations main .headquarter p span,
.locations main .accordion-item p span {
  position: relative;
  display: block;
  margin-left: 1.5rem;
}
.locations main .headquarter p span::before,
.locations main .accordion-item p span::before {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  top: 4px;
  left: -1.5rem;
}
.locations main .headquarter p span.phone::before,
.locations main .accordion-item p span.phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23686867' d='M476.5 22.9L382.3 1.2c-21.6-5-43.6 6.2-52.3 26.6l-43.5 101.5c-8 18.6-2.6 40.6 13.1 53.4l40 32.7C311 267.8 267.8 311 215.4 339.5l-32.7-40c-12.8-15.7-34.8-21.1-53.4-13.1L27.7 329.9c-20.4 8.7-31.5 30.7-26.6 52.3l21.7 94.2c4.8 20.9 23.2 35.5 44.6 35.5C312.3 512 512 313.7 512 67.5c0-21.4-14.6-39.8-35.5-44.6zM69.3 464l-20.9-90.7 98.2-42.1 55.7 68.1c98.8-46.4 150.6-98 197-197l-68.1-55.7 42.1-98.2L464 69.3C463 286.9 286.9 463 69.3 464z'/%3E%3C/svg%3E%0A");
}
.locations main .headquarter p span.fax::before,
.locations main .accordion-item p span.fax::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23686867' d='M480 136.88v-30.37c0-16.97-6.74-33.25-18.74-45.26l-42.51-42.51A64.037 64.037 0 0 0 373.49 0H174.48C157.64 0 144 14.33 144 32v104.88c-9.45-5.5-20.28-8.88-32-8.88H64c-35.35 0-64 28.65-64 64v256c0 35.35 28.65 64 64 64h48c15.22 0 29.01-5.54 40-14.41 10.99 8.87 24.78 14.41 40 14.41h256c35.35 0 64-28.65 64-64V192c0-23.63-12.95-44.04-32-55.12zM128 448c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V192c0-8.82 7.18-16 16-16h48c8.82 0 16 7.18 16 16v256zm64-400h176v48c0 8.84 7.16 16 16 16h48v80H192V48zm272 400c0 8.82-7.18 16-16 16H192c-8.82 0-16-7.18-16-16V240h288v208zM352 336h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm-96 96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm96 96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16z'/%3E%3C/svg%3E");
}
.locations main .headquarter p span.envelope::before,
.locations main .accordion-item p span.envelope::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23686867' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'/%3E%3C/svg%3E");
}
.locations main .headquarter p span.globe::before,
.locations main .accordion-item p span.globe::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31'%3E%3Cpath style='fill:%23686867' d='M28.906,23.25a15.663,15.663,0,0,1-5.656,5.656A15.025,15.025,0,0,1,15.5,31a15.023,15.023,0,0,1-7.75-2.094A15.656,15.656,0,0,1,2.094,23.25,15.013,15.013,0,0,1,0,15.5,15.016,15.016,0,0,1,2.094,7.75,15.656,15.656,0,0,1,7.75,2.094,15.023,15.023,0,0,1,15.5,0a15.025,15.025,0,0,1,7.75,2.094A15.663,15.663,0,0,1,28.906,7.75,15.025,15.025,0,0,1,31,15.5,15.023,15.023,0,0,1,28.906,23.25ZM2.625,19.5H8.813a25.736,25.736,0,0,1,0-8H2.625A13.1,13.1,0,0,0,2.625,19.5ZM7.156,4.875A13.362,13.362,0,0,0,3.375,9.5H9.188a18.829,18.829,0,0,1,3.375-7.187A13.645,13.645,0,0,0,7.156,4.875Zm0,21.25a13.661,13.661,0,0,0,5.407,2.563A18.162,18.162,0,0,1,9.25,21.5H3.375A13.353,13.353,0,0,0,7.156,26.125ZM20.188,19.5a23.461,23.461,0,0,0,0-8H10.813a23.411,23.411,0,0,0,0,8Zm-8.875-10h8.375A14.566,14.566,0,0,0,15.5,2.125,14.551,14.551,0,0,0,11.313,9.5Zm8.375,12H11.313A14.546,14.546,0,0,0,15.5,28.875,14.562,14.562,0,0,0,19.688,21.5ZM23.844,4.875a13.648,13.648,0,0,0-5.406-2.562A18.859,18.859,0,0,1,21.813,9.5h5.812A13.384,13.384,0,0,0,23.844,4.875Zm0,21.25A13.375,13.375,0,0,0,27.625,21.5H21.75a18.188,18.188,0,0,1-3.312,7.188A13.663,13.663,0,0,0,23.844,26.125ZM28.375,11.5H22.188a25.8,25.8,0,0,1,0,8h6.187A13.117,13.117,0,0,0,28.375,11.5Z'/%3E%3C/svg%3E");
}
.locations main .headquarter figure,
.locations main .accordion-item figure {
  justify-self: end;
  margin: 0;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .headquarter figure,
.locations main .accordion-item figure {
    order: 1;
    justify-self: stretch;
  }
}
.locations main .headquarter figure a,
.locations main .headquarter figure img,
.locations main .accordion-item figure a,
.locations main .accordion-item figure img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .headquarter .text-container,
.locations main .accordion-item .text-container {
    order: 2;
  }
}
.locations main .headquarter {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  background: #F6F6F6 none;
  border: 1px solid #eee;
  padding: 24px;
  margin-bottom: 1rem;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .headquarter {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
.locations main .accordion-item {
  margin-bottom: 0.5rem;
}
.locations main .accordion-item .accordion-item-content {
  display: grid;
  grid-template-columns: 5fr 3fr;
  grid-template-rows: 1fr;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .accordion-item .accordion-item-content {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
.locations main .accordion-item .text-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .accordion-item .text-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
}
@media only screen and ( max-width: 600px ), only screen and ( min-width: 601px ) and (max-width: 900px ) {
  .locations main .accordion-item figure {
    order: 1;
    justify-self: left;
  }
}