@charset "UTF-8";
/*---------------------
 * Grid
 *--------------------*/
html {
  box-sizing: border-box;
}

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

/**
 * _settings.scss
 *
 * project specific settings
 * This file must be imported after(!) bourbon and before(!) neat
 * 
 * @author Johannes Braun <j.braun@agentur-halma.de>
 * @package lindenmann
 */
/*--------------------
 * Colors
 *-------------------*/
/*---------------------
 * Typography
 *--------------------*/
/*---------------------
 * Flags/Settings
 *--------------------*/
/**
 * RWD / Breakpoints
 */
html {
  box-sizing: border-box;
}

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

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-regular-webfont.svg#Montserrat") format("svg");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../fonts/montserrat-bold-webfont.woff") format("woff"), url("../fonts/montserrat-bold-webfont.ttf") format("truetype"), url("../fonts/montserrat-bold-webfont.svg#Montserrat") format("svg");
}

body {
  font-family: "helvetica neue", "helvetica", arial, sans-serif;
  line-height: 1.75em;
  color: #505050;
  font-size: 100%;
}

h1 {
  margin: 0;
  font-size: 1.5rem;
}

h1, h2, h3 {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

h1 {
  margin: 0 0 1.5em 0;
}

h2 {
  font-size: 1em;
  font-weight: 700;
  margin: 0;
  line-height: 1.5em;
  color: #00a188;
  color: #505050;
}

.content p, .content .text {
  max-width: 50em;
  margin-bottom: 1.5em;
}

.content .text {
  margin-bottom: 3em;
}

.content ul {
  list-style-type: none;
}

.content ul li {
  padding-left: 2em;
  position: relative;
}

.content ul li::before {
  content: '';
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #00a188;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-footer .content ul li {
  padding-left: 0;
}

.main-footer .content ul li::before {
  display: none;
}

.sidebar__item p {
  margin-bottom: 1.5em;
}

body:not(.home) {
  padding-top: 80px;
}

body.home h1 {
  font-size: 1.5em;
  text-align: center;
  padding: 3em 0 3em 0;
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  box-orient: vertical;
  box-direction: normal;
  -moz-flex-direction: column;
  flex-direction: column;
}

body > section {
  padding-left: 1em;
  padding-right: 1em;
}

body a {
  text-decoration: none;
  color: #00a188;
  font-weight: 600;
}

body a:hover {
  color: #008974;
}

#main-content {
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  max-width: 80em;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
}

#main-content::after {
  clear: both;
  content: "";
  display: block;
}

.white-section {
  background-color: #fff;
  display: block;
}

.white-section::after {
  clear: both;
  content: "";
  display: block;
}

.content {
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  max-width: 80em;
}

.content::after {
  clear: both;
  content: "";
  display: block;
}

.content .content-column {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 65.217%;
}

.content .content-column:last-child {
  margin-right: 0;
}

.main-footer {
  background-color: #333333;
  display: block;
  margin-top: 6em;
  padding-top: 6em;
  padding-bottom: 6em;
  padding-left: 2.5em;
}

.main-footer::after {
  clear: both;
  content: "";
  display: block;
}

.main-footer div {
  margin-right: 1em;
  margin-left: auto;
  margin-right: auto;
  max-width: 80em;
}

.footer__column {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 15.217%;
  font-size: 0.8125em;
}

.footer__column:last-child {
  margin-right: 0;
}

.footer__column .footer__caption {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  line-height: 3em;
  position: relative;
  left: -1.2em;
}

.footer__column .icon {
  vertical-align: middle;
  fill: #00a188;
  width: 1.2em;
  height: 1.2em;
  position: relative;
  left: -0.5em;
}

.footer__column ul {
  list-style: none;
}

.footer__column ul a {
  line-height: 1.5em;
}

.footer__column a {
  color: #707070;
  text-decoration: none;
}

.footer__column p {
  color: #707070;
}

.footer__column li, .footer__column p {
  line-height: 1.75em;
}

.mood {
  height: 220px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  .mood {
    margin-bottom: 3em;
  }
}

.mood img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.main-footer p {
  margin-bottom: 0.75em;
}

.footer__column:nth-child(4) a,
.footer__column:nth-child(5) a {
  position: relative;
}

.footer__column:nth-child(4) a::before,
.footer__column:nth-child(5) a::before {
  content: '';
  width: 1em;
  height: 1em;
  display: inline-block;
  background: #00a188 url("/img/plus.svg") no-repeat center center;
  background-size: contain;
  margin-right: 0.5em;
  vertical-align: middle;
}

.sidebar {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 30.435%;
  min-height: 100px;
}

.sidebar:last-child {
  margin-right: 0;
}

.sidebar .sidebar__item {
  border: 1px solid #00a188;
  margin-bottom: 2em;
  padding: 1em 1.5em;
}

