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

/* GANTRY5 - CUSTOMIZATION  */
#g-mainbar > div > div > div > div > div > div > div > div > div:nth-child(2) > div.g-block.size-80 > h2:nth-child(1), #contact-form > fieldset > div.control-group.field-spacer > div.control-label {
  margin-top: -8px;
}
#g-mainbar > div > div > div > div > div > div > div > div > div:nth-child(2) > div.g-block.size-80 > p:nth-child(1) {
  margin-top: -4px;
}
.cpnb-message {
  color: #000000 !important;
}
/* Header */
@media screen and (max-width: 2561px) {
  #header {
    background-position: bottom center, center center, center -10%;
    padding: 0 0 5vh 0;
    background-size: 1000px, cover, 1035px;
  }
}
@media screen and (max-width: 1441px) {
  #header {
    background-position: bottom center, center center, center -10%;
    padding: 0 0 4vh 0;
    background-size: 1000px, cover, 1035px;
  }
}
@media screen and (max-width: 1025px) {
  #header {
    background-position: bottom center, center center, center -10%;
    padding: 0 0 4vh 0;
    background-size: 1000px, cover, 1035px;
  }
}
@media screen and (max-width: 960px) {
  #header {
    background-position: bottom center, center center, center -20%;
    padding: 0 0 4vh 0;
    background-size: 1000px, cover, 960px;
  }
}
@media screen and (max-width: 769px) {
  #header {
    background-position: bottom center, center center, center 0;
    padding: 0 0 4vh 0;
    background-size: 800px, cover, 540px;
  }
}
@media screen and (max-width: 700px) {
  #header {
    background-position: bottom center, center center, center 0;
    padding: 0 0 3vh 0;
    background-size: 500px, cover, 540px;
  }
}
@media screen and (max-width: 600px) {
  #header {
    background-position: bottom center, center center, center 0;
    padding: 0 0 3vh 0;
    background-size: 500px, cover, 540px;
  }
}
@media screen and (max-width: 480px) {
  #header {
    background-position: bottom center, center center, center 0;
    padding: 0 0 3vh 0;
    background-size: 500px, cover, 480px;
  }
}
@media screen and (max-width: 321px) {
  #header {
    background-position: bottom center, center center, center 0;
    padding: 0 0 2vh 0;
    background-size: 500px, cover, 320px;
  }
}
@media screen and (min-width: 2562px) {
  #header {
    background-position: bottom center, center center, center -10%;
    padding: 0 0 5vh 0;
    background-size: 1000px, cover, 1035px;
  }
}
#home-intro-subtitle {
  font-size: clamp(16px, 2.8vw, 36px) !important;
  line-height: 100%;
}
#g-intro {
  background: #332722;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .com-content-article {
    margin-top: 1rem;
  }
}
#header {
  background-attachment: scroll, scroll, fixed;
  background-image: url('../../../../images/top-3200.svg'), url('../../../../images/overlay.png'), url('../../../../images/bg.jpg');
  background-repeat: repeat-x, repeat, no-repeat;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  text-align: center;
  font-size: clamp(16px, 1.8vw, 22px);
}
#header:before, #header:after {
  background: rgba(224, 224, 224, 0.75);
  content: "";
  left: 50%;
  position: absolute;
  width: 1px;
  z-index: 0;
}
#header:before {
  height: calc(100% - 50px);
  opacity: 0.15;
  top: 0;
}
#header:after {
  bottom: 0;
  height: 50px;
  opacity: 0.15;
}
/* ALLGEMEINE */
body {
  hyphens: auto;
  font-weight: 100;
  line-height: 140%;
  font-size: clamp(14px, 1.8vw, 18px) !important;
}
body p {
  margin: 0 0 1.5rem 0;
}
ul, .control-group {
  margin: 0 0 1.5rem 1.5rem;
}
p a {
  -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
  border-bottom: dotted 1px;
  color: #332722;
  text-decoration: none;
}
p a:hover {
  color: #b42634;
  font-weight: 700 !important;
}
#g-mainbar {
  padding: 0;
  border-radius: 15px;
}
#g-page-surround {
  background: #332722;
}
sub, sup {
  font-size: 50%;
  margin-left: 1px;
}
.introimage {
  border-radius: 15px;
}
@media screen and (max-width: 767px) {
  .introimage {
    max-width: 50%;
  }
}
/* KONTAKT  */
.control-group {
  margin: 0 0 0.5rem 0 !important;
}
.fieldset {
  padding: 0 !important;
}
.thumbnail {
  box-shadow: unset !important;
}
.com-contact__thumbnail.thumbnail > img {
  border-radius: 15px;
}
#jform_spacer-lbl {
  font-size: 80%;
}
#contact-form .controls .btn-primary.validate {
  font-weight: 100;
  line-height: 140%;
  font-size: clamp(14px, 1.8vw, 18px) !important;
  text-transform: none;
  padding: 10px 14px;
  margin-top: 5px;
  cursor: pointer;
  margin-left: 15px;
  background-color: #508f4c;
  line-height: 1;
  text-shadow: none;
  display: inline-block;
  min-width: 25%;
}
@media screen and (min-width: 768px) {
  .com-contact__thumbnail.thumbnail > img {
    flex: 0 15%;
    width: 15%;
    float: left;
  }
  .com-contact__form.contact-form {
    flex: 0 80%;
    width: 80%;
    margin-left: 4.5%;
    float: left;
    margin-top: -2.7rem;
  }
  #contact-form .controls .btn-primary.validate {
    min-width: 25%;
    float: right;
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .com-contact__thumbnail.thumbnail > img {
    max-width: 50%;
    float: left;
  }
  .com-contact__form.contact-form {
    float: left;
  }
  .m-0 {
    margin: 0 !important;
    padding: 1rem 0 0 0;
  }
  #contact-form .controls .btn-primary.validate {
    min-width: 25%;
    float: right;
    margin-right: 0rem;
  }
}
/* ALLGEMEINES  */
h1 {
  font-weight: 100 !important;
  line-height: normal !important;
  margin: 0 0 1.5rem 0;
  font-size: 180%;
}
h2 {
  font-weight: 100 !important;
  line-height: normal !important;
  margin: 0 0 1.5rem 0;
  font-size: 140%;
}
h3 {
  font-weight: 100 !important;
  line-height: normal !important;
  margin: 0 0 1.5rem 0;
  font-size: 120%;
}
h4 {
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 0 0.5rem 0;
  font-size: 100%;
}
/* TOPNAVIGATION  */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container i {
  opacity: 0.9;
  margin-bottom: 3px;
}
#g-navigation {
  text-align: center;
}
#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  color: #fff;
}
.g-fixed-second {
  top: -10px !important;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  font-size: 1rem;
  font-size: clamp(14px, 1.4vw, 16px) !important;
  font-weight: 100 !important;
}
.g-fixed-second .g-main-nav .g-sublevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {
  font-size: 1rem;
  font-size: 14px !important;
  font-weight: 100 !important;
}
.g-home-particles.g-helium-style #g-navigation, #g-offcanvas, #g-offcanvas #g-mobilemenu-container ul {
  background: #332722;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #64544e;
}
.g-offcanvas-toggle {
  color: #332722;
  top: 0.2rem;
  left: 0.2rem;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #64544e;
}
/* FONTS  */
/* open-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "OpenSans4";
  font-style: normal;
  font-weight: 300;
  src: url('./../../fonts/opensans4/open-sans-v40-latin-300.eot');
  /* IE9 Compat Modes */
  src: url('./../../fonts/opensans4/open-sans-v40-latin-300.eot#iefix') format("embedded-opentype"), url('./../../fonts/opensans4/open-sans-v40-latin-300.woff2') format("woff2"), url('./../../fonts/opensans4/open-sans-v40-latin-300.woff') format("woff"), url('../../fonts/opensans4/open-sans-v40-latin-300.ttf') format("truetype"), url('./../../fonts/opensans4/open-sans-v40-latin-300.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "OpenSans4";
  font-style: italic;
  font-weight: 300;
  src: url('../../fonts/opensans4/open-sans-v40-latin-300italic.eot');
  /* IE9 Compat Modes */
  src: url('../../fonts/opensans4/open-sans-v40-latin-300italic.eot#iefix') format("embedded-opentype"), url('../../fonts/opensans4/open-sans-v40-latin-300italic.woff2') format("woff2"), url('../../fonts/opensans4/open-sans-v40-latin-300italic.woff') format("woff"), url('../../fonts/opensans4/open-sans-v40-latin-300italic.ttf') format("truetype"), url('../../fonts/opensans4/open-sans-v40-latin-300italic.svg#OpenSans') format("svg");
  /* Legacy iOS */
}
/* HOME-CONTENTTUBES  */
.home-content-cubes {
  padding-top: 1rem !important;
}
.g-contentcubes .cube-items-wrapper .cube-image-wrapper {
  border-radius: 15px;
}
.g-contentcubes .cube-items-wrapper {
  background: linear-gradient(0deg, #ffffff, #ffffff);
  color: #000000 !important;
  border-radius: 15px;
}
.g-contentcubes .cube-items-wrapper .cube-image-wrapper img {
  display: block;
  height: auto;
  transform: scale3d(1.8, 1.8, 1);
  transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  border-radius: 15px;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-title {
  font-size: clamp(14px, 1.6vw, 20px) !important;
  font-weight: 100;
  line-height: 1.2;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-title a.item-link .item-link-text {
  font-size: clamp(14px, 1.6vw, 20px) !important;
  font-weight: 100;
  line-height: 1.2;
  margin-top: 20px;
}
.g-contentcubes .cube-items-wrapper .cube-content-wrapper .item-title a.item-link {
  display: block;
  color: #000 !important;
}
.g-contentcubes .cube-items-wrapper .cube-image-wrapper:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(255, 255, 255, 0.75);
  opacity: 0;
  transition: opacity 0.3s;
}
/* FOOTER  */
.logo-footer, .logo-cookie {
  text-align: center !important;
}
#g-footer {
  padding: 1.5rem 0;
}
/* COOKIES  */
.cpnb-modal-wrap, .cpnb-div-position-center .cpnb-message, .cpnb-accept-btn, .cpnb-decline-btn, .cpnb-settings-btn, .cpnb-moreinfo-btn {
  font-size: clamp(14px, 1.8vw, 18px) !important;
  line-height: 140%;
  font-family: "OpenSans4";
  font-weight: 100 !important;
}
.cpnb-message {
  color: #000000;
  font-size: 100%;
}
.cpnb-message h1 {
  font-size: 200%;
  line-height: 100%;
}
.cpnb-outer {
  border-radius: 15px;
}
.cpnb-modal-inner {
  border-radius: 15px;
}
.cpnb-modal-bg {
  padding: 0 !important;
}
#cpnb-imprint-btn {
  width: 40%;
  float: left;
  margin-left: -2px;
  font-size: 100%;
}
#cpnb-privacy-btn {
  width: 40%;
  float: right;
  margin: -18px -11px 0 0;
  font-size: 100%;
}
.cpnb-accept-btn, .cpnb-decline-btn, .cpnb-settings-btn, .cpnb-moreinfo-btn {
  width: 96%;
}
#cpnb-decline-btn-m, #cpnb-save-btn-m {
  display: none !important;
}
.cpnb-button, .cpnb-button-ok, .cpnb-m-enableAllButton {
  border-radius: 15px !important;
}
.com-contact__container > h2 {
  display: none;
  margin: 0;
}
.cpnb-modal-inner {
  margin: 1rem;
}
.cpnb-m-bottom-buttons .cpnb-button {
  font-size: clamp(14px, 1.8vw, 18px) !important;
}
/*# sourceMappingURL=custom_12.css.map */