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

@charset "UTF-8";
#g-header .g-content .platform-content {
  margin-top: 0;
  padding-top: 0;
}
#g-header .g-content .home-new .custom {
  min-height: unset;
  height: unset;
}
@media only all and (max-width: 64.99rem) {
  #g-header .g-content .home-new .custom {
    background-image: none;
  }
}
#g-header .g-content .home-new .custom .slogan {
  height: 100%;
  top: 0;
}
@media only all and (min-width: 65rem) {
  #g-header .g-content .home-new .custom .slogan {
    left: 50%;
    position: relative;
  }
}
@media only all and (max-width: 64.99rem) {
  #g-header .g-content .home-new .custom .slogan {
    display: block;
    width: 100%;
    padding-right: 1rem;
    position: relative;
  }
  #g-header .g-content .home-new .custom .slogan h1 {
    font-size: 1.6rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 64.99rem) {
  #g-header .g-content .home-new .custom .slogan h2 {
    font-size: 1.2rem;
  }
}
@media only all and (max-width: 47.99rem) {
  #g-header .g-content .home-new .custom .slogan p, #g-header .g-content .home-new .custom .slogan li {
    font-size: 0.9rem;
  }
}
@media only all and (min-width: 65rem) and (max-width: 74.99rem) {
  #g-header .g-content .home-new .custom .slogan p, #g-header .g-content .home-new .custom .slogan ul {
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media only all and (max-width: 47.99rem) {
  #g-header .g-content .home-new.bild-oben {
    display: block;
  }
}
#g-header .g-content ul {
  font-size: 1.2rem;
  line-height: 1.4;
}
#home #g-expanded {
  padding: 1rem 0 0;
}
@media (min-width: 30rem) {
  #home #g-expanded .g-container {
    width: 90%;
  }
}
#home #g-expanded .produkte {
  margin-top: 2.4rem;
}
#home #g-expanded .produkte .g-image-features {
  background-color: #fff;
}
#home #g-expanded .produkte .g-image-features-content {
  text-align: center;
  flex-basis: 100%;
}
#home #g-expanded .produkte .g-image-features-content a {
  color: #007e80;
  font-weight: 600;
}
#home #g-expanded .produkte .g-image-features-content a:hover {
  color: #ff6900;
}
#home #g-expanded .produkte .g-image-features-image {
  max-width: 360px;
  margin: 0 auto;
}
#home #g-expanded .produkte .g-image-features-image.uk-overlay {
  padding: 5px;
}
#home #g-expanded .produkte .g-image-features-title {
  font-size: 1.2rem;
}
@media only all and (min-width: 48rem) and (max-width: 64.99rem) {
  #home #g-expanded .produkte .g-image-features > .g-grid > .g-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
#g-mainbottom a::before, #g-mainbottom .readmore a::before, #home #g-expanded .produkte .g-image-features-content a::before {
  font-family: "Font Awesome 5 Free", FontAwesome;
  content: "";
  padding-right: 0.2em;
  font-weight: 600;
}
@media (min-width: 48rem) {
  #home #g-container-main {
    background: url('../../../../images/home/home_bg_anwendungen.jpg') top right / cover no-repeat;
    padding: 4em 0;
  }
}
#home #g-container-main h3 {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
}
#home #g-container-main #anwendungen {
  padding: 0 0 1rem 1rem;
  margin: 1rem 0.6rem;
  color: #ffffff;
  background-color: rgba(27, 36, 37, 0.8);
}
#home #g-container-main #anwendungen .g-content {
  padding-top: 0.2em;
}
#home #g-container-main #anwendungen .g-content h3 {
  margin-bottom: 0.6rem;
}
#home #g-container-main #anwendungen .g-content .custom em {
  color: #ffffff;
}
#home #g-container-main #anwendungen .g-content .custom a {
  color: #ffffff;
}
#home #g-container-main #anwendungen .g-content .custom .uk-grid {
  margin-top: 0;
}
@media (max-width: 29.938rem) {
  #home #g-container-main #anwendungen .g-content .custom .uk-grid .uk-width-1-2 {
    width: 100%;
  }
}
#home #g-container-main #anwendungen a:hover {
  color: #ff6900 !important;
}
@media (min-width: 30rem) {
  #home #g-container-main #anwendungen .second {
    margin-top: 6rem;
  }
}
#home #g-container-main #anwendungen img {
  transition: all 0.2s ease-in-out;
}
#home #g-container-main #anwendungen img:hover {
  transform: scale(1.05);
}
#home #g-container-main #anwendungen h4 {
  text-transform: uppercase;
  line-height: 1.4;
}
#home #g-container-main #anwendungen h4 a {
  color: #ffffff;
}
#home #g-container-main #anwendungen h4 a:hover {
  text-decoration: none;
}
#home #g-container-main #anwendungen .moduletable h3.g-title::before, #home #g-container-main #anwendungen h3.g-title::before {
  color: #ffffff !important;
  content: "// ";
}
@media only all and (max-width: 47.99rem) {
  #home #g-container-main #anwendungen {
    margin: 0;
  }
}
#home #g-container-main .graubox, #home #g-container-main .orangebox, #home #g-container-main .gruenbox {
  display: flex;
}
#home #g-container-main .graubox a, #home #g-container-main .orangebox a, #home #g-container-main .gruenbox a {
  color: #ffffff;
  font-weight: 500;
}
#home #g-container-main .graubox a::before, #home #g-container-main .orangebox a::before, #home #g-container-main .gruenbox a::before {
  font-family: FontAwesome;
  content: "";
  padding-right: 0.2em;
  font-weight: 600;
}
#home #g-container-main .graubox a:hover, #home #g-container-main .orangebox a:hover, #home #g-container-main .gruenbox a:hover {
  color: #000000;
}
#home #g-container-main .graubox a.uk-button, #home #g-container-main .orangebox a.uk-button, #home #g-container-main .gruenbox a.uk-button {
  border: 1px solid #ffffff;
  font-size: 1.2rem;
}
#home #g-container-main .graubox a[href^="https"]::before, #home #g-container-main .orangebox a[href^="https"]::before, #home #g-container-main .gruenbox a[href^="https"]::before {
  content: "";
}
#home #g-container-main .graubox a.jl-button, #home #g-container-main .orangebox a.jl-button, #home #g-container-main .gruenbox a.jl-button {
  font-weight: 600;
  font-size: 1.1em;
}
#home #g-container-main .graubox p, #home #g-container-main .orangebox p, #home #g-container-main .gruenbox p {
  color: #ffffff;
}
#home #g-container-main .graubox h3.g-title::before, #home #g-container-main .orangebox h3.g-title::before, #home #g-container-main .gruenbox h3.g-title::before {
  color: #ffffff;
}
#home #g-container-main .graubox img, #home #g-container-main .orangebox img, #home #g-container-main .gruenbox img {
  margin-bottom: 1rem;
}
#home #g-container-main .graubox ul, #home #g-container-main .orangebox ul, #home #g-container-main .gruenbox ul {
  list-style: none;
  margin-top: 0;
  color: #ffffff;
}
#home #g-container-main .graubox ul li, #home #g-container-main .orangebox ul li, #home #g-container-main .gruenbox ul li {
  line-height: 1.2;
  padding-bottom: 0.6rem;
}
#home #g-container-main .graubox ul li a::before, #home #g-container-main .orangebox ul li a::before, #home #g-container-main .gruenbox ul li a::before {
  content: "■" !important;
  vertical-align: top;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#home #g-container-main .graubox ul li a:hover, #home #g-container-main .orangebox ul li a:hover, #home #g-container-main .gruenbox ul li a:hover {
  color: #000000;
}
#home #g-container-main .orangebox > * {
  background-color: rgba(255, 105, 0, 0.8);
  margin-left: 0;
  margin-right: 1.25rem;
}
#home #g-container-main .gruenbox > * {
  background-color: rgba(0, 126, 128, 0.8);
}
#home #g-container-main .graubox > * {
  background-color: rgba(106, 116, 116, 0.8);
  margin-right: 0;
  margin-left: 1.25rem;
}
@media only all and (max-width: 47.99rem) {
  #home #g-container-main .orangebox, #home #g-container-main .gruenbox, #home #g-container-main .graubox {
    display: block;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
  }
  #home #g-container-main .orangebox .g-content, #home #g-container-main .gruenbox .g-content, #home #g-container-main .graubox .g-content {
    padding: 1rem;
    margin: 0;
  }
}
@media only all and (min-width: 48rem) and (max-width: 64.99rem) {
  #home #g-container-main .orangebox h3, #home #g-container-main .orangebox .jl-button, #home #g-container-main .gruenbox h3, #home #g-container-main .gruenbox .jl-button, #home #g-container-main .graubox h3, #home #g-container-main .graubox .jl-button {
    font-size: 1rem;
  }
  #home #g-container-main .orangebox a.uk-button, #home #g-container-main .gruenbox a.uk-button, #home #g-container-main .graubox a.uk-button {
    padding: 5px 10px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