@media screen and (max-width: 480px) {
  body.home h1 {
    padding: 6em 0 1em 0;
  }
  .footer__column {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    padding: 4.348%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .footer__column:last-child {
    margin-right: 0;
  }
  .sidebar {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .sidebar:last-child {
    margin-right: 0;
  }
  .content .content-column {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
    margin-bottom: 7em;
  }
  .content .content-column:last-child {
    margin-right: 0;
  }
  .mood {
    height: 80px;
    width: 100%;
    overflow: visible;
    position: relative;
  }
  .mood img {
    width: 100%;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  body.home h1 {
    padding: 6em 0 1em 0;
  }
  .footer__column {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    padding: 4.348%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .footer__column:last-child {
    margin-right: 0;
  }
  .sidebar {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .sidebar:last-child {
    margin-right: 0;
  }
  .content .content-column {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
    margin-bottom: 7em;
  }
  .content .content-column:last-child {
    margin-right: 0;
  }
  .mood {
    height: 120px;
    width: 100%;
    overflow: visible;
    position: relative;
  }
  .mood img {
    width: 100%;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .footer__column {
    padding: 4.348%;
    margin-right: 0;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 30.435%;
    margin-bottom: 1em;
  }
  .footer__column:nth-child(3n) {
    margin-right: 0;
  }
  .footer__column:nth-child(3n+1) {
    clear: left;
  }
  .footer__column:last-child {
    margin-right: 0;
  }
  .mood {
    height: 200px;
    width: 100%;
    overflow: visible;
    position: relative;
  }
  .mood img {
    width: 100%;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
  }
}

body.home .brand__logo .character {
  fill: #fff;
}

.main-header {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  height: 80px;
  z-index: 10;
}

.main-header .brand__logo {
  position: relative;
  float: left;
  z-index: 10;
  font-size: 1em;
  text-align: left;
  padding: 0 0 0 0;
}

.main-header .brand__logo a {
  margin: auto 1em;
  display: block;
  height: 40px;
  width: 233.918px;
  margin-top: 20px;
}

.main-header .brand__logo a svg {
  width: 100%;
  height: 100%;
}

.main-nav {
  width: 100%;
  right: 0;
  background-color: #fff;
  position: absolute;
}

.main-nav ul {
  width: 50%;
  min-width: 650px;
  float: right;
  list-style-type: none;
}

.main-nav ul > li {
  font-weight: 700;
  width: 4em;
  height: 100%;
  line-height: 80px;
  width: 20%;
  float: left;
}

.main-nav ul > li a {
  text-align: center;
  width: 100%;
  height: 100%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  color: #505050;
  margin: auto;
  font-size: .8125rem;
}

@media screen and (min-width: 1281px) {
  .main-nav ul > li a {
    font-size: 1rem;
  }
}

.main-nav ul > li:hover {
  background-color: #80d0c4;
}

.main-nav ul > li:hover a {
  color: #fff;
}

.main-nav ul > li:hover ul {
  transform: translate(0, 80px);
}

.main-nav > ul > li:last-child {
  background-color: #00a188;
}

.main-nav > ul > li:last-child a {
  color: #fff;
}

.main-nav ul ul {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 80px;
  width: 50%;
  background-color: #80d0c4;
  transform: translate(0, -80px);
  transition: 400ms ease-out;
}

.main-nav ul ul a {
  font-size: .8em;
  color: #fff;
}

.scroll-down {
  position: absolute;
  left: 50%;
  bottom: -2em;
  background-color: #fff;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  margin-left: -2.5em;
  text-align: center;
  line-height: 5em;
  z-index: 3;
}

.scroll-down svg {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-top: 1em;
}

.scroll-down svg path {
  stroke-width: 24px;
  stroke: #00a188;
}

body.home .main-header {
  background-color: transparent;
  transition: 300ms;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
}

body.home .main-nav {
  transition: 300ms;
  opacity: 0;
}

body.home.has-scrolled .main-header, body.home .main-header:hover {
  background-color: #fff !important;
}

body.home.has-scrolled .main-header .main-nav, body.home .main-header:hover .main-nav {
  opacity: 1;
}

body.home.has-scrolled .main-header .brand__logo .character, body.home .main-header:hover .brand__logo .character {
  fill: #5c5c5c;
}

body.has-scrolled.home .main-header {
  background-color: transparent;
  background: none;
}

body.has-scrolled .main-header {
  box-shadow: 0 0 1px #808080;
}

.main-header .menu-open, .main-header .menu-close {
  position: absolute;
  top: 1em;
  right: 1em;
  transition: all, 500ms;
}

.main-header .menu-open .icon, .main-header .menu-close .icon {
  width: 3em;
  height: 3em;
  fill: #00a188;
}

.main-nav {
  display: none;
}

.menu-close {
  visibility: hidden;
  top: -999px;
  opacity: 0;
}

.mobile-nav {
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 1em 1em 1em 2em;
  list-style-type: none;
}

.mobile-nav li {
  font-weight: 700;
  list-style-type: none;
  height: 3em;
}

.mobile-nav li a {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  color: #505050;
  font-size: 1.1em;
  line-height: 2em;
}

.mobile-nav li ul {
  padding: 1em 1em 1em 2em;
  list-style-type: none;
  position: absolute;
  left: 1000px;
  top: 0px;
  background: #fff;
  height: 100%;
  width: 100%;
  transition: all, 250ms;
}

.mobile-nav li .drill-down-button {
  background-image: url("/img/plus.svg");
  background-color: #00a188;
  background-repeat: no-repeat;
  background-position: 5px 3px;
  background-size: 32px;
  float: right;
  border: none;
  top: 0em;
  right: 1em;
  height: 42px;
  width: 42px;
  line-height: 32px;
  transform-origin: center center;
  margin-right: 1em;
}

.mobile-nav li .drill-up div {
  background-image: url("/img/caret_left.svg");
  background-color: #00a188;
  background-repeat: no-repeat;
  background-position: 7px 7px;
  background-size: 24px;
  float: left;
  display: block;
  border: none;
  top: 0em;
  right: 1em;
  height: 42px;
  width: 42px;
  line-height: 32px;
  transform-origin: center center;
}

.mobile-nav li .current ul {
  left: 0px;
}

.mobile-nav .current ul {
  left: 0px;
}

.menu-is-active .mobile-nav {
  border-top: 1px solid #bbb;
  visibility: visible;
}

.menu-is-active .menu-close {
  visibility: visible;
  top: 1em;
  opacity: 1;
}

.menu-is-active .menu-open {
  visibility: hidden;
  opacity: 0;
}

.mobile-nav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 80px;
  background-color: #fff;
}

@media screen and (max-width: 480px) {
  .main-nav {
    display: none;
  }
  .main-header .brand__logo a {
    margin-left: .5em;
    width: 204.678px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .main-nav {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .main-header .main-nav {
    display: block;
  }
  .main-header .menu-open, .main-header .menu-close {
    display: none;
  }
  .mobile-nav {
    display: none;
  }
}

/**
 * _stage.scss
 *
 * @author Johannes Braun <j.braun@agentur-halma.de>
 *
 */
.stage {
  height: 100vh;
  position: relative;
}

.stage__item {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  opacity: 0;
  transition: opacity 1s ease;
}

.stage__item.active {
  opacity: 1;
  z-index: 2;
}

.stage__item.active img {
  animation: zoom-in 10s ease-out alternate infinite;
}

.stage__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  width: auto;
  height: auto;
  max-height: auto;
  transform: translate(-50%, -50%) scale(1);
}

@media all and (orientation: portrait) {
  .stage__item img {
    max-height: 100%;
    max-width: auto !important;
  }
}

.stage__caption {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1em;
  margin-left: 1em;
  width: auto;
  max-width: 100%;
}

.stage__caption h2 {
  position: relative;
  right: 0em;
  margin: 0;
  font-size: 2.25em;
  color: #00a188;
}

.stage__caption h2::after {
  clear: both;
  content: "";
  display: block;
}

.stage__caption h2 span {
  float: right;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 161, 136, 0.85);
  padding: 0.125em 0.5em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 0.125em;
}

.stage__caption div {
  float: right;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1em;
  color: #505050;
  line-height: 1.25em;
}

.stage__caption div p {
  margin-bottom: 1em;
}

@media screen and (min-width: 769px) {
  .stage__caption div {
    min-width: 30em;
    max-width: 30em;
  }
}

.stage__caption div .button, .stage__caption div .cookie-notification__accept {
  float: right;
}

.stage .stage__caption-hero {
  position: absolute;
  width: 80%;
  margin-left: 10%;
  color: #fff;
  top: 35%;
  text-align: center;
}

.stage .stage__caption-hero h1 {
  font-size: 2em;
  letter-spacing: 0.01em;
  line-height: 1.2em !important;
  background-color: #00a188;
  padding: 1rem 2rem !important;
  display: inline-block;
  max-width: 80vw;
}

@keyframes zoom-in {
  to {
    transform: translate3d(-50%, -50%, 0) scale3d(1.05, 1.05, 1.05);
  }
}

#bgvid {
  visibility: hidden;
  transform: translate(-100%, -100%);
}

#video-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

.stage-pager {
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 3;
}

.stage-pager > a {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 0 0.5em;
  background-color: #fff;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.stage-pager > a.active {
  background-color: #00a188;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .stage__caption {
    top: 45%;
  }
  .stage .stage__caption-hero h1 {
    font-size: 1.5rem;
  }
  .stage-pager {
    right: auto;
    left: 1em;
  }
}

@media screen and (max-width: 480px) {
  .stage__caption {
    font-size: .9em;
    background-color: white;
  }
  .stage__caption h2 {
    font-size: 1em;
  }
  .stage .stage__caption-hero h1 {
    font-size: 1rem;
    line-height: 1em;
  }
}

@media screen and (min-width: 1025px) {
  .stage .stage__caption-hero h1 {
    font-size: 3em;
    line-height: 1.4;
    margin: 0 auto;
    padding: 0;
    margin-top: 6rem;
  }
}

/**
 * _machines.scss
 * @author Johannes Braun <j.braun@agentur-halma.de>
 */
.machine-list__title h2 label {
  color: #505050;
}

.machines-container {
  visibility: hidden;
  display: none;
  height: 0px;
}

.machines-container table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.machines-container table thead {
  background-color: #fff;
}

.machines-container table tbody {
  display: block;
}

.machines-container table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.machines-container table td, .machines-container table th {
  display: table-cell;
  width: 16.667%;
  padding: 4.348%;
  height: 100%;
  text-align: left;
  color: #505050;
  padding: 1em;
}

.machines-container table td:nth-child(2n), .machines-container table th:nth-child(2n) {
  background-color: #eee;
}

.machines-container table td {
  height: 150px;
}

.machines-container table .machine-list__category {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 100%;
  height: auto;
}

.machines-container table .machine-list__category:last-child {
  margin-right: 0;
}

.machines-container table .machine-list__header {
  border-bottom: 3px solid #bbb;
}

.machines-container table .machine-list__feature-mobile {
  display: none;
}

.machines-container table .machine-list__more-mobile {
  display: none;
}

.machines-container table .machine-list__title {
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  display: none;
  width: 100%;
  position: relative;
  border-bottom: 3px solid #bbb;
  margin-top: 2em;
}

.machines-container table .machine-list__title label {
  color: #505050;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

.machines-container table .machine-list__title [id^=machine-detail__checkbox-]:checked ~ .machine-detail__box {
  display: block;
}

.machines-container table .machine-list__title td {
  height: auto;
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 100%;
}

.machines-container table .machine-list__title td:last-child {
  margin-right: 0;
}

.machines-container table .machine-list__title .machine-list__more-mobile {
  background-image: url("/img/plus.svg");
  background-color: #00a188;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
  position: absolute;
  border: none;
  top: 1em;
  right: 1em;
  transition: 200ms;
  height: 32px;
  width: 32px;
  line-height: 32px;
  transform-origin: center center;
}

.machines-container table .machine-list__title .machine-list__more-mobile__active {
  background-image: url("/img/cross.svg");
}

.machines-container table .machine-list__title .machine-list__more-mobile:focus {
  outline: none;
}

.machines-container table .machine-list__title .machine-list__more-mobile:hover {
  cursor: pointer;
}

.machines-container table .machine-list__title .machine-list__more {
  background-image: url("/img/plus.svg");
  background-color: #00a188;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
  position: absolute;
  border: none;
  top: 1em;
  right: 1em;
  transition: 200ms;
  height: 32px;
  width: 32px;
  line-height: 32px;
  transform-origin: center center;
}

.machines-container table .machine-list__title .machine-list__more:focus {
  outline: none;
}

.machines-container table .machine-list__title .machine-list__more label {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.machines-container table .machine-list__title .machine-list__more label:hover {
  cursor: pointer;
}

.machines-container table .machine-list__title .machine-detail__box {
  display: none;
  z-index: 2;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.5);
}

.machines-container table .machine-list__title .machine-detail__box h2 {
  position: relative;
}

.machines-container table .machine-list__title .machine-detail__box h2 .machine-detail__close {
  position: absolute;
  right: 0em;
  top: -.5em;
  width: 2em;
  height: 2em;
  fill: #bbb;
}

.machines-container table .machine-list__title .machine-detail__box label {
  z-index: 3;
  height: 100%;
  width: 100%;
  position: absolute;
}

.machines-container table .machine-list__title .machine-detail__box label:hover {
  cursor: pointer;
}

.machine-list__filter-location {
  border-bottom: 3px solid #bbb;
  margin-bottom: 1.5em;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  flex-wrap: wrap;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}

.machine-list__filter-location::after {
  clear: both;
  content: "";
  display: block;
}

.machine-list__filter-location .machine-list__filter-location-tabs {
  box-flex: 1;
  -moz-flex: 1 0 288px;
  flex: 1 0 288px;
  order: 2;
  box-flex: 1;
  -moz-flex: 1 0 12rem;
  flex: 1 0 12rem;
  text-align: center !important;
  margin: 1.5rem 0;
}

@media screen and (min-width: 769px) {
  .machine-list__filter-location .machine-list__filter-location-tabs {
    order: 0;
  }
}

.machine-list__filter-location .machine-list__filter-location-tabs .machine-list__filter-location-label {
  background: none;
  border: none;
  transition: all 0.15s;
  display: block;
  float: left;
  color: #505050;
  padding: 1.5em 2em;
  cursor: pointer;
  text-align: center;
  line-height: 2em;
  width: 50%;
  margin: 0;
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .machine-list__filter-location .machine-list__filter-location-tabs .machine-list__filter-location-label {
    font-size: 0.8125rem;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .machine-list__filter-location .machine-list__filter-location-tabs .machine-list__filter-location-label {
    font-size: 0.8125rem;
  }
}

.machine-list__filter-location .machine-list-download-button {
  box-flex: 1;
  -moz-flex: 1 0 288px;
  flex: 1 0 288px;
}

.machine-list__filter-location .machine-list__search {
  position: relative;
  float: right;
  box-flex: 1;
  -moz-flex: 1 0 288px;
  flex: 1 0 288px;
}

.machine-list__filter-location .machine-list__search::after {
  clear: both;
  content: "";
  display: block;
}

.machine-list__filter-location .machine-list__search input {
  display: inline-block;
  border: 1px solid #bbb;
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin: 1.5rem 0;
  float: right;
  transition: all .2s;
}

@media screen and (min-width: 769px) {
  .machine-list__filter-location .machine-list__search input {
    max-width: 10rem;
    margin: 0;
  }
  .machine-list__filter-location .machine-list__search input:focus {
    max-width: 16rem;
  }
}

.machine-list__filter-location .machine-list__search svg {
  width: 21.333px;
  height: 21.333px;
  fill: #bbb;
  position: absolute;
  right: 4px;
  top: calc(1.5rem + 4px);
}

@media screen and (min-width: 769px) {
  .machine-list__filter-location .machine-list__search svg {
    top: 4px;
  }
}

.machine-list__filter-location .machine-list__search input:focus {
  border-color: #00a188;
  outline: none;
}

.machine-list__filter-location .machine-list__search input:focus + svg {
  fill: #00a188;
}

.machine-list__filter-category {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 100%;
  position: relative;
}

.machine-list__filter-category:last-child {
  margin-right: 0;
}

.machine-list__filter-category > label {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 1em 2em;
  background-color: #eee;
  border: none;
  position: relative;
  margin-bottom: 1.5em;
  color: #505050;
  padding: 1em;
}

.machine-list__filter-category > label:focus {
  outline: none;
}

.machine-list__filter-category > label svg {
  position: absolute;
  top: 1em;
  right: 1em;
  height: 1.5em;
  width: 1.5em;
  fill: #333333;
  transition: all 0.2s;
  transform-origin: 50% 50%;
  transform: rotate(0deg);
}

.machine-list__filter-category .filter-category__toggle-button {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 4em;
}

.machine-list__filter-category .filter-category__toggle-button:hover {
  cursor: pointer;
}

.machine-list__filter-category #machine-list__filter-category-toggle {
  display: none;
}

.machine-list__filter-category #machine-list__filter-category-toggle ~ div > button > h2 > .machine-list__filter-category-open {
  display: inline-block;
}

.machine-list__filter-category #machine-list__filter-category-toggle ~ div > button > h2 > .machine-list__filter-category-close {
  display: none;
}

.machine-list__filter-category .machine-list__filter-category-content {
  visibility: hidden;
  overflow: hidden;
  height: 10px;
  background-color: #eee;
  margin-bottom: 3em;
  transition: all 0.2s;
}

.machine-list__filter-category .machine-list__filter-category-content ul {
  padding: 1.5em 2em;
}

.machine-list__filter-category .machine-list__filter-category-content ul li {
  position: relative;
  display: inline-block;
  padding-left: 0em;
  width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .machine-list__filter-category .machine-list__filter-category-content ul li {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 1025px) {
  .machine-list__filter-category .machine-list__filter-category-content ul li {
    float: left;
    width: 33%;
  }
}

.machine-list__filter-category .machine-list__filter-category-content ul li label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.machine-list__filter-category .machine-list__filter-category-content ul li label:hover {
  cursor: pointer;
}

.machine-list__filter-category .machine-list__filter-category-content ul li::before {
  content: none;
}

.machine-list__filter-category .machine-list__filter-category-content .machine-list__filter-category-indicator {
  transform: translateY(0.7em);
  margin-right: 1em;
  width: 2em;
  height: 2em;
  background: none;
  background-color: #fff;
  display: inline-block;
  transition: all 0.5s;
}

.machine-list__filter-category #machine-list__filter-category-toggle:checked ~ .machine-list__filter-category-content {
  visibility: visible;
  height: 500px;
}

@media screen and (min-width: 769px) {
  .machine-list__filter-category #machine-list__filter-category-toggle:checked ~ .machine-list__filter-category-content {
    height: 200px;
  }
}

.machine-list__filter-category #machine-list__filter-category-toggle:checked ~ div > button > h2 > .machine-list__filter-category-open {
  display: none;
}

