/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700&display=swap');
/*----------------------------- FONT INCLUDE ----------------------------*/
/*--------------------------- TEMPLATE CONFIG ---------------------------*/
/*--------------------------- TEMPLATE INIT -----------------------------*/
/**
 * Inlcudes
 * Hier werden alle SCSS Dateien geladen.
 * Falls also eine neu dazu kommt sollte die hier geladen werden.
 * Ausgenommen davon sind Anpassungen die nur für den Kunden gelten sollen.
 * Grund dafür ist das diese Datei zur not aus dem Master dann wieder rüberkopiert werden kann.
 */
/**
 * Variables
 * Hier werden die Standardwerte fürs Template festgelegt.
 */
/**
 * Functions
 * Hier sind alle Funktionen drin.
 */
/**
 * Inlcudes
 * Hier werden alle SCSS Dateien geladen.
 * Falls also eine neu dazu kommt sollte die hier geladen werden.
 * Ausgenommen davon sind Anpassungen die nur für den Kunden gelten sollen.
 * Grund dafür ist das diese Datei zur not aus dem Master dann wieder rüberkopiert werden kann.
 */
/**
 * Mixins
 * Hier werden alle Mixins drin geladen.
 */
/* line 5, templates/g5_hydrogen/custom/scss/mixins/_scrollbars.scss */
/* line 1, templates/g5_hydrogen/custom/scss/mixins/_fullwidth.scss */
/* line 3, templates/g5_hydrogen/custom/scss/mixins/_fullwidth.scss */
/**
 * Base
 * Hier sind so die standard sachen drin.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_base.scss */
/* line 11, templates/g5_hydrogen/custom/scss/_base.scss */
.fullwidth .center > .g-content, .center-block, .slide__content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul, .custom-footer {
  margin: 0 auto;
}
@media only all and (min-width: 75rem) {
  .fullwidth .center > .g-content, .center-block, .slide__content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul, .custom-footer {
    width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .fullwidth .center > .g-content, .center-block, .slide__content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul, .custom-footer {
    width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .fullwidth .center > .g-content, .center-block, .slide__content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul, .custom-footer {
    width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .fullwidth .center > .g-content, .center-block, .slide__content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul, .custom-footer {
    width: 100%;
  }
}
@media only all and (max-width: 30rem) {
  .fullwidth .center > .g-content, .center-block, .slide__content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul, .custom-footer {
    width: 100%;
  }
}
/* line 30, templates/g5_hydrogen/custom/scss/_base.scss */
body {
  position: relative;
}
/* line 34, templates/g5_hydrogen/custom/scss/_base.scss */
h1, h2, h3 {
  line-height: 1.2;
}
/* line 38, templates/g5_hydrogen/custom/scss/_base.scss */
.fullwidth {
  padding: 0 !important;
}
/* line 40, templates/g5_hydrogen/custom/scss/_base.scss */
.fullwidth > .g-container {
  width: 100%;
}
/* line 42, templates/g5_hydrogen/custom/scss/_base.scss */
.fullwidth > .g-container .content {
  margin: 0;
  padding: 0;
}
/* line 47, templates/g5_hydrogen/custom/scss/_base.scss */
.fullwidth .center {
  text-align: inherit;
}
/* line 49, templates/g5_hydrogen/custom/scss/_base.scss */
/* line 54, templates/g5_hydrogen/custom/scss/_base.scss */
/* line 55, templates/g5_hydrogen/custom/scss/_base.scss */
.fixed > .g-content, .fullwidth > .g-content {
  margin: 0 auto;
}
/* line 60, templates/g5_hydrogen/custom/scss/_base.scss */
/* line 64, templates/g5_hydrogen/custom/scss/_base.scss */
#g-page-surround {
  z-index: 5;
}
/* line 68, templates/g5_hydrogen/custom/scss/_base.scss */
#g-container-4290 {
  z-index: 1;
  position: relative;
}
/* line 79, templates/g5_hydrogen/custom/scss/_base.scss */
#g-container-4290 .g-container {
  background: inherit;
  padding: 2em;
  border-radius: 2px;
}
/* line 87, templates/g5_hydrogen/custom/scss/_base.scss */
.g-content {
  padding: 0;
  margin: 0;
}
/* line 91, templates/g5_hydrogen/custom/scss/_base.scss */
.centered {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 98, templates/g5_hydrogen/custom/scss/_base.scss */
.centered > .g-content {
  width: 100%;
}
/* line 103, templates/g5_hydrogen/custom/scss/_base.scss */
img.responsive {
  max-width: 100%;
  height: auto;
}
/* line 108, templates/g5_hydrogen/custom/scss/_base.scss */
.layout-spacer {
  flex-grow: 1;
}
/* line 112, templates/g5_hydrogen/custom/scss/_base.scss */
.ad__button, .article .readmore a, .cms_news__readmore, .cms_article__readmore {
  border: solid 1px #a41b25;
  padding: 0.5em 1.5em;
  color: #a41b25;
  -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  background: none;
}
/* line 118, templates/g5_hydrogen/custom/scss/_base.scss */
.ad__button:hover, .article .readmore a:hover, .cms_news__readmore:hover, .cms_article__readmore:hover {
  background: #a41b25;
  color: #fff !important;
  text-decoration: none;
}
/**
 * Font Base
 * Alles was Schriften angeht wird hier im groben geregelt.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_font_base.scss */
body, td, th, p, span, ul, li {
  font-family: 'Roboto', sans-serif;
  line-height: 150%;
}
/* line 11, templates/g5_hydrogen/custom/scss/_font_base.scss */
p, span {
  font-weight: normal;
  line-height: 150% !important;
  text-align: left;
}
/* line 18, templates/g5_hydrogen/custom/scss/_font_base.scss */
/* line 19, templates/g5_hydrogen/custom/scss/_font_base.scss */
#g-mainbody p {
  line-height: 200% !important;
}
/* line 25, templates/g5_hydrogen/custom/scss/_font_base.scss */
/* line 26, templates/g5_hydrogen/custom/scss/_font_base.scss */
/* line 27, templates/g5_hydrogen/custom/scss/_font_base.scss */
#g-mainbody .cktext.inner p:first-of-type {
  margin-top: 0;
}
/**
 * Header
 * Stylt den Bereich über der NAvigation
 */
