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

:root {
  --primary: #E84004;
  --second:#6D3520;
  --gruen:#587558;
}
@font-face {
  font-family: lumios;
  /* set name */
  src: url('https://bioladen-rotkehlchen.de/templates/bioladen/custom/fonts/lumios/lumios.woff');
  /* url of the font */
}
#g-page-surround {
  background-image: url('../../../../images/hintergrund.jpg');
}
#g-header1 .g-container {
  width: 100%;
}
#g-header1 .g-container .logo img {
  width: 300px;
  max-width: 100%;
}
#g-header1 .g-container .menu {
  text-align: right;
}
#g-header1 .g-container .menu .mitglied a {
  background-color: var(--gruen);
  color: #fff;
  padding: 7px 12px;
  border-radius: 23px;
}
#g-header1 .g-container .menu .mitglied a:hover {
  background-color: var(--second);
}
#g-header1 .g-container .menu a {
  color: var(--second);
  margin-left: 20px;
}
#g-header2 h1, #g-header2 h2, #g-header2 h3, #g-header2 h4 {
  color: var(--second);
}
.startseite h1 {
  font-family: lumios;
  color: var(--primary);
  text-align: center;
  line-height: 1;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .startseite h1 {
    font-size: 7rem;
  }
}
.startseite h2 {
  color: var(--second);
  text-align: center;
}
.startseite .oeffnungszeiten {
  margin-top: 5rem;
  font-size: 1.5rem;
  color: var(--second);
  text-align: center;
}
.startseite .oeffnungszeiten h3 {
  font-size: 1.9rem;
  text-transform: uppercase;
}
.marken {
  margin: 3rem 0;
  text-align: center;
  background-color: #fff;
  padding: 22px;
  border-radius: 21px;
  padding-bottom: 42px;
}
.marken img {
  height: 80px;
}
.marken h2 {
  text-transform: uppercase;
  color: var(--second);
}
.vollsortiment {
  padding-top: 3rem;
}
.vollsortiment h2 {
  color: var(--second);
  text-transform: uppercase;
}
.vollsortiment .col-12 {
  margin-bottom: 21px;
}
.footer {
  text-align: center;
}
.footer a {
  margin: 21px;
}
/*# sourceMappingURL=custom_14.css.map */