.machine-list__filter-category #machine-list__filter-category-toggle:checked ~ div > button > h2 > .machine-list__filter-category-close {
  display: inline-block;
}

.machine-list__filter-category #machine-list__filter-category-toggle:checked + label svg {
  transform: rotate(90deg);
}

.machine-list__filter-category #machine-list__filter-category-reset {
  text-align: right;
  height: auto;
  margin-top: 4em;
}

.machine-list__filter-category #machine-list__filter-category-reset:hover {
  cursor: pointer;
}

.no-js #machine-list__filter-category-reset {
  display: none;
}

#filter-category-0:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(0) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-0:checked ~ .machines-container .machine-category__0 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-0:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-0:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-0:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-1:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(1) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-1:checked ~ .machines-container .machine-category__1 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-1:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-1:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-1:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-2:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(2) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-2:checked ~ .machines-container .machine-category__2 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-2:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-2:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-2:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-3:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(3) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-3:checked ~ .machines-container .machine-category__3 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-3:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-3:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-3:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-4:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(4) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-4:checked ~ .machines-container .machine-category__4 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-4:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-4:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-4:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-5:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(5) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-5:checked ~ .machines-container .machine-category__5 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-5:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-5:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-5:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-6:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(6) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-6:checked ~ .machines-container .machine-category__6 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-6:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-6:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-6:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-7:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(7) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-7:checked ~ .machines-container .machine-category__7 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-7:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-7:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-7:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-8:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(8) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-8:checked ~ .machines-container .machine-category__8 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-8:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-8:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-8:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-9:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(9) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-9:checked ~ .machines-container .machine-category__9 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-9:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-9:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-9:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-10:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(10) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-10:checked ~ .machines-container .machine-category__10 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-10:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-10:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-10:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-11:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(11) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-11:checked ~ .machines-container .machine-category__11 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-11:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-11:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-11:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-12:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(12) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-12:checked ~ .machines-container .machine-category__12 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-12:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-12:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-12:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-13:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(13) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-13:checked ~ .machines-container .machine-category__13 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-13:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-13:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-13:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-14:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(14) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-14:checked ~ .machines-container .machine-category__14 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-14:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-14:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-14:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-15:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(15) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-15:checked ~ .machines-container .machine-category__15 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-15:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-15:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-15:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-16:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(16) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-16:checked ~ .machines-container .machine-category__16 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-16:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-16:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-16:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-17:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(17) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-17:checked ~ .machines-container .machine-category__17 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-17:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-17:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-17:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-18:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(18) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-18:checked ~ .machines-container .machine-category__18 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-18:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-18:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-18:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-19:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(19) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-19:checked ~ .machines-container .machine-category__19 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-19:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-19:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-19:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-20:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(20) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-20:checked ~ .machines-container .machine-category__20 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-20:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-20:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-20:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-21:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(21) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-21:checked ~ .machines-container .machine-category__21 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-21:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-21:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-21:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-22:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(22) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-22:checked ~ .machines-container .machine-category__22 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-22:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-22:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-22:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-23:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(23) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-23:checked ~ .machines-container .machine-category__23 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-23:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-23:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-23:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-24:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(24) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-24:checked ~ .machines-container .machine-category__24 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-24:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-24:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-24:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-25:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(25) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-25:checked ~ .machines-container .machine-category__25 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-25:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-25:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-25:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-26:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(26) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-26:checked ~ .machines-container .machine-category__26 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-26:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-26:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-26:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-27:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(27) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-27:checked ~ .machines-container .machine-category__27 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-27:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-27:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-27:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-28:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(28) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-28:checked ~ .machines-container .machine-category__28 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-28:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-28:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-28:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

