/* 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";
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 120%;
  text-align: left;
}
.padding {
  padding: 10px;
  margin: 0px;
}
.no-padding {
  padding: 0;
  margin: 0;
}
#g-footer, #g-subfeature {
  border-top: none;
  border-bottom: none;
}
/*--- 
Honeypot Breez
---*/
#bfElemWrap136, #bfElemWrap145 {
  display: none;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: black;
}
/*--- 
Schrift
---*/
/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v18-latin-300.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../fonts/open-sans-v18-latin-300.eot#iefix') format("embedded-opentype"), url('../fonts/open-sans-v18-latin-300.woff2') format("woff2"), url('../fonts/open-sans-v18-latin-300.woff') format("woff"), url('../fonts/open-sans-v18-latin-300.ttf') format("truetype"), url('../fonts/open-sans-v18-latin-300.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(""), url('../fonts/open-sans-v18-latin-700.eot#iefix') format("embedded-opentype"), url('../fonts/open-sans-v18-latin-700.woff2') format("woff2"), url('../fonts/open-sans-v18-latin-700.woff') format("woff"), url('../fonts/open-sans-v18-latin-700.ttf') format("truetype"), url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans Bold", Arial, sans-serif;
  margin: 0;
}
strong, p strong span, p strong {
  font-weight: 700 !important;
  font-family: "Open Sans Bold", Arial, sans-serif !important;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  font-family: "Open Sans", Arial, sans-serif;
}
h3 {
  font-size: 1.2rem;
}
h2 {
  font-size: 1.5rem;
}
p {
  margin: 0.5rem 0;
}
ul {
  margin-left: 1.5rem;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}
