/* 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";
body {
  font-size: 1.1em;
  line-height: 1.7em;
}
h1, h2, h3, h4, h5, h6 {
  color: #dd9661;
}
/* Navigation - Hintergrundfarbe/Runde Ecken/Außenabstand/Schatten  */
#g-navigation {
  background: #ffffff;
  border-radius: 10px;
  /* margin: 0.5em; */
  box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.5);
}
/* Navigation - Schriftfarbe der Menueinträge  */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #dd9661;
}
/* Navigation - Aussehen der Navigationsbuttons */
#g-navigation .g-main-nav .g-toplevel > li {
  margin: 0 0.5rem;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 0.6em 0.7em 0.3em 0.7em;
}
/* Mobile Navigation - Hintergrundfarbe für aktiver Tab*/
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active {
  background: #6096de;
}
/* Mobile Navigation - Intergrundfarbe für selektierten (oder hoover) Tab */
/* ??????? */
#g-container-main {
  width: 90%;
}
#g-mainbar .g-content {
  padding: 2rem 5rem;
}
#g-footer {
  padding: 2rem 0.5rem 0.5rem 0.5rem;
}
/* Footer - Schatten */
#g-footer .g-container {
  background: #ffffff;
  box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  /* width: 100%; */
  /* Volle Breite Footer */
}
/* Überschrift für Prism-Highlighter Codeblöcke */
.prism-headline {
  font-size: 1.2rem;
  /* font-weight: bold; */
  font-variant: small-caps;
  padding: 0;
}
/* Sektion */
section {
  background-color: white;
  box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.5);
  /* width: auto; */
  margin: 1em auto 1.5em auto;
  padding: 5px;
  border-radius: 10px;
}
/* FOUNDATION 6 FRAMEWORK - PULL QUOTE */
/* $pull-quote-maxwidth: 50%;
$pull-quote-color: green;
$pull-quote-offset-large: -25%;
$pull-quote-offset-medium: -15%;
$pull-quote-fontsize-medium-up: 1.875rem;
$pull-quote-fontsize-small: 1.125rem;
$pull-quote-gradient: true;

.pull-quote {
  font-weight: 400;
  letter-spacing: 1.5px;
  font-style: normal;
  font-size: $pull-quote-fontsize-small;
  max-width: $pull-quote-maxwidth;
  line-height: 1.25em;
  text-transform: uppercase;
  color: $pull-quote-color;
  float: right;
  margin: 10px 0 0 20px;
  @if $pull-quote-gradient == true {
    background: linear-gradient(blue, $pull-quote-color);
  } @else if $pull-quote-gradient == false {
    background: $pull-quote-color; // sets text color
  }
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  &:before {
    content: '';
  }

  &:after {
    content: '';
  }

  @include breakpoint(medium) {
    font-size: $pull-quote-fontsize-medium-up;
    max-width: calc(#{$pull-quote-maxwidth} - 5%);
    margin-right: $pull-quote-offset-medium;
  }

  @include breakpoint(large) {
    max-width: calc(#{$pull-quote-maxwidth} + 5%);
    margin-right: $pull-quote-offset-large;
  }
} */
/*# sourceMappingURL=custom_offline_page.css.map */