#filter-category-29:checked ~ .machine-list__filter > .machine-list__filter-category > .machine-list__filter-category-content > ul > li:nth-child(29) > .machine-list__filter-category-indicator {
  background: #00a188 url("/img/cross.svg") no-repeat center center;
  background-size: contain;
}

#filter-category-29:checked ~ .machines-container .machine-category__29 {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width: 480px) {
  #filter-category-29:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  #filter-category-29:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #filter-category-29:checked ~ .machines-container .machine-list__content {
    display: none;
  }
}

.machine-section input[type='checkbox'], .machine-section input[type='radio'] {
  display: none;
}

#location-0:checked ~ #machines__location-0 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-0:checked ~ .machine-list__filter #label-location-0 {
  background-color: #00a188;
  color: white;
}

#location-1:checked ~ #machines__location-1 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-1:checked ~ .machine-list__filter #label-location-1 {
  background-color: #00a188;
  color: white;
}

#location-2:checked ~ #machines__location-2 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-2:checked ~ .machine-list__filter #label-location-2 {
  background-color: #00a188;
  color: white;
}

#location-3:checked ~ #machines__location-3 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-3:checked ~ .machine-list__filter #label-location-3 {
  background-color: #00a188;
  color: white;
}

#location-4:checked ~ #machines__location-4 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-4:checked ~ .machine-list__filter #label-location-4 {
  background-color: #00a188;
  color: white;
}

#location-5:checked ~ #machines__location-5 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-5:checked ~ .machine-list__filter #label-location-5 {
  background-color: #00a188;
  color: white;
}

#location-6:checked ~ #machines__location-6 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-6:checked ~ .machine-list__filter #label-location-6 {
  background-color: #00a188;
  color: white;
}

#location-7:checked ~ #machines__location-7 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-7:checked ~ .machine-list__filter #label-location-7 {
  background-color: #00a188;
  color: white;
}

#location-8:checked ~ #machines__location-8 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-8:checked ~ .machine-list__filter #label-location-8 {
  background-color: #00a188;
  color: white;
}

#location-9:checked ~ #machines__location-9 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-9:checked ~ .machine-list__filter #label-location-9 {
  background-color: #00a188;
  color: white;
}

#location-10:checked ~ #machines__location-10 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-10:checked ~ .machine-list__filter #label-location-10 {
  background-color: #00a188;
  color: white;
}

#location-11:checked ~ #machines__location-11 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-11:checked ~ .machine-list__filter #label-location-11 {
  background-color: #00a188;
  color: white;
}

#location-12:checked ~ #machines__location-12 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-12:checked ~ .machine-list__filter #label-location-12 {
  background-color: #00a188;
  color: white;
}

#location-13:checked ~ #machines__location-13 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-13:checked ~ .machine-list__filter #label-location-13 {
  background-color: #00a188;
  color: white;
}

#location-14:checked ~ #machines__location-14 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-14:checked ~ .machine-list__filter #label-location-14 {
  background-color: #00a188;
  color: white;
}

#location-15:checked ~ #machines__location-15 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-15:checked ~ .machine-list__filter #label-location-15 {
  background-color: #00a188;
  color: white;
}

#location-16:checked ~ #machines__location-16 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-16:checked ~ .machine-list__filter #label-location-16 {
  background-color: #00a188;
  color: white;
}

#location-17:checked ~ #machines__location-17 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-17:checked ~ .machine-list__filter #label-location-17 {
  background-color: #00a188;
  color: white;
}

#location-18:checked ~ #machines__location-18 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-18:checked ~ .machine-list__filter #label-location-18 {
  background-color: #00a188;
  color: white;
}

#location-19:checked ~ #machines__location-19 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-19:checked ~ .machine-list__filter #label-location-19 {
  background-color: #00a188;
  color: white;
}

#location-20:checked ~ #machines__location-20 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-20:checked ~ .machine-list__filter #label-location-20 {
  background-color: #00a188;
  color: white;
}

#location-21:checked ~ #machines__location-21 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-21:checked ~ .machine-list__filter #label-location-21 {
  background-color: #00a188;
  color: white;
}

#location-22:checked ~ #machines__location-22 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-22:checked ~ .machine-list__filter #label-location-22 {
  background-color: #00a188;
  color: white;
}

#location-23:checked ~ #machines__location-23 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-23:checked ~ .machine-list__filter #label-location-23 {
  background-color: #00a188;
  color: white;
}

#location-24:checked ~ #machines__location-24 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-24:checked ~ .machine-list__filter #label-location-24 {
  background-color: #00a188;
  color: white;
}

#location-25:checked ~ #machines__location-25 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-25:checked ~ .machine-list__filter #label-location-25 {
  background-color: #00a188;
  color: white;
}

#location-26:checked ~ #machines__location-26 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-26:checked ~ .machine-list__filter #label-location-26 {
  background-color: #00a188;
  color: white;
}

#location-27:checked ~ #machines__location-27 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-27:checked ~ .machine-list__filter #label-location-27 {
  background-color: #00a188;
  color: white;
}

#location-28:checked ~ #machines__location-28 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-28:checked ~ .machine-list__filter #label-location-28 {
  background-color: #00a188;
  color: white;
}

#location-29:checked ~ #machines__location-29 {
  visibility: visible;
  display: block;
  height: auto;
}

#location-29:checked ~ .machine-list__filter #label-location-29 {
  background-color: #00a188;
  color: white;
}

.machines-list {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  flex-wrap: wrap;
  box-pack: justify;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
  padding: 0;
  margin: 0;
}

table > tbody > .machine-list__content {
  display: none;
}

.machine-list__content {
  background-color: #fff;
  display: none;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.machine-list__content-picture {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.machine-list__content-picture img {
  max-height: 100%;
  width: auto;
  height: auto;
  max-width: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.machine-list__content-picture .kicker {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 161, 136, 0.75);
  color: #fff;
  font-size: 1.25em;
  text-transform: uppercase;
  padding: 0.25em 0.5em;
}

.machine-list__content__features {
  color: #808080;
  font-size: 0.8125em;
}

.machine {
  display: block;
  min-width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 8%;
  height: 82%;
  margin-bottom: 10%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, 0.1);
  padding: 1.5em;
  overflow: hidden;
  overflow-Y: scroll;
  box-flex: 0;
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
}

.machine::after {
  clear: both;
  content: "";
  display: block;
}

.machine h2 {
  margin-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #bbb;
}

.machine .machine__picture {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 30.435%;
  overflow: hidden;
  padding-bottom: 3em;
}

.machine .machine__picture:last-child {
  margin-right: 0;
}

.machine__picture {
  position: relative;
}

.machine__picture img {
  width: 100%;
  max-width: 100%;
}

.machine__picture .kicker {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 161, 136, 0.75);
  color: #fff;
  font-size: 1.25em;
  text-transform: uppercase;
  padding: 0.25em 0.5em;
}

.machine__features {
  color: #808080;
  font-size: 0.8125em;
}

.machine__features {
  margin-top: 3em;
  max-width: 80em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
}

.machine__features::after {
  clear: both;
  content: "";
  display: block;
}

.machine__features li {
  padding-left: 0 !important;
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 30.435%;
}

.machine__features li:last-child {
  margin-right: 0;
}

.machine__features li:nth-child(3n) {
  margin-right: 0;
}

.machine__features li:nth-child(3n+1) {
  clear: left;
}

.machine__features li::before {
  display: none;
}

.machine__features .feature {
  margin-bottom: 1.5em;
}

.machine__features dt {
  font-weight: 200;
  color: #a0a0a0;
  text-align: left;
  border-bottom: 1px solid #a0a0a0;
  line-height: 1em;
}

.machine__features dd {
  font-weight: 600;
  color: #101010;
  text-align: left;
  font-size: 1.25em;
  line-height: 1.25em;
}

