/* 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-intro {
  background: #888888;
  color: #ffffff;
  position: sticky;
  top: 0px;
  z-index: 11;
  padding: 0px;
  box-shadow: 2px 2px 5px black;
}
#g-intro .g-content {
  margin: 0.025rem;
  padding: 0.438rem;
}
#g-intro .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding-left: 20px;
}
#g-intro .g-container {
  position: relative;
}
#g-intro .g-logo {
  color: #ffffff;
  line-height: 2.8rem;
}
#g-intro .g-logo.g-logo-helium svg {
  fill: #ffffff;
}
#g-intro .g-main-nav {
  font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.5;
}
#g-intro .g-main-nav .g-toplevel {
  line-height: 3.125;
}
#g-intro .g-main-nav .g-toplevel > li {
  margin: 0 0.5rem;
  margin: 0 0.5rem;
}
#g-intro .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #ffffff;
  padding: 0.2345rem 0;
}
#g-intro .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  padding: 0 0 0.2345rem;
}
#g-intro .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator {
  vertical-align: top;
}
#g-intro .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
  content: "";
  opacity: 0.75;
  width: 1rem;
  font-weight: 400;
}
#g-intro .g-main-nav .g-toplevel > li > .g-menu-item-container i {
  opacity: 1;
}
#g-intro .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  color: #49599B;
}
#g-intro .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-selected {
  color: #49599B;
}
#g-intro .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  box-shadow: 0px 3px 0px 0px #49599b;
}
#g-intro .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-selected {
  box-shadow: 0px 3px 0px 0px #49599b;
}
#g-intro .g-main-nav .g-dropdown {
  background: #888;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
}
#g-intro .g-main-nav .g-dropdown > .g-dropdown-column {
  border: 1px solid transparent;
}
#g-intro .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
}
#g-intro .g-main-nav .g-dropdown .g-dropdown {
  margin-left: 20px;
}
#g-intro .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #ffffff;
}
#g-intro .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-selected {
  color: #ffffff;
}
#g-intro .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#g-intro .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container > .g-selected {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#g-intro .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-intro .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  color: #49599B;
}
#g-intro .g-main-nav .g-sublevel > li:hover > .g-menu-item-container > .g-selected, #g-intro .g-main-nav .g-sublevel > li.active > .g-menu-item-container > .g-selected {
  color: #49599B;
}
#g-intro .g-main-nav .g-sublevel > li.g-menu-item-type-particle > .g-menu-item-container {
  border: 0;
}
#g-intro .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container, #g-intro .g-main-nav .g-sublevel > li.g-menu-item-type-particle.active > .g-menu-item-container {
  border: 0;
}
#g-intro .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container {
  background: inherit;
}
.header-small {
  padding-left: 30px;
}
.g-logo.g-logo-helium img {
  max-height: 130px;
  margin: auto;
}
#top_navbar > .g-content {
  padding: 0rem;
  margin: 0.5rem;
}
.top-header {
  width: 100%;
  min-width: 100%;
}
.top-header .g-content {
  margin-top: 0.25rem;
  padding-top: 0.38rem;
  margin-bottom: 0rem;
  padding-bottom: 0rem;
}
#contact-icons {
  position: absolute;
  display: content;
}
#contact-icons .g-social {
  line-height: 2;
  text-align: left;
  position: absolute;
  padding-top: 70px;
  padding-left: 10px;
}
#contact-icons .g-social a {
  font-size: 1.2rem;
  color: #B22A7F;
  display: block;
}
#social-icons {
  position: absolute;
}
#social-icons .g-social {
  position: absolute;
  display: content;
  text-align: right;
  line-height: 1;
  z-index: 22;
}
#social-icons .g-social a {
  font-size: 1.8rem;
  color: #B22A7F;
}
#g-footer {
  background: #888888;
}
#g-features {
  padding: 0px;
}
#g-features .g-content {
  margin: 0rem;
  padding: 0rem;
}
#g-features .g-container {
  width: 100%;
}
#g-features .owl-carousel, #g-features .owl-item {
  max-height: 300px;
}
#g-features .g-owlcarousel-item-title {
  margin-top: 0px;
  padding-top: 0px;
  color: yellow;
}
#g-features .g-owlcarousel-item-desc {
  color: white;
}
#g-features .button.button-outline {
  background: #888888;
  color: white;
}
#g-features .g-owlcarousel-item-content-wrapper {
  height: 50%;
}
h2 {
  color: #B22A7F;
  font-weight: 500;
}
table, td {
  border: 0px solid #dce2e9;
}
#g-page-surround {
  overflow: unset;
}
.g-contentcubes .cube-items-wrapper .cube-image-wrapper::after {
  background-color: transparent;
}
.g-contentcubes .cube-items-wrapper {
  box-shadow: 1px 1px 9px black;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper {
  max-width: 25.5rem;
  padding: 6.5rem 0;
  margin: 0 auto;
  text-align: left;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-label {
  display: inline-block;
  background: transparent;
  color: purple;
  font-size: 1.3rem;
  padding: 0em 0em;
  margin-bottom: 1.5rem;
  line-height: 1.1538;
  font-weight: 700;
  border-radius: 2.5rem;
  text-align: center;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-title {
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.78;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 5px black;
}
.projects-cube .g-block {
  background: #878787;
}
.projects-cube .item:nth-child(1) .item-title::after {
  content: "- Schluesselfertige-, und teilschluesselfertige Erstellung    von Ein-, und Mehrfamilienhaeusern- Altbausanierung Abbruch- und Demontagearbeiten";
  white-space: pre;
}
.projects-cube .item:nth-child(2) .item-title::after {
  content: "- Trockenbauarbeiten sowie Dachausbau/Daemmung    fuer Alt- und Neubauten Trockenbau und Akustikdecken fuer\a   Buero+Verwaltungsgebaeude / Ladenlokale+Praxen\a- Gipskartonwaende und Decken\a- Akustikdecken\a- Trockenbauvorsatzschalen\a- Trockenputz\a- Trockenestrich";
  white-space: pre;
}
.projects-cube .item:nth-child(3) .item-title::after {
  content: "- Dachflaechenfenster\a- Innentueren / Ganzglastueren\a- Bodenbelaege (Laminat/Parkett/Vinyl)";
  white-space: pre;
}
.projects-cube .item:nth-child(4) .item-title::after {
  content: "- Gartenhaeuser aus Holz, als Bausatz oder individuell\a   geplant und ausgefuehrt\a- Terrassenanlagen aus Holz/WPC oder Naturstein\a- Zaunanlagen aus Holz/WPC oder Metall";
  white-space: pre;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper {
  max-width: 32.5rem;
  padding-top: 1rem;
  padding-bottom: 0rem;
}
.g-contentcubes .cube-items-wrapper .cube-image-wrapper img {
  -webkit-transform: scale3d(1, 1, 1);
}
.g-offcanvas-toggle {
  color: #878787;
}
#g-offcanvas {
  background: #878787;
}
#g-offcanvas #g-mobilemenu-container ul {
  background: #878787;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #475B96;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #475B96;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  background: #475B96;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid #878787;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  #contact-icons .g-social, #social-icons .g-social {
    display: none;
  }
  .g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-title {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 1200px) {
  .g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-title {
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 780px) {
  .header-large {
    display: none;
  }
}
@media only screen and (min-width: 780px) {
  .header-small {
    display: none;
  }
}
.edit.item-page .btn-toolbar .btn, .pager.pagenav a, p.readmore .btn, .contact .form-actions .btn, #contact-form .controls .btn-primary.validate, .profile .btn, .login .btn, .logout .btn, .registration .btn, .profile-edit .btn, .remind .btn, .reset .btn, .search #searchForm .btn, .finder #searchForm .btn, .search #search-form .btn, .finder #search-form .btn {
  background: #888888;
}
.textumfliessen-rechts {
  float: right;
  padding-top: 5px;
  padding-right: 10px;
  max-width: 50%;
}
/*# sourceMappingURL=custom_12.css.map */