#home #g-container-main #g-mainbar {
  background-color: transparent;
}
@media (min-width: 75rem) {
  #home #g-container-main h3 {
    font-size: 1.5rem;
  }
  #home #g-container-main h3.g-title {
    font-size: 1.6rem;
  }
  #home #g-container-main #anwendungen h4 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  #home #g-container-main #anwendungen .custom p {
    padding-right: 5rem;
  }
}
#home #g-mainbottom {
  background: #ffffff;
}
@media only all and (min-width: 48rem) {
  #home .g-news-pro .uk-grid-width-1-3 > * {
    width: 33.333%;
  }
  #home .g-news-pro .uk-grid-width-1-3.border-bottom {
    border-bottom: none !important;
  }
}
#home .g-news-pro .g-particle-intro h3.g-main-title {
  text-transform: uppercase;
}
#home .g-news-pro .g-particle-intro .g-news-pro-nav .uk-slideset-nav li a {
  border-color: #ff6900;
}
#home .g-news-pro .g-news-pro-item h4.g-news-pro-title {
  font-size: 1.1rem;
}
#home .g-news-pro .g-news-pro-item h4.g-news-pro-title a {
  color: #007e80;
}
#home .g-news-pro .g-news-pro-item h4.g-news-pro-title a::before {
  content: "" !important;
  padding: 0 !important;
}
#home .g-news-pro .g-news-pro-item .g-article-read-more {
  font-weight: 600;
}
#home .g-news-pro .g-news-pro-item .g-article-read-more a.btn:hover {
  background: #ff6900;
  color: #ffffff;
  text-decoration: none;
}
#home .g-news-pro .g-news-pro-item .g-news-pro-desc p {
  margin-bottom: 0;
  font-size: 0.9rem;
}
#home .g-news-pro .g-news-pro-item .g-news-pro-desc p em {
  font-style: normal;
  color: #666666;
}
@media (max-width: 47.938rem) {
  /*mobil-optimiert */
  h3 {
    font-size: 24px;
  }
}
/*# sourceMappingURL=home_30.css.map */