/* 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";
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
body {
  font-size: 1rem;
  line-height: 1.5;
}
h1 {
  font-size: 2.25rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.15rem;
}
h5 {
  font-size: 1rem;
}
h6 {
  font-size: 0.85rem;
}
small {
  font-size: 0.875rem;
}
cite {
  font-size: 0.875rem;
}
sub, sup {
  font-size: 0.75rem;
}
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
/* Gantry-Farben als reguläre CSS-Variablen bereitstellen */
:root {
  --theme-accent-1: #557872;
  --theme-accent-2: #a6d0b4;
  --theme-background: #ffffff;
  --theme-text-color: #2f2f2f;
}
/* Beispiel für J2Commerce */
.j2commerce .btn-primary {
  background-color: var(--theme-accent-1);
  border-color: var(--theme-accent-1);
  color: #fff;
}
.j2commerce .btn-primary:hover {
  background-color: var(--theme-accent-2);
  border-color: var(--theme-accent-2);
}
#j2c-no-orders {
  color: var(--theme-accent-1) !important;
  font-weight: bold !important;
  background-color: white !important;
  border: none !important;
}
.j2commerce .text-bg-info {
  background-color: var(--theme-accent-2) !important;
  color: white !important;
}
.j2commerce-myprofile li.nav-item button, .j2commerce-myprofile li.nav-item a {
  color: var(--theme-accent-1);
}
a.btn.btn-soft-info, button.btn.btn-soft-info {
  --bs-btn-color: var(--theme-accent-1);
  --bs-btn-bg: var(--theme-accent-2);
  --bs-btn-border-color: var(--theme-accent-1);
  --bs-btn-hover-color: var(--theme-accent-2);
  --bs-btn-hover-bg: var(--theme-accent-1);
  --bs-btn-hover-border-color: var(--theme-accent-1);
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: var(--theme-accent-2);
  --bs-btn-active-bg: var(--theme-accent-1);
  --bs-btn-active-border-color: var(--theme-accent-1);
  color: var(--theme-accent-1) !important;
  background-color: var(--theme-accent-2) !important;
  background-image: none !important;
  border: 1px solid var(--theme-accent-1) !important;
}
a.btn.btn-soft-info:hover, button.btn.btn-soft-info:hover, a.btn.btn-soft-info:focus, button.btn.btn-soft-info:focus, a.btn.btn-soft-info:active, button.btn.btn-soft-info:active {
  color: var(--theme-accent-2) !important;
  background-color: var(--theme-accent-1) !important;
  background-image: none !important;
  border-color: var(--theme-accent-1) !important;
  box-shadow: none !important;
}
a.btn.btn-soft-info:hover span, button.btn.btn-soft-info:hover span, a.btn.btn-soft-info:focus span, button.btn.btn-soft-info:focus span {
  color: inherit !important;
}
.j2commerce .alert-info {
  background-color: white !important;
  color: var(--base-text-color) !important;
  border: none !important;
  font-weight: bold !important;
}
/*# sourceMappingURL=j2commerce_14.css.map */