/* 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";
h1 {
  line-height: 1.2;
}
h2 {
  line-height: 1.2;
}
h3 {
  line-height: 1.2;
}
.g-logo {
  font-family: "Arial", sans-serif;
  font-weight: 900;
  font-size: 1.35rem;
  vertical-align: middle;
  text-transform: uppercase;
}
.g-logo img, .g-logo svg {
  display: block;
}
.g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
  max-height: 150px;
  margin-top: -1rem;
  float: right;
  margin-right: 5%;
}
@media only all and (min-width: 80rem) and (max-width: 99.99rem) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    margin-top: -1.5rem;
    margin-right: 0%;
  }
}
@media only all and (min-width: 64rem) and (max-width: 79.99rem) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    margin-top: -1rem;
    margin-right: 5%;
    max-height: 120px;
  }
}
@media only all and (max-width: 63.99rem) {
  .g-logo.g-logo-helium img, .g-logo.g-logo-helium svg {
    margin-top: 1.5rem;
    max-height: 60px;
    margin-right: 2%;
  }
}
.g-logo.g-logo-helium svg {
  fill: #ffffff;
}
@media only all and (max-width: 63.99rem) {
  .g-logo {
    display: block;
    text-align: center;
    margin: -0.85rem 0;
  }
}
#g-navigation {
  /*background: $navigation-background;*/
  color: #2a363b;
  position: relative;
  z-index: 11;
  background: url('//emk-s-vaihingen.de/images/BogenSVG.svg') center center no-repeat;
  background-size: auto;
  height: 30rem;
  margin-bottom: -11rem;
}
@media only all and (min-width: 100rem) {
  #g-navigation {
    height: 25rem;
  }
}
@media only all and (min-width: 80rem) and (max-width: 99.99rem) {
  #g-navigation {
    height: 25rem;
  }
}
@media only all and (min-width: 64rem) and (max-width: 79.99rem) {
  #g-navigation {
    height: 30rem;
    margin-bottom: -270px;
  }
}
@media only all and (min-width: 43.76rem) and (max-width: 63.99rem) {
  #g-navigation {
    margin-bottom: -260px;
  }
}
@media only all and (max-width: 43.75rem) {
  #g-navigation {
    height: 16rem;
    background-size: 100%;
    margin-bottom: -11rem !important;
  }
}
#g-navigation .g-container {
  position: relative;
}
#g-navigation .g-logo {
  color: #2a363b;
  line-height: 2.8rem;
}
#g-navigation .g-logo.g-logo-helium svg {
  fill: #2a363b;
  height: 450px;
}
@media only all and (max-width: 63.99rem) {
  #g-navigation .g-social-header .g-content {
    margin-top: 0;
    padding: 0 0.938rem;
  }
}
#g-navigation .g-social {
  text-align: right;
  line-height: 3.125;
}
@media only all and (max-width: 63.99rem) {
  #g-navigation .g-social {
    text-align: center;
  }
}
.rtl #g-navigation .g-social {
  text-align: left;
}
#g-navigation .g-main-nav {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  line-height: 1.5;
  float: right;
}
#g-navigation .g-main-nav .g-toplevel {
  line-height: 3.125;
}
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0 0.5rem;
}
@media only all and (min-width: 64rem) and (max-width: 79.99rem) {
  #g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 0.2rem;
  }
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #2a363b;
  padding: 0.2345rem 0;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  padding: 0 0 0.2345rem;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator {
  vertical-align: top;
}
#g-navigation .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-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container i {
  opacity: 1;
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  color: rgba(42, 54, 59, 0.7);
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-selected {
  color: rgba(42, 54, 59, 0.7);
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  box-shadow: 0 2px 0 rgba(42, 54, 59, 0.2);
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-selected {
  box-shadow: 0 2px 0 rgba(42, 54, 59, 0.2);
}
#g-navigation .g-main-nav .g-dropdown {
  background: #fcfcfc;
  border: 1px solid rgba(42, 54, 59, 0.2);
  border-radius: 0.25rem;
}
#g-navigation .g-main-nav .g-dropdown > .g-dropdown-column {
  border: 1px solid transparent;
}
#g-navigation .g-main-nav .g-dropdown a {
  color: #2a363b;
}
#g-navigation .g-main-nav .g-dropdown a:hover {
  color: #d40032;
}
#g-navigation .g-main-nav .g-dropdown .g-dropdown-column {
  position: relative;
}
#g-navigation .g-main-nav .g-dropdown .g-dropdown {
  margin-left: 20px;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container {
  color: #2a363b;
}
#g-navigation .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-selected {
  color: #2a363b;
}
#g-navigation .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container {
  border-bottom: 1px solid rgba(42, 54, 59, 0.2);
}
#g-navigation .g-main-nav .g-sublevel > li:not(:last-child) > .g-menu-item-container > .g-selected {
  border-bottom: 1px solid rgba(42, 54, 59, 0.2);
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  color: #d40032;
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container > .g-selected, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container > .g-selected {
  color: #d40032;
}
#g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle > .g-menu-item-container {
  border: 0;
}
#g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle.active > .g-menu-item-container {
  border: 0;
}
#g-navigation .g-main-nav .g-sublevel > li.g-menu-item-type-particle:hover > .g-menu-item-container {
  background: inherit;
}
@media only all and (max-width: 63.99rem) {
  #g-navigation .g-menu-block {
    display: none;
  }
}
#g-navigation .g-menu-item-subtitle {
  text-transform: lowercase;
  font-size: 0.8rem;
  opacity: 0.8;
  padding-top: 0;
}
@media print {
  #g-navigation {
    background: #fff !important;
    color: #000 !important;
  }
}
.g-offcanvas-toggle:after {
  content: "Menü ";
  float: left;
  font-size: 1rem;
  color: #d40032;
  padding-right: 0.25rem;
}
.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 {
  padding-top: 0.5rem;
  padding-right: 3.125rem;
  padding-bottom: 0.5rem;
  padding-left: 3.125rem;
  border-radius: 0.5rem;
}
.pull-right {
  max-width: 300px;
}
.pull-left {
  max-width: 300px;
}
.pull-none {
  max-width: 300px;
}
/*# sourceMappingURL=custom_11.css.map */