/* 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";
/* ********************
    DEFINITIONEN
**********************/
/* FARBEN */
/* ROT: #bd1320
/* Grün: #bdb813
/* Blau: #1383bd

/* ********************
    ALLGEMEIN
******************** */
.itemid-101 h2, .itemid-104 h2, .itemid-106 h2, .itemid-108 h2, .itemid-109 h2, .itemid-304 h2 {
  color: #00988a;
  font-weight: 400;
  font-size: 28px;
}
.itemid-105 h2 {
  color: #79002A;
  font-weight: 400;
  font-size: 28px;
}
.itemid-107 h2 {
  color: #EC6622;
  font-weight: 400;
  font-size: 28px;
}
h3, h4 {
  font-weight: 400;
  font-size: 1.4rem;
  font-family: "Open sans", Helvetica, Arial, sans-serif;
}
/* ********************
    NAVIGATION
******************** */
.itemid-101 #g-navigation, .itemid-104 #g-navigation, .itemid-106 #g-navigation, .itemid-108 #g-navigation, .itemid-109 #g-navigation, .itemid-304 #g-navigation, .itemid-310 #g-navigation, .itemid-312 #g-navigation {
  background: #00988a;
}
.itemid-105 #g-navigation {
  background: #79002A;
}
.itemid-107 #g-navigation {
  background: #EC6622;
}
.email img, .g-menu-item-container img {
  width: 24px;
}
.email img:hover, .g-menu-item-container img:hover {
  transition: 0.5s ease;
  opacity: 0.4;
}
#g-navigation .g-content {
  margin: 0;
  padding: 0.2rem;
  text-align: right;
}
.g-main-nav .g-toplevel {
  text-align: right !IMPORTANT;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 0.625rem 1rem;
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  transition: 0.35s ease;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  text-transform: none;
  font-size: 1.1rem;
  font-weight: 600;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: rgba(255, 255, 255, 0.6);
}
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: white;
}
.g-main-nav {
  font-family: "Open sans", sans-serif;
  font-weight: 600;
  margin-top: 4.2rem;
}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content::before, .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -10px;
  width: 0px;
  height: 0px;
  border-radius: 7px;
  background: transparent;
}
/* ********************
    HEADER
******************** */
.logo {
  width: 300px;
  position: relative;
  top: -1rem;
  margin-top: 2rem !IMPORTANT;
}
#g-slideshow .g-content {
  margin: 0;
  padding: 0;
}
/* ********************
    CONTENT
******************** */
/* ********************
    SITEBAR
******************** */
/* ********************
    FOOTER
******************** */
.itemid-101 #g-footer, .itemid-104 #g-footer, .itemid-106 #g-footer, .itemid-108 #g-footer, .itemid-109 #g-footer, .itemid-304 #g-footer, .itemid-310 #g-footer {
  background: #00988a;
}
.itemid-105 #g-footer {
  background: #79002A;
}
.itemid-107 #g-footer {
  background: #EC6622;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  color: #79002A !IMPORTANT;
}
/* ********************
    MEDIA-QUERIES
******************** */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .logo {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -1rem;
    margin-top: 2rem !IMPORTANT;
  }
  h2 {
    font-size: 1.5rem !IMPORTANT;
  }
}
/* Smartphone Querformat (Landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .logo {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -1rem;
    margin-top: 2rem !IMPORTANT;
  }
  h2 {
    font-size: 1.5rem !IMPORTANT;
  }
}
/* Tablet Hochformat (Portrait) */
/* Tablet Querformat (Landscape) - PC mit geringer Auflösung */
/* PC mit hoher Auflösung */
/*# sourceMappingURL=custom_335.css.map */