/* line 6, templates/g5_hydrogen/custom/scss/_header.scss */
#g-top {
  padding: 1em;
  background: linear-gradient(to top, #fff 0%, #e6e6e6 80%);
}
/* line 9, templates/g5_hydrogen/custom/scss/_header.scss */
#g-top .g-block.size-50 {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-align-items: center ;
  -ms-flex-align: center ;
  align-items: center ;
}
/* line 11, templates/g5_hydrogen/custom/scss/_header.scss */
#g-top .g-block.size-50:last-child {
  -webkit-justify-content: flex-end ;
  -ms-flex-pack: flex-end ;
  justify-content: flex-end ;
}
/* line 16, templates/g5_hydrogen/custom/scss/_header.scss */
/* line 17, templates/g5_hydrogen/custom/scss/_header.scss */
.gantry-logo img {
  width: 400px;
}
/**
 * Konaktbox
 * Hier ist das Styling für die Kontaktbox im header drin.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_kontaktbox.scss */
.custom.kontakt {
  padding: 0.75em;
}
/* line 8, templates/g5_hydrogen/custom/scss/_kontaktbox.scss */
.custom.kontakt--background {
  background: #a41b25;
  color: #fff;
}
/* line 12, templates/g5_hydrogen/custom/scss/_kontaktbox.scss */
.custom.kontakt table {
  border: none;
}
/* line 14, templates/g5_hydrogen/custom/scss/_kontaktbox.scss */
.custom.kontakt table td {
  border: none;
  padding: 0.3em;
}
/* line 17, templates/g5_hydrogen/custom/scss/_kontaktbox.scss */
.custom.kontakt table td p {
  margin: 0;
}
/**
 * Slider
 * Hier wird Der Slider und die Headerbilder gestylt.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_slider.scss */
#g-showcase {
  background: none;
  margin-bottom: 0;
}
/* line 9, templates/g5_hydrogen/custom/scss/_slider.scss */
#g-showcase .header-image {
  display: block;
  background: none center/cover;
  max-height: 525px;
  position: relative;
}
/* line 13, templates/g5_hydrogen/custom/scss/_slider.scss */
#g-showcase .header-image:after {
  content: "";
  display: block;
  padding-top: 46.875%;
}
/* line 18, templates/g5_hydrogen/custom/scss/_slider.scss */
#g-showcase .header-image--empty {
  background: linear-gradient(-20.5deg, #97b358, #1d538a);
  z-index: -1;
}
/* line 30, templates/g5_hydrogen/custom/scss/_slider.scss */
.slider {
  transform: translate3d(0%, 0, 0);
}
/* line 33, templates/g5_hydrogen/custom/scss/_slider.scss */
/* line 34, templates/g5_hydrogen/custom/scss/_slider.scss */
.slide h1, .slide h2 {
  background: rgba(0, 0, 0, 0.41);
  display: block;
  padding: 0.4em;
  max-width: 75%;
}
/* line 40, templates/g5_hydrogen/custom/scss/_slider.scss */
.slide__content {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-align-items: flex-start ;
  -ms-flex-align: flex-start ;
  align-items: flex-start ;
  -webkit-flex-direction: column ;
  -ms-flex-direction: column ;
  flex-direction: column ;
}
/* line 44, templates/g5_hydrogen/custom/scss/_slider.scss */
.slide h1 {
  font-family: 'Roboto Slab';
  font-weight: bold;
}
/* line 49, templates/g5_hydrogen/custom/scss/_slider.scss */
/* line 51, templates/g5_hydrogen/custom/scss/_slider.scss */
.slide h2:after {
  content: none;
}
/**
 * Langauge
 * Stylt das Sprachauswahl Modul von Joomla
 */
/* line 5, templates/g5_hydrogen/custom/scss/_language.scss */
.mod-languages {
  margin: 1em 0;
}
/* line 7, templates/g5_hydrogen/custom/scss/_language.scss */
/* line 8, templates/g5_hydrogen/custom/scss/_language.scss */
.mod-languages .lang-active img {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3), 0 0px 50px rgba(0, 0, 0, 0.3);
}
/* line 12, templates/g5_hydrogen/custom/scss/_language.scss */
#g-footer .mod-languages {
  margin-top: 0;
}
/* line 15, templates/g5_hydrogen/custom/scss/_language.scss */
/* line 16, templates/g5_hydrogen/custom/scss/_language.scss */
.mod-languages li:not(:first-of-type) {
  margin-left: 0.5em;
}
/* line 6, templates/g5_hydrogen/custom/scss/_menu.scss */
.g-offcanvas-toggle {
  position: fixed;
  background: #a41b25;
  padding: 0.5em;
  top: 0;
  left: initial;
  border-radius: 0 0 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 2px 10px rgba(0, 0, 0, 0.2);
}
/* line 15, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-mobilemenu-container {
  margin: 0;
}
/* line 18, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation {
  z-index: 10;
}
/* line 20, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-main-nav {
  margin: 0;
}
/* line 22, templates/g5_hydrogen/custom/scss/_menu.scss */
/* line 23, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-main-nav .g-toplevel > li {
  -webkit-flex: 1 0 auto ;
  -ms-flex: 1 0 auto ;
  flex: 1 0 auto ;
}
/* line 25, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  -webkit-flex: 1 0 auto ;
  -ms-flex: 1 0 auto ;
  flex: 1 0 auto ;
  -webkit-align-items: center ;
  -ms-flex-align: center ;
  align-items: center ;
}
/* line 31, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .headroom {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #666;
}
/* line 38, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .fixed {
  position: fixed;
  transition: transform 0.5s cubic-bezier(0.55, 0, 0, 1), box-shadow 0.5s;
  top: 0;
  left: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
/* line 48, templates/g5_hydrogen/custom/scss/_menu.scss */
/* line 54, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-dropdown-wrapper {
  position: absolute;
  z-index: 100;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
/* line 62, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-dropdown-wrapper div.g-dropdown {
  top: 0;
  pointer-events: all;
  position: relative;
  display: block;
  visibility: visible;
  opacity: 1;
  background: rgba(76, 76, 76, 0.96);
  transition: transform 0.5s cubic-bezier(0.55, 0, 0, 1);
}
/* line 71, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-dropdown-wrapper div.g-dropdown.g-inactive {
  transform: translateY(-105%);
}
/* line 74, templates/g5_hydrogen/custom/scss/_menu.scss */
/* line 80, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-toplevel > .g-menu-item {
  text-transform: uppercase;
}
/* line 82, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-toplevel > .g-menu-item .g-menu-item-title {
  font-weight: 800;
}
/* line 85, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-toplevel > .g-menu-item.active {
  background: #a41b25 !important;
  color: #fff;
}
/* line 88, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-toplevel > .g-menu-item.active .g-menu-item-title {
  color: #fff;
}
/* line 91, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-toplevel > .g-menu-item.active > .g-menu-item-container {
  color: #fff;
}
/* line 95, templates/g5_hydrogen/custom/scss/_menu.scss */
#g-navigation .g-toplevel > .g-menu-item > .g-menu-item-container {
  color: #fff;
  padding: 12px;
}
/* line 102, templates/g5_hydrogen/custom/scss/_menu.scss */
.g-main-nav .g-menu-item-565, .g-main-nav .g-menu-item-454 {
  display: none !important;
}
/* line 106, templates/g5_hydrogen/custom/scss/_menu.scss */
/* line 108, templates/g5_hydrogen/custom/scss/_menu.scss */
/* line 108, templates/g5_hydrogen/custom/scss/_menu.scss */
/**
 * Ads
 * Das hier sollte die Traktorpool auflistung stylen.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_ads.scss */
.custom.ads {
  display: flex;
  flex-wrap: wrap;
}
/* line 9, templates/g5_hydrogen/custom/scss/_ads.scss */
.custom.ads--promoted {
  margin-top: -5em;
  position: relative;
}
/* line 14, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad {
  padding: 1em;
  margin-bottom: 1.5em;
  background: #fff;
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-direction: column ;
  -ms-flex-direction: column ;
  flex-direction: column ;
  width: calc(33.3333333333% - 1em);
}
/* line 24, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad:not(:nth-child(3n+3)) {
  margin-right: 1.5em;
}
/* line 26, templates/g5_hydrogen/custom/scss/_ads.scss */
.ua-ie .ad:not(:nth-child(3n+3)) {
  margin-right: 1.499em;
}
@media only all and (max-width: 47.99rem) {
  .ad {
    width: 100%;
    margin-right: 0 !important;
  }
}
/* line 34, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad > div:last-of-type {
  -webkit-flex-grow: 1 ;
  -ms-flex-grow: 1 ;
  flex-grow: 1 ;
}
/* line 37, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad h3 {
  color: #003968;
}
/* line 40, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__image {
  background: none center/cover;
  position: relative;
  display: block;
}
/* line 44, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__image__wrapper {
  margin: -1em -1em 0;
}
/* line 46, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__image__wrapper--empty {
  background: #eee;
}
/* line 48, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__image__wrapper--empty:after {
  content: '';
  background: url('../../../../images/logo.svg') center/75% no-repeat;
  filter: grayscale(1);
  opacity: 0.1;
}
/* line 56, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__image:after {
  content: '';
  display: block;
  padding-top: 75%;
}
/* line 62, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__price {
  position: relative;
  margin: 0 -1em;
  background: #a41b25;
  padding: 0.7em;
  font-size: 1em;
  font-weight: 800;
  text-align: center;
  color: #fff !important;
}
/* line 72, templates/g5_hydrogen/custom/scss/_ads.scss */
.ad__button {
  margin-top: 1em;
  display: block;
  text-align: center;
}
/* line 88, templates/g5_hydrogen/custom/scss/_ads.scss */
.pagination {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-justify-content: center ;
  -ms-flex-pack: center ;
  justify-content: center ;
}
/* line 91, templates/g5_hydrogen/custom/scss/_ads.scss */
.pagination ul {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  border: solid 1px #ccc;
}
/* line 94, templates/g5_hydrogen/custom/scss/_ads.scss */
.pagination ul li {
  user-select: none;
  cursor: pointer;
  padding: 0.25em 0.75em;
}
/* line 98, templates/g5_hydrogen/custom/scss/_ads.scss */
.pagination ul li:not(:last-child) {
  border-right: solid 1px #ccc;
}
/* line 101, templates/g5_hydrogen/custom/scss/_ads.scss */
.pagination ul li.active {
  background: #a41b25;
  pointer-events: none;
  color: #fff;
}
/* line 106, templates/g5_hydrogen/custom/scss/_ads.scss */
.pagination ul li.disabled {
  color: #ccc;
  cursor: default;
}
/* line 114, templates/g5_hydrogen/custom/scss/_ads.scss */
/* line 115, templates/g5_hydrogen/custom/scss/_ads.scss */
.filter .input-group {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-wrap: wrap ;
  flex-wrap: wrap ;
}
/* line 117, templates/g5_hydrogen/custom/scss/_ads.scss */
.filter .input-group label {
  width: 100%;
}
/* line 1, templates/g5_hydrogen/custom/scss/_products.scss */
.product_box {
  position: fixed;
  z-index: 10;
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-direction: column ;
  -ms-flex-direction: column ;
  flex-direction: column ;
  height: 90vh;
  width: 90vw;
  left: 5vw!important;
  top: 5vh!important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.1), 0 0 0 5vmax rgba(0, 0, 0, 0.5);
  background: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
/* line 16, templates/g5_hydrogen/custom/scss/_products.scss */
.product_box--hidden {
  opacity: 0;
  pointer-events: none;
  visibility: visible;
}
/* line 21, templates/g5_hydrogen/custom/scss/_products.scss */
.product_box__header {
  background: #3e3e3e;
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-justify-content: space-between ;
  -ms-flex-pack: justify ;
  justify-content: space-between ;
  -webkit-align-items: center ;
  -ms-flex-align: center ;
  align-items: center ;
  padding: 0.3em;
  color: #fff;
}
/* line 26, templates/g5_hydrogen/custom/scss/_products.scss */
.product_box__header__close {
  font-size: 1.5em;
  cursor: pointer;
}
/* line 31, templates/g5_hydrogen/custom/scss/_products.scss */
.product_box__body {
  width: 100%;
  flex: 1 1 100%;
  height: 100%;
  overflow: hidden;
}
/* line 36, templates/g5_hydrogen/custom/scss/_products.scss */
.product_box__body__iframe {
  width: 100%;
  height: 100%;
  border: none;
}
/* line 44, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-wrap: wrap ;
  flex-wrap: wrap ;
}
/* line 46, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-box {
  flex: 0 0 auto;
  width: calc(25% - 0.75em);
  background: #ccc;
  padding: 0.5em;
  margin-bottom: 1em;
}
/* line 52, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-box:not(:nth-child(4n+4)) {
  margin-right: 1em;
}
/* line 55, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-box:not(:nth-child(1n+4)) {
  -webkit-flex-grow: 1 ;
  -ms-flex-grow: 1 ;
  flex-grow: 1 ;
}
/* line 58, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-box img {
  height: 160px;
  margin: auto;
  width: 70%;
  object-fit: contain;
}
/* line 64, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-box-image {
  background: none center/contain no-repeat;
  height: 160px;
  margin: auto;
  width: 70%;
}
/* line 71, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-image-border {
  display: flex;
  background: #fff;
}
/* line 74, templates/g5_hydrogen/custom/scss/_products.scss */
.produkte-image-border-dark {
  background: #444;
}
/* line 1, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  margin-bottom: 5em;
}
@media only all and (max-width: 47.99rem) {
  .product {
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
  }
}
/* line 9, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product > div {
  flex: 1 0 65%;
}
/* line 11, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product > div:not(:last-child) {
  margin-right: 2em;
}
@media only all and (max-width: 47.99rem) {
  .product > div:not(:last-child) {
    margin-right: 0 !important;
  }
}
/* line 19, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__images {
  flex-shrink: 1 !important;
}
/* line 21, templates/g5_hydrogen/custom/scss/_product_details.scss */
/* line 24, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__images__thumbs a {
  width: calc(25% - 0.3em);
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  display: inline-block;
  outline: none;
}
/* line 30, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__images__thumbs a:not(:nth-child(4n+4)) {
  margin-right: 0.4em;
}
/* line 36, templates/g5_hydrogen/custom/scss/_product_details.scss */
/* line 38, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description h1 {
  color: #003968;
}
/* line 41, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__price {
  font-size: 1.5em;
  text-align: right;
  margin-top: 1em;
  border-top: solid 1px #ccc;
  padding-top: 1em;
}
/* line 47, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__price small {
  font-size: 1em;
  margin-top: 0.25em;
  display: block;
  opacity: 0.75;
}
/* line 54, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__free_text {
  padding-top: 1em;
  border-top: solid 1px #ccc;
  margin: 1em 0;
}
/* line 59, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details {
  border: none !important;
  border-spacing: 0 !important;
  table-layout: fixed;
}
/* line 63, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details tr {
  background: none !important;
}
/* line 65, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details tr td {
  border: none;
  color: #000;
  font-size: 18px;
  padding: 10px 0 !important;
  vertical-align: top;
}
/* line 71, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details tr td ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 75, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details tr td ul li {
  padding-left: 1em;
  text-indent: -0.7em;
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
}
/* line 79, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details tr td ul li:before {
  content: "•";
  color: #779a39;
  font-size: 1.5em;
}
/* line 86, templates/g5_hydrogen/custom/scss/_product_details.scss */
.product__description__details tr td:first-child {
  text-transform: uppercase;
  width: 35%;
  font-size: 16px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 5px 10px 0 !important;
}
/* line 101, templates/g5_hydrogen/custom/scss/_product_details.scss */
/* line 102, templates/g5_hydrogen/custom/scss/_product_details.scss */
input + pre {
  display: none;
}
/* line 105, templates/g5_hydrogen/custom/scss/_product_details.scss */
/* line 106, templates/g5_hydrogen/custom/scss/_product_details.scss */
input:checked + pre {
  display: block;
}
/* line 112, templates/g5_hydrogen/custom/scss/_product_details.scss */
div#cboxOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  z-index: 10;
}
/**
 * RsForm
 * Hier ist das Styling fürs kontaktformular drin.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_rsform.scss */
.flexbox {
  display: flex;
}
/* line 8, templates/g5_hydrogen/custom/scss/_rsform.scss */
.flexbox > div {
  flex: 1 1 0px;
}
/* line 10, templates/g5_hydrogen/custom/scss/_rsform.scss */
.flexbox > div:not(:last-child) {
  padding-right: 1em;
}
/* line 16, templates/g5_hydrogen/custom/scss/_rsform.scss */
/* line 17, templates/g5_hydrogen/custom/scss/_rsform.scss */
.rsform .formRequired {
  color: #a41b25;
}
/* line 21, templates/g5_hydrogen/custom/scss/_rsform.scss */
.rsform .form-control {
  box-sizing: border-box;
  border: none;
  box-shadow: none !important;
  border-bottom: solid 2px #ccc;
  border-radius: 0;
}
/* line 27, templates/g5_hydrogen/custom/scss/_rsform.scss */
.rsform .form-control:focus {
  border-bottom-color: #a41b25;
}
/* line 32, templates/g5_hydrogen/custom/scss/_rsform.scss */
.rsform textarea {
  padding: 0.375rem;
}
/* line 36, templates/g5_hydrogen/custom/scss/_rsform.scss */
.rsform .grecaptcha-badge {
  margin: auto;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
  border-radius: 4px;
  overflow: hidden;
}
/* line 42, templates/g5_hydrogen/custom/scss/_rsform.scss */
.rsform-block-pflichtangaben {
  color: #999;
}
/* line 46, templates/g5_hydrogen/custom/scss/_rsform.scss */
.ua-ie .rsform .rsform-block {
  display: block !important;
}
/* line 51, templates/g5_hydrogen/custom/scss/_rsform.scss */
.btn-primary {
  background: #a41b25;
  padding: 0.75em 3em;
  font-size: 1em;
  color: #fff;
  font-weight: 800;
  box-shadow: none;
  text-transform: uppercase;
}
/* line 59, templates/g5_hydrogen/custom/scss/_rsform.scss */
.btn-primary:focus {
  outline: none;
}
/* line 64, templates/g5_hydrogen/custom/scss/_rsform.scss */
.form-row > * {
  min-width: 10em;
  max-width: 100% !important;
  flex-grow: 1;
}
@media screen and (max-width: 60rem) {
  /* line 71, templates/g5_hydrogen/custom/scss/_rsform.scss */
  input#submit {
    width: 100%;
    box-sizing: border-box;
  }
  /* line 75, templates/g5_hydrogen/custom/scss/_rsform.scss */
  .formControls, .formControlLabel {
    padding: 0;
  }
  /* line 79, templates/g5_hydrogen/custom/scss/_rsform.scss */
  .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
/**
 * Legacy
 * Hier ist alter Code drin der für manche Sachen noch gebraucht wird.
 * Im moment nur für das Technibörse laufband in benutzung.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_legacy.scss */
div#scrollarea {
  position: relative;
  height: 70px;
  padding: 1em;
}
/* line 12, templates/g5_hydrogen/custom/scss/_legacy.scss */
div#laufband {
  padding: 2em 0;
  background: #a41b25;
  z-index: 2;
  transform: translate3d(0, 0, 0);
}
/* line 19, templates/g5_hydrogen/custom/scss/_legacy.scss */
div#scroller_popup {
  position: absolute !important;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: #000;
  padding: 1em;
  display: none;
  font-size: 0.75em;
}
/**
 * Articles
 * Hier werden die Beiträge und Herstellernews gestylt.
 */
/* line 5, templates/g5_hydrogen/custom/scss/_articles.scss */
.article {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  background: #fff;
  margin-bottom: 5em;
}
/* line 17, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:last-child {
  margin-bottom: 0;
}
/* line 23, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__info {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex: 1 1 0px ;
  -ms-flex: 1 1 0px ;
  flex: 1 1 0px ;
  -webkit-flex-direction: column ;
  -ms-flex-direction: column ;
  flex-direction: column ;
  padding: 1em;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15), 0 2px 15px rgba(0, 0, 0, 0.2);
}
/* line 24, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__info h2 {
  font-family: 'roboto, sans-serif';
  font-weight: 900;
  font-size: 1.5em;
  text-transform: uppercase;
}
/* line 33, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__info__header {
  margin-bottom: 1.5rem;
}
/* line 35, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__info__header h2 {
  margin-bottom: 0;
}
/* line 39, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__info__date {
  font-size: 0.75em;
  opacity: 0.5;
}
/* line 44, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__image {
  display: block;
  -webkit-flex: 0 0 70% ;
  -ms-flex: 0 0 70% ;
  flex: 0 0 70% ;
  background: #fff center/cover;
}
/* line 48, templates/g5_hydrogen/custom/scss/_articles.scss */
.article__image:after {
  content: '';
  display: block;
  padding-top: 57.1428571429%;
}
/* line 54, templates/g5_hydrogen/custom/scss/_articles.scss */
.article .readmore {
  -webkit-align-self: center ;
  -ms-align-self: center ;
  align-self: center ;
  margin-bottom: 1em;
}
/* line 57, templates/g5_hydrogen/custom/scss/_articles.scss */
/* line 64, templates/g5_hydrogen/custom/scss/_articles.scss */
/* line 65, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+1) .readmore a {
  color: #c82639;
  border-color: #c82639;
}
/* line 68, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+1) .readmore a:hover {
  background: #c82639;
}
/* line 64, templates/g5_hydrogen/custom/scss/_articles.scss */
/* line 65, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+2) .readmore a {
  color: #ef8e00;
  border-color: #ef8e00;
}
/* line 68, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+2) .readmore a:hover {
  background: #ef8e00;
}
/* line 64, templates/g5_hydrogen/custom/scss/_articles.scss */
/* line 65, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+3) .readmore a {
  color: #9bbc1a;
  border-color: #9bbc1a;
}
/* line 68, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+3) .readmore a:hover {
  background: #9bbc1a;
}
/* line 64, templates/g5_hydrogen/custom/scss/_articles.scss */
/* line 65, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+4) .readmore a {
  color: #28649a;
  border-color: #28649a;
}
/* line 68, templates/g5_hydrogen/custom/scss/_articles.scss */
.article:nth-child(4n+4) .readmore a:hover {
  background: #28649a;
}
/* line 76, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news, .cms_article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1em;
  background: #eee;
  margin-bottom: 3em;
}
/* line 86, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news a, .cms_article a {
  text-decoration: none;
}
/* line 89, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news__headline, .cms_article__headline {
  color: #a41b25;
  font-size: 1.3em;
  margin-top: 0;
}
/* line 94, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news__date, .cms_article__date {
  color: #aaa;
}
/* line 97, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news__readmore, .cms_article__readmore {
  display: inline-block;
  cursor: pointer;
}
/* line 102, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news__content, .cms_article__content {
  width: 100%;
}
/* line 105, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news__image, .cms_article__image {
  background: none 50%/cover;
  margin-right: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
/* line 111, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_news__image:after, .cms_article__image:after {
  display: table;
  content: "";
  padding-top: 66.66667%;
}
/* line 119, templates/g5_hydrogen/custom/scss/_articles.scss */
@media only all and (max-width: 47.99rem) {
  .cms_article, .cms_news {
    -webkit-flex-direction: column ;
    -ms-flex-direction: column ;
    flex-direction: column ;
  }
}
/* line 123, templates/g5_hydrogen/custom/scss/_articles.scss */
@media only all and (max-width: 47.99rem) {
  .cms_article__image, .cms_news__image {
    width: 100%;
  }
}
/* line 128, templates/g5_hydrogen/custom/scss/_articles.scss */
.cms_article__headline, .cms_news__headline {
  font-size: 1.3em;
}
/**
 * Search
 * Stylt die Suche / Suchergebnisse
 */
/* line 6, templates/g5_hydrogen/custom/scss/_search.scss */
#searchForm fieldset.phrases, #searchForm fieldset.only {
  display: none;
}
/* line 11, templates/g5_hydrogen/custom/scss/_search.scss */
.result-title {
  background: #3186bc;
  color: #fff !important;
  padding: 15px;
  font-size: 1.2em;
  font-weight: normal !important;
}
/* line 19, templates/g5_hydrogen/custom/scss/_search.scss */
.result-title a, .result-title a:link, .result-title a:hover, .result-title a:active {
  color: #fff;
}
/* line 23, templates/g5_hydrogen/custom/scss/_search.scss */
.result-category, result-text, result-created {
  margin: 0;
}
/* line 27, templates/g5_hydrogen/custom/scss/_search.scss */
.result-text, .result-created, .result-category {
  background: #eee;
  color: #333;
  margin: 0;
}
/* line 33, templates/g5_hydrogen/custom/scss/_search.scss */
.result-category {
  padding: 15px;
}
/* line 37, templates/g5_hydrogen/custom/scss/_search.scss */
.result-text {
  padding: 0 15px;
}
/* line 41, templates/g5_hydrogen/custom/scss/_search.scss */
.result-created {
  padding: 15px;
  margin-bottom: 15px;
  font-size: 11px;
}
/**
 * Maps
 * Hier wird die Mapbox karte gestylt.
 */
/* line 6, templates/g5_hydrogen/custom/scss/_maps.scss */
/* line 7, templates/g5_hydrogen/custom/scss/_maps.scss */
/* line 8, templates/g5_hydrogen/custom/scss/_maps.scss */
.mapboxgl-marker--vector {
  width: 64px;
}
/* line 10, templates/g5_hydrogen/custom/scss/_maps.scss */
.mapboxgl-marker--vector svg {
  overflow: visible;
  stroke-width: 1.5px;
}
/* line 13, templates/g5_hydrogen/custom/scss/_maps.scss */
.mapboxgl-marker--vector svg path {
  stroke: #a41b25;
}
/**
 * Footer
 * Hier wird der Footer Bereich gestylt.
 */
/* line 5, templates/g5_hydrogen/custom/scss/_footer.scss */
#g-footer {
  margin-top: 0;
  border: none;
}
/* line 9, templates/g5_hydrogen/custom/scss/_footer.scss */
.custom-footer {
  display: -webkit-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-wrap: wrap ;
  flex-wrap: wrap ;
  -webkit-justify-content: space-between ;
  -ms-flex-pack: justify ;
  justify-content: space-between ;
  padding-top: 1em;
  font-weight: 300;
  margin: 10px auto;
}
/* line 15, templates/g5_hydrogen/custom/scss/_footer.scss */
.custom-footer h3 {
  font-size: 1em;
  margin: 0.3em 0;
  color: inherit;
}
/* line 20, templates/g5_hydrogen/custom/scss/_footer.scss */
.custom-footer span, .custom-footer a {
  font-weight: 300;
}
/* line 23, templates/g5_hydrogen/custom/scss/_footer.scss */
.custom-footer small {
  display: block;
  width: 100%;
  text-align: center;
  opacity: 0.2;
  margin-top: 1em;
}
/* line 30, templates/g5_hydrogen/custom/scss/_footer.scss */
.custom-footer strong {
  color: white;
}
/* line 34, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 35, templates/g5_hydrogen/custom/scss/_footer.scss */
.g-sub-nav ul {
  margin: 0;
}
/* line 37, templates/g5_hydrogen/custom/scss/_footer.scss */
.g-sub-nav ul.g-toplevel {
  column-count: 2;
}
/* line 39, templates/g5_hydrogen/custom/scss/_footer.scss */
.g-sub-nav ul.g-toplevel .g-menu-item {
  list-style: none;
}
/* line 41, templates/g5_hydrogen/custom/scss/_footer.scss */
.g-sub-nav ul.g-toplevel .g-menu-item .g-separator.g-menu-item-content {
  display: none;
}
/* line 46, templates/g5_hydrogen/custom/scss/_footer.scss */
.g-sub-nav ul.g-toplevel .g-menu-item .g-menu-item-container {
  color: #fff;
}
/* line 49, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 50, templates/g5_hydrogen/custom/scss/_footer.scss */
/* line 51, templates/g5_hydrogen/custom/scss/_footer.scss */
.g-sub-nav ul.g-toplevel .g-menu-item.active .g-menu-item-container .g-menu-item-content {
  border-bottom: solid 1px;
}
/* line 1, templates/g5_hydrogen/custom/scss/_error.scss */
/* line 2, templates/g5_hydrogen/custom/scss/_error.scss */
.outline-_error h1 {
  font-size: 5em;
  text-align: center;
  font-weight: 800;
}
/* line 7, templates/g5_hydrogen/custom/scss/_error.scss */
.outline-_error section#g-container-4290 {
  flex: 1;
  align-items: center;
  display: flex;
}
/* line 12, templates/g5_hydrogen/custom/scss/_error.scss */
.outline-_error #g-page-surround {
  display: flex;
  flex-direction: column;
}
/* line 16, templates/g5_hydrogen/custom/scss/_error.scss */
/* line 17, templates/g5_hydrogen/custom/scss/_error.scss */
/* line 18, templates/g5_hydrogen/custom/scss/_error.scss */
/* line 19, templates/g5_hydrogen/custom/scss/_error.scss */
.outline-_error #g-footer .pagebuilderck > .rowck > .inner {
  display: flex;
}
/* line 21, templates/g5_hydrogen/custom/scss/_error.scss */
.outline-_error #g-footer .pagebuilderck > .rowck > .inner .blockck {
  flex: 1;
}
/* line 17, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 18, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 23, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .g-title {
  width: 100%;
  text-transform: uppercase;
}
/* line 28, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article {
  background: #faf9f7 !important;
  box-shadow: 0 7px 5px 0px rgba(0, 0, 0, 0.2);
  border-top: 4px solid #a41b25;
  max-width: 31%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* line 37, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article > a {
  order: 2;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-top: auto;
  margin-bottom: -16px;
  max-height: 300px;
  background-size: cover;
}
/* line 47, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content {
  display: flex;
  flex-direction: column;
}
/* line 51, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__headline {
  order: 1;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 600;
}
/* line 58, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__date {
  order: 2;
  font-weight: 200;
}
/* line 63, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__intro {
  order: 3;
  font-size: 0.9em;
}
/* line 66, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__intro p {
  margin: 10px 0;
}
/* line 71, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__readmore {
  order: 3;
  padding-right: 5px !important;
  margin-bottom: 10px;
}
/* line 78, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__readmore:hover {
  background: gray !important;
}
/* line 90, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container {
  padding: 20px 0 40px 0;
}
/* line 93, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 98, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .g-title {
  width: 100%;
  text-transform: uppercase;
}
/* line 103, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news {
  max-width: 48.5%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #ded9d5;
  box-shadow: 0 7px 5px 0px rgba(0, 0, 0, 0.2);
  position: relative;
}
/* line 112, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news::before {
  content: '';
  background: white;
  display: block;
  width: 9em;
  height: 3em;
  position: absolute;
  border-radius: 0 0 0 15px;
  top: 0;
  right: 0;
}
/* line 124, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__image {
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-top: -16px;
  max-height: 250px;
  background-size: cover;
}
/* line 132, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content {
  margin-top: auto;
  display: flex;
  flex-direction: column;
}
/* line 138, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content .cms_news__manufacturer {
  position: absolute;
  top: 0;
  right: 8px;
  height: 48px;
}
/* line 146, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content .cms_news__headline {
  order: 2;
  margin-top: 15px;
  margin-bottom: 2px;
  text-transform: uppercase;
  font-weight: 600;
}
/* line 154, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content .cms_article__date {
  order: 3;
  font-weight: 200;
}
/* line 159, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content .cms_news__intro {
  order: 4;
  font-size: 0.9em;
  margin: 10px 0;
}
/* line 165, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content .cms_news__readmore {
  order: 5;
  border: none !important;
  padding: 0;
  background: none !important;
  margin-top: auto !important;
}
/* line 173, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#herstellernews-container .moduletable .cms_news .cms_news__content .cms_news__readmore:hover {
  color: #575757 !important;
}
/* line 186, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 187, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 188, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 189, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 190, templates/g5_hydrogen/custom/scss/clem_custom.scss */
#aktuelles-container .moduletable .cms_article .cms_article__content .cms_article__readmore {
  margin-left: 240px;
}
/* line 198, templates/g5_hydrogen/custom/scss/clem_custom.scss */
.ad__button, .article .readmore a, .cms_news__readmore, .cms_article__readmore {
  margin-left: 770px;
}
/*
 // ############## Template
 • Change every green too accent color
 • Add 404 screen
 • Update Droppics (make gallery Random)
 padding-left: 35px;
 margin-left: 15px;
 border-left: 2px solid green;
 ### Line Left (rowck)
 background: green;
 padding: 0 10px;
 color: white;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 2.2em;
 display: inline-block;
 margin-bottom: 5px;
 ### Feste sicher feiern
 background: green;
 padding: 0 10px;
 color: white;
 font-size: 1.5em;
 display: inline-block;
 margin-top: 5px;
 ##### Text direkt darunter
 // ############## Template ENDE
 */
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
}
@media only all and (max-width: 30rem) {
}
/* line 315, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 316, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 317, templates/g5_hydrogen/custom/scss/clem_custom.scss */
.no-margin-top p:first-child, .no-margin-top h1:first-child, .no-margin-top h2:first-child, .no-margin-top h3:first-child, .no-margin-top h4:first-child, .no-margin-top h5:first-child, .no-margin-top h6:first-child, .no-margin-top p, .no-margin-top h1, .no-margin-top h2, .no-margin-top h3, .no-margin-top h4, .no-margin-top h5, .no-margin-top h6 {
  margin-top: 0;
}
/* line 323, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 324, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 325, templates/g5_hydrogen/custom/scss/clem_custom.scss */
.no-margin-bottom p:last-child, .no-margin-bottom h1:last-child, .no-margin-bottom h2:last-child, .no-margin-bottom h3:last-child, .no-margin-bottom h4:last-child, .no-margin-bottom h5:last-child, .no-margin-bottom h6:last-child, .no-margin-bottom p, .no-margin-bottom h1, .no-margin-bottom h2, .no-margin-bottom h3, .no-margin-bottom h4, .no-margin-bottom h5, .no-margin-bottom h6 {
  margin-bottom: 0;
}
/* line 333, templates/g5_hydrogen/custom/scss/clem_custom.scss */
h1, h2, h3, h4, h5, h6, strong {
  color: inherit;
}
/* line 338, templates/g5_hydrogen/custom/scss/clem_custom.scss */
/* line 339, templates/g5_hydrogen/custom/scss/clem_custom.scss */
.catamaran p, .catamaran span, .catamaran strong {
  font-family: 'Catamaran', sans-serif !important;
}
/* line 345, templates/g5_hydrogen/custom/scss/clem_custom.scss */
.buttonck {
  transition: 0.15s linear;
}
/* line 3, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm {
  padding: 5% 10%;
}
/* line 6, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm > h2 {
  margin-bottom: 40px;
  margin-left: 5px;
  color: ;
}
/* line 12, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block-header {
  text-align: center;
  font-size: 1.1em;
  color: #7b7b7b;
}
/* line 18, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm a {
  color: #a41b25 !important;
  text-decoration: none !important;
  transition: 0.2s linear;
}
/* line 23, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm a:hover {
  color: #c7212d !important;
}
/* line 28, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .form-row > .col, .simpleForm .form-row > [class*=col-] {
  padding-right: 15px;
  padding-left: 15px;
}
/* line 35, templates/g5_hydrogen/custom/scss/simpleForm.scss */
/* line 37, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControlLabel {
  float: none !important;
  padding-top: 0 !important;
  width: 90% !important;
  text-align: inherit !important;
  font-size: 1.2em;
  color: ;
}
/* line 45, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControlLabel > strong {
  color: darkgray;
}
/* line 50, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls {
  margin-left: 0 !important;
}
/* line 53, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls .formValidation {
  display: inherit !important;
}
/* line 56, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls .formValidation > span {
  color: #bd0900;
  font-weight: 600;
}
/* line 62, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=radio] {
  margin-top: 5px;
  height: 15px;
  width: 15px;
}
/* line 68, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=text], .simpleForm .rsform-block .formControls input[type=tel], .simpleForm .rsform-block .formControls input[type=email] {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  box-shadow: none;
  border: none;
  background: white;
  font-weight: 600;
  font-size: 1em;
  margin-top: 5px;
  border: 2px solid #a41b25;
}
/* line 81, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  box-shadow: none;
  border: none;
  background: white;
  font-weight: 600;
  font-size: 1em;
  margin-top: 5px;
  height: 257px;
  border: 2px solid #a41b25;
}
/* line 95, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=checkbox] {
  height: 15px;
  width: 15px;
  margin-top: 6px;
}
/* line 101, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=submit], .simpleForm .rsform-block .formControls button[type=submit] {
  transition: 0.2s linear;
  width: 100%;
  box-sizing: border-box;
  padding: 13px;
  box-shadow: none;
  border: none;
  background: #a41b25;
  font-weight: 600;
  border-radius: 0;
  font-size: 1.2em;
  color: white;
  text-shadow: none;
  text-transform: uppercase;
}
/* line 116, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=submit]:hover, .simpleForm .rsform-block .formControls button[type=submit]:hover {
  background: #d7d7d7;
}
/* line 121, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=button] {
  transition: 0.2s linear;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  box-shadow: none;
  border: none;
  background: white;
  font-weight: 500;
  font-size: 1em;
  color: #a41b25;
  text-shadow: none;
}
/* line 134, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block .formControls input[type=button]:hover {
  background: #d7d7d7;
}
/* line 141, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block-beschreibung {
  margin-bottom: 40px !important;
}
/* line 145, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block-pflichtangaben {
  color: #7b7b7b;
}
/* line 148, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block-pflichtangaben > span {
  font-size: 1.2em;
  color: darkgray;
}
/* line 154, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block-datenschutz .form-check-label {
  font-size: 1.2em;
}
/* line 158, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm .rsform-block-recaptcha .formControlLabel, .simpleForm .rsform-block-datenschutz .formControlLabel {
  display: none;
}
/* line 163, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm input[type="checkbox"], .simpleForm input[type="radio"] {
  display: none;
}
/* line 167, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm input[type="checkbox"] + label, .simpleForm input[type="radio"] + label {
  margin-left: 30px;
}
/* line 172, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm input[type="checkbox"] + label:before, .simpleForm input[type="radio"] + label:before {
  content: '';
  display: block;
  margin-right: 15px;
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
  border: 2px solid #a41b25;
  background: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
/* line 189, templates/g5_hydrogen/custom/scss/simpleForm.scss */
.simpleForm input[type="checkbox"]:checked + label:before, .simpleForm input[type="radio"]:checked + label:before {
  background: #a41b25;
}
/*-------------------------- TEMPLATE BLOCKS ----------------------------*/
/*--------------------------- CUSTOM TEMPLATE ---------------------------*/
/* line 48, templates/g5_hydrogen/custom/scss/custom.scss */
body, td, th, p, span, ul, li, h1, h2, h3, h4, h5, h6 {
  font-family: Fira Sans !important;
}
/* line 51, templates/g5_hydrogen/custom/scss/custom.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  margin-top: 50px;
}
/* line 55, templates/g5_hydrogen/custom/scss/custom.scss */
p.readmore {
  align-self: center;
  flex-grow: 1;
}
/* line 60, templates/g5_hydrogen/custom/scss/custom.scss */
h2, h3 {
  text-transform: uppercase;
}
/* Menue - Start */
/* line 66, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav {
  margin: 0 0 0 14vw;
}
/* line 69, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .headroom {
  background-image: linear-gradient(to top, #7a0309 0%, #ae1022 50%);
}
/* line 72, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: none;
}
/* line 76, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-toplevel > .g-menu-item.active {
  background: none !important;
}
/* line 79, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: none;
}
/* line 82, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation .g-dropdown-wrapper, #g-navigation .g-dropdown-wrapper div.g-dropdown {
  min-width: 205px;
}
/* line 85, templates/g5_hydrogen/custom/scss/custom.scss */
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
  color: #fff !important;
}
/* Menue - Ende */
/* Slider - Start */
/* line 92, templates/g5_hydrogen/custom/scss/custom.scss */
.slide__content {
  display: none;
}
/* Slider - Ende */
/* Laufband - Start */
/* line 101, templates/g5_hydrogen/custom/scss/custom.scss */
.traktorpool-copyright {
  display: none;
}
/* line 105, templates/g5_hydrogen/custom/scss/custom.scss */
div#laufband {
  padding: 0.3em 0;
}
/* line 108, templates/g5_hydrogen/custom/scss/custom.scss */
div#laufband h3 {
  font-size: 1.2rem;
  margin: 1.5rem 0 0.5em 0;
}
/* line 112, templates/g5_hydrogen/custom/scss/custom.scss */
.carousel__ad {
  width: 10em;
  height: 8em;
}
/* Laufband - Ende */
/* Einleitungstext - Start */
/* line 120, templates/g5_hydrogen/custom/scss/custom.scss */
#g-container-4290 {
  background-color: #ededed;
}
/* Einleitungstext - Ende */
/* Header - Start */
/* line 128, templates/g5_hydrogen/custom/scss/custom.scss */
#g-top {
  padding: 0.3em;
}
/* Header - Ende */
/* Bereiche - Start */
/* line 135, templates/g5_hydrogen/custom/scss/custom.scss */
#g-container-4290 .g-container {
  padding: 4em 0;
}
/* line 139, templates/g5_hydrogen/custom/scss/custom.scss */
#aktuelles-container {
  padding: 2em 0;
}
/* Bereiche - Ende */
/* Logo - Start */
/* line 147, templates/g5_hydrogen/custom/scss/custom.scss */
.gantry-logo img {
  width: 250px;
}
/* line 151, templates/g5_hydrogen/custom/scss/custom.scss */
.gantry-logo {
  max-width: 14vw;
  margin: 0 0 -100px 0;
  z-index: 1000;
}
/* line 156, templates/g5_hydrogen/custom/scss/custom.scss */
div.size-50 > .div.g-particle > a > img {
  z-index: 100 !important;
}
/* line 160, templates/g5_hydrogen/custom/scss/custom.scss */
.size-50 {
  z-index: 99 !important;
}
/* Logo - Ende */
/* line 165, templates/g5_hydrogen/custom/scss/custom.scss */
#g-navigation #g-showcase {
  z-index: -100 !important;
}
/* kotfluegelmodul - Start */
/* line 171, templates/g5_hydrogen/custom/scss/custom.scss */
.kotfluegel > .cms_article {
  max-width: none !important;
}
/* kotfluegelmodul - Ende */
/* line 177, templates/g5_hydrogen/custom/scss/custom.scss */
.wrapper {
  display: grid;
  grid-template-columns: 10vw 10vw;
  grid-gap: 10px;
  text-align: right;
  align-items: center;
}
/* line 185, templates/g5_hydrogen/custom/scss/custom.scss */
.box {
  padding: 15px 0 0px 10px;
}
/* line 187, templates/g5_hydrogen/custom/scss/custom.scss */
.box--2-col {
  grid-column: 1 / 3;
}
/* line 192, templates/g5_hydrogen/custom/scss/custom.scss */
.kleinerwrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  text-align: center;
  align-items: center;
}
/* line 200, templates/g5_hydrogen/custom/scss/custom.scss */
.strong {
  color: #000 !important;
}
/* line 203, templates/g5_hydrogen/custom/scss/custom.scss */
.custom-footer strong {
  color: black;
}
/* line 206, templates/g5_hydrogen/custom/scss/custom.scss */
.g-sub-nav ul.g-toplevel .g-menu-item .g-menu-item-container {
  color: black;
}
/* line 210, templates/g5_hydrogen/custom/scss/custom.scss */
#g-copyright {
  background-color: #504f50;
  padding: 10px;
  color: white;
  text-align: center;
}
/* line 216, templates/g5_hydrogen/custom/scss/custom.scss */
.dark-bg {
  position: relative;
  padding: 50px 0;
}
/* line 220, templates/g5_hydrogen/custom/scss/custom.scss */
.dark-bg:after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 110vw;
  top: calc(50% - 50%);
  left: calc(50% - 55vw);
  z-index: -1;
  background-color: #ededed;
}
/* line 233, templates/g5_hydrogen/custom/scss/custom.scss */
#aktuelles-container .moduletable .cms_article {
  background: #ededed !important;
}
/* line 236, templates/g5_hydrogen/custom/scss/custom.scss */
#herstellernews-container .moduletable .cms_news {
  background: #ededed;
}
/* line 239, templates/g5_hydrogen/custom/scss/custom.scss */
.custom-footer {
  flex-wrap: nowrap;
}
/* line 242, templates/g5_hydrogen/custom/scss/custom.scss */
.cms_article__readmore {
  display: block !important;
  border: none;
  padding: 0px !important;
  font-weight: bold;
  text-align: right !important;
}
/*# sourceMappingURL=custom_13.css.map */