@charset "UTF-8";/* 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
 */

/* i-feel-so-good.de J4 Gantry5 Hydrogen */
/* @import "custom.scss" */
/*html {
    font-size: 1.1rem;
}*/
/* Schriftart laden */
@font-face {src: url('https://i-feel-so-good.de/templates/g5_hydrogen/fonts/OpenSans-Regular.ttf'); font-family: "OpenSans Regular"; font-display: swap}
@font-face {src: url('https://i-feel-so-good.de/templates/g5_hydrogen/fonts/OpenSans-Medium.ttf'); font-family: "OpenSans Medium"; font-display: swap}
@font-face {src: url('https://i-feel-so-good.de/templates/g5_hydrogen/fonts/OpenSans_SemiCondensed-Regular.ttf'); font-family: "OpenSans SemiCondensed Regular"; font-display: swap}
@font-face {src: url('https://i-feel-so-good.de/templates/g5_hydrogen/fonts/OpenSans_SemiCondensed-Medium.ttf'); font-family: "OpenSans SemiCondensed Medium"; font-display: swap}
body {
  font-family: "OpenSans Regular", Arial, "sans-serif";
}
h1, h2, h3, h4, h5, h6 {
  font-family: OpenSans SemiCondensed Regular;
  font-weight: 200;
  color: #208bbc;
  /*#a77c1e;*/
}
h1 {
  font-size: 1.6rem;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
  border-bottom: dotted 1px #ACACAC;
  display: flex;
}
h2 {
  font-size: 1.3rem;
}
h3 {
  font-size: 1.15rem;
}
h4 {
  font-size: 1.1rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 1rem;
}
hr {
  border-bottom: 1px dotted #a77c1e;
}
.gantry-logo {
  display: inline-block;
}
.gantry-logo img {
  width: 320px;
}
.logo-large {
  display: inline-block;
}
#g-header a {
  color: #474747;
}
#g-header a:hover {
  color: #a77c1e;
}
.g-main-nav {
  font-family: "OpenSans SemiCondensed Regular", Arial, "sans-serif";
  font-weight: 400;
}
/*** Showcase Slider ***/
#g-showcase {
  padding: 0 0;
  /*padding: 1.5rem 0;*/
}
.introimg-circle {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin: 0 auto 0 auto;
  padding-bottom: 10px;
}
.introimg-circle-kl {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin: 0 auto 0 auto;
  padding-bottom: 10px;
}
.introimg-circle-l {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin: 0 20px 10px 0;
  padding-bottom: 10px;
  float: left;
}
.introimg-circle-l-kl {
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin: 0 20px 10px 0;
  padding-bottom: 10px;
  float: left;
}
.introimg-circle-r {
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin: 0 0 10px 20px;
  padding-bottom: 10px;
  float: right;
}
/*****************************************/
/*** 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 #efefef;
  background: #ffffff;
  color: #474747;
  font-size: 1rem;
}
.ui-widget-content a {
  color: #a77c1e;
}
.ui-widget-header {
  border: 1px solid #efefef;
  background: #efefef;
  color: #a77c1e;
  font-weight: normal;
}
.ui-widget-header a {
  color: #474747;
}
.jp-accordion a {
  color: #a77c1e;
}
/* 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: #a77c1e;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #a77c1e;
  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: #a77c1e;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #474747;
  text-decoration: none;
}
.ui-widget :active {
  outline: none;
}
/*****************************************/
/*****************************************/
/*** JEvents layout elements ***/
/*****************************************/
.moduletable td.mod_events_latest, .moduletable td.mod_events_latest_first {
  font-size: 1.3em;
  line-height: 1.3em;
  background: #efefef;
}
.icon-calendar, .icon-hand-right {
  margin-left: 6px;
}
h2.contentheading {
  color: #a77c1e;
  /*letter-spacing: 0.05em;*/
}
.jev_eventdetails_body, .jev_evdt_title, .jev_evdt_desc p {
  color: #555;
}
.contentpaneopen, #jevents_body {
  background: #efefef;
  /*#0EAA99*/
}
/*****************************************/
/*** JEvents layout elements ***/
/*****************************************/
.moduletable td.mod_events_latest, .moduletable td.mod_events_latest_first {
  background: #efefef;
  padding: 12px 6px;
  font-size: 1rem;
}
.icon-calendar, .icon-hand-right {
  margin-left: 6px;
}
h2.contentheading {
  color: #474747;
}
.jev_eventdetails_body, .jev_evdt_title, .jev_evdt_desc p {
  color: #555;
}
.contentpaneopen, #jevents_body {
  background: #F3F3F3;
}
.modul-re {
  padding: 10px;
  margin: 0 0 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #F1F1F1;
}
.modul-re p {
  padding: 2px 0px;
  margin: 2px 0px;
  line-height: 1.5rem;
}
.box-teaser {
  background: #efefef;
  padding: 0px;
  border: 1px solid #ddd;
  float: left;
  /*    width:49%;*/
}
.box-teaser {
  color: #3b3b3b;
}
.box-beige {
  margin: 10px 0 10px 0px;
  padding: 6px;
  border: 1px solid #dddddd;
  background-color: #efefef;
  border-radius: 6px;
}
.box-blau {
  margin: 10px 0 10px 0px;
  padding: 8px;
  background-color: #C2D3E4;
  border-radius: 4px;
}
/*ConvertForms (Absendebestaetigung am Bildschirm) wmgrafik*/
div.cf-response h2, div.cf-response h3 {
  color: #ffffff;
}
@media screen and (max-width: 47.938rem) {
  #logo-1699-particle a img {
    width: 65%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  body {
    font-size: 0, 9rem;
  }
  h1 {
    font-size: 1.4rem;
    padding: 0 0 5px 0;
    margin-bottom: 2px;
  }
  h2 {
    font-size: 1.2rem;
  }
  h3 {
    font-size: 1.1rem;
  }
  h4 {
    font-size: 1rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 1rem;
  }
  .introimg-circle {
    float: none;
    display: block;
    width: 90%;
    height: 90%;
    margin: 0 auto 20px;
  }
  .introimg-circle-l {
    float: none;
    display: block;
    width: 90%;
    height: 90%;
    margin: 0 auto 20px;
  }
  .introimg-circle-r {
    float: none;
    display: block;
    width: 90%;
    height: 90%;
    margin: 0 auto 20px;
  }
}
/*# sourceMappingURL=custom_16.css.map */