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

/* carolinabuerger.com J5 - Gantry Hydrogen */
/* Lokale Schriftarten laden: */
@font-face {
  font-family: "Klausen Regular";
  src: url('../../fonts/klausen/Klausen-Regular.eot');
}
@font-face {
  font-family: "Klausen Thicker";
  src: url('../../fonts/klausen/Klausen-Thicker.eot');
}
@font-face {
  font-family: "Klausen Regular";
  src: url('../../fonts/klausen/Klausen-Regular.woff');
}
@font-face {
  font-family: "Klausen Thicker";
  src: url('../../fonts/klausen/Klausen-Thicker.woff');
}
h1, h2, h3, h4, h5, h6 {
  color: #3E9B99;
  font-family: "Klausen Regular";
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.7rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.2rem;
}
h5 {
  font-size: 1.1rem;
}
h6 {
  font-size: 1rem;
}
.box1.moduletable h3 {
  color: #3E9B99;
}
.img-circle {
  width: 200px;
  border-radius: 50%;
}
.img-intro {
  width: 200px;
  margin-right: 20px;
  /*height:150px;*/
  float: left;
}
.featurebox {
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #ccc;
  border-radius: 6px;
}
.featurebox h1 {
  font-size: 1.4rem;
}
.featurebox p, .featurebox a {
  font-size: 0.9rem;
}
.featurebox.nr1 {
  display: block;
  background: url('../../../../images/teaser/nr1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  /*width: 100vw;
    height: 100vh;
    display: flex;*/
  /*justify-content: center;
    align-items: center;*/
}
.featurebox.nr2 {
  display: block;
  /*background-image: url("images/teaser/nr2.jpg");*/
  background: url('../../../../images/teaser/nr2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.featurebox.nr3 {
  display: block;
  background: url('../../../../images/teaser/nr3.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.featurebox.nr4 {
  display: block;
  background: url('../../../../images/teaser/nr4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
.contentbox.nr1 {
  background-image: url('../../../../images/teaser/nr1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px;
}
.contentbox.nr2 {
  background-image: url('../../../../images/teaser/nr2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px;
}
.contentbox.nr3 {
  background-image: url('../../../../images/teaser/nr3.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px;
}
.contentbox.nr4 {
  background-image: url('../../../../images/teaser/nr4.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px;
}
.box1 {
  display: flex;
  background: #efefef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.box1-image {
  width: 270px;
}
.box1-text {
  width: 480px;
}
.com-content-category-blog__item {
  background: #efefef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.blog-items .blog-item {
  background: #efefef;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.box2 {
  background: #EFE6E2;
  padding: 10px 10px 2px;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.box2-center {
  text-align: center;
  background: #EFE6E2;
  padding: 10px 10px 2px;
  margin-top: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.box2-3 {
  float: left;
  background: #EFE6E2;
  width: 32%;
  padding: 10px 10px 2px;
  margin: 15px 10px 0 0;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.g-main-nav .g-toplevel {
  font-weight: 500;
}
ul.g-toplevel {
  padding: 20px 0;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding: 0.6rem 0.5rem;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 0.6rem 0.5rem;
}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
  width: 0.3rem;
}
ul.mod-menu {
  padding: 0;
  margin: 0;
}
/* AcyMailing */
.acysubbuttons .btn-primary {
  background: #52cdca;
}
/*****************************************/
/*** Content-Slider: plugins/system/accordionplantlight/assets/css/dot-luv  wm ***/
/*****************************************/
/* Component containers
----------------------------------*/
/*.ui-widget { font-family: Roboto, Arial, sans-serif; font-size: 1.1rem; }
.ui-widget .ui-widget { font-size: 1.1rem; }*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  /*font-family: Arial, sans-serif; font-size: 1.1rem;*/
  padding: 6px 3px;
}
.ui-widget-content {
  border: 1px solid #3E9B99;
  background: #efefef;
  /*color: #474747; font-size: 1rem;*/
}
.ui-widget-content a {
  color: #3E9B99;
}
.ui-widget-header {
  border: 1px solid #cccccc;
  background: #efefef;
  color: #3E9B99;
  font-weight: normal;
}
.ui-widget-header a {
  color: #474747;
}
.jp-accordion a {
  color: #3E9B99;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #efefef;
  background: #efefef;
  font-weight: normal;
  color: #3E9B99;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #3E9B99;
  text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #efefef;
  background: #efefef;
  font-weight: normal;
  color: #474747;
}
.ui-state-hover a, .ui-state-hover a:hover {
  color: #474747;
  text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #efefef;
  background: #efefef;
  font-weight: normal;
  color: #3E9B99;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #474747;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}
/*****************************************/
/*** FooterMenu ***/
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  text-decoration: none;
  padding: 0.2rem 1rem 1rem;
  /*display: block !important;*/
}
#menu-2055-particle .g-main-nav .g-toplevel > li {
  display: grid;
}
.nav {
  display: block;
}
#g-footer .nav > li > a {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #ffffff;
}
#g-footer h3 {
  color: #ffffff;
}
#g-footer a {
  color: #ffffff;
}
#mod-menu185 .nav {
  display: flex;
}
.cf-response h1 {
  color: #ffffff;
}
/* AcyMailing Anmeldung input-Felder */
#g-footer #field_1, #g-footer #field_2 {
  color: #555555;
}
.cookiecontent {
  padding: 0;
  width: 70%;
  float: left;
}
.cookiecontent p {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  line-height: 1.7rem;
}
.cookiebuttons a.btn {
  font-size: 1rem !important;
  margin-bottom: 6px !important;
}
.nav-pills > li > a {
  padding-right: 8px;
  padding-left: 8px;
}
/*****************************************/
/*** Media-Groessen Anpassungen ***/
/*****************************************/
@media screen and (max-width: 47.938rem) {
  .flush div.g-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  #logo-6732-particle {
    /*width: 90%;
    margin-left: 40px;*/
    padding-left: 50px;
  }
  h1 {
    font-size: 1.4rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 1.1rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 1rem;
  }
  .img-intro {
    width: 250px;
    margin-right: 0;
    /*height:250px;*/
    clear: left;
  }
  .img-circle {
    width: 250px;
    border-radius: 50%;
  }
  .cookiecontent {
    padding: 0;
    width: 100%;
  }
  .featurebox1 {
    display: block;
    width: 99%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .box1 {
    display: block;
  }
  .box1-image {
    width: 100%;
  }
  .box1-text {
    width: 100%;
  }
  .box2-3 {
    clear: left;
    display: block;
    width: 100%;
  }
}
/*# sourceMappingURL=custom__body_only.css.map */