body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@charset "UTF-8";
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local(""), url("../../files/basics/theme/fonts/roboto-v30-latin-100.woff2") format("woff2"), url("../../files/basics/theme/fonts/roboto-v30-latin-100.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../../files/basics/theme/fonts/roboto-v30b-latin-300.woff2") format("woff2"), url("../../files/basics/theme/fonts/roboto-v30-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../../files/basics/theme/fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../../files/basics/theme/fonts/roboto-v30-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../../files/basics/theme/fonts/roboto-v30b-latin-700.woff2") format("woff2"), url("../../files/basics/theme/fonts/roboto-v30-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-500 - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("../../files/basics/theme/fonts/roboto-slab-v24-latin-500.woff2") format("woff2"), url("../../files/basics/theme/fonts/roboto-slab-v24-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../../files/basics/theme/fonts/roboto-slab-v24-latin-700.woff2") format("woff2"), url("../../files/basics/theme/fonts/roboto-slab-v24-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*

$color-primary: #006339;
$color-secondary: #82C341;
$color-text: #333333;
$color-text-on-primary: #FFFFFF;
$color-bg-odd: #FFFFFF;
$color-bg-even: #F7F8F7;

$color-bg-odd-d-20: darken($color-bg-odd, 20%);
$color-bg-even-d-10: darken($color-bg-even, 10%);
$color-primary-l-5: lighten($color-primary, 5%);
$color-primary-l-10: lighten($color-primary, 10%);
$color-secondary-l-40: lighten($color-secondary, 40%);

*/
body {
  margin: 0;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child {
  margin-top: 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child {
  margin-bottom: 0;
}

#container a.button, #container button, #hero a.button, #hero button {
  display: inline-block;
  box-sizing: border-box;
  padding: 16px;
  margin: 7px;
  min-width: 250px;
  text-align: center;
  font-weight: 700;
  border: 2px solid var(--color-primary);
  border-radius: 6px;
}
#container a.button:hover, #container button:hover, #hero a.button:hover, #hero button:hover {
  box-shadow: 0 0 0 7px rgba(var(--color-primary-l-5-rgb), 0.25);
}
#container a.button.contained, #container button.contained, #hero a.button.contained, #hero button.contained {
  color: var(--color-text-on-primary);
  background-color: var(--color-primary);
}
#container a.button.inverted, #container button.inverted, #hero a.button.inverted, #hero button.inverted {
  color: var(--color-primary);
  background-color: var(--color-text-on-primary);
  border-color: var(--color-text-on-primary);
}
#container a.button.outlined, #container button.outlined, #hero a.button.outlined, #hero button.outlined {
  color: var(--color-primary);
}
#container a.button.disabled, #container a.button:disabled, #container button.disabled, #container button:disabled, #hero a.button.disabled, #hero a.button:disabled, #hero button.disabled, #hero button:disabled {
  color: #CCCCCC;
  border-color: #CCCCCC;
}
#container a.button.disabled:hover, #container a.button:disabled:hover, #container button.disabled:hover, #container button:disabled:hover, #hero a.button.disabled:hover, #hero a.button:disabled:hover, #hero button.disabled:hover, #hero button:disabled:hover {
  box-shadow: none;
}
#container a.button.focus, #container a.button:focus, #container button.focus, #container button:focus, #hero a.button.focus, #hero a.button:focus, #hero button.focus, #hero button:focus {
  background-color: var(--color-primary-l-10);
  border-color: var(--color-primary-l-10);
  color: var(--color-text-on-primary);
}

.mod_article.even {
  background-color: var(--color-bg-even);
}
.mod_article.odd {
  background-color: var(--color-bg-odd);
}
.mod_article.odd + .odd > .inner, .mod_article.even + .even > .inner {
  padding-top: 0;
}
#main .mod_article.no-spacing {
  padding: 0 !important;
}
#main .mod_article.no-spacing > .inside {
  padding: 0;
  max-width: 100vw;
  margin: 0;
}

#main .mod_article > .inside, #main .mod_article.no-spacing .spacing {
  max-width: calc(1088px + 6em);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 3em;
}