@media screen and (max-width: 480px) {
  .machine-list__filter-category .machine-list__filter-category-content {
    margin-bottom: 0;
  }
  .machine-section > table > tbody > .machine-list__content {
    display: none;
  }
  .machine-section > table > tbody > .machine-list__content-picture img {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    max-width: 100%;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-input {
    visibility: visible;
    height: auto;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-input button {
    opacity: 1;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-input input[type='text'] {
    padding-left: 2em;
    width: 250px;
    border: 1px solid #bbb;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-close {
    opacity: 0 !important;
  }
  .machine-list__more {
    display: none;
  }
  .machines-container > table .machine-list__more-mobile {
    display: block;
  }
  .machines-container table .machine-list__title [id^=machine-detail__checkbox-]:checked ~ .machine-detail__box {
    display: none;
  }
  .machines-container table .machine-list__title h2 label {
    cursor: default;
    color: #505050 !important;
  }
  .machines-container table tbody {
    height: 100%;
  }
  .machines-container table thead {
    display: none;
  }
  .machines-container table td, .machines-container table th {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .machines-container table td:last-child, .machines-container table th:last-child {
    margin-right: 0;
  }
  .machines-container table td:nth-child(2n), .machines-container table th:nth-child(2n) {
    background: none;
  }
  .machines-container table td {
    height: auto;
  }
  .machines-container .machine-list__feature {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
    font-weight: 600;
  }
  .machines-container .machine-list__feature::before {
    content: attr(data-label);
    width: 100%;
    font-weight: 200;
    color: #a0a0a0;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    line-height: 1em;
    margin-bottom: .1em;
  }
  .machines-container table .machine-list__feature-mobile {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
    font-weight: 600;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    margin-right: 0;
    display: block;
  }
  .machines-container table .machine-list__feature-mobile:last-child {
    margin-right: 0;
  }
  .machines-container table .machine-list__feature-mobile::before {
    content: attr(data-label);
    width: 100%;
    font-weight: 200;
    color: #a0a0a0;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    line-height: 1em;
    margin-bottom: .1em;
  }
  .machines-container .machine-list__image {
    height: 300px;
  }
  .machines-container .machine-list__image .machine-list__content-picture img {
    width: auto;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .machine-list__filter-category .machine-list__filter-category-content {
    margin-bottom: 0;
  }
  .machine-list__content {
    display: none;
  }
  .machine-list__content-picture img {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-input {
    visibility: visible;
    height: auto;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-input button {
    opacity: 1;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-input input[type='text'] {
    padding-left: 2em;
    width: 250px;
    border: 1px solid #bbb;
  }
  .machine-list__filter-location .machine-list__search .machine-list__search-close {
    opacity: 0 !important;
  }
  .machine-list__more {
    display: none;
  }
  .machines-container > table .machine-list__more-mobile {
    display: block;
  }
  .machines-container table .machine-list__title [id^=machine-detail__checkbox-]:checked ~ .machine-detail__box {
    display: none;
  }
  .machines-container table .machine-list__title [id^=machine-detail__checkbox-]:checked ~ .machine-list__content {
    color: green;
  }
  .machines-container table .machine-list__title h2 label {
    cursor: default;
  }
  .machines-container table tbody {
    height: 100%;
  }
  .machines-container table thead {
    display: none;
  }
  .machines-container table td, .machines-container table th {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .machines-container table td:last-child, .machines-container table th:last-child {
    margin-right: 0;
  }
  .machines-container table td:nth-child(2n), .machines-container table th:nth-child(2n) {
    background: none;
  }
  .machines-container table td {
    height: auto;
  }
  .machines-container .machine-list__feature {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
    font-weight: 600;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    margin-right: 0;
  }
  .machines-container .machine-list__feature:last-child {
    margin-right: 0;
  }
  .machines-container .machine-list__feature::before {
    content: attr(data-label);
    width: 100%;
    font-weight: 200;
    color: #a0a0a0;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    line-height: 1em;
    margin-bottom: .1em;
  }
  .machines-container table .machine-list__feature-mobile {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
    font-weight: 600;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    margin-right: 0;
    display: block;
  }
  .machines-container table .machine-list__feature-mobile:last-child {
    margin-right: 0;
  }
  .machines-container table .machine-list__feature-mobile::before {
    content: attr(data-label);
    width: 100%;
    font-weight: 200;
    color: #a0a0a0;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    line-height: 1em;
    margin-bottom: .1em;
  }
  .machines-container .machine-list__image {
    height: 300px;
  }
  .machines-container .machine-list__image .machine-list__content-picture img {
    width: auto;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .machine-list__content {
    display: none;
  }
  .machine-list__content-picture img {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
  }
  .machine-list__more {
    display: none;
  }
  .machines-container > table .machine-list__more-mobile {
    display: block;
  }
  .machines-container table .machine-list__title [id^=machine-detail__checkbox-]:checked ~ .machine-detail__box {
    display: none;
  }
  .machines-container table .machine-list__title [id^=machine-detail__checkbox-]:checked ~ .machine-list__content {
    color: green;
  }
  .machines-container table tbody {
    height: 100%;
  }
  .machines-container table thead {
    display: none;
  }
  .machines-container table td, .machines-container table th {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .machines-container table td:last-child, .machines-container table th:last-child {
    margin-right: 0;
  }
  .machines-container table td:nth-child(2n), .machines-container table th:nth-child(2n) {
    background: none;
  }
  .machines-container table td {
    height: auto;
  }
  .machines-container .machine-list__feature {
    font-weight: 600;
    color: #101010;
    text-align: left;
    font-size: 1em;
    line-height: 1.25em;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    margin-right: 0;
  }
  .machines-container .machine-list__feature:last-child {
    margin-right: 0;
  }
  .machines-container .machine-list__feature::before {
    content: attr(data-label);
    width: 100%;
    font-weight: 200;
    font-size: .7em;
    color: #a0a0a0;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    line-height: 1em;
    padding-bottom: .5em;
    margin-bottom: .5em;
  }
  .machines-container table .machine-list__feature-mobile {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
    font-weight: 600;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    margin-right: 0;
    display: block;
  }
  .machines-container table .machine-list__feature-mobile:last-child {
    margin-right: 0;
  }
  .machines-container table .machine-list__feature-mobile::before {
    content: attr(data-label);
    width: 100%;
    font-weight: 200;
    color: #a0a0a0;
    text-align: left;
    border-bottom: 1px solid #a0a0a0;
    display: block;
    line-height: 1em;
    margin-bottom: .1em;
  }
  .machines-container .machine-list__image {
    height: 300px;
  }
  .machines-container .machine-list__image .machine-list__content-picture img {
    width: auto;
  }
}

.machine-list-download-button {
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #00a188;
  cursor: pointer;
  height: 100%;
  text-align: left;
  background-color: #fff;
  display: inline-block;
  text-align: center;
}

.machine-list-download-button div {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  box-pack: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.machine-list-download-button svg {
  max-width: 2rem;
  max-height: 2rem;
  margin-right: 0.5em;
  box-flex: 0;
  -moz-flex: 0 1 2rem;
  flex: 0 1 2rem;
  fill: #00a188;
}

/**
 * _locations.scss
 *
 * @author: Johannes Braun <j.braun@agentur-halma.de>
 * @package: lindenmann
 */
.contact {
  display: block;
}

.contact::after {
  clear: both;
  content: "";
  display: block;
}

.contact .location {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 47.826%;
  border: 1px solid #00a188;
  box-flex: 1;
  -moz-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: 3em;
}

.contact .location:last-child {
  margin-right: 0;
}

.contact .location .location-text {
  padding: 2em;
}

.contact [id^=map-canvas] {
  margin: 0;
  padding: 0;
  height: 300px;
  width: 100%;
}

.contact .location-item {
  font-size: 0.8125em;
  margin: 1.5em 0;
}

.contact .location-item dt {
  font-weight: 200;
  color: #a0a0a0;
  text-align: left;
  border-bottom: 1px solid #a0a0a0;
  line-height: 1em;
}

.contact .location-item dd {
  font-weight: 600;
  color: #101010;
  text-align: left;
  font-size: 1.25em;
  line-height: 1.25em;
  padding-top: .3em;
}

.location__phone, .location__emails {
  margin: 1.5em 0;
  border-collapse: collapse;
}

.location__phone th, .location__emails th {
  width: 8em;
}

.location__phone td, .location__phone th, .location__emails td, .location__emails th {
  text-align: left;
  vertical-align: top;
  padding: 0 0.25em;
}

.location__picture img {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  .contact .location {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .contact .location:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .contact .location {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .contact .location:last-child {
    margin-right: 0;
  }
}

.map {
  position: relative;
}

.map::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.2);
}

.map.has-been-clicked::after {
  display: none;
}

@media screen and (min-width: 769px) {
  .map::after {
    display: none;
  }
}

/**
 * User Interface styles
 *
 * @author Johannes Braun <j.braun@agentur-halma.de>
 * @package lindenmann
 *
 */
.button, .cookie-notification__accept {
  background-color: #00a188;
  color: #fff;
  padding: 5px 20px 5px 62px;
  text-transform: uppercase;
  letter-spacing: -0.05em;
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: .8em;
  display: inline-block;
  height: 42px;
  line-height: 32px;
  transition: all 200ms ease;
  position: relative;
}

.button::before, .cookie-notification__accept::before {
  content: '';
  background-image: url("/img/plus-small.svg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 42px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 200ms ease;
  height: 42px;
  width: 42px;
  line-height: 32px;
  transform-origin: center center;
}

.button::after, .cookie-notification__accept::after {
  content: '';
  position: absolute;
  left: 42px;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #fff;
}

.button:hover, .cookie-notification__accept:hover {
  background-color: #008974;
  color: #fff;
}

.button:hover::before, .cookie-notification__accept:hover::before {
  transform: rotate(90deg);
}

.button.small, .small.cookie-notification__accept {
  font-size: 0.8125em;
  height: 16px;
  line-height: 16px;
}

.button.small::before, .small.cookie-notification__accept::before {
  height: 16px;
  width: 16px;
  line-height: 16px;
}

.button.large, .large.cookie-notification__accept {
  height: 48px;
  line-height: 48px;
}

.button.large::before, .large.cookie-notification__accept::before {
  height: 48px;
  width: 48px;
  line-height: 48px;
}

.button-back:before {
  background-image: url("/img/caret_left.svg");
  background-size: 22px;
  top: 10px;
  left: 8px;
}

.button-back:hover::before {
  transform: rotate(0deg);
}

.button-link:before {
  background-image: url("/img/caret_right.svg");
  background-size: 22px;
  top: 10px;
  left: 12px;
}

.button-link:hover::before {
  transform: rotate(0deg);
}

.sr-only {
  display: block;
  height: 0;
  width: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}

/**
 * _teasers.scss
 *
 * @author Johannes Braun <j.braun@agentur-halma.de>
 * @package lindenmann
 */
.teasers {
  padding-top: 6em;
  padding-bottom: 6em;
  display: flex;
  gap: 1.5em;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .teasers {
    flex-wrap: wrap;
  }
}

.teasers .teaser__image {
  position: relative;
  margin-bottom: 2em;
}

.teasers .teaser__image img {
  display: block;
  width: 100%;
}

.teasers .teaser__caption {
  color: #505050;
  line-height: 2.5em;
}

.flexbox .teasers {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
}

.flexbox .teasers .teaser {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  box-orient: vertical;
  box-direction: normal;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
}

.flexbox .teasers .teaser .teaser__text {
  box-flex: 1;
  -moz-flex: 1 0 auto;
  flex: 1 0 auto;
}

@media screen and (max-width: 480px) {
  .flexbox .teasers {
    display: block;
  }
  .flexbox .teasers .teaser {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .flexbox .teasers .teaser:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .flexbox .teasers {
    display: block;
  }
  .flexbox .teasers .teaser {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .flexbox .teasers .teaser:last-child {
    margin-right: 0;
  }
}

/**
 * objects.scss
 *
 * @author Johannes Braun <j.braun@agentur-halma.de>
 * @package lindenmann
 */
.ce--text-with-image {
  padding: 6em 0;
  display: block;
}

.ce--text-with-image::after {
  clear: both;
  content: "";
  display: block;
}

.ce--text-with-image .ce-text {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 65.217%;
}

.ce--text-with-image .ce-text:last-child {
  margin-right: 0;
}

.ce--text-with-image .ce-image {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 30.435%;
}

.ce--text-with-image .ce-image:last-child {
  margin-right: 0;
}

.text-with-image {
  display: block;
  margin-bottom: 3em;
}

.text-with-image::after {
  clear: both;
  content: "";
  display: block;
}

.text-with-image__text {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 47.826%;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.text-with-image__text:last-child {
  margin-right: 0;
}

.text-with-image__image {
  position: relative;
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 47.826%;
}

.text-with-image__image:last-child {
  margin-right: 0;
}

.text-with-image__image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  min-height: 1em;
  display: block;
}

@media screen and (max-width: 480px) {
  .text-with-image__text {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .text-with-image__text:last-child {
    margin-right: 0;
  }
  .text-with-image__image {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
    margin-bottom: 2em;
  }
  .text-with-image__image:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .text-with-image__text {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .text-with-image__text:last-child {
    margin-right: 0;
  }
  .text-with-image__image {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
    margin-bottom: 2em;
  }
  .text-with-image__image:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .text-with-image__text {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .text-with-image__text:last-child {
    margin-right: 0;
  }
  .text-with-image__image {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
    margin-bottom: 2em;
  }
  .text-with-image__image:last-child {
    margin-right: 0;
  }
}

.vacancy__more {
  background-image: url("/img/plus.svg");
  background-color: #00a188;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
  position: absolute;
  border: none;
  top: 1em;
  right: 1em;
  transition: 200ms;
  height: 32px;
  width: 32px;
  line-height: 32px;
  transform-origin: center center;
}

.vacancy__more:focus {
  outline: none;
}

.vacancy__more label {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.vacancy__more label:hover {
  cursor: pointer;
}

.vacancy-detail__link {
  padding: 0 10px 0em 32px;
}

.vacancies {
  padding: 1em 1.5em 2em 1.5em;
  border: 1px solid #00a188;
}

.vacancies .vacancies-overview {
  margin-top: 1em;
}

.vacancies .vacancies-overview :nth-child(5n) {
  margin-bottom: 2em;
}

.vacancies .vacancies-overview dl {
  width: 100%;
  margin-bottom: 1.5em;
  min-height: 8em;
  font-size: 0.8125em;
  float: left;
  border-bottom: 1px solid #a0a0a0;
}

.vacancies .vacancies-overview dl dt {
  font-weight: 200;
  color: #a0a0a0;
  text-align: left;
  border-bottom: 1px solid #a0a0a0;
  line-height: 1em;
}

.vacancies .vacancies-overview dl dd {
  color: #101010;
  text-align: left;
  font-size: 1.25em;
  line-height: 2.2em;
  font-weight: 600;
}

.vacancies .vacancies-overview dl dd a {
  float: right;
  margin-bottom: 1em;
  margin-top: 1em;
}

.vacancies .paging .paging__link {
  padding: 5px 0px 10px 0px;
  text-align: center;
  width: 42px;
}

.vacancies .paging .paging__link:before {
  content: none;
  background: none;
}

.vacancies .paging .paging__link.selected {
  background: #008974;
}

.vacany-title .vacancy-detail__link {
  padding: 0 10px 0em 22px;
}

.vacancy-detail .vacancy__text {
  padding-bottom: 2em;
}

.vacancy-detail .vacancy__subtitle {
  border-bottom: 1px solid #a0a0a0;
  padding-bottom: .5em;
  margin-bottom: 3em;
}

.vacancy-detail aside ul {
  font-size: 1em;
  display: block;
}

.vacancy-detail aside ul::after {
  clear: both;
  content: "";
  display: block;
}

.vacancy-detail aside ul li {
  padding-left: 0em;
  padding-right: 0em;
}

.vacancy-detail aside ul li::before {
  display: none;
  width: 0px;
  height: 0px;
}

.vacancy-detail aside ul li {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 47.826%;
}

.vacancy-detail aside ul li:last-child {
  margin-right: 0;
}

.vacancy-detail aside ul li:nth-child(2n) {
  margin-right: 0;
}

.vacancy-detail aside ul li:nth-child(2n+1) {
  clear: left;
}

.vacancy-detail aside ul li dl {
  width: 100%;
  margin-bottom: 1.5em;
  min-height: 6em;
  font-size: 0.8125em;
}

.vacancy-detail aside ul li dl dt {
  font-weight: 200;
  color: #a0a0a0;
  text-align: left;
  border-bottom: 1px solid #a0a0a0;
  line-height: 1em;
}

.vacancy-detail aside ul li dl dd {
  color: #101010;
  text-align: left;
  line-height: 1.25em;
  font-size: 1.25em;
  font-weight: 600;
  padding-top: .5em;
}

.vacancy-detail h2, .vacancy-detail h3, .vacancy-detail h4, .vacancy-detail h5, .vacancy-detail h6 {
  text-transform: none;
  color: #505050;
  margin-top: 3em;
}

@media screen and (max-width: 480px) {
  .vacancy-detail {
    margin-bottom: 2em;
  }
  .vacancy-detail aside ul li {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .vacancy-detail aside ul li:last-child {
    margin-right: 0;
  }
  .vacancies {
    margin-bottom: 2em;
  }
  .vacancies dl dd a {
    margin-top: 0em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .vacancy-detail {
    margin-bottom: 2em;
  }
  .vacancy-detail aside ul li {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .vacancy-detail aside ul li:last-child {
    margin-right: 0;
  }
  .vacancies {
    margin-bottom: 2em;
  }
  .vacancies dl dd a {
    margin-top: 0em;
  }
}

.timeline-item:first-of-type {
  margin-top: 5rem;
}

.timeline-item dt {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1;
  color: #00a188;
  position: relative;
  padding-left: 2rem;
}

.timeline-item dt::before {
  content: '';
  background-color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #00a188;
  position: absolute;
  left: 0;
}

.timeline-item dt::after {
  content: '';
  background-color: #00a188;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  transition: all 0.2s;
}

.timeline-item:hover dt::after {
  transform: scale(0.75);
}

.timeline-item dd {
  font-family: Montserrat;
  font-weight: bold;
  color: #505050;
  position: relative;
  padding-left: 2rem;
  min-height: 4rem;
  margin-top: 0.5rem;
  padding-bottom: 1.5rem;
  max-width: 30em;
}

.timeline-item dd::before {
  content: '';
  border-left: 1px solid #505050;
  position: absolute;
  left: 10px;
  height: 90%;
}

.facts-item {
  font-size: 0.8125em;
  margin: 5em 0;
  margin-bottom: 5em;
  margin-left: 1.5rem;
  max-width: 30em;
}

.facts-item dt {
  font-weight: 200;
  color: #a0a0a0;
  text-align: left;
  border-bottom: 1px solid #a0a0a0;
  line-height: 1em;
  padding-bottom: .7em;
}

.facts-item dd {
  font-weight: 600;
  color: #101010;
  text-align: left;
  font-size: 1.25em;
  line-height: 1.25em;
  padding-top: .7em;
}

.item-container {
  display: block;
}

.item-container::after {
  clear: both;
  content: "";
  display: block;
}

.service-item {
  margin-bottom: 4.5rem;
}

.service-item__image {
  height: 300px;
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5em;
}

.service-item__image img {
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  width: auto;
  min-height: 300px;
  transform: translate(-50%, -50%);
}

.service-item__title {
  margin: 1.5em 0 0 0;
}

.service-item p {
  min-height: 1em;
  min-width: 3em;
}

@media screen and (min-width: 769px) {
  .service-item {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
  }
  .service-item:last-child {
    margin-right: 0;
  }
  .service-item:nth-child(2n) {
    margin-right: 0;
  }
  .service-item:nth-child(2n+1) {
    clear: left;
  }
}

.companies {
  display: block;
}

.companies::after {
  clear: both;
  content: "";
  display: block;
}

.companies .company {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 21.739%;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  height: 6rem;
  margin-right: 0;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
}

.companies .company:last-child {
  margin-right: 0;
}

.companies .company:nth-child(4n) {
  border-right: 0;
}

.companies .company:last-child {
  border-bottom: 0;
}

.companies .company:nth-last-child(4) {
  border-bottom: 0;
}

.companies .company:nth-last-child(3) {
  border-bottom: 0;
}

.companies .company:nth-last-child(2) {
  border-bottom: 0;
}

.companies .company a {
  display: block;
  margin: auto;
  width: 70%;
  height: 70%;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .companies .company {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
    margin-right: 0;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
  }
  .companies .company:last-child {
    margin-right: 0;
  }
  .companies .company:nth-child(2n) {
    border-right: 0;
  }
  .companies .company:last-child {
    border-bottom: 0;
  }
  .companies .company:nth-last-child(4) {
    border-bottom: 1px solid #bbb;
  }
  .companies .company:nth-last-child(3) {
    border-bottom: 1px solid #bbb;
  }
  .companies .company:nth-last-child(2) {
    border-bottom: 0;
  }
}

.top-companies__container {
  margin-bottom: 6em;
}

.top-companies__container .top-companies {
  display: block;
}

.top-companies__container .top-companies::after {
  clear: both;
  content: "";
  display: block;
}

.top-companies__container .top-companies .company {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 21.739%;
  height: 6em;
  position: relative;
}

.top-companies__container .top-companies .company:last-child {
  margin-right: 0;
}

.top-companies__container .top-companies .company:nth-child(4n) {
  margin-right: 0;
}

.top-companies__container .top-companies .company:nth-child(4n+1) {
  clear: left;
}

.top-companies__container .top-companies .company img {
  max-width: 70%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-backface-visibility: hidden;
  transform: translate(-50%, -50%);
  transition: all 500ms ease;
}

@media screen and (max-width: 480px) {
  .top-companies__container .top-companies {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .top-companies__container .top-companies:last-child {
    margin-right: 0;
  }
  .top-companies__container .top-companies .company {
    margin-right: 0;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
  }
  .top-companies__container .top-companies .company:nth-child(4n) {
    margin-right: 4.348%;
  }
  .top-companies__container .top-companies .company:nth-child(4n+1) {
    clear: none;
  }
  .top-companies__container .top-companies .company:last-child {
    margin-right: 0;
  }
  .top-companies__container .top-companies .company:nth-child(2n) {
    margin-right: 0;
  }
  .top-companies__container .top-companies .company:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .top-companies__container .top-companies {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .top-companies__container .top-companies:last-child {
    margin-right: 0;
  }
  .top-companies__container .top-companies .company {
    margin-right: 0;
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
  }
  .top-companies__container .top-companies .company:nth-child(4n) {
    margin-right: 4.348%;
  }
  .top-companies__container .top-companies .company:nth-child(4n+1) {
    clear: none;
  }
  .top-companies__container .top-companies .company:last-child {
    margin-right: 0;
  }
  .top-companies__container .top-companies .company:nth-child(2n) {
    margin-right: 0;
  }
  .top-companies__container .top-companies .company:nth-child(2n+1) {
    clear: left;
  }
}

.sitemap {
  display: block;
}

.sitemap::after {
  clear: both;
  content: "";
  display: block;
}

.sitemap ul li {
  padding-left: 0;
}

.sitemap .sitemap__main {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 47.826%;
  margin-bottom: 4em;
}

.sitemap .sitemap__main:last-child {
  margin-right: 0;
}

.sitemap .sitemap__main:nth-child(2n) {
  margin-right: 0;
}

.sitemap .sitemap__main:nth-child(2n+1) {
  clear: left;
}

.sitemap .sitemap__main h2 {
  border-bottom: 1px solid #a0a0a0;
  margin-bottom: 1em;
}

.sitemap .sitemap__main p {
  color: #505050;
}

.sitemap .sitemap__main li::before {
  display: none;
}

.file-download {
  display: flex;
}

.file-download svg {
  fill: #00a188;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  float: left;
}

.file-download svg rect {
  fill: #00a188;
}

.file-download a {
  position: relative;
  line-height: 1rem;
  display: inline-block;
  vertical-align: middle;
}

/**
 * _mlog.scss
 *
 * @package lindenmann
 * @author Jan Schäfer <j.schaefer@agentur-halma.de>, J.Braun <j.braun@agentur-halma.de>
 * @version 2016-09-30
 */
/*------------------------------
 * Pagination on overview page
 *-----------------------------*/
.pagination {
  display: inline-block;
}

.pagination .pagination-item {
  display: inline-block;
  background: #00a188;
  height: 42px;
  width: 42px;
  text-align: center;
  padding-left: 0px;
  padding-top: .5em;
  transition: all, 200ms, ease;
}

.pagination .pagination-item a {
  color: #fff;
}

.pagination .pagination-item:hover {
  background: #008974;
}

.pagination .pagination-item .pagination-link {
  width: 42px;
  height: 42px;
  display: inline-block;
}

.pagination .pagination-item::before {
  display: none;
}

.pagination .pagination-item .icon {
  fill: #fff;
  width: 1em;
  height: 1em;
  transform: translateY(2px);
}

.pagination .pagination-current {
  background: #007966;
}

/*------------------------------
 * Sidebar Widget teasers
 *-----------------------------*/
.news-teasers {
  position: relative;
  min-height: 100%;
  width: 100%;
  padding: 1rem;
  margin-bottom: 3em;
}

.news-teasers .news-teaser {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.news-teasers .news-teaser__title {
  line-height: 1.25em;
  margin: 0.25em 0;
}

.news-teasers .news-teaser__title a {
  color: #505050;
}

.news-teasers .news-teaser__subtitle {
  margin-bottom: 0;
  line-height: 1.5em;
  font-size: 0.8125em;
}

.news-teasers .news-teaser__date {
  color: #a0a0a0;
}

.news-teasers .flickity-prev-next-button {
  background: transparent;
}

.news-teasers .flickity-prev-next-button:hover {
  background: transparent;
}

.news-teasers .flickity-prev-next-button svg {
  fill: #00a188;
}

.news-teasers .flickity-prev-next-button .arrow {
  fill: #00a188;
}

.news-teasers .flickity-prev-next-button .no-svg {
  color: #00a188;
}

.news-teasers .flickity-prev-next-button.previous {
  left: -24px;
}

.news-teasers .flickity-prev-next-button.next {
  right: -24px;
}

.news-teasers .flickity-page-dots {
  left: 0;
  right: 0;
  bottom: -3em;
}

.news-teasers .flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid #00a188;
}

.news-teasers .flickity-page-dots .dot.is-selected {
  background: #00a188;
}

.postDetailText {
  margin-bottom: 2em;
}

/*------------------------------
 * Teasers on overview page
 *-----------------------------*/
.postTeaser-date {
  font-weight: 200;
  color: #a0a0a0;
  line-height: 1em;
}

.postTeaser {
  position: relative;
  margin-bottom: 3em;
  overflow: hidden;
  display: block;
}

.postTeaser::after {
  clear: both;
  content: "";
  display: block;
}

.postTeaser-image {
  position: relative;
  height: 150px;
  margin-bottom: 0.5em;
  overflow: hidden;
}

.postTeaser-image img {
  width: 100%;
}

.postTeaser-title {
  line-height: 1.25em;
  margin: 0.125em 0;
}

.postTeaser-title a {
  color: #505050;
}

.postTeaser-teaser {
  line-height: 1.25em;
}

.postTeaser-detailLink {
  display: block;
  margin-top: 0.25em;
}

.postTeaser-detailLink::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .postTeaser-image {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
  }
  .postTeaser-image:last-child {
    margin-right: 0;
  }
  .postTeaser-content {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 47.826%;
  }
  .postTeaser-content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .postTeaser-image {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 39.13%;
  }
  .postTeaser-image:last-child {
    margin-right: 0;
  }
  .postTeaser-content {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 56.522%;
  }
  .postTeaser-content:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1025px) {
  .postTeaser-image {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 30.435%;
  }
  .postTeaser-image:last-child {
    margin-right: 0;
  }
  .postTeaser-content {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 65.217%;
  }
  .postTeaser-content:last-child {
    margin-right: 0;
  }
}

.post .mlog-post__image {
  margin-bottom: 2em;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.post .mlog-post__image img {
  width: 100%;
}

.post .news__title {
  font-size: 2em;
  margin: 0.25em 0;
}

.post .news__subtitle {
  margin-bottom: 1.5em;
}

.flickity-slider .news-teaser .mlog-post__image {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.flickity-slider .news-teaser .mlog-post__image img {
  width: 100%;
}

.flickity-slider .news-teaser .news-teaser__button {
  margin-top: 1.5rem;
}

.flickity-slider .news-teaser .news-teaser__button a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.home-teaser {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: flex;
  box-align: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  -ms-flex-align: stretch;
  margin-bottom: 3em;
}

.home-teaser::after {
  clear: both;
  content: "";
  display: block;
}

.home-teaser .home-teaser__news, .home-teaser .home-teaser__contact {
  float: left;
  display: block;
  margin-right: 4.348%;
  width: 47.826%;
  border: 1px solid #00a188;
  min-height: 300px;
  position: relative;
}

.home-teaser .home-teaser__news:last-child, .home-teaser .home-teaser__contact:last-child {
  margin-right: 0;
}

.home-teaser .home-teaser__news .button, .home-teaser .home-teaser__news .cookie-notification__accept, .home-teaser .home-teaser__contact .button, .home-teaser .home-teaser__contact .cookie-notification__accept {
  position: absolute;
  bottom: 2em;
}

.home-teaser .home-teaser__news {
  padding: 0;
}

.home-teaser .home-teaser__news .news-teasers {
  padding-left: 3em;
  padding-right: 3em;
  padding-bottom: 3em;
}

.home-teaser .home-teaser__news .news-teasers .flickity-prev-next-button.previous {
  left: 0px;
}

.home-teaser .home-teaser__news .news-teasers .flickity-prev-next-button.next {
  right: 0px;
}

.home-teaser .home-teaser__news .news-teasers .flickity-page-dots {
  bottom: 0em;
}

.home-teaser .home-teaser__news h2 {
  padding-top: 3em;
  padding-left: 3em;
}

.home-teaser .home-teaser__contact {
  padding: 3em;
}

@media screen and (max-width: 480px) {
  .home-teaser {
    display: block;
  }
  .home-teaser .home-teaser__news, .home-teaser .home-teaser__contact {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .home-teaser .home-teaser__news:last-child, .home-teaser .home-teaser__contact:last-child {
    margin-right: 0;
  }
  .home-teaser .home-teaser__news:first-child, .home-teaser .home-teaser__contact:first-child {
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .home-teaser {
    display: block;
  }
  .home-teaser .home-teaser__news, .home-teaser .home-teaser__contact {
    float: left;
    display: block;
    margin-right: 4.348%;
    width: 100%;
  }
  .home-teaser .home-teaser__news:last-child, .home-teaser .home-teaser__contact:last-child {
    margin-right: 0;
  }
  .home-teaser .home-teaser__news:first-child, .home-teaser .home-teaser__contact:first-child {
    margin-bottom: 2em;
  }
}

.spectrum {
  overflow: hidden;
  margin-bottom: 3em;
}

.spectrum .spectrum-gallery__item {
  padding-bottom: 62.5%;
  width: 100%;
  overflow: hidden;
  margin-right: 1rem;
  position: relative;
}

.spectrum .spectrum-gallery__item img {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

.spectrum .flickity-prev-next-button {
  background-color: #00a188;
  border-radius: 0 !important;
  transition: 150ms;
}

.spectrum .flickity-prev-next-button .arrow {
  fill: #ffffff;
  transition: 150ms;
}

.spectrum .flickity-prev-next-button:hover .arrow {
  fill: #00a188;
}

.spectrum .flickity-prev-next-button .no-svg {
  color: #00a188;
}

.spectrum .flickity-prev-next-button.previous {
  left: 0;
}

.spectrum .flickity-prev-next-button.next {
  right: 0;
}

.spectrum .flickity-page-dots {
  bottom: -3em;
}

.spectrum .flickity-page-dots .dot {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: transparent;
  border: 2px solid #00a188;
}

.spectrum .flickity-page-dots .dot.is-selected {
  background: #00a188;
}

.downloads ul {
  position: relative;
  list-style-type: none;
}

.downloads ul li {
  padding-left: 0em;
}

.downloads ul li::before {
  content: none;
}

/**
 * File: _forms.scss
 * 
 * @author Johannes Braun <j.braun@agentur-halma.de>
 * @package: package-name
 * @version: date
 */
form .form-field {
  margin-bottom: 1.5em;
}

form label {
  display: block;
  line-height: 1.5em;
  color: #bbb;
}

form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=date], form input[type=number], form input[type=file], form input[type=url] {
  line-height: 1.5em;
  padding: 0.5em;
  border-radius: 0;
  border: solid #a0a0a0 1px;
}

form input[type=text]::placeholder, form input[type=text]::-moz-placeholder, form input[type=text]:-moz-placeholder, form input[type=email]::placeholder, form input[type=email]::-moz-placeholder, form input[type=email]:-moz-placeholder, form input[type=password]::placeholder, form input[type=password]::-moz-placeholder, form input[type=password]:-moz-placeholder, form input[type=tel]::placeholder, form input[type=tel]::-moz-placeholder, form input[type=tel]:-moz-placeholder, form input[type=date]::placeholder, form input[type=date]::-moz-placeholder, form input[type=date]:-moz-placeholder, form input[type=number]::placeholder, form input[type=number]::-moz-placeholder, form input[type=number]:-moz-placeholder, form input[type=file]::placeholder, form input[type=file]::-moz-placeholder, form input[type=file]:-moz-placeholder, form input[type=url]::placeholder, form input[type=url]::-moz-placeholder, form input[type=url]:-moz-placeholder {
  font: inherit;
  color: #a0a0a0;
}

form button[type=submit] {
  border: 0;
}

.message {
  color: #fff;
  padding: 0.25em 0.5em;
  line-height: 1.5em;
}

.message.message--error {
  background-color: #c00000;
}

.message.message-succcess {
  background-color: #00a188;
}

.form {
  max-width: 46rem;
  margin: auto;
}

.form hr {
  position: relative;
  margin: 2rem 0 1.75rem 0;
  color: #00a188;
  height: 0;
  border: none;
  border-top: currentColor solid 0.1px;
}

.form hr::after {
  content: attr(data-titel);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 0 1em;
}

.form label {
  color: #505050;
}

.form select {
  background: #fff;
  padding: 0.4em;
  border-radius: 0;
  border: solid #a0a0a0 1px;
  color: inherit;
  font: inherit;
}

.form input[required]:not([type="checkbox"]) + label::after,
.form select[required] + label::after {
  content: '*';
}

.form [type="checkbox"] + label {
  opacity: 1 !important;
  overflow: visible !important;
  position: absolute;
}

.form [type="checkbox"] {
  position: relative;
  z-index: 0;
  -webkit-appearance: none;
  width: 1.25rem;
  opacity: 0;
  transform: translateY(5rem);
}

.form [type="checkbox"] + label::before {
  content: "";
  display: block;
  pointer-events: all;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  transform: translateY(50%);
  border: 1px solid #00a188;
  background-image: url("/img/plus-small.svg"), linear-gradient(#00a188 0%, #00a188 100%);
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: 175% 175%, 0% 0%;
  transition: background 250ms ease-in-out;
}

.form [type="checkbox"]:checked + label::before {
  background-size: 175% 175%, 100% 100%;
  border: 1px solid #008974;
}

.form [type="checkbox"]:focus + label::before {
  accent-color: #007aff;
  outline: #007aff solid 2px;
  border-radius: 1px;
}

.form fieldset {
  border: 1px solid #00a188;
  padding: 1.5rem 1.5rem 2rem 1.5rem;
}

.form fieldset + fieldset {
  margin-top: 1.5rem;
}

.form .headline {
  margin-bottom: 0.5rem;
}

.form .small {
  font-size: 0.8em;
}

.form__group {
  display: flex;
  gap: 0.5rem;
}

.form__group > * {
  flex: 0 1 100%;
}

.form__group + .form__group {
  margin-top: 1rem;
}

.form__group--auto {
  justify-content: flex-start;
  align-items: flex-start;
}

.form__group--auto > * {
  flex: 1 1 auto;
}

.form__input {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
}

.form__input input {
  width: 100%;
}

.form__input input + label,
.form__input select + label {
  margin-bottom: 0.5rem;
}

.form__input--error input {
  border: 1px #c00000 solid;
}

.form__submit {
  margin-top: 1rem;
}

.form__error, .form__info {
  padding: 0.5rem;
  color: #eee;
  margin-bottom: 0.5rem;
}

.form__error p, .form__info p {
  margin: 0;
}

* + .form__error, * + .form__info {
  margin-top: 0.5rem;
}

.form__error {
  background-color: #c00000;
}

.form__info {
  background-color: #00a188;
}

/**
 * src/sass/partials/_cookie-notification.scss
 *
 * @author Johannes Braun <j.braun@agentur-halma.de>
 * @package Lindenmann
 * @date 2018-05-30
 */
.cookie-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  with: 100%;
  right: 0;
  z-index: 20000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 5px rgba(30, 30, 30, 0.2);
  padding: 0.25rem 1.5rem;
  background-color: #fff;
  transition: 350ms;
}

.cookie-notification__action-area {
  margin-left: auto;
}

.cookie-notification__accept {
  padding: 0 1em;
  cursor: pointer;
  border: 0;
  outline: 0;
  box-shadow: 0;
  border-radius: 0;
  letter-spacing: 0;
  margin-left: 1.5em;
}

.cookie-notification__accept::after, .cookie-notification__accept::before {
  display: none;
}

.cookie-notification--accepted {
  outline: 1px dashed hotpink;
  transform: translate(0, 100%);
  opacity: 0;
  filter: blur(10px);
}
/*# sourceMappingURL=main.css.map */