p span, a:hover {
  color: #af2324;
}
a {
  color: #000;
}
/*--- 
Header
---*/
@media screen and (min-width: 48rem) {
  #g-header {
    position: fixed;
    width: 100vw;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  }
  #g-navigation {
    margin-top: 92px;
  }
  .g-offcanvas-right .g-offcanvas-toggle {
    position: fixed;
  }
}
.g-offcanvas-right .g-offcanvas-toggle {
  top: 88px;
}
/*--- 
Menü Desktop
---*/
#menu-6467-particle, #menu-3100-particle {
  position: absolute;
  width: 100%;
  background: #ececec;
  left: 0;
}
#menu-6467-particle li span, #menu-3100-particle li span {
  padding-top: 3px;
  padding-bottom: 5px;
  font-size: 0.85rem;
}
@media screen and (max-width: 400px) {
  #menu-6467-particle li span, #menu-3100-particle li span {
    font-size: 0.8rem !important;
  }
  #menu-6467-particle li.g-menu-item-container, #menu-3100-particle li.g-menu-item-container {
    padding: 0 5px !important;
  }
}
#menu-6467-particle nav, #menu-3100-particle nav {
  margin: 0 auto;
  max-width: 1180px;
}
header .g-grid:last-child {
  padding-top: 30px;
}
.g-toplevel .g-menu-item-119 {
  border-left: 1.5px solid #af2324;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0 10px;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: none;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected span {
  color: #af2324;
}
.g-toplevel {
  justify-content: flex-end;
}
.menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#g-offcanvas .active a span, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
  color: white;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  color: #000;
  background: none;
  transition: all ease-in 0.3s;
}
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, .active a span {
  color: #af2324;
  transition: all ease-in 0.3s;
}
/*--- 
Bilder
---*/
#slider img, #bildergalerie img {
  width: 100%;
  height: auto;
}
.logo img {
  max-width: 360px;
  padding: 20px 0;
}
#g-header {
  box-shadow: none;
}
.box img {
  max-width: 65px;
}
/*--- 
Boxen
---*/
.box {
  border: 1.5px solid #af2324;
  width: 30%;
  max-width: 30%;
  margin-bottom: 80px;
  padding: 80px 15px 50px;
}
.box a {
  background-color: black;
  color: white;
  padding: 10px;
}
#g-feature .g-container .g-grid {
  justify-content: space-between;
}
/*--- 
Bereich: Uberschrift;
---*/
#uberschrift {
  margin-top: 50px;
  margin-bottom: 50px;
}
/*--- 
Bereich: Leistungen;
---*/
#leistungen-1 {
  padding-top: 80px;
}
/*--- 
Bereich: Paket;
---*/
.paket {
  border: 1.5px solid #af2324;
  background: white;
  padding: 10px 15px 15px;
  margin-bottom: 20px;
}
.grundpaket {
  border: 1.5px solid black;
  padding: 15px;
  background: white;
  margin-bottom: 20px;
}
.paket-uberschrift {
  background: #af2324;
  padding: 15px 15px 11.5px;
}
.paket-uberschrift h3 {
  color: white;
}
#g-subfeature .size-25 {
  width: 23%;
  flex: 0 23%;
}
#g-subfeature .g-grid {
  justify-content: space-between;
}
.eigen-button-p {
  background: black;
  padding: 15px;
  text-align: center;
  color: white;
  margin-bottom: 80px;
}
.eigen-button-p:hover {
  opacity: 0.8;
}
.eigen-button, .eigen-button:hover {
  color: white;
  font-family: "Open Sans Bold", Arial, sans-serif;
}
#leistungen-1 h2 {
  margin-bottom: 20px;
}
/*——
Footer
——-*/
#weitere-leistungen {
  padding-top: 80px;
  padding-bottom: 80px;
}
#weitere-leistungen .g-block.size-25.g-grid {
  margin-bottom: 20px;
}
#footer {
  background: #ececec;
  padding-top: 30px;
  padding-bottom: 30px;
}
#footer .size-25:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
/*--- 
Breez Formular
---*/
.bfQuickMode .bfErrorMessage {
  background: #ececec !important;
  color: #af2324 !important;
}
.bfQuickMode .bfRequired {
  color: #af2324 !important;
}
label {
  width: 100% !important;
}
.bfQuickMode section.bfElemWrap {
  margin-bottom: 30px !important;
}
#ff_form2 {
  margin-top: 80px;
}
.bfQuickMode span.bfElemWrap {
  width: 47%;
  padding: 0 !important;
  margin-bottom: 30px !important;
  margin-right: 0 !important;
}
.bfQuickMode span.bfElemWrap:first-child {
  margin-right: 30px !important;
}
.bfQuickMode .bfNoSection .bfClearfix {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.bfQuickMode span.bfLabelLeft input, .bfQuickMode span.bfLabelLeft textarea, .bfQuickMode span.bfLabelLeft select, .bfQuickMode span.bfLabelLeft button {
  width: 100% !important;
}
.bfQuickMode span.bfLabelLeft input {
  border: none;
  border-bottom: 1px solid #af2324;
}
#bfElemWrap1 {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px !important;
}
#bfLabel8, label {
  margin-bottom: 5px;
}
select {
  margin-top: 5px !important;
}
.bfQuickMode .bfNoSection {
  margin: 20px 0;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #af2324;
}
#ff_elem8 {
  width: 97.2% !important;
}
select {
  background: transparent;
  border: none;
  border-bottom: 1px solid #af2324;
  border-radius: 0px;
}
/*--- 
Spalten / Columns / Breiten
---*/
.seitenbreite-container .g-container, .seitenbreite, #g-subfeature .g-container .g-grid, #g-subfeature .g-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
#g-main .seitenbreite {
  margin-top: 50px;
  margin-bottom: 80px;
}
#g-main .seitenbreite .seitenbreite {
  margin-top: 0;
  margin-bottom: 0;
}
.g-grid.seitenbreite, .g-grid {
  justify-content: space-between;
}
#g-main .seitenbreite .g-grid {
  padding: 0;
}
.g-grid.seitenbreite h2 {
  margin-top: 20px;
}
.g-grid.seitenbreite h3 {
  margin-top: 10px;
}
.span12 .g-block.size-100 h1 {
  margin-bottom: 30px;
}
#bfSubmitButton {
  background: black;
  box-shadow: none;
  border-radius: 0px;
}
.bfQuickMode section.bfElemWrap {
  padding: 0 !important;
}
#bfSubmitButton span {
  font-family: "Open Sans Bold", Arial, sans-serif;
}
textarea {
  width: 100% !important;
  margin-top: 5px !important;
}
#Fahrzeugeinlagerung {
  background: #ececec;
  padding: 20px;
  margin-bottom: 30px;
}
.g-block.size-25.g-grid .size-25 {
  widows: 25%;
  flex: 25%;
}
.g-block.size-25.g-grid .size-75 {
  widows: 75%;
  flex: 75%;
}
/*——
Responsiv - Spalten
——-*/
@media screen and (max-width: 767px) {
  * {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  textarea {
    min-width: 100% !important;
    max-width: 100% !important;
  }
  input {
    min-width: 97% !important;
    max-width: 97% !important;
  }
}
@media screen and (max-width: 920px) {
  #g-subfeature .size-25, .span12 .g-block.size-10, .span12 .g-block.size-25, .span12 .g-block.size-30, .span12 .g-block.size-40, .span12 .g-block.size-50, .span12 .g-block.size-60, .span12 .g-block.size-70, .span12 .g-block.size-75, .span12 .g-block.size-80, .span12 .g-block.size-90 {
    width: 48%;
    flex: 0 48%;
  }
  #bildergalerie .g-block.size-25 {
    width: 50%;
    flex: 0 50%;
  }
  .g-block.size-75.early-break, .g-block.size-25.early-break {
    width: 100%;
    flex: 0 100%;
  }
}
@media screen and (max-width: 420px) {
  .bfQuickMode .bfNoSection .bfClearfix {
    flex-direction: column;
  }
  .bfQuickMode span.bfElemWrap {
    width: 100%;
  }
  .bfQuickMode span.bfElemWrap {
    width: 96%;
  }
}
@media screen and (max-width: 590px) {
  .span12 .g-block.size-10, .span12 .g-block.size-25, .span12 .g-block.size-30, .span12 .g-block.size-40, .span12 .g-block.size-50, .span12 .g-block.size-60, .span12 .g-block.size-70, .span12 .g-block.size-75, .span12 .g-block.size-80, .span12 .g-block.size-90 {
    width: 100%;
    flex: 0 100%;
  }
}
@media screen and (max-width: 512px) {
  #g-subfeature .size-25, .g-block.size-25 {
    width: 100%;
    flex: 0 100%;
  }
}
@media screen and (min-width: 513px) {
  .paket {
    min-height: 500px;
  }
}
@media screen and (min-width: 768px) {
  .g-content .span12 .size-10 {
    flex: 0 8%;
    width: 8%;
  }
  .g-content .span12 .size-20 {
    flex: 0 18%;
    width: 18%;
  }
  .g-content .span12 .size-25 {
    flex: 0 18%;
    width: 18%;
  }
  .g-content .span12 .size-30 {
    flex: 0 22%;
    width: 22%;
  }
  .g-content .span12 .size-40 {
    flex: 0 38%;
    width: 38%;
  }
  .g-content .span12 .size-50 {
    flex: 0 48%;
    width: 48%;
  }
  .g-content .span12 .size-60 {
    flex: 0 58%;
    width: 58%;
  }
  .g-content .span12 .size-70 {
    flex: 0 68%;
    width: 68%;
  }
  .g-content .span12 .size-75 {
    flex: 0 72%;
    width: 72%;
  }
  .g-content .span12 .size-80 {
    flex: 0 78%;
    width: 78%;
  }
  .g-content .span12 .size-90 {
    flex: 0 88%;
    width: 88%;
  }
  .size-50 {
    flex: 0 45%;
  }
}
/*# sourceMappingURL=custom_9.css.map */