header > .inside .navigation .menu-header.with-language-picker {
  width: calc(100% - 50px);
}
@media (min-width: 768px) {
  header > .inside .navigation .menu-header.with-language-picker {
    width: auto;
  }
}
header > .inside .navigation .language-picker {
  order: 3;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 90px;
}
@media (min-width: 768px) {
  header > .inside .navigation .language-picker {
    position: relative;
  }
}
header > .inside .navigation .language-picker .language-expander {
  display: flex;
  padding: 1em;
  color: var(--color-primary);
}
header > .inside .navigation .language-picker ul {
  position: absolute;
  top: 100%;
  display: none;
  background-color: white;
  padding: 0;
  right: 0;
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  header > .inside .navigation .language-picker ul {
    right: -1em;
    width: auto !important;
    padding: 0 1em;
  }
}
header > .inside .navigation .language-picker ul a:before {
  display: none !important;
}
header > .inside .navigation.use-mobile-navigation .menu-header.with-language-picker {
  width: calc(100% - 50px);
}
header > .inside .navigation.use-mobile-navigation .language-picker {
  position: absolute;
}
header > .inside .navigation.use-mobile-navigation .language-picker ul {
  padding: 0;
  right: 0;
}
header > .inside .navigation.use-mobile-navigation .language-picker li {
  border-bottom: 0;
}

