/* 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";
/***matthias wörne scss**/
#g-page-surround {
  background-color: var(--mainHell);
}
:root {
  --main: #9BA846;
  --mainDunkel: #7a8437;
  --mainHell: #e1e5c7;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Architects Daughter", cursive;
  letter-spacing: 1px;
  color: var(--main);
}
.grossButton {
  font-size: 1.5rem;
}
.buttonAllgemein {
  background-color: var(--main);
  color: #fff;
  padding: 6px 15px;
  border-radius: 30px;
  font-family: "Architects Daughter", cursive;
  font-weight: 600;
}
.buttonAllgemein:hover {
  color: #fff !important;
}
@media only all and (max-width: 800px) {
  .g-container {
    width: 100%;
  }
}
.mainButton {
  display: inline-block;
  font-family: "Architects Daughter", cursive;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.15;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  background: #9ba846;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 2.5rem;
  margin: 0 0 0.5rem 0;
  padding: 9px 13px;
}
.mainButton:hover {
  background-color: var(--mainDunkel);
  color: #fff;
}
#g-navigation {
  background-color: rgba(155, 168, 70, 0.8);
  border-bottom: 2px solid #fff;
}
#g-navigation .logoNeu {
  font-size: 0.9rem;
  color: #fff;
  line-height: 1.2;
  margin-bottom: -13px;
  margin-top: 48px;
  text-align: center;
}
@media only all and (min-width: 800px) {
  #g-navigation .logoNeu {
    text-align: left;
  }
}
@media only all and (min-width: 923px) {
  #g-navigation .logoNeu {
    text-align: left;
    font-size: 1.1rem;
  }
}
#g-navigation .g-container {
  width: 100%;
}
#g-navigation .g-main-nav {
  letter-spacing: 1px;
}
#g-navigation .g-content {
  margin-bottom: 0;
  padding-bottom: 0;
}
#g-navigation .menu {
  text-align: right;
}
#g-navigation .menu .g-toplevel {
  margin-bottom: -6px;
  margin-top: 34px;
}
#g-navigation .menu li.active > a {
  background-color: #fff;
  padding: 11px 9px 7px !important;
  border-radius: 5px 5px 0 0;
}
#g-navigation .menu li.active > a span {
  color: var(--main);
  box-shadow: none;
  padding: 0;
}
#g-navigation .menu .g-dropdown {
  background-color: rgba(155, 168, 70, 0.8);
}
#g-navigation .menu .g-dropdown li.active a {
  border-radius: 5px;
}
#g-navigation .menu .g-dropdown li.active a span {
  color: var(--main);
}
#g-navigation .menu .g-dropdown a:hover span, #g-navigation .menu .g-dropdown li:hover span {
  color: #fff;
}
#g-headerbild {
  margin-top: -120px;
  border-bottom: 2px solid var(--main);
}
#g-headerbild .g-container {
  width: 100%;
}
#g-headerbild .g-container .g-content {
  margin: 0;
  padding: 0;
}
#g-headerbild .g-container .g-content p {
  margin: 0;
}
#g-headerbild .g-container .g-content img {
  max-height: 500px;
  object-fit: cover;
  width: 100%;
}
.startseite #g-intro .g-container {
  width: 85rem;
  max-width: 100%;
}
.startseite #g-intro .g-container .boxStartseiteText {
  width: 75rem;
  max-width: 100%;
  margin: auto;
}
.startseite #g-intro .g-container .zweiTexteStart li::marker {
  content: "... ";
}
.startseite #g-intro .g-container .listeOhnePunkt::marker {
  content: "" !important;
}
.songTitel {
  text-align: center;
  font-size: 2rem;
  margin-bottom: -15px;
  margin-top: 20px;
}
.singen #g-intro {
  display: none;
}
#g-intro {
  padding: 0;
  background-color: var(--mainHell);
}
@media only all and (min-width: 800px) {
  #g-intro {
    padding: 3rem 0;
  }
}
#g-intro .text-startseite img {
  border-radius: 15px;
}
#g-intro .text-startseite h1 {
  font-size: 1.5rem;
  margin: 0;
}
@media only all and (min-width: 800px) {
  #g-intro .text-startseite h1 {
    font-size: 2.25rem;
  }
}
#g-intro .text-startseite h2 {
  font-size: 1.2rem;
}
@media only all and (min-width: 800px) {
  #g-intro .text-startseite h2 {
    font-size: 1.5rem;
  }
}
#g-intro .text-startseite p {
  font-size: 1.2rem;
}
@media only all and (min-width: 800px) {
  #g-intro .text-startseite p {
    font-size: 1.4rem;
  }
}
@media only all and (min-width: 767px) {
  #g-intro .text-startseite .row {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only all and (min-width: 767px) {
  #g-intro .text-startseite .row .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 25px;
  }
}
#g-intro .text-startseite .row .col-md-6 h3 {
  font-size: 2rem;
  font-weight: 700;
}
#g-features .musik {
  margin-top: -40px;
}
#g-features .musik .con2 {
  position: relative;
  width: 383px;
  max-width: 100%;
  margin: auto;
}
#g-features .musik h2 {
  font-size: 1.2rem;
}
@media only all and (min-width: 800px) {
  #g-features .musik h2 {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 30px;
  }
}
#g-features .musik .playButtonBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#g-features .musik .playButtonBox button {
  background-color: #fff;
  height: 43px;
  width: 43px;
  border-radius: 43px;
}
#g-features .musik .playButtonBox button i {
  font-size: 1.6rem;
  margin-left: 4px;
  margin-top: 2px;
  color: var(--main);
}
#g-features .musik .playButtonBox button .fa-pause {
  display: none;
  margin-left: 2px;
}
#g-features .musik .playButtonBox .playing .fa-pause {
  display: inline-block;
}
#g-features .musik .playButtonBox .playing .fa-play {
  display: none;
}
.startseite #g-intro {
  background-image: radial-gradient(circle, rgba(225, 229, 199, 0.36), rgba(155, 168, 70, 0.15));
}
.startseite #g-inhalt {
  padding: 4rem 0;
  background-image: url('../../../../images/static/startseite/startseite-zitat.jpg');
  background-size: cover;
  border-top: 1px solid var(--main);
  border-bottom: 1px solid var(--main);
  height: 500px;
}
.startseite #g-inhalt .g-content {
  display: none;
  background-color: rgba(225, 229, 199, 0.81);
  max-width: 800px;
  margin: auto;
  border: 2px solid var(--main);
  border-radius: 20px;
}
#g-inhalt {
  background-image: radial-gradient(circle, rgba(225, 229, 199, 0.76), rgba(155, 168, 70, 0.55));
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  #g-inhalt {
    padding-bottom: 7rem;
  }
}
#g-inhalt .g-container {
  max-width: 900px;
}
@media only all and (max-width: 799.04px) {
  #g-inhalt .g-container .pull-left.item-image {
    margin: 0 1.5rem 1.5rem 0;
  }
}
#g-inhalt .readmore .btn {
  padding: 9px 13px;
}
#g-inhalt .beitragImgLeft {
  max-width: 300px;
  border: 3px solid var(--main);
  border-radius: 15px;
  margin-right: 40px;
}
#g-inhalt .items-row .item-image img {
  max-width: 300px;
  border: 3px solid var(--main);
  border-radius: 15px;
}
@media only all and (max-width: 353px) {
  #g-inhalt .items-row .item-image img {
    max-width: 100%;
  }
}
#g-inhalt ul li::marker {
  color: var(--main);
}
.gedichte #g-inhalt .bloggedichte {
  display: none;
}
.termine #g-inhalt .blogtermine .items-row {
  border-bottom: 3px solid var(--main);
  padding-bottom: 12px;
  padding-top: 12px;
}
.termine #g-inhalt .page-header {
  line-height: 1;
}
.termine #g-inhalt .page-header h2 {
  margin-bottom: 10px;
}
.termine #g-inhalt .fields-container {
  margin-top: 0;
}
.termine #g-inhalt .datum {
  float: left;
  margin-right: 20px;
  margin-left: 0;
}
#g-utility {
  background-color: var(--mainHell);
}
#g-utility .g-container {
  max-width: 900px;
}
#g-utility .gedichteListe .category-module {
  border: none;
  padding: 0;
}
#g-utility .gedichteListe .category-module .mod-articles-category-title {
  font-size: 1.2rem;
  font-family: "Architects Daughter", cursive;
}
#g-utility .gedichteListe .category-module p {
  color: gray;
}
#g-utility .gedichteListe .category-module li {
  border-color: var(--main);
}
.erzaehlen #g-above .zitatUnten {
  max-width: 800px;
  margin: auto;
}
#g-above {
  background-color: var(--mainHell);
}
#g-above .g-container {
  max-width: 900px;
  position: relative;
  z-index: 10;
}
#g-above .g-container .zitatUnten .g-content {
  color: var(--main);
}
#g-above .g-container .zitatUnten .g-content em {
  font-size: 1rem;
  color: #424753;
}
#g-above .g-container .zitatUnten .g-content strong {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #424753;
}
#g-above .g-container .zitatUnten2 p {
  color: var(--main);
  font-size: 1.4rem;
}
@media only all and (min-width: 800px) {
  #g-above .g-container .zitatUnten2 p {
    font-size: 1.5rem;
    line-height: 1.6;
  }
}
#g-above .g-container .ZitatLyrik {
  border: none;
}
#g-above .g-container .ZitatLyrik td {
  border: none;
}
#g-above .g-container .ZitatLyrik strong {
  font-size: 1.2rem;
  line-height: 1;
}
#g-expanded {
  padding-top: 0px;
  margin-top: -56px;
  background-color: var(--mainHell);
}
#g-expanded .g-container {
  max-width: 900px;
  position: relative;
  z-index: 10;
}
#g-expanded .zurueckButton a {
  background-color: var(--main);
  color: #fff;
  padding: 9px 13px;
  border-radius: 30px;
  font-family: "Architects Daughter", cursive;
  font-weight: 600;
  font-size: 0.8rem;
}
#g-expanded .zurueckButton a i {
  margin-right: 10px;
}
#g-footer {
  padding-bottom: 0;
}
@media only all and (max-width: 800px) {
  #g-footer {
    background-color: var(--main);
  }
}
@media only all and (min-width: 800px) {
  #g-footer {
    background: url('../../../../images/static/footer.svg') no-repeat bottom center;
    padding-top: 10rem;
    margin-top: -10rem;
    position: relative;
    background-size: cover;
  }
}
#g-footer .startseite #g-footer {
  margin-top: 12rem;
}
#g-footer .footerMenu {
  letter-spacing: 1px;
}
#g-footer .groupsenz {
  color: #fff;
}
/*# sourceMappingURL=custom_14.css.map */