body.menu-state-open .navigation .language-picker {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
@media (min-width: 768px) {
  body.menu-state-open .navigation:not(.use-mobile-navigation) .language-picker {
    border-bottom: none;
  }
}

body.language-state-open .navigation .language-picker ul, body.language-state-open .navigation.use-mobile-navigation .language-picker ul {
  display: flex;
}
@media (min-width: 768px) {
  body.language-state-open .navigation .language-picker ul, body.language-state-open .navigation.use-mobile-navigation .language-picker ul {
    flex-direction: row;
  }
}

header > .inside .navigation ul.items ul a:before {
  content: none;
}
header > .inside .navigation ul.items ul li {
  margin: 0;
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
header > .inside .navigation ul.items ul li:not(:hover):last-of-type {
  border-color: transparent;
}
header > .inside .navigation.use-mobile-navigation ul.items ul {
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-color: var(--color-primary);
}
header > .inside .navigation.use-mobile-navigation ul.items ul li:hover {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
header > .inside .navigation.use-mobile-navigation ul.items li.opened > a {
  color: var(--color-primary);
}
header > .inside .navigation.use-mobile-navigation ul.items li.opened a:before {
  transform: translateY(-50%) rotate(135deg);
}
header > .inside .navigation.use-mobile-navigation ul.items li.opened ul {
  display: block;
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items ul {
  display: none;
  position: absolute;
  padding: 1em;
  margin-top: 2px;
  background-color: rgba(var(--color-bg-odd-rgb), 1);
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items ul a {
  padding: 1em;
  width: 300px;
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items li:hover ul {
  display: block;
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items > li.right ul {
  right: 0;
}

body {
  --scrollbar: 0;
}

header > .inside .navigation .language-picker ul {
  width: calc(100vw - 6em - var(--scrollbar));
}

header {
  position: fixed;
  z-index: 10;
  width: 100%;
}
header > .inside {
  max-width: calc(1088px + 6em);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 3em;
}
header > .inside .navigation {
  background-color: rgba(var(--color-bg-odd-rgb), 0.8);
  backdrop-filter: blur(5px);
  position: relative;
  color: var(--color-text);
  display: flex;
  align-items: stretch;
  font-size: 1em;
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  header > .inside .navigation {
    background-color: rgba(var(--color-bg-odd-rgb), 0.95);
    border-bottom: 1px solid var(--color-bg-odd-d-20);
  }
}
header > .inside .navigation > ul {
  flex-basis: 50%;
  display: flex;
  justify-content: space-evenly;
}
header > .inside a {
  color: var(--color-text);
  display: inline-block;
}
header > .inside li.active a {
  color: var(--color-primary);
}
header > .inside .navigation ul {
  display: flex;
}
header > .inside .navigation ul:first-child {
  justify-content: flex-end;
}
header > .inside .navigation ul:last-child {
  justify-content: flex-start;
}
header > .inside .navigation ul a {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding: 1em 0;
  position: relative;
  text-align: center;
}
header > .inside .navigation ul a::before {
  content: "";
  display: block;
  border-top: 3px solid var(--color-primary);
  border-right: 3px solid var(--color-primary);
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 2px;
}
header > .inside ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
header > .inside .logo {
  padding: 1em;
  height: 100%;
  box-sizing: border-box;
}
header > .inside .logo img {
  height: 100%;
  width: auto;
}
header > .inside .navigation {
  flex-direction: column;
}
header > .inside .navigation.logo-pos-left ul, header > .inside .navigation.logo-pos-right ul {
  flex-basis: auto;
}
header > .inside .navigation.logo-pos-left .menu-header {
  order: 1;
}
header > .inside .navigation.logo-pos-left ul {
  order: 2;
}
header > .inside .navigation.logo-pos-right ul {
  order: 1;
}
header > .inside .navigation ul {
  width: 100%;
}
header > .inside .navigation .menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  order: 1;
  flex-shrink: 0;
  height: 90px;
}
header > .inside .navigation ul {
  display: none;
  flex-direction: column;
  order: 2;
}
header > .inside .navigation li {
  margin: 0 1em;
}
header > .inside .navigation li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
header > .inside .navigation li:not(.logo):hover {
  background-color: #fff;
  border-bottom-color: var(--color-primary);
}
header > .inside .navigation li a:hover {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  header > .inside .navigation {
    flex-direction: row;
    padding: 0 1em;
    font-size: 0.8em;
  }
  header > .inside .navigation ul a {
    padding: 2em 1em;
  }
  header > .inside .navigation ul a::before {
    display: none;
  }
  header > .inside .navigation.logo-pos-left .menu-header {
    margin-right: auto;
  }
  header > .inside .navigation.logo-pos-right .menu-header {
    order: 2;
    margin-left: auto;
  }
  header > .inside .navigation ul {
    width: auto;
  }
  header > .inside .navigation .menu-header {
    order: initial;
  }
  header > .inside .navigation > ul {
    display: flex;
    order: initial;
    flex-direction: row;
  }
  header > .inside .navigation li {
    margin: 0;
  }
}
header > .inside .navigation.use-mobile-navigation {
  flex-direction: column;
  padding: 0;
}
header > .inside .navigation.use-mobile-navigation ul a::before {
  display: block;
}
header > .inside .navigation.use-mobile-navigation.logo-pos-left .menu-header {
  margin-right: 0;
}
header > .inside .navigation.use-mobile-navigation.logo-pos-right .menu-header {
  margin-left: 0;
}
header > .inside .navigation.use-mobile-navigation.logo-pos-right ul {
  order: 1;
}
header > .inside .navigation.use-mobile-navigation > ul {
  width: 100%;
}
header > .inside .navigation.use-mobile-navigation .menu-header {
  order: 1;
}
header > .inside .navigation.use-mobile-navigation > ul {
  display: none;
  flex-direction: column;
  order: 2;
}
header > .inside .navigation.use-mobile-navigation li {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
  margin: 0 1em;
}

header > .inside .navigation .menu-expander {
  width: 24px;
  height: 24px;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 1em;
}
header > .inside .navigation .menu-expander .inner {
  width: 24px;
  height: 24px;
  position: relative;
}
header > .inside .navigation .menu-expander span {
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  display: block;
  position: absolute;
  transition: transform 200ms;
}
header > .inside .navigation .menu-expander span:first-child {
  transform: translate3d(0, 2px, 0);
}
header > .inside .navigation .menu-expander span:nth-child(2) {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
header > .inside .navigation .menu-expander span:last-child {
  transform: translate3d(0, 20px, 0);
}
header > .inside .navigation.use-mobile-navigation .menu-expander {
  display: flex;
}

body.menu-state-open .navigation.use-mobile-navigation {
  background-color: white;
  padding-bottom: 1em;
}
body.menu-state-open .navigation.use-mobile-navigation .menu-header {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
body.menu-state-open .navigation.use-mobile-navigation .menu-expander span:first-child {
  transform: translate3d(-3px, 12px, 0) rotate(45deg);
  width: calc(100% + 6px);
}
body.menu-state-open .navigation.use-mobile-navigation .menu-expander span:nth-child(2) {
  transform: translate3d(0, -50%, 0) scale(0);
}
body.menu-state-open .navigation.use-mobile-navigation .menu-expander span:last-child {
  transform: translate3d(-3px, 12px, 0) rotate(-45deg);
  width: calc(100% + 6px);
}
body.menu-state-open .navigation.use-mobile-navigation > ul {
  display: flex;
}
body.menu-state-open .menu-overlay {
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: initial;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background-color 200ms;
}

header + #container #main {
  padding-top: 5rem;
}

footer > .inside {
  max-width: calc(1088px + 6em);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 3em;
}
footer > .inside .footer__main {
  background-color: var(--color-primary);
  color: var(--color-text-on-primary);
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  footer > .inside .footer__main {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
footer > .inside abbr {
  text-decoration: none;
}
footer > .inside .footer__copyright, footer > .inside .footer__links a {
  padding: 1em;
}
footer > .inside a {
  color: var(--color-text-on-primary);
  font-weight: 300;
}
footer > .inside a.active {
  font-weight: 400;
}
footer > .inside a:hover {
  color: rgba(var(--color-text-on-primary-rgb), 0.5);
}
footer > .inside ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer > .inside ul li {
  display: inline;
}
footer > .inside ul li + li:before {
  content: " | ";
}
footer > .inside .footer__main {
  min-height: 3rem;
}
footer > .inside .footer__main ul {
  display: flex;
  height: 100%;
}
footer > .inside .footer__main ul li {
  display: flex;
}
footer > .inside .footer__main ul li:before {
  display: flex;
  align-items: center;
}
footer > .inside .footer__main ul a {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}

body > #wrapper {
  position: relative;
}
body > #wrapper footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

#main .inside > .mod_article:last-of-type {
  padding-bottom: 3rem !important;
}

#hero img {
  width: 100%;
}

.ce_gmrg_hero_image.parallax-image {
  position: relative;
}
.ce_gmrg_hero_image.parallax-image .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.ce_gmrg_hero_image.parallax-image .static-layer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  color: white;
  padding: 3em;
  box-sizing: border-box;
  min-height: 28vw;
  max-width: calc(1088px - 6em);
  margin: 0 auto;
}
.ce_gmrg_hero_image.parallax-image .static-layer .image_container img {
  height: 100%;
}

.ce_text, .ce_gmrg_text, .ce_gmrg_produkte_text {
  margin-bottom: 2em;
}
@media (min-width: 1024px) {
  .ce_text, .ce_gmrg_text, .ce_gmrg_produkte_text {
    display: flex;
    gap: 1em;
  }
}
@media (max-width: 1023px) {
  .ce_text .image_container img, .ce_gmrg_text .image_container img, .ce_gmrg_produkte_text .image_container img {
    margin-bottom: 1em;
  }
}
.ce_text.reverse, .ce_gmrg_text.reverse, .ce_gmrg_produkte_text.reverse {
  flex-direction: row-reverse;
}
.ce_text .image_container img, .ce_gmrg_text .image_container img, .ce_gmrg_produkte_text .image_container img {
  width: 100%;
}
.ce_text > figure, .ce_text > h1, .ce_text > h2, .ce_text > h3, .ce_text > h4, .ce_text > h5, .ce_text > h6, .ce_text > .text, .ce_text > .content, .ce_text > .product_gallery, .ce_gmrg_text > figure, .ce_gmrg_text > h1, .ce_gmrg_text > h2, .ce_gmrg_text > h3, .ce_gmrg_text > h4, .ce_gmrg_text > h5, .ce_gmrg_text > h6, .ce_gmrg_text > .text, .ce_gmrg_text > .content, .ce_gmrg_text > .product_gallery, .ce_gmrg_produkte_text > figure, .ce_gmrg_produkte_text > h1, .ce_gmrg_produkte_text > h2, .ce_gmrg_produkte_text > h3, .ce_gmrg_produkte_text > h4, .ce_gmrg_produkte_text > h5, .ce_gmrg_produkte_text > h6, .ce_gmrg_produkte_text > .text, .ce_gmrg_produkte_text > .content, .ce_gmrg_produkte_text > .product_gallery {
  flex-basis: 50%;
}
.ce_text > figure + .content, .ce_text > h1 + .content, .ce_text > h2 + .content, .ce_text > h3 + .content, .ce_text > h4 + .content, .ce_text > h5 + .content, .ce_text > h6 + .content, .ce_text > .text + .content, .ce_text > .content + .content, .ce_text > .product_gallery + .content, .ce_gmrg_text > figure + .content, .ce_gmrg_text > h1 + .content, .ce_gmrg_text > h2 + .content, .ce_gmrg_text > h3 + .content, .ce_gmrg_text > h4 + .content, .ce_gmrg_text > h5 + .content, .ce_gmrg_text > h6 + .content, .ce_gmrg_text > .text + .content, .ce_gmrg_text > .content + .content, .ce_gmrg_text > .product_gallery + .content, .ce_gmrg_produkte_text > figure + .content, .ce_gmrg_produkte_text > h1 + .content, .ce_gmrg_produkte_text > h2 + .content, .ce_gmrg_produkte_text > h3 + .content, .ce_gmrg_produkte_text > h4 + .content, .ce_gmrg_produkte_text > h5 + .content, .ce_gmrg_produkte_text > h6 + .content, .ce_gmrg_produkte_text > .text + .content, .ce_gmrg_produkte_text > .content + .content, .ce_gmrg_produkte_text > .product_gallery + .content {
  flex-basis: 50%;
}
.ce_text.flex_66_33 > figure, .ce_text.flex_66_33 > h1, .ce_text.flex_66_33 > h2, .ce_text.flex_66_33 > h3, .ce_text.flex_66_33 > h4, .ce_text.flex_66_33 > h5, .ce_text.flex_66_33 > h6, .ce_text.flex_66_33 > .text, .ce_text.flex_66_33 > .content, .ce_text.flex_66_33 > .product_gallery, .ce_gmrg_text.flex_66_33 > figure, .ce_gmrg_text.flex_66_33 > h1, .ce_gmrg_text.flex_66_33 > h2, .ce_gmrg_text.flex_66_33 > h3, .ce_gmrg_text.flex_66_33 > h4, .ce_gmrg_text.flex_66_33 > h5, .ce_gmrg_text.flex_66_33 > h6, .ce_gmrg_text.flex_66_33 > .text, .ce_gmrg_text.flex_66_33 > .content, .ce_gmrg_text.flex_66_33 > .product_gallery, .ce_gmrg_produkte_text.flex_66_33 > figure, .ce_gmrg_produkte_text.flex_66_33 > h1, .ce_gmrg_produkte_text.flex_66_33 > h2, .ce_gmrg_produkte_text.flex_66_33 > h3, .ce_gmrg_produkte_text.flex_66_33 > h4, .ce_gmrg_produkte_text.flex_66_33 > h5, .ce_gmrg_produkte_text.flex_66_33 > h6, .ce_gmrg_produkte_text.flex_66_33 > .text, .ce_gmrg_produkte_text.flex_66_33 > .content, .ce_gmrg_produkte_text.flex_66_33 > .product_gallery {
  flex-basis: 60%;
}
.ce_text.flex_66_33 > figure + .content, .ce_text.flex_66_33 > h1 + .content, .ce_text.flex_66_33 > h2 + .content, .ce_text.flex_66_33 > h3 + .content, .ce_text.flex_66_33 > h4 + .content, .ce_text.flex_66_33 > h5 + .content, .ce_text.flex_66_33 > h6 + .content, .ce_text.flex_66_33 > .text + .content, .ce_text.flex_66_33 > .content + .content, .ce_text.flex_66_33 > .product_gallery + .content, .ce_gmrg_text.flex_66_33 > figure + .content, .ce_gmrg_text.flex_66_33 > h1 + .content, .ce_gmrg_text.flex_66_33 > h2 + .content, .ce_gmrg_text.flex_66_33 > h3 + .content, .ce_gmrg_text.flex_66_33 > h4 + .content, .ce_gmrg_text.flex_66_33 > h5 + .content, .ce_gmrg_text.flex_66_33 > h6 + .content, .ce_gmrg_text.flex_66_33 > .text + .content, .ce_gmrg_text.flex_66_33 > .content + .content, .ce_gmrg_text.flex_66_33 > .product_gallery + .content, .ce_gmrg_produkte_text.flex_66_33 > figure + .content, .ce_gmrg_produkte_text.flex_66_33 > h1 + .content, .ce_gmrg_produkte_text.flex_66_33 > h2 + .content, .ce_gmrg_produkte_text.flex_66_33 > h3 + .content, .ce_gmrg_produkte_text.flex_66_33 > h4 + .content, .ce_gmrg_produkte_text.flex_66_33 > h5 + .content, .ce_gmrg_produkte_text.flex_66_33 > h6 + .content, .ce_gmrg_produkte_text.flex_66_33 > .text + .content, .ce_gmrg_produkte_text.flex_66_33 > .content + .content, .ce_gmrg_produkte_text.flex_66_33 > .product_gallery + .content {
  flex-basis: 40%;
}
.ce_text .float_right, .ce_text .float_left, .ce_gmrg_text .float_right, .ce_gmrg_text .float_left, .ce_gmrg_produkte_text .float_right, .ce_gmrg_produkte_text .float_left {
  float: none;
}

.ce_text .content, .ce_gmrg_text .content {
  align-self: center;
}

.product_gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.product_gallery figure {
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.product_gallery figure > *:first-child, .product_gallery figure a > *:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: auto;
}
.product_gallery figure, .product_gallery div {
  flex-basis: calc(50% - 0.5em);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .product_gallery figure, .product_gallery div {
    flex-basis: calc(33.3333333333% - 0.6666666667em);
  }
}
@media (min-width: 1024px) {
  .product_gallery figure, .product_gallery div {
    flex-basis: calc(25% - 0.75em);
  }
}
@media (min-width: 1024px) {
  .ce_gmrg_produkte_text .product_gallery figure, .ce_gmrg_produkte_text .product_gallery div {
    flex-basis: calc(50% - 0.5em);
  }
}

.product_gallery figcaption {
  font-weight: 400;
  text-align: center;
  padding-top: 0.5em;
}
.product_gallery a figcaption {
  color: var(--color-secondary);
}
.product_gallery a:hover figcaption {
  color: var(--color-primary);
}
.product_gallery .image_container img {
  width: 100%;
}

.ce_gmrg_produkt_display {
  border: 4px solid var(--color-secondary);
  display: flex;
  overflow: visible;
  margin-bottom: 4em;
  padding: 2em;
}
.ce_gmrg_produkt_display > figure {
  padding-right: 2em;
  box-sizing: border-box;
  flex-basis: 50%;
  justify-content: center;
  margin-bottom: max(-8em, -13vw);
  align-self: self-end;
}
@media (max-width: 768px) {
  .ce_gmrg_produkt_display > figure {
    display: none;
  }
}
.ce_gmrg_produkt_display > figure img {
  margin: 0 auto;
  display: block;
}
.mod_article.gradient {
  background: linear-gradient(58deg, var(--color-secondary-l-40), var(--color-secondary));
}
.mod_article.gradient .ce_gmrg_produkt_display {
  border: 0;
}
.mod_article.gradient .ce_gmrg_produkt_display .icon_list figure {
  background-color: #fff;
  border-radius: 100%;
  width: 5em;
  height: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  box-sizing: border-box;
  flex-basis: 5em;
}

.icon_list {
  list-style-type: none;
  padding: 0;
  margin: 2em 0;
}
.icon_list li {
  display: flex;
  margin-bottom: 2em;
}
.icon_list li figure {
  flex-basis: 4em;
  flex-shrink: 0;
  margin-right: 1em;
}
.icon_list li span {
  align-self: center;
}

table {
  background-color: var(--color-bg-odd);
  border-collapse: collapse;
}
table tr th {
  font-weight: 500;
  text-align: left;
}
table th, table td {
  padding: 1em;
}
table thead th {
  font-size: 0.9em;
}
table tbody th {
  font-family: "Roboto Slab", serif;
}
table tbody th, table tbody td {
  border-bottom: 1px solid var(--color-bg-even-d-10);
}

table.stellenangebote {
  width: 100%;
}
table.stellenangebote td::before {
  display: none;
}
@media screen and (max-width: 768px) {
  table.stellenangebote {
    display: block;
  }
  table.stellenangebote td {
    display: block;
  }
  table.stellenangebote th {
    display: none;
  }
  table.stellenangebote td::before {
    font-weight: 400;
    display: block;
    margin-bottom: 0.5em;
  }
}
table.stellenangebote td:nth-of-type(1):before {
  content: "Bezeichnung";
}
table.stellenangebote td:nth-of-type(2):before {
  content: "Beschäftstigungsart";
}
table.stellenangebote td:nth-of-type(3):before {
  content: "Ausbildung";
}

table {
  width: 100%;
}
table thead {
  display: none;
}
@media (min-width: 768px) {
  table thead {
    display: table-header-group;
  }
}
table tbody th, table tbody td {
  border-bottom: none;
}
table tbody th {
  color: var(--color-secondary);
}
table tbody td {
  padding: 0.5em 1em;
}
@media (min-width: 768px) {
  table tbody td {
    padding: 1em;
  }
}
table tbody tr {
  display: flex;
  flex-direction: column;
  padding: 1em 0.5em;
}
table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid var(--color-bg-even-d-10);
}
@media (min-width: 768px) {
  table tbody tr {
    display: table-row;
  }
}

.ce_list.products ul, .ce_gmrg_liste_hl ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.ce_list.products li, .ce_gmrg_liste_hl li {
  background-color: var(--color-bg-odd);
  padding: 1em;
  border-bottom: 1px solid var(--color-bg-even-d-10);
  box-sizing: border-box;
  width: 25%;
}
@media screen and (max-width: 767px) {
  .ce_list.products li, .ce_gmrg_liste_hl li {
    width: 50%;
  }
}
@media screen and (max-width: 479px) {
  .ce_list.products li, .ce_gmrg_liste_hl li {
    width: 100%;
  }
}

.stage {
  width: 100vw;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.stage .inner {
  max-width: calc(1088px + 6em);
  padding: 0 3em;
  box-sizing: border-box;
  width: 100%;
}
@media (max-width: 1023px) {
  .stage .inner {
    padding-top: 6.2rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 767px) {
  .stage .inner {
    padding-bottom: 7rem;
  }
}
@media (min-width: 1024px) {
  .stage .inner .text {
    padding-top: 6rem;
    padding-bottom: 4rem;
  }
}
.stage h1, .stage h2, .stage h3, .stage h4, .stage h5, .stage h6 {
  color: var(--color-stage-headline);
  line-height: 1.2;
}
.stage h1 {
  font-size: 4em;
}
@media (max-width: 767px) {
  .stage h1 {
    font-size: 3em;
  }
}
.stage.background_50 h1, .stage.foreground h1, .stage.both h1 {
  font-size: 3em;
}
@media (min-width: 1024px) {
  .stage.background_50, .stage.foreground, .stage.both {
    text-align: left;
  }
  .stage.background_50 .inner, .stage.foreground .inner, .stage.both .inner {
    display: flex;
    height: 100%;
    align-items: center;
  }
  .stage.background_50 .inner .text, .stage.foreground .inner .text, .stage.both .inner .text {
    flex-basis: 50%;
    flex-shrink: 0;
  }
  .stage.background_50 .inner .image, .stage.foreground .inner .image, .stage.both .inner .image {
    margin-right: -10em;
  }
  .stage.background_50 .button_2, .stage.foreground .button_2, .stage.both .button_2 {
    display: none !important;
  }
}
.stage.background_50:not([data-bgimage]), .stage.foreground:not([data-bgimage]), .stage.both:not([data-bgimage]) {
  background: linear-gradient(58deg, var(--color-secondary-l-40), var(--color-secondary));
}
@media (min-width: 768px) {
  .stage.background_50 {
    text-align: left;
  }
  .stage.background_50 .text {
    max-width: 90%;
  }
}
@media (max-width: 1023px) {
  .stage.foreground h1, .stage.both h1 {
    padding-top: 1em;
  }
  .stage.foreground .button_1, .stage.both .button_1 {
    display: none !important;
  }
}

.slider-wrapper .slider {
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  /* Firefox */
}
.slider-wrapper .slider::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
}
.slider-wrapper .slider::after {
  content: "";
  display: table;
  clear: both;
}
.slider-wrapper .slider .slider-item {
  scroll-snap-align: start;
  display: flex;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
}
.slider-wrapper .slider .slider-item .title, .slider-wrapper .slider .slider-item .subtitle {
  max-width: max(50%, 300px);
  width: 100%;
  color: white;
  z-index: 2;
}
.slider-wrapper .slider .slider-item .title {
  font-family: "Roboto Slab", serif;
  line-height: 1.2;
}
.slider-wrapper .slider .slider-item .subtitle {
  margin-top: 1em;
  font-weight: 100;
}
.slider-wrapper .controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 1em;
  color: var(--color-primary);
}
.slider-wrapper .controls.hidden {
  display: none;
}
.slider-wrapper .controls .back, .slider-wrapper .controls .next {
  display: flex;
  margin-left: 0.5em;
  cursor: pointer;
}

.ce_gmrg_slider_start.slider-wrapper .slider::before {
  content: "";
  padding-top: 56.25%;
}
.ce_gmrg_slider_start.slider-wrapper .slider .slider-item {
  flex: 1 0 auto;
  background-size: cover;
  background-position: center;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 2rem;
}
@media (min-width: 768px) {
  .ce_gmrg_slider_start.slider-wrapper .slider .slider-item {
    padding: 2rem 4rem;
  }
}
.ce_gmrg_slider_start.slider-wrapper .slider .slider-item::before {
  content: "";
  background: transparent linear-gradient(270deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
}

.ce_gmrg_slider_icontext.slider-wrapper .slider .slider-item {
  align-items: center;
  text-align: center;
  flex: 0 0 auto;
  padding: 1em;
}
@media (min-width: 768px) {
  .ce_gmrg_slider_icontext.slider-wrapper .slider .slider-item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .ce_gmrg_slider_icontext.slider-wrapper .slider .slider-item {
    width: 33.3333333333%;
  }
}
.ce_gmrg_slider_icontext.slider-wrapper .slider .slider-item .image_container {
  height: 140px;
  margin-bottom: 1em;
}
.ce_gmrg_slider_icontext.slider-wrapper .slider .slider-item .headline {
  color: var(--color-secondary);
}
.ce_gmrg_slider_icontext.slider-wrapper .slider .slider-item .text {
  font-size: 0.9em;
}
.ce_gmrg_slider_icontext.slider-wrapper .controls {
  justify-content: center;
  color: var(--color-secondary);
}
.ce_gmrg_slider_icontext.slider-wrapper .controls span {
  display: none;
}

.ce_vimeo iframe {
  border: 0;
}

.quick-contact {
  color: var(--color-quickcontact-primary);
  background-color: var(--color-bg-odd);
}
.quick-contact h1, .quick-contact h2, .quick-contact h3, .quick-contact h4, .quick-contact h5, .quick-contact h6 {
  color: var(--color-quickcontact-primary);
}
@media (min-width: 768px) {
  .quick-contact {
    position: fixed;
    top: 50%;
    right: 0.5em;
    transform: translateY(-50%);
    z-index: 20;
    background-color: transparent;
  }
}
@media (min-width: 1260px) {
  .quick-contact {
    right: 1em;
  }
}
.quick-contact ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .quick-contact ul {
    flex-direction: column;
  }
}
.quick-contact ul li {
  padding: 0 0.25em;
  position: relative;
}
@media (min-width: 768px) {
  .quick-contact ul li {
    padding: 0.25em 0;
  }
}
.quick-contact ul li .icon > svg, .quick-contact ul li .icon img {
  width: 2em !important;
  height: auto;
  vertical-align: baseline;
}
.quick-contact ul li .icon.hover {
  display: none;
}
.quick-contact ul li:hover .icon.hover {
  display: block;
}
.quick-contact ul li:hover .icon.nohover {
  display: none;
}
.quick-contact ul li .popup {
  position: fixed;
  top: 50%;
  right: 50%;
  background-color: var(--color-quickcontact-background);
  padding: 1em;
  transform: translate(50%, -50%);
  z-index: 20;
}
@media (min-width: 768px) {
  .quick-contact ul li .popup {
    position: absolute;
    right: calc(100% + 1em);
    top: 0;
    transform: translate(0, -30%);
  }
}
.quick-contact ul li .popup:not(.visible) {
  display: none;
}
.quick-contact ul li .popup .close {
  width: 24px;
  height: 24px;
  position: relative;
  margin-left: auto;
  cursor: pointer;
}
.quick-contact ul li .popup .close span {
  width: 100%;
  height: 2px;
  background-color: var(--color-quickcontact-primary);
  display: block;
  position: absolute;
}
.quick-contact ul li .popup .close span:first-child {
  transform: translate3d(-3px, 12px, 0) rotate(45deg);
  width: calc(100% + 6px);
}
.quick-contact ul li .popup .close span:last-child {
  transform: translate3d(-3px, 12px, 0) rotate(-45deg);
  width: calc(100% + 6px);
}
.quick-contact ul li .popup button, .quick-contact ul li .popup a {
  display: inline-block;
  box-sizing: border-box;
  padding: 16px;
  margin: 7px;
  min-width: 200px;
  text-align: center;
  font-weight: 700;
  border: 2px solid var(--color-quickcontact-primary);
  border-radius: 6px;
  color: var(--color-quickcontact-text-on-primary);
  background-color: var(--color-quickcontact-primary);
  font-size: 1em;
  margin: 0;
}
.quick-contact ul li .popup .separator {
  border: 2px dashed var(--color-quickcontact-text-on-primary);
  margin: 1.5em 0 1em 0;
}
.quick-contact ul li .popup .widget {
  margin-bottom: 1em;
}
.quick-contact ul li .popup .widget:last-child {
  margin-bottom: 0;
}
.quick-contact ul li .popup .widget.phone-number {
  display: flex;
  flex-direction: column-reverse;
  background-color: white;
  padding: 0.5em;
}
.quick-contact ul li .popup .widget.phone-number input {
  border: 0;
}
.quick-contact ul li .popup .widget.phone-number label {
  font-size: 0.75em;
}
.quick-contact ul li .popup .widget.agb {
  font-size: 0.5em;
}
.quick-contact ul li .popup .widget h2, .quick-contact ul li .popup .widget p {
  margin: 0;
}
.quick-contact ul li .popup .widget label > span.mandatory {
  display: none;
}
.quick-contact ul li span {
  cursor: pointer;
}

.quick-contact-overlay.visible {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
  overflow: auto;
}

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}
@media (min-width: 320px) {
  html {
    font-size: calc(0.4464285714vw + 14.5714285714px);
  }
}
@media (min-width: 768px) {
  html {
    font-size: calc(0.1736111111vw + 16.6666666667px);
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 20px;
  }
}

body {
  color: var(--color-text);
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: "Roboto Slab", serif;
  color: var(--color-primary);
}

h1, .h1, h2, .h2, h4, .h4 {
  font-weight: 500;
}

h1, .h1 {
  font-size: 2.2em;
  line-height: 1.35;
}

h2, .h2 {
  font-size: 1.8em;
}

h3, .h3 {
  font-size: 1.2em;
  font-weight: 700;
}

h4, .h4 {
  font-size: 1em;
}

a {
  text-decoration: none;
  color: var(--color-secondary);
  font-weight: 400;
}
a:hover {
  color: var(--color-primary);
}

img {
  vertical-align: bottom;
}

/*# sourceMappingURL=style.css.map */