/* 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";
/*
$display-intro-show:	true !defaut;
$duration-intro-show:	1000 !default;

.display-intro-show		{ -ph-display-intro-show: $display-intro-show; }
.duration-intro-show	{ -ph-duration-intro-show: $duration-intro-show; }
/**/
.section-flow {
  min-height: auto !important;
}
.section-100, #g-top.section-100 .g-grid {
  min-height: 100vh !important;
}
.section-95 {
  min-height: 95vh !important;
}
.section-90 {
  min-height: 90vh !important;
}
.section-85 {
  min-height: 85vh !important;
}
.section-80 {
  min-height: 80vh !important;
}
.section-75 {
  min-height: 75vh !important;
}
.section-70 {
  min-height: 70vh !important;
}
.section-65 {
  min-height: 65vh !important;
}
.section-60 {
  min-height: 60vh !important;
}
.section-55 {
  min-height: 55vh !important;
}
.section-50 {
  min-height: 50vh !important;
}
.section-45 {
  min-height: 45vh !important;
}
.section-40 {
  min-height: 40vh !important;
}
.section-35 {
  min-height: 35vh !important;
}
.section-33 {
  min-height: 33vh !important;
}
.section-30 {
  min-height: 30vh !important;
}
.section-25 {
  min-height: 25vh !important;
}
.section-20 {
  min-height: 20vh !important;
}
.section-15 {
  min-height: 15vh !important;
}
.section-10 {
  min-height: 10vh !important;
}
.section-100max {
  max-height: 100vh !important;
}
.section-60max {
  max-height: 60vh !important;
}
.section-50max {
  max-height: 50vh !important;
}
.section-40max {
  max-height: 40vh !important;
}
.section-33max {
  max-height: 30vh !important;
}
.section-30max {
  max-height: 30vh !important;
}
.section-25max {
  max-height: 25vh !important;
}
.section-20max {
  max-height: 20vh !important;
}
.section-15max {
  max-height: 15vh !important;
}
.section-10max {
  max-height: 10vh !important;
}
.section-w100 .g-grid {
  max-width: 100rem;
  margin: 0 auto;
}
.section-w90 .g-grid {
  max-width: 90rem;
  margin: 0 auto;
}
.section-w80 .g-grid {
  max-width: 80rem;
  margin: 0 auto;
}
.section-w75 .g-grid {
  max-width: 75rem;
  margin: 0 auto;
}
.section-w70 .g-grid {
  max-width: 70rem;
  margin: 0 auto;
}
.section-w65 .g-grid {
  max-width: 65rem;
  margin: 0 auto;
}
.section-w60 .g-grid {
  max-width: 60rem;
  margin: 0 auto;
}
.section-w50 .g-grid {
  max-width: 50rem;
  margin: 0 auto;
}
.section-max100 {
  max-width: 100rem;
  margin: 0 auto;
}
.section-max90 {
  max-width: 90rem;
  margin: 0 auto;
}
.section-max80 {
  max-width: 80rem;
  margin: 0 auto;
}
.section-max75 {
  max-width: 75rem;
  margin: 0 auto;
}
.section-max70 {
  max-width: 70rem;
  margin: 0 auto;
}
.section-max65 {
  max-width: 65rem;
  margin: 0 auto;
}
.section-max60 {
  max-width: 60rem;
  margin: 0 auto;
}
.section-max50 {
  max-width: 50rem;
  margin: 0 auto;
}
.section-p100 .g-grid {
  max-width: 100%;
  margin: 0 auto;
}
.section-p90 .g-grid {
  max-width: 90%;
  margin: 0 auto;
}
.section-p80 .g-grid {
  max-width: 80%;
  margin: 0 auto;
}
.section-p75 .g-grid {
  max-width: 75%;
  margin: 0 auto;
}
.section-p70 .g-grid {
  max-width: 70%;
  margin: 0 auto;
}
.section-p65 .g-grid {
  max-width: 65%;
  margin: 0 auto;
}
.section-p60 .g-grid {
  max-width: 60%;
  margin: 0 auto;
}
.section-p50 .g-grid {
  max-width: 50%;
  margin: 0 auto;
}
.centerXY {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.centerContent {
  display: grid;
  place-items: center;
}
.centerY {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.centerX {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.tcWhite {
  color: #ffffff !important;
}
.bgWhite {
  background-color: #ffffff !important;
}
.tlWhite {
  color: #ffffff;
}
.tlWhite:hover, .tlWhite:active {
  color: #4f9b1f;
}
.tcBlack {
  color: #000000 !important;
}
.bgBlack {
  background-color: #000000 !important;
}
.tlBlack {
  color: #000000;
}
.tlBlack:hover, .tlBlack:active {
  color: #4f9b1f;
}
.tcOffWhite {
  color: #eeeeee !important;
}
.bgOffWhite {
  background-color: #eeeeee !important;
}
.tlOffWhite {
  color: #eeeeee;
}
.tlOffWhite:hover, .tlOffWhite:active {
  color: #4f9b1f;
}
.tcLightgrey {
  color: #ececec !important;
}
.bgLightgrey {
  background-color: #ececec !important;
}
.tlLightgrey {
  color: #ececec;
}
.tlLightgrey:hover, .tlLightgrey:active {
  color: #4f9b1f;
}
.tcGrey {
  color: #b4b4b4 !important;
}
.bgGrey {
  background-color: #b4b4b4 !important;
}
.tlGrey {
  color: #b4b4b4;
}
.tlGrey:hover, .tlGrey:active {
  color: #4f9b1f;
}
.tcDarkgrey {
  color: #282828 !important;
}
.bgDarkgrey {
  background-color: #282828 !important;
}
.tlDarkgrey {
  color: #282828;
}
.tlDarkgrey:hover, .tlDarkgrey:active {
  color: #4f9b1f;
}
.tcPink {
  color: #d13b7b !important;
}
.bgPink {
  background-color: #d13b7b !important;
}
.tlPink {
  color: #d13b7b;
}
.tlPink:hover, .tlPink:active {
  color: #4f9b1f;
}
.tcRed {
  color: #ef4a44 !important;
}
.bgRed {
  background-color: #ef4a44 !important;
}
.tlRed {
  color: #ef4a44;
}
.tlRed:hover, .tlRed:active {
  color: #4f9b1f;
}
.tcPurple {
  color: #874f9a !important;
}
.bgPurple {
  background-color: #874f9a !important;
}
.tlPurple {
  color: #874f9a;
}
.tlPurple:hover, .tlPurple:active {
  color: #4f9b1f;
}
.tcBlue {
  color: #279fba !important;
}
.bgBlue {
  background-color: #279fba !important;
}
.tlBlue {
  color: #279fba;
}
.tlBlue:hover, .tlBlue:active {
  color: #4f9b1f;
}
.tcOrange {
  color: #ee7933 !important;
}
.bgOrange {
  background-color: #ee7933 !important;
}
.tlOrange {
  color: #ee7933;
}
.tlOrange:hover, .tlOrange:active {
  color: #4f9b1f;
}
.tcGreen {
  color: #00c67e !important;
}
.bgGreen {
  background-color: #00c67e !important;
}
.tlGreen {
  color: #00c67e;
}
.tlGreen:hover, .tlGreen:active {
  color: #4f9b1f;
}
.tcYellow {
  color: #F9B234 !important;
}
.bgYellow {
  background-color: #F9B234 !important;
}
.tlYellow {
  color: #F9B234;
}
.tlYellow:hover, .tlYellow:active {
  color: #4f9b1f;
}
.tcLightblue {
  color: #00BDE2 !important;
}
.bgLightblue {
  background-color: #00BDE2 !important;
}
.tlLightblue {
  color: #00BDE2;
}
.tlLightblue:hover, .tlLightblue:active {
  color: #4f9b1f;
}
.tcDarkblue {
  color: #023964 !important;
}
.bgDarkblue {
  background-color: #023964 !important;
}
.tlDarkblue {
  color: #023964;
}
.tlDarkblue:hover, .tlDarkblue:active {
  color: #4f9b1f;
}
.tcCyan {
  color: #00ffff !important;
}
.bgCyan {
  background-color: #00ffff !important;
}
.tlCyan {
  color: #00ffff;
}
.tlCyan:hover, .tlCyan:active {
  color: #4f9b1f;
}
.tcHelli1 {
  color: #d20b22 !important;
}
.bgHelli1 {
  background-color: #d20b22 !important;
}
.tlHelli1 {
  color: #d20b22;
}
.tlHelli1:hover, .tlHelli1:active {
  color: #4f9b1f;
}
.tcHelli2 {
  color: #2659F0 !important;
}
.bgHelli2 {
  background-color: #2659F0 !important;
}
.tlHelli2 {
  color: #2659F0;
}
.tlHelli2:hover, .tlHelli2:active {
  color: #4f9b1f;
}
.tcSps1 {
  color: #f9632d !important;
}
.bgSps1 {
  background-color: #f9632d !important;
}
.tlSps1 {
  color: #f9632d;
}
.tlSps1:hover, .tlSps1:active {
  color: #4f9b1f;
}
.tcSps2 {
  color: #21c2d4 !important;
}
.bgSps2 {
  background-color: #21c2d4 !important;
}
.tlSps2 {
  color: #21c2d4;
}
.tlSps2:hover, .tlSps2:active {
  color: #4f9b1f;
}
.tcBase {
  color: #707173 !important;
}
.bgBase {
  background-color: #707173 !important;
}
.tlBase {
  color: #707173;
}
.tlBase:hover, .tlBase:active {
  color: #4f9b1f;
}
.tcBaseActive {
  color: #4f9b1f !important;
}
.bgBaseActive {
  background-color: #4f9b1f !important;
}
.tlBaseActive {
  color: #4f9b1f;
}
.tlBaseActive:hover, .tlBaseActive:active {
  color: #4f9b1f;
}
.tcAccent1 {
  color: #4f9b1f !important;
}
.bgAccent1 {
  background-color: #4f9b1f !important;
}
.tlAccent1 {
  color: #4f9b1f;
}
.tlAccent1:hover, .tlAccent1:active {
  color: #4f9b1f;
}
.tcAccent2 {
  color: #981711 !important;
}
.bgAccent2 {
  background-color: #981711 !important;
}
.tlAccent2 {
  color: #981711;
}
.tlAccent2:hover, .tlAccent2:active {
  color: #4f9b1f;
}
.tcAccent3 {
  color: #565548 !important;
}
.bgAccent3 {
  background-color: #565548 !important;
}
.tlAccent3 {
  color: #565548;
}
.tlAccent3:hover, .tlAccent3:active {
  color: #4f9b1f;
}
.tcAccent4 {
  color: #dfdfdf !important;
}
.bgAccent4 {
  background-color: #dfdfdf !important;
}
.tlAccent4 {
  color: #dfdfdf;
}
.tlAccent4:hover, .tlAccent4:active {
  color: #4f9b1f;
}
.tcAccent5 {
  color: #d20b22 !important;
}
.bgAccent5 {
  background-color: #d20b22 !important;
}
.tlAccent5 {
  color: #d20b22;
}
.tlAccent5:hover, .tlAccent5:active {
  color: #4f9b1f;
}
.tcAccent6 {
  color: #2659F0 !important;
}
.bgAccent6 {
  background-color: #2659F0 !important;
}
.tlAccent6 {
  color: #2659F0;
}
.tlAccent6:hover, .tlAccent6:active {
  color: #4f9b1f;
}
.tcAccent7 {
  color: #f9632d !important;
}
.bgAccent7 {
  background-color: #f9632d !important;
}
.tlAccent7 {
  color: #f9632d;
}
.tlAccent7:hover, .tlAccent7:active {
  color: #4f9b1f;
}
.tcAccent8 {
  color: #21c2d4 !important;
}
.bgAccent8 {
  background-color: #21c2d4 !important;
}
.tlAccent8 {
  color: #21c2d4;
}
.tlAccent8:hover, .tlAccent8:active {
  color: #4f9b1f;
}
.tcAccent1-Light {
  color: rgba(79, 155, 31, 0.25) !important;
}
.bgAccent1-Light {
  background-color: rgba(79, 155, 31, 0.25) !important;
}
.tlAccent1-Light {
  color: rgba(79, 155, 31, 0.25);
}
.tlAccent1-Light:hover, .tlAccent1-Light:active {
  color: #4f9b1f;
}
.tcAccent2-Light {
  color: rgba(152, 23, 17, 0.25) !important;
}
.bgAccent2-Light {
  background-color: rgba(152, 23, 17, 0.25) !important;
}
.tlAccent2-Light {
  color: rgba(152, 23, 17, 0.25);
}
.tlAccent2-Light:hover, .tlAccent2-Light:active {
  color: #4f9b1f;
}
.tcAccent3-Light {
  color: rgba(86, 85, 72, 0.25) !important;
}
.bgAccent3-Light {
  background-color: rgba(86, 85, 72, 0.25) !important;
}
.tlAccent3-Light {
  color: rgba(86, 85, 72, 0.25);
}
.tlAccent3-Light:hover, .tlAccent3-Light:active {
  color: #4f9b1f;
}
.tcAccent4-Light {
  color: rgba(223, 223, 223, 0.25) !important;
}
.bgAccent4-Light {
  background-color: rgba(223, 223, 223, 0.25) !important;
}
.tlAccent4-Light {
  color: rgba(223, 223, 223, 0.25);
}
.tlAccent4-Light:hover, .tlAccent4-Light:active {
  color: #4f9b1f;
}
/**
// Media Device Breakpoints
breakpoints-large-desktop-container:		75.000rem !default;
breakpoints-desktop-container:				60.000rem !default;
breakpoints-tablet-container:				48.000rem !default;
breakpoints-large-mobile-container:			30.000rem !default;
breakpoints-mobile-container:				100% !default;
breakpoints-mobile-menu-breakpoint:	        48.000rem !default;
/**/
.g-content {
  margin: 0.5rem;
  padding: 1rem;
}
.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.25rem;
}
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.25rem;
}
.g-content {
  margin: 0.5rem;
  padding: 1rem;
}
.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.25rem;
}
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.25rem;
}
body {
  color: #707173;
  background: rgba(255, 255, 255, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body #g-page-surround {
  background: rgba(255, 255, 255, 0);
  overflow: hidden;
}
.g-bodyonly body #g-page-surround {
  color: #707173;
  background: rgba(255, 255, 255, 0);
}
body p {
  margin: 0 0 1.3rem 0;
}
body span.para {
  display: block;
  margin: 1rem 0;
}
body.dir-rtl .align-left {
  text-align: right !important;
}
body.dir-rtl .align-right {
  text-align: left !important;
}
@media print {
  #g-page-surround {
    background: #fff !important;
    color: #000 !important;
  }
}
@font-face {
  font-family: "rockettheme-apps";
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/rockettheme-apps/rockettheme-apps.eot#iefix') format("embedded-opentype"), url('../fonts/rockettheme-apps/rockettheme-apps.woff2') format("woff2"), url('../fonts/rockettheme-apps/rockettheme-apps.woff') format("woff"), url('../fonts/rockettheme-apps/rockettheme-apps.ttf') format("truetype"), url('../fonts/rockettheme-apps/rockettheme-apps.svg#rockettheme-apps') format("svg");
}
i.fa-grav-spaceman, i.fa-grav-text, i.fa-grav-full, i.fa-grav-logo, i.fa-grav-symbol, i.fa-grav-logo-both, i.fa-grav-both, i.fa-gantry, i.fa-gantry-logo, i.fa-gantry-symbol, i.fa-gantry-logo-both, i.fa-gantry-both {
  font-family: "rockettheme-apps";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-grav-logo:before, .fa-grav-text:before {
  content: "a";
}
.fa-grav-symbol:before, .fa-grav-spaceman:before {
  content: "b";
}
.fa-grav-logo-both:before, .fa-grav-both:before, .fa-grav-full:before {
  content: "f";
}
.fa-gantry-logo:before {
  content: "d";
}
.fa-gantry:before, .fa-gantry-symbol:before {
  content: "c";
}
.fa-gantry-logo-both:before, .fa-gantry-both:before {
  content: "e";
}
/**/
.center20 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 20%;
  max-width: 20%;
}
@media only all and (min-width: 75rem) {
  .center20 {
    width: 10%;
    max-width: 10%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center20 {
    width: 20%;
    max-width: 20%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center20 {
    width: 50%;
    max-width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center20 {
    width: 50%;
    max-width: 50%;
  }
}
.center20fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 20%;
  max-width: 20%;
}
.center25 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 25%;
  max-width: 25%;
}
@media only all and (min-width: 75rem) {
  .center25 {
    width: 15%;
    max-width: 15%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center25 {
    width: 25%;
    max-width: 25%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center25 {
    width: 50%;
    max-width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center25 {
    width: 50%;
    max-width: 50%;
  }
}
.center25fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 25%;
  max-width: 25%;
}
.center33 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 33%;
  max-width: 33%;
}
@media only all and (min-width: 75rem) {
  .center33 {
    width: 25%;
    max-width: 25%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center33 {
    width: 33%;
    max-width: 33%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center33 {
    width: 60%;
    max-width: 60%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center33 {
    width: 95%;
    max-width: 95%;
  }
}
.center33fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 33%;
  max-width: 33%;
}
.center40 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 40%;
  max-width: 40%;
}
@media only all and (min-width: 75rem) {
  .center40 {
    width: 30%;
    max-width: 30%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center40 {
    width: 55%;
    max-width: 55%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center40 {
    width: 50%;
    max-width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center40 {
    width: 95%;
    max-width: 95%;
  }
}
.center40fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 40%;
  max-width: 40%;
}
.center45 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 45%;
  max-width: 45%;
}
@media only all and (min-width: 75rem) {
  .center45 {
    width: 35%;
    max-width: 35%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center45 {
    width: 60%;
    max-width: 60%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center45 {
    width: 50%;
    max-width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center45 {
    width: 95%;
    max-width: 95%;
  }
}
.center45fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 45%;
  max-width: 45%;
}
.center50 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 50%;
  max-width: 50%;
}
@media only all and (min-width: 75rem) {
  .center50 {
    width: 40%;
    max-width: 40%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center50 {
    width: 70%;
    max-width: 70%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center50 {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center50 {
    width: 95%;
    max-width: 95%;
  }
}
.center50fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 50%;
  max-width: 50%;
}
.center55 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 55%;
  max-width: 55%;
}
@media only all and (min-width: 75rem) {
  .center55 {
    width: 45%;
    max-width: 45%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center55 {
    width: 70%;
    max-width: 70%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center55 {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center55 {
    width: 95%;
    max-width: 95%;
  }
}
.center55fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 55%;
  max-width: 55%;
}
.center60 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 60%;
  max-width: 60%;
}
@media only all and (min-width: 75rem) {
  .center60 {
    width: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center60 {
    width: 70%;
    max-width: 70%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center60 {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center60 {
    width: 95%;
    max-width: 95%;
  }
}
.center60fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 60%;
  max-width: 60%;
}
.center65 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 65%;
  max-width: 65%;
}
@media only all and (min-width: 75rem) {
  .center65 {
    width: 55%;
    max-width: 55%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center65 {
    width: 75%;
    max-width: 75%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center65 {
    width: 85%;
    max-width: 85%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center65 {
    width: 95%;
    max-width: 95%;
  }
}
.center65fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 65%;
  max-width: 65%;
}
.center70 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 70%;
  max-width: 70%;
}
@media only all and (min-width: 75rem) {
  .center70 {
    width: 60%;
    max-width: 60%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center70 {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center70 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center70 {
    width: 95%;
    max-width: 95%;
  }
}
.center70fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 70%;
  max-width: 70%;
}
.center75 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 75%;
  max-width: 75%;
}
@media only all and (min-width: 75rem) {
  .center75 {
    width: 65%;
    max-width: 65%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center75 {
    width: 85%;
    max-width: 85%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center75 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center75 {
    width: 95%;
    max-width: 95%;
  }
}
.center75fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 75%;
  max-width: 75%;
}
.center80 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 80%;
  max-width: 80%;
}
@media only all and (min-width: 75rem) {
  .center80 {
    width: 70%;
    max-width: 70%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center80 {
    width: 100%;
    max-width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center80 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center80 {
    width: 95%;
    max-width: 95%;
  }
}
.center80fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 80%;
  max-width: 80%;
}
.center85 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 85%;
  max-width: 85%;
}
@media only all and (min-width: 75rem) {
  .center85 {
    width: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center85 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center85 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center85 {
    width: 95%;
    max-width: 95%;
  }
}
.center85fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 85%;
  max-width: 85%;
}
.center90 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 90%;
  max-width: 90%;
}
@media only all and (min-width: 75rem) {
  .center90 {
    width: 80%;
    max-width: 80%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center90 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center90 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center90 {
    width: 95%;
    max-width: 95%;
  }
}
.center90fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 90%;
  max-width: 90%;
}
.center95 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 95%;
  max-width: 95%;
}
@media only all and (min-width: 75rem) {
  .center95 {
    width: 85%;
    max-width: 85%;
  }
}
@media only screen and (min-width: 901px) and (max-width: 1024px) {
  .center95 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .center95 {
    width: 95%;
    max-width: 95%;
  }
}
@media only all and (max-width: 47.99rem) {
  .center95 {
    width: 95%;
    max-width: 95%;
  }
}
.center95fix {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 95%;
  max-width: 95%;
}
/**/
/**/
.textcenter90 {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 90%;
  max-width: 90%;
}
@media only all and (min-width: 75rem) {
  .textcenter90 {
    width: 90%;
    max-width: 90%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter90 {
    width: 90%;
    max-width: 90%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter90 {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter80, .textblock.pw80 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 85%;
  max-width: 85%;
}
@media only all and (min-width: 75rem) {
  .textcenter80, .textblock.pw80 p {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter80, .textblock.pw80 p {
    width: 90%;
    max-width: 90%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter80, .textblock.pw80 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter75, .textblock.pw75 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 80%;
  max-width: 80%;
}
@media only all and (min-width: 75rem) {
  .textcenter75, .textblock.pw75 p {
    width: 75%;
    max-width: 75%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter75, .textblock.pw75 p {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter75, .textblock.pw75 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter70, .textblock.pw70 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 80%;
  max-width: 80%;
}
@media only all and (min-width: 75rem) {
  .textcenter70, .textblock.pw70 p {
    width: 70%;
    max-width: 70%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter70, .textblock.pw70 p {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter70, .textblock.pw70 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter65, .textblock.pw65 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 70%;
  max-width: 70%;
}
@media only all and (min-width: 75rem) {
  .textcenter65, .textblock.pw65 p {
    width: 65%;
    max-width: 65%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter65, .textblock.pw65 p {
    width: 80%;
    max-width: 80%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter65, .textblock.pw65 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter60, .textblock.pw60 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 65%;
  max-width: 65%;
}
@media only all and (min-width: 75rem) {
  .textcenter60, .textblock.pw60 p {
    width: 60%;
    max-width: 60%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter60, .textblock.pw60 p {
    width: 70%;
    max-width: 70%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter60, .textblock.pw60 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter55, .textblock.pw55 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 60%;
  max-width: 60%;
}
@media only all and (min-width: 75rem) {
  .textcenter55, .textblock.pw55 p {
    width: 55%;
    max-width: 55%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter55, .textblock.pw55 p {
    width: 60%;
    max-width: 60%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter55, .textblock.pw55 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter50, .textblock.pw50 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 55%;
  max-width: 55%;
}
@media only all and (min-width: 75rem) {
  .textcenter50, .textblock.pw50 p {
    width: 50%;
    max-width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter50, .textblock.pw50 p {
    width: 60%;
    max-width: 60%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter50, .textblock.pw50 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter40, .textblock.pw40 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 50%;
  max-width: 50%;
}
@media only all and (min-width: 75rem) {
  .textcenter40, .textblock.pw40 p {
    width: 40%;
    max-width: 40%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter40, .textblock.pw40 p {
    width: 50%;
    max-width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter40, .textblock.pw40 p {
    width: 95%;
    max-width: 95%;
  }
}
.textcenter30, .textblock.pw30 p {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 40%;
  max-width: 40%;
}
@media only all and (min-width: 75rem) {
  .textcenter30, .textblock.pw30 p {
    width: 30%;
    max-width: 30%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .textcenter30, .textblock.pw30 p {
    width: 40%;
    max-width: 40%;
  }
}
@media only all and (max-width: 47.99rem) {
  .textcenter30, .textblock.pw30 p {
    width: 95%;
    max-width: 95%;
  }
}
/**/
/*	Standardgrößen für Margin und Padding
	Erzeugt Klassen wie marginbottom-small oder padding-max
*/
/**/
.no-marginbottom {
  margin-bottom: 0 !important;
}
.no-margintop {
  margin-top: 0 !important;
}
.no-marginleft {
  margin-left: 0 !important;
}
.no-marginright {
  margin-right: 0 !important;
}
.no-margintopbot {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.no-marginside {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.no-marginall {
  margin: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.xs-marginbottom {
  margin-bottom: 0.25rem !important;
}
.xs-margintop {
  margin-top: 0.25rem !important;
}
.xs-marginleft {
  margin-left: 0.25rem !important;
}
.xs-marginright {
  margin-right: 0.25rem !important;
}
.xs-margintopbot {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.xs-marginside {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.xs-marginall {
  margin: 0.25rem !important;
}
.xs-margin {
  margin: 0.25rem !important;
}
.min-marginbottom {
  margin-bottom: 0.375rem !important;
}
.min-margintop {
  margin-top: 0.375rem !important;
}
.min-marginleft {
  margin-left: 0.375rem !important;
}
.min-marginright {
  margin-right: 0.375rem !important;
}
.min-margintopbot {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}
.min-marginside {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
}
.min-marginall {
  margin: 0.375rem !important;
}
.min-margin {
  margin: 0.375rem !important;
}
.marginbottom {
  margin-bottom: 0.5rem !important;
}
.margintop {
  margin-top: 0.5rem !important;
}
.marginleft {
  margin-left: 0.5rem !important;
}
.marginright {
  margin-right: 0.5rem !important;
}
.margintopbot {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.marginside {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.marginall {
  margin: 0.5rem !important;
}
.margin {
  margin: 0.5rem !important;
}
.med-marginbottom {
  margin-bottom: 1.25rem !important;
}
.med-margintop {
  margin-top: 1.25rem !important;
}
.med-marginleft {
  margin-left: 1.25rem !important;
}
.med-marginright {
  margin-right: 1.25rem !important;
}
.med-margintopbot {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.med-marginside {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}
.med-marginall {
  margin: 1.25rem !important;
}
.med-margin {
  margin: 1.25rem !important;
}
.big-marginbottom {
  margin-bottom: 2.5rem !important;
}
.big-margintop {
  margin-top: 2.5rem !important;
}
.big-marginleft {
  margin-left: 2.5rem !important;
}
.big-marginright {
  margin-right: 2.5rem !important;
}
.big-margintopbot {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.big-marginside {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.big-marginall {
  margin: 2.5rem !important;
}
.big-margin {
  margin: 2.5rem !important;
}
.max-marginbottom {
  margin-bottom: 3.75rem !important;
}
.max-margintop {
  margin-top: 3.75rem !important;
}
.max-marginleft {
  margin-left: 3.75rem !important;
}
.max-marginright {
  margin-right: 3.75rem !important;
}
.max-margintopbot {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}
.max-marginside {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}
.max-marginall {
  margin: 3.75rem !important;
}
.max-margin {
  margin: 3.75rem !important;
}
.xxl-marginbottom {
  margin-bottom: 5rem !important;
}
.xxl-margintop {
  margin-top: 5rem !important;
}
.xxl-marginleft {
  margin-left: 5rem !important;
}
.xxl-marginright {
  margin-right: 5rem !important;
}
.xxl-margintopbot {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.xxl-marginside {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.xxl-marginall {
  margin: 5rem !important;
}
.xxl-margin {
  margin: 5rem !important;
}
.no-paddingbottom {
  padding-bottom: 0 !important;
}
.no-paddingtop {
  padding-top: 0 !important;
}
.no-paddingleft {
  padding-left: 0 !important;
}
.no-paddingright {
  padding-right: 0 !important;
}
.no-paddingtopbot {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.no-paddingside {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.no-paddingall {
  padding: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.xs-paddingbottom {
  padding-bottom: 0.25rem !important;
}
.xs-paddingtop {
  padding-top: 0.25rem !important;
}
.xs-paddingleft {
  padding-left: 0.25rem !important;
}
.xs-paddingright {
  padding-right: 0.25rem !important;
}
.xs-paddingtopbot {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.xs-paddingside {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.xs-paddingall {
  padding: 0.25rem !important;
}
.xs-padding {
  padding: 0.25rem !important;
}
.min-paddingbottom {
  padding-bottom: 0.5rem !important;
}
.min-paddingtop {
  padding-top: 0.5rem !important;
}
.min-paddingleft {
  padding-left: 0.5rem !important;
}
.min-paddingright {
  padding-right: 0.5rem !important;
}
.min-paddingtopbot {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.min-paddingside {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.min-paddingall {
  padding: 0.5rem !important;
}
.min-padding {
  padding: 0.5rem !important;
}
.paddingbottom {
  padding-bottom: 1rem !important;
}
.paddingtop {
  padding-top: 1rem !important;
}
.paddingleft {
  padding-left: 1rem !important;
}
.paddingright {
  padding-right: 1rem !important;
}
.paddingtopbot {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.paddingside {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.paddingall {
  padding: 1rem !important;
}
.padding {
  padding: 1rem !important;
}
.med-paddingbottom {
  padding-bottom: 2rem !important;
}
.med-paddingtop {
  padding-top: 2rem !important;
}
.med-paddingleft {
  padding-left: 2rem !important;
}
.med-paddingright {
  padding-right: 2rem !important;
}
.med-paddingtopbot {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.med-paddingside {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.med-paddingall {
  padding: 2rem !important;
}
.med-padding {
  padding: 2rem !important;
}
.big-paddingbottom {
  padding-bottom: 4rem !important;
}
.big-paddingtop {
  padding-top: 4rem !important;
}
.big-paddingleft {
  padding-left: 4rem !important;
}
.big-paddingright {
  padding-right: 4rem !important;
}
.big-paddingtopbot {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.big-paddingside {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.big-paddingall {
  padding: 4rem !important;
}
.big-padding {
  padding: 4rem !important;
}
.max-paddingbottom {
  padding-bottom: 6rem !important;
}
.max-paddingtop {
  padding-top: 6rem !important;
}
.max-paddingleft {
  padding-left: 6rem !important;
}
.max-paddingright {
  padding-right: 6rem !important;
}
.max-paddingtopbot {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.max-paddingside {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
.max-paddingall {
  padding: 6rem !important;
}
.max-padding {
  padding: 6rem !important;
}
.xxl-paddingbottom {
  padding-bottom: 5rem !important;
}
.xxl-paddingtop {
  padding-top: 5rem !important;
}
.xxl-paddingleft {
  padding-left: 5rem !important;
}
.xxl-paddingright {
  padding-right: 5rem !important;
}
.xxl-paddingtopbot {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.xxl-paddingside {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.xxl-paddingall {
  padding: 5rem !important;
}
.xxl-padding {
  padding: 5rem !important;
}
/**/
.flush > .g-container, .flush > .g-content, .g-flushed > .g-container, .g-flushed > .g-content {
  margin: 0 !important;
  padding: 0 !important;
}
.g-container-flushed {
  margin: -4rem 0;
}
.dir-rtl .g-branding {
  text-align: right;
  direction: ltr;
}
.g-nobackground {
  background: none !important;
}
.nomarginleft, .nomarginleft > .g-content {
  margin-left: 0;
}
.nomarginright, .nomarginright > .g-content {
  margin-right: 0;
}
.nomargintop, .nomargintop > .g-content {
  margin-top: 0;
}
.nomarginbottom, .nomarginbottom > .g-content {
  margin-bottom: 0;
}
.nomarginall, .nomarginall > .g-content {
  margin: 0;
}
.margin2x > .g-content {
  margin: 1rem;
}
.margin3x > .g-content {
  margin: 1.5rem;
}
.nopaddingleft, .nopaddingleft > .g-content {
  padding-left: 0;
}
.nopaddingright, .nopaddingright > .g-content {
  padding-right: 0;
}
.nopaddingtop, .nopaddingtop > .g-content {
  padding-top: 0;
}
.nopaddingbottom, .nopaddingbottom > .g-content {
  padding-bottom: 0;
}
.nopaddingall, .nopaddingall > .g-content {
  padding: 0;
}
.padding2x > .g-content {
  padding: 2rem;
}
.padding3x > .g-content {
  padding: 3rem;
}
.section-paddings, #g-copyright {
  padding-left: 10%;
  padding-right: 10%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .section-paddings, #g-copyright {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media only all and (max-width: 47.99rem) {
  .section-paddings, #g-copyright {
    padding-left: 2%;
    padding-right: 2%;
  }
}
.no-section-paddings {
  padding: 0 !important;
}
.center-block {
  text-align: center;
  margin: auto;
}
.g-center-vertical {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
}
.g-linethrough {
  text-decoration: line-through;
  opacity: 0.55;
}
.g-menuspacer {
  padding-top: 3rem;
}
@media only all and (max-width: 47.99rem) {
  .g-menuspacer {
    padding: 0;
  }
}
.noliststyle {
  list-style: none;
}
.g-bold {
  font-weight: 700;
}
.g-uppercase {
  text-transform: uppercase;
}
.g-compact .g-container {
  padding: 0 !important;
}
.g-sidebar-offset {
  margin-top: -4rem;
}
.g-sample-sitemap {
  line-height: 1.7;
  font-size: 1.1rem;
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}
@media only all and (max-width: 47.99rem) {
  .g-mobile-center-compact .g-container {
    padding: 1rem 0;
  }
  .g-mobile-center-compact .g-content {
    padding: 0 1rem;
    margin: 0.25rem 0.5rem;
    text-align: center !important;
  }
}
.noliststyle {
  list-style: none;
}
.g-uppercase {
  text-transform: uppercase;
}
.g-notexttransform {
  text-transform: none;
}
.g-positive-margin-top {
  margin-top: 23rem;
}
.g-negative-margin-bottom {
  margin-bottom: -25rem;
}
.g-img-circle {
  border-radius: 50%;
}
.section-horizontal-paddings {
  padding-left: 10%;
  padding-right: 10%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .section-horizontal-paddings {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .section-horizontal-paddings {
    padding-left: 0;
    padding-right: 0;
  }
}
.section-horizontal-paddings-small {
  padding-left: 5%;
  padding-right: 5%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .section-horizontal-paddings-small {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .section-horizontal-paddings-small {
    padding-left: 0;
    padding-right: 0;
  }
}
.section-horizontal-paddings-large {
  padding-left: 15%;
  padding-right: 15%;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .section-horizontal-paddings-large {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media only all and (max-width: 47.99rem) {
  .section-horizontal-paddings-large {
    padding-left: 0;
    padding-right: 0;
  }
}
.section-bottom-padding {
  padding-bottom: 4vh;
}
.section-vertical-paddings-top {
  padding-top: 4vh;
  padding-bottom: 0;
}
.section-vertical-paddings {
  padding-top: 4vh;
  padding-bottom: 4vh;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .section-vertical-paddings {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .section-vertical-paddings {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}
.section-vertical-paddings-top {
  padding-top: 4vh;
}
.section-vertical-paddings-bottom {
  padding-bottom: 4vh;
}
.section-vertical-paddings-middle {
  padding-top: 3vh;
  padding-bottom: 3vh;
}
.section-vertical-paddings-small {
  padding-top: 2vh;
  padding-bottom: 2vh;
}
.section-vertical-paddings-large {
  padding-top: 6vh;
  padding-bottom: 6vh;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
  padding: 0 0.8rem;
  font-size: 1rem;
  font-weight: 400;
  white-space: normal;
  text-transform: uppercase;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-transition: 0.35s ease;
  -moz-transition: 0.35s ease;
  transition: 0.35s ease;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (min-width: 67.01rem) and (max-width: 86rem) and (orientation: landscape) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    padding: 0 0.7rem;
    font-size: 0.9rem;
  }
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    padding: 0 0.7rem;
    font-size: 0.8rem;
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    padding: 0 0.7rem;
    font-size: 0.9rem;
  }
}
.g-main-nav .g-standard .g-dropdown {
  width: 200px;
  float: left;
}
#g-mobilemenu-container .g-toplevel {
  margin-left: 1.5rem;
}
#g-mobilemenu-container .g-toplevel .hidemain {
  display: block !important;
}
.hidemain {
  display: none !important;
}
.g-main-nav {
  z-index: 20;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-main-nav {
    white-space: nowrap;
  }
}
.dir-rtl .g-main-nav {
  text-align: left;
}
.g-main-nav .g-toplevel > li {
  border-right: 1px solid #ffffff;
}
.g-main-nav .g-toplevel > li:last-of-type {
  border-right: 1px solid transparent;
}
.g-main-nav .g-toplevel > li.noborder {
  border-right: 1px solid transparent;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #ffffff;
  line-height: 1;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-main-nav .g-toplevel > li > .g-menu-item-container {
    padding: 0.5rem 0.35rem;
  }
}
.g-main-nav .g-toplevel > li.g-parent > .g-menu-item-container:after {
  margin-left: -13px;
}
.dir-rtl .g-main-nav .g-toplevel > li.g-parent > .g-menu-item-container:after {
  margin-left: 7px;
}
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container, .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #ffffff;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  word-break: normal;
  line-height: normal;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
  content: "";
  opacity: 1;
}
.g-main-nav .g-toplevel > li.g-parent.g-selected > .g-menu-item-container .g-menu-parent-indicator:after {
  content: "";
}
.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after {
  width: 1rem;
  height: 1rem;
}
.dir-rtl .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator:after {
  text-align: left;
}
.g-main-nav .g-toplevel i {
  opacity: 0.6;
}
.g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right {
  left: 0.8rem;
}
.dir-rtl .g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .dir-rtl .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right {
  right: 0.8rem;
  left: auto;
}
.g-main-nav .g-standard > .g-dropdown.g-dropdown-left, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-left {
  right: 0.8rem;
}
.dir-rtl .g-main-nav .g-standard > .g-dropdown.g-dropdown-left, .dir-rtl .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-left {
  left: 0.8rem;
  right: auto;
}
.g-main-nav .g-standard > .g-dropdown .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown .g-dropdown {
  top: -15px;
}
.g-main-nav .g-standard .g-dropdown:after, .g-main-nav .g-fullwidth .g-dropdown:after {
  left: -21px !important;
}
.g-main-nav .g-dropdown {
  background: #232529;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  text-align: left;
}
.dir-rtl .g-main-nav .g-dropdown {
  text-align: right;
}
.g-main-nav .g-sublevel {
  padding: 0.5rem 0;
}
.g-main-nav .g-sublevel > li {
  margin: 0.25rem 0.75rem;
  padding: 0;
}
.g-main-nav .g-sublevel > li > .g-menu-item-container {
  line-height: normal;
  color: rgba(255, 255, 255, 0.8);
}
.g-main-nav .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {
  display: block;
  vertical-align: top;
  word-break: normal;
  line-height: 1.1;
}
.g-main-nav .g-sublevel > li:hover > .g-menu-item-container, .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
  color: #ffffff;
}
.g-main-nav .g-sublevel > li:last-child > .g-menu-item-container {
  border-color: transparent;
}
.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator {
  right: 0.5rem;
  top: 0;
}
.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after {
  content: "";
  opacity: 0.5;
  position: relative;
  top: 0.5rem;
}
.g-menu-item-subtitle {
  opacity: 0.7;
}
.g-preset-thumbnails {
  margin-top: 0.5rem;
}
.g-preset-thumbnails .g-content {
  padding: -0.5rem !important;
  margin: 0;
}
.g-preset-thumbnails .g-block {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto !important;
  -moz-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.g-preset-thumbnails span {
  padding: 0.8rem 0;
  display: inline-block;
}
.g-preset-thumbnails img {
  border-radius: 3px;
  margin-bottom: 0 !important;
}
.g-main-nav .g-standard .g-dropdown {
  margin-left: 17px;
}
.g-main-nav .g-standard .g-dropdown:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: -17px;
  right: -17px;
  bottom: 0;
  border-left: 17px solid transparent;
  border-right: 17px solid transparent;
  z-index: -1;
}
.g-main-nav .g-standard > .g-dropdown {
  margin-left: 0;
}
.g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown {
  margin-top: 10px;
}
.g-main-nav .g-standard > .g-dropdown:before, .g-main-nav .g-fullwidth > .g-dropdown:before {
  content: "";
  position: absolute;
  display: block;
  top: -10px;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 10px solid transparent;
  z-index: -1;
}
.g-menu-overlay.g-menu-overlay-open {
  z-index: 19;
  display: none;
}
@media only all and (max-width: 47.99rem) {
  .g-menu-overlay.g-menu-overlay-open {
    display: block;
  }
}
.g-menu-hastouch .g-standard .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, .g-menu-hastouch .g-fullwidth .g-toplevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.25rem;
  margin: -0.2rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
.g-menu-hastouch .g-standard .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator, .g-menu-hastouch .g-fullwidth .g-sublevel > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border-radius: 0.25rem;
  padding: 0.1rem;
  margin-top: -0.1rem;
  margin-right: -0.1rem;
}
.g-main-nav .g-standard .g-dropdown {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.g-main-nav .g-standard .g-fade.g-dropdown {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-standard .g-zoom.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-zoom;
  -moz-animation-name: g-dropdown-zoom;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-standard .g-fade-in-up.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-fade-in-up;
  -moz-animation-name: g-dropdown-fade-in-up;
  animation-name: g-dropdown-fade-in-up;
}
.g-main-nav .g-standard .g-dropdown-bounce-in-left.g-active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: g-dropdown-bounce-in-left;
  -moz-animation-name: g-dropdown-bounce-in-left;
  animation-name: g-dropdown-bounce-in-left;
}
.g-main-nav .g-standard .g-dropdown-bounce-in-right.g-active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: g-dropdown-bounce-in-right;
  -moz-animation-name: g-dropdown-bounce-in-right;
  animation-name: g-dropdown-bounce-in-right;
}
.g-main-nav .g-standard .g-dropdown-bounce-in-down.g-active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: g-dropdown-bounce-in-down;
  -moz-animation-name: g-dropdown-bounce-in-down;
  animation-name: g-dropdown-bounce-in-down;
}
.g-main-nav .g-fullwidth > .g-dropdown {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.g-main-nav .g-fullwidth > .g-fade.g-dropdown {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.g-main-nav .g-fullwidth > .g-zoom.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-zoom;
  -moz-animation-name: g-dropdown-zoom;
  animation-name: g-dropdown-zoom;
}
.g-main-nav .g-fullwidth > .g-fade-in-up.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-fade-in-up;
  -moz-animation-name: g-dropdown-fade-in-up;
  animation-name: g-dropdown-fade-in-up;
}
.g-main-nav .g-fullwidth > .g-dropdown-bounce-in-left.g-active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: g-dropdown-bounce-in-left;
  -moz-animation-name: g-dropdown-bounce-in-left;
  animation-name: g-dropdown-bounce-in-left;
}
.g-main-nav .g-fullwidth > .g-dropdown-bounce-in-right.g-active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: g-dropdown-bounce-in-right;
  -moz-animation-name: g-dropdown-bounce-in-right;
  animation-name: g-dropdown-bounce-in-right;
}
.g-main-nav .g-fullwidth > .g-dropdown-bounce-in-down.g-active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: g-dropdown-bounce-in-down;
  -moz-animation-name: g-dropdown-bounce-in-down;
  animation-name: g-dropdown-bounce-in-down;
}
@-webkit-keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes g-dropdown-bounce-in-left {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
  }
}
@-moz-keyframes g-dropdown-bounce-in-left {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(-50px, 0, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(25px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(-10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(5px, 0, 0);
  }
  to {
    -moz-transform: none;
  }
}
@keyframes g-dropdown-bounce-in-left {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -moz-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    -o-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -moz-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    -o-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes g-dropdown-bounce-in-down {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
  }
}
@-moz-keyframes g-dropdown-bounce-in-down {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, -50px, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(0, 25px, 0);
  }
  75% {
    -moz-transform: translate3d(0, -10px, 0);
  }
  90% {
    -moz-transform: translate3d(0, 5px, 0);
  }
  to {
    -moz-transform: none;
  }
}
@keyframes g-dropdown-bounce-in-down {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    -moz-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    -o-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    -o-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -moz-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes g-dropdown-bounce-in-right {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
  }
}
@-moz-keyframes g-dropdown-bounce-in-right {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -moz-transform: translate3d(50px, 0, 0);
  }
  60% {
    opacity: 1;
    -moz-transform: translate3d(-25px, 0, 0);
  }
  75% {
    -moz-transform: translate3d(10px, 0, 0);
  }
  90% {
    -moz-transform: translate3d(-5px, 0, 0);
  }
  to {
    -moz-transform: none;
  }
}
@keyframes g-dropdown-bounce-in-right {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(50px, 0, 0);
    -moz-transform: translate3d(50px, 0, 0);
    -ms-transform: translate3d(50px, 0, 0);
    -o-transform: translate3d(50px, 0, 0);
    transform: translate3d(50px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -moz-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    -o-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -moz-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    -o-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
a {
  color: #2c2821;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
a:hover {
  color: #4f9b1f;
  text-decoration: none;
}
.link {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.link:hover {
  color: #4f9b1f;
  text-decoration: inherit;
}
@font-face {
  font-family: "oxanium";
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/oxanium/oxanium-extrabold.eot#iefix') format("embedded-opentype"), url('../../fonts/oxanium/oxanium-extrabold.woff2') format("woff2"), url('../../fonts/oxanium/oxanium-extrabold.woff') format("woff"), url('../../fonts/oxanium/oxanium-extrabold.ttf') format("truetype"), url('../fonts/oxanium/oxanium-extrabold.svg#oxanium') format("svg");
}
@font-face {
  font-family: "oxanium";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxanium/oxanium-bold.eot#iefix') format("embedded-opentype"), url('../../fonts/oxanium/oxanium-bold.woff2') format("woff2"), url('../../fonts/oxanium/oxanium-bold.woff') format("woff"), url('../../fonts/oxanium/oxanium-bold.ttf') format("truetype"), url('../fonts/oxanium/oxanium-bold.svg#oxanium') format("svg");
}
@font-face {
  font-family: "oxanium";
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oxanium/oxanium-semibold.eot#iefix') format("embedded-opentype"), url('../../fonts/oxanium/oxanium-semibold.woff2') format("woff2"), url('../../fonts/oxanium/oxanium-semibold.woff') format("woff"), url('../../fonts/oxanium/oxanium-semibold.ttf') format("truetype"), url('../fonts/oxanium/oxanium-semibold.svg#oxanium') format("svg");
}
@font-face {
  font-family: "oxanium";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oxanium/oxanium-medium.eot#iefix') format("embedded-opentype"), url('../../fonts/oxanium/oxanium-medium.woff2') format("woff2"), url('../../fonts/oxanium/oxanium-medium.woff') format("woff"), url('../../fonts/oxanium/oxanium-medium.ttf') format("truetype"), url('../fonts/oxanium/oxanium-medium.svg#oxanium') format("svg");
}
@font-face {
  font-family: "oxanium";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxanium/oxanium-regular.eot#iefix') format("embedded-opentype"), url('../../fonts/oxanium/oxanium-regular.woff2') format("woff2"), url('../../fonts/oxanium/oxanium-regular.woff') format("woff"), url('../../fonts/oxanium/oxanium-regular.ttf') format("truetype"), url('../fonts/oxanium/oxanium-regular.svg#oxanium') format("svg");
}
@font-face {
  font-family: "oxanium";
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/oxanium/oxanium-light.eot#iefix') format("embedded-opentype"), url('../../fonts/oxanium/oxanium-light.woff2') format("woff2"), url('../../fonts/oxanium/oxanium-light.woff') format("woff"), url('../../fonts/oxanium/oxanium-light.ttf') format("truetype"), url('../fonts/oxanium/oxanium-light.svg#oxanium') format("svg");
}
@font-face {
  font-family: "avenirnext";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/avenir-next/avenirnextltpro-bold.eot#iefix') format("embedded-opentype"), url('../../fonts/avenir-next/avenirnextltpro-bold.woff2') format("woff2"), url('../../fonts/avenir-next/avenirnextltpro-bold.woff') format("woff"), url('../fonts/avenir-next/avenirnextltpro-bold.ttf') format("truetype"), url('../fonts/avenir-next/avenirnextltpro-bold.svg#avenirnext') format("svg");
}
@font-face {
  font-family: "avenirnext";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/avenir-next/avenirnextltpro-regular.eot#iefix') format("embedded-opentype"), url('../../fonts/avenir-next/avenirnextltpro-regular.woff2') format("woff2"), url('../../fonts/avenir-next/avenirnextltpro-regular.woff') format("woff"), url('../fonts/avenir-next/avenirnextltpro-regular.ttf') format("truetype"), url('../fonts/avenir-next/avenirnextltpro-regular.svg#avenirnext') format("svg");
}
.hyphens, .visforms-form .category-desc {
  hyphens: auto;
  hyphenate-limit-chars: auto 3;
  hyphenate-limit-lines: 4;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
}
body {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5 {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 400;
  color: inherit;
}
h1, h2 {
  font-weight: 700;
}
h4 {
  font-size: 1.25rem;
}
blockquote {
  border-left: 10px solid #e0e0e5;
}
blockquote p {
  font-size: 1.1rem;
  color: #a3a4a6;
}
blockquote cite {
  display: block;
  text-align: right;
  color: #707173;
  font-size: 1.2rem;
}
code, kbd, pre, samp {
  font-family: "Menlo", "Monaco", monospace;
}
code {
  background: #f9f2f4;
  color: #9c1d3d;
}
pre {
  padding: 1rem;
  margin: 2rem 0;
  background: #f6f6f6;
  border: 1px solid #e0e0e5;
  border-radius: 0.25rem;
  line-height: 1.15;
  font-size: 0.9rem;
}
pre code {
  color: #237794;
  background: inherit;
  font-size: 0.9rem;
}
pre.prettyprint {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
hr {
  margin: 1.5rem 0;
  border-bottom: 1px solid #e0e0e5;
}
.flush > .g-container, .flush > .g-content, .g-flushed > .g-container, .g-flushed > .g-content {
  margin: 0 !important;
  padding: 0 !important;
}
.g-container-flushed {
  margin: -4rem 0;
}
.nomarginleft, .nomarginleft > .g-content {
  margin-left: 0;
}
.nomarginright, .nomarginright > .g-content {
  margin-right: 0;
}
.nomargintop, .nomargintop > .g-content {
  margin-top: 0;
}
.nomarginbottom, .nomarginbottom > .g-content {
  margin-bottom: 0;
}
.nomarginall, .nomarginall > .g-content {
  margin: 0;
}
.margin2x > .g-content {
  margin: 1rem;
}
.margin3x > .g-content {
  margin: 1.5rem;
}
.nopaddingleft, .nopaddingleft > .g-content {
  padding-left: 0;
}
.nopaddingright, .nopaddingright > .g-content {
  padding-right: 0;
}
.nopaddingtop, .nopaddingtop > .g-content {
  padding-top: 0;
}
.nopaddingbottom, .nopaddingbottom > .g-content {
  padding-bottom: 0;
}
.nopaddingall, .nopaddingall > .g-content {
  padding: 0;
}
.padding2x > .g-content {
  padding: 2rem;
}
.padding3x > .g-content {
  padding: 3rem;
}
.title-center .g-title {
  text-align: center;
  margin: 0 0 2rem 0;
}
.title1 .g-title, .title2 .g-title, .title-gradient .g-title, .title-outline .g-title {
  margin: -1rem -1rem 1.5rem -1rem;
  padding: 0.5rem 1rem;
}
.platform-content, .moduletable, .widget {
  margin: 0.5rem 0;
  padding: 1rem 0;
}
.platform-content .moduletable, .platform-content .widget, .moduletable .moduletable, .moduletable .widget, .widget .moduletable, .widget .widget {
  margin: 0;
  padding: 0;
}
.platform-content:first-child, .moduletable:first-child, .widget:first-child {
  margin-top: 0;
  padding-top: 0;
}
.platform-content:last-child, .moduletable:last-child, .widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.moduletable[class*="box"], .widget[class*="box"] {
  padding: 1rem;
  margin: 0.5rem;
}
.moduletable[class*="title"] .g-title, .widget[class*="title"] .g-title {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.title1 .g-title {
  background: #4f9b1f;
  color: #ffffff;
}
.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
  background: #3e7918;
}
.box1.moduletable, .box1.widget, .box1 > .g-content {
  color: #ffffff;
}
.box1 .button {
  color: #ffffff;
}
.box1 .button:hover {
  background: #2f5b12;
}
.box1 a {
  color: #9de371;
}
.box1 a:hover {
  color: #ffffff;
}
.box1.title1 .g-title {
  background: #2f5b12;
}
.title2 .g-title {
  background: #981711;
  color: #ffffff;
}
.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content {
  background: #981711;
}
.box2.moduletable, .box2.widget, .box2 > .g-content {
  color: #ffffff;
}
.box2 .button {
  color: #ffffff;
  background: #6a100c;
}
.box2 .button:hover {
  background: #530d09;
}
.box2 a {
  color: #0e0202;
}
.box2 a:hover {
  color: #ffffff;
}
.box2.title2 .g-title {
  background: #6a100c;
}
.title-gradient .g-title {
  background-color: #4f9b1f;
  background-image: -webkit-linear-gradient(-360deg, #4f9b1f, #981711);
  background-image: linear-gradient(90deg,#4f9b1f, #981711);
  color: #ffffff;
}
.box-gradient.moduletable, .box-gradient.widget, .box-gradient.g-outer-box, .box-gradient > .g-content {
  background-color: #4f9b1f;
  background-image: -webkit-linear-gradient(-315deg, #4f9b1f, #981711);
  background-image: linear-gradient(45deg,#4f9b1f, #981711);
}
.box-gradient.moduletable, .box-gradient.widget, .box-gradient > .g-content {
  color: #ffffff;
}
.box-gradient .button {
  color: #ffffff;
  background: #44861b;
}
.box-gradient .button:hover {
  background: #2f5b12;
}
.box-gradient a {
  color: #9de371;
}
.box-gradient a:hover {
  color: #ffffff;
}
.box-gradient.title-gradient .g-title {
  background-color: #4f9b1f;
  background-image: -webkit-linear-gradient(-280deg, #4f9b1f, #981711);
  background-image: linear-gradient(10deg,#4f9b1f, #981711);
}
.title-outline .g-title {
  border: 1px solid #4f9b1f;
}
.box-outline.moduletable, .box-outline.widget, .box-outline.g-outer-box, .box-outline > .g-content {
  border: 1px solid #4f9b1f;
}
.box-outline.title-outline .g-title {
  border: none;
  border-bottom: 1px solid #4f9b1f;
}
.spaced .g-content {
  margin: 1px;
}
.shadow .g-content {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.disabled .g-content {
  opacity: 0.4;
}
.rounded .g-content {
  border-radius: 0.25rem;
  overflow: hidden;
}
.equal-height #g-aside, .equal-height #g-mainbar, .equal-height #g-sidebar {
  width: 100%;
}
.equal-height .g-content {
  width: auto;
}
.button {
  display: inline-block;
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.15;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  background: #2c2821;
  color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  margin: 0 0 0.3rem 0;
  padding: 0.5rem 1rem;
  vertical-align: middle;
  text-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.button:hover, .button:active, .button:focus {
  background: #4f9b1f;
  color: #ffffff;
  outline: 0;
}
.button:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.button:disabled:hover {
  background: #4f9b1f;
}
.button.fa {
  line-height: 1.15;
}
.button.fa[class*="fa-"]:before, .button.fa[class*="fa-"]:after {
  font-family: FontAwesome;
}
.button.button-block {
  width: 100%;
  display: block;
}
.button.button-xlarge {
  font-size: 1.2rem;
  padding: 1.9rem 3.525rem;
  border-radius: 3.5rem;
}
.button.button-large {
  font-size: 1rem;
  padding: 1.7rem 3.325rem;
}
.button.button-small {
  font-size: 0.7rem;
  padding: 1.2rem 2.825rem;
}
.button.button-xsmall {
  font-size: 0.6rem;
  padding: 1.1rem 2.725rem;
}
.button.button-2 {
  background: #981711;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.button.button-2:hover, .button.button-2:active, .button.button-2:focus {
  background: #6a100c;
  color: #ffffff;
}
.button.button-outline {
  background: transparent;
  color: #2c2821;
  border-color: #2c2821;
}
.button.button-outline:hover, .button.button-outline:active, .button.button-outline:focus {
  background: #4f9b1f !important;
  border-color: transparent !important;
  color: #ffffff !important;
}
.button.button-gradient {
  background-color: #4f9b1f;
  background-image: -webkit-linear-gradient(-360deg, #4f9b1f, #981711);
  background-image: linear-gradient(90deg,#4f9b1f, #981711);
  border: none;
}
.button.button-gradient:hover, .button.button-gradient:active, .button.button-gradient:focus {
  background: #4f9b1f;
  color: white;
}
.button.button-bevel {
  border-radius: 0.4rem;
}
.button.button-square {
  border-radius: 0;
}
table {
  border: 1px solid #e1e1e1;
}
th {
  background: #eeeeee;
  padding: 0.5rem;
}
td {
  padding: 0.5rem;
  border: 1px solid #e1e1e1;
}
textarea, select[multiple=multiple] {
  background-color: white;
  border: 1px solid #e0e0e5;
}
textarea:hover, select[multiple=multiple]:hover {
  border-color: #4f9b1f;
  box-shadow: 0 0 4px rgba(79, 155, 31, 0.5);
}
textarea:focus, select[multiple=multiple]:focus {
  border-color: #4f9b1f;
  box-shadow: 0 0 4px rgba(79, 155, 31, 0.5);
}
textarea {
  width: 100%;
  box-sizing: border-box !important;
  padding: 0.75rem 1.25rem;
}
fieldset.input {
  margin: 0;
  padding: 0;
}
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]), textarea {
  background-color: white;
  vertical-align: middle;
  border: 1px solid #e0e0e5;
  font-size: 1rem;
  width: 100%;
  line-height: 1.5;
  padding: 0.375rem 1.25rem;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  box-shadow: 0 0 4px rgba(79, 155, 31, 0.5);
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  box-shadow: 0 0 4px rgba(79, 155, 31, 0.5);
}
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover {
  border-color: #4f9b1f;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  border-color: #4f9b1f;
}
/* Allgemeines Styling */
.callbackform, .newsletterform, .visforms-form {
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /**/
  /* Spezielles Styling für Select, Radio und Checkbox */
  /* Selectbox */
  /**/
}
.callbackform input[type="color"], .callbackform input[type="date"], .callbackform input[type="datetime"], .callbackform input[type="datetime-local"], .callbackform input[type="email"], .callbackform input[type="month"], .callbackform input[type="number"], .callbackform input[type="password"], .callbackform input[type="search"], .callbackform input[type="tel"], .callbackform input[type="text"], .callbackform input[type="time"], .callbackform input[type="url"], .callbackform input[type="week"], .callbackform input:not([type]), .newsletterform input[type="color"], .newsletterform input[type="date"], .newsletterform input[type="datetime"], .newsletterform input[type="datetime-local"], .newsletterform input[type="email"], .newsletterform input[type="month"], .newsletterform input[type="number"], .newsletterform input[type="password"], .newsletterform input[type="search"], .newsletterform input[type="tel"], .newsletterform input[type="text"], .newsletterform input[type="time"], .newsletterform input[type="url"], .newsletterform input[type="week"], .newsletterform input:not([type]), .visforms-form input[type="color"], .visforms-form input[type="date"], .visforms-form input[type="datetime"], .visforms-form input[type="datetime-local"], .visforms-form input[type="email"], .visforms-form input[type="month"], .visforms-form input[type="number"], .visforms-form input[type="password"], .visforms-form input[type="search"], .visforms-form input[type="tel"], .visforms-form input[type="text"], .visforms-form input[type="time"], .visforms-form input[type="url"], .visforms-form input[type="week"], .visforms-form input:not([type]) {
  margin-top: 0.5em;
  background-color: #eaeaea;
  vertical-align: middle;
  height: 36px;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
}
.callbackform input[type="color"]:hover, .callbackform input[type="date"]:hover, .callbackform input[type="datetime"]:hover, .callbackform input[type="datetime-local"]:hover, .callbackform input[type="email"]:hover, .callbackform input[type="month"]:hover, .callbackform input[type="number"]:hover, .callbackform input[type="password"]:hover, .callbackform input[type="search"]:hover, .callbackform input[type="tel"]:hover, .callbackform input[type="text"]:hover, .callbackform input[type="time"]:hover, .callbackform input[type="url"]:hover, .callbackform input[type="week"]:hover, .callbackform input:not([type]):hover, .newsletterform input[type="color"]:hover, .newsletterform input[type="date"]:hover, .newsletterform input[type="datetime"]:hover, .newsletterform input[type="datetime-local"]:hover, .newsletterform input[type="email"]:hover, .newsletterform input[type="month"]:hover, .newsletterform input[type="number"]:hover, .newsletterform input[type="password"]:hover, .newsletterform input[type="search"]:hover, .newsletterform input[type="tel"]:hover, .newsletterform input[type="text"]:hover, .newsletterform input[type="time"]:hover, .newsletterform input[type="url"]:hover, .newsletterform input[type="week"]:hover, .newsletterform input:not([type]):hover, .visforms-form input[type="color"]:hover, .visforms-form input[type="date"]:hover, .visforms-form input[type="datetime"]:hover, .visforms-form input[type="datetime-local"]:hover, .visforms-form input[type="email"]:hover, .visforms-form input[type="month"]:hover, .visforms-form input[type="number"]:hover, .visforms-form input[type="password"]:hover, .visforms-form input[type="search"]:hover, .visforms-form input[type="tel"]:hover, .visforms-form input[type="text"]:hover, .visforms-form input[type="time"]:hover, .visforms-form input[type="url"]:hover, .visforms-form input[type="week"]:hover, .visforms-form input:not([type]):hover {
  border-color: #4f9b1f !important;
  box-shadow: none;
}
.callbackform input[type="color"]:focus, .callbackform input[type="date"]:focus, .callbackform input[type="datetime"]:focus, .callbackform input[type="datetime-local"]:focus, .callbackform input[type="email"]:focus, .callbackform input[type="month"]:focus, .callbackform input[type="number"]:focus, .callbackform input[type="password"]:focus, .callbackform input[type="search"]:focus, .callbackform input[type="tel"]:focus, .callbackform input[type="text"]:focus, .callbackform input[type="time"]:focus, .callbackform input[type="url"]:focus, .callbackform input[type="week"]:focus, .callbackform input:not([type]):focus, .newsletterform input[type="color"]:focus, .newsletterform input[type="date"]:focus, .newsletterform input[type="datetime"]:focus, .newsletterform input[type="datetime-local"]:focus, .newsletterform input[type="email"]:focus, .newsletterform input[type="month"]:focus, .newsletterform input[type="number"]:focus, .newsletterform input[type="password"]:focus, .newsletterform input[type="search"]:focus, .newsletterform input[type="tel"]:focus, .newsletterform input[type="text"]:focus, .newsletterform input[type="time"]:focus, .newsletterform input[type="url"]:focus, .newsletterform input[type="week"]:focus, .newsletterform input:not([type]):focus, .visforms-form input[type="color"]:focus, .visforms-form input[type="date"]:focus, .visforms-form input[type="datetime"]:focus, .visforms-form input[type="datetime-local"]:focus, .visforms-form input[type="email"]:focus, .visforms-form input[type="month"]:focus, .visforms-form input[type="number"]:focus, .visforms-form input[type="password"]:focus, .visforms-form input[type="search"]:focus, .visforms-form input[type="tel"]:focus, .visforms-form input[type="text"]:focus, .visforms-form input[type="time"]:focus, .visforms-form input[type="url"]:focus, .visforms-form input[type="week"]:focus, .visforms-form input:not([type]):focus {
  border-color: #4f9b1f !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(152, 23, 17, 0.6) !important;
}
.callbackform input[type="color"]::placeholder, .callbackform input[type="date"]::placeholder, .callbackform input[type="datetime"]::placeholder, .callbackform input[type="datetime-local"]::placeholder, .callbackform input[type="email"]::placeholder, .callbackform input[type="month"]::placeholder, .callbackform input[type="number"]::placeholder, .callbackform input[type="password"]::placeholder, .callbackform input[type="search"]::placeholder, .callbackform input[type="tel"]::placeholder, .callbackform input[type="text"]::placeholder, .callbackform input[type="time"]::placeholder, .callbackform input[type="url"]::placeholder, .callbackform input[type="week"]::placeholder, .callbackform input:not([type])::placeholder, .newsletterform input[type="color"]::placeholder, .newsletterform input[type="date"]::placeholder, .newsletterform input[type="datetime"]::placeholder, .newsletterform input[type="datetime-local"]::placeholder, .newsletterform input[type="email"]::placeholder, .newsletterform input[type="month"]::placeholder, .newsletterform input[type="number"]::placeholder, .newsletterform input[type="password"]::placeholder, .newsletterform input[type="search"]::placeholder, .newsletterform input[type="tel"]::placeholder, .newsletterform input[type="text"]::placeholder, .newsletterform input[type="time"]::placeholder, .newsletterform input[type="url"]::placeholder, .newsletterform input[type="week"]::placeholder, .newsletterform input:not([type])::placeholder, .visforms-form input[type="color"]::placeholder, .visforms-form input[type="date"]::placeholder, .visforms-form input[type="datetime"]::placeholder, .visforms-form input[type="datetime-local"]::placeholder, .visforms-form input[type="email"]::placeholder, .visforms-form input[type="month"]::placeholder, .visforms-form input[type="number"]::placeholder, .visforms-form input[type="password"]::placeholder, .visforms-form input[type="search"]::placeholder, .visforms-form input[type="tel"]::placeholder, .visforms-form input[type="text"]::placeholder, .visforms-form input[type="time"]::placeholder, .visforms-form input[type="url"]::placeholder, .visforms-form input[type="week"]::placeholder, .visforms-form input:not([type])::placeholder {
  font-size: 95%;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  opacity: 0.5;
  color: #2c2821 !important;
}
.callbackform input[type="submit"], .newsletterform input[type="submit"], .visforms-form input[type="submit"] {
  padding: 0.5rem 1.5rem;
  font-size: 1.1rem;
  border: 2px solid #4f9b1f;
  background: #4f9b1f;
  color: #ffffff;
  font-weight: 600;
  width: 100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.callbackform input[type="submit"]:hover, .callbackform input[type="submit"]:active, .callbackform input[type="submit"]:focus, .newsletterform input[type="submit"]:hover, .newsletterform input[type="submit"]:active, .newsletterform input[type="submit"]:focus, .visforms-form input[type="submit"]:hover, .visforms-form input[type="submit"]:active, .visforms-form input[type="submit"]:focus {
  border-color: #981711;
  background: #981711;
  color: #ffffff;
}
.callbackform input[type="submit"]:disabled, .newsletterform input[type="submit"]:disabled, .visforms-form input[type="submit"]:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.callbackform input[type="submit"]:disabled:hover, .newsletterform input[type="submit"]:disabled:hover, .visforms-form input[type="submit"]:disabled:hover {
  background: rgba(79, 155, 31, 0.7);
}
.callbackform textarea, .newsletterform textarea, .visforms-form textarea {
  margin-top: 0;
  background-color: #eaeaea;
  border: 1px solid transparent;
  border-radius: 0;
  width: 100%;
}
.callbackform textarea:hover, .newsletterform textarea:hover, .visforms-form textarea:hover {
  border-color: #4f9b1f !important;
  box-shadow: none;
}
.callbackform textarea:focus, .newsletterform textarea:focus, .visforms-form textarea:focus {
  border-color: #4f9b1f !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(152, 23, 17, 0.6) !important;
}
.callbackform textarea::placeholder, .newsletterform textarea::placeholder, .visforms-form textarea::placeholder {
  font-size: 95%;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  opacity: 0.6;
  color: #2c2821;
}
.callbackform input:focus:invalid, .callbackform textarea:focus:invalid, .callbackform select:focus:invalid, .newsletterform input:focus:invalid, .newsletterform textarea:focus:invalid, .newsletterform select:focus:invalid, .visforms-form input:focus:invalid, .visforms-form textarea:focus:invalid, .visforms-form select:focus:invalid {
  color: inherit;
}
.callbackform select, .newsletterform select, .visforms-form select {
  display: block;
  margin-top: 0.5em;
  background-color: #eaeaea;
  vertical-align: middle;
  height: 36px;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #2c2821 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
  /* Disabled styles */
}
.callbackform select::-ms-expand, .newsletterform select::-ms-expand, .visforms-form select::-ms-expand {
  display: none;
}
.callbackform select:hover, .newsletterform select:hover, .visforms-form select:hover {
  border-color: #4f9b1f !important;
}
.callbackform select:focus, .newsletterform select:focus, .visforms-form select:focus {
  border-color: #4f9b1f !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 1px rgba(152, 23, 17, 0.6) !important;
  outline: none;
}
.callbackform select:disabled, .newsletterform select:disabled, .visforms-form select:disabled {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
}
.callbackform select:disabled:hover, .newsletterform select:disabled:hover, .visforms-form select:disabled:hover {
  border-color: #aaa;
}
.callbackform select option, .newsletterform select option, .visforms-form select option {
  font-weight: normal;
}
.callbackform .radiobuttons label, .newsletterform .radiobuttons label, .visforms-form .radiobuttons label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin: 0 0 12px 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Create a custom radio button */
  /* Hide the browser's default radio button */
  /**/
  /**/
}
.callbackform .radiobuttons label .checkmark, .newsletterform .radiobuttons label .checkmark, .visforms-form .radiobuttons label .checkmark {
  position: absolute;
  top: 0;
  left: 0.3rem;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 1px solid #707173;
  border-radius: 50%;
}
.callbackform .radiobuttons label input[type="radio"], .newsletterform .radiobuttons label input[type="radio"], .visforms-form .radiobuttons label input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.callbackform .radiobuttons label input:checked ~ .checkmark:after, .newsletterform .radiobuttons label input:checked ~ .checkmark:after, .visforms-form .radiobuttons label input:checked ~ .checkmark:after {
  display: block;
}
.callbackform .radiobuttons label .checkmark:after, .newsletterform .radiobuttons label .checkmark:after, .visforms-form .radiobuttons label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000000;
}
.callbackform .checkbox label, .callbackform #mod-visform1 .formgrid .field6 label, #mod-visform1 .formgrid .callbackform .field6 label, .newsletterform .checkbox label, .newsletterform #mod-visform1 .formgrid .field6 label, #mod-visform1 .formgrid .newsletterform .field6 label, .visforms-form .checkbox label, .visforms-form #mod-visform1 .formgrid .field6 label, #mod-visform1 .formgrid .visforms-form .field6 label {
  display: inline-block;
  position: relative;
  font-size: 0.9rem;
  padding-left: 2rem;
}
.callbackform .checkbox label .checkmark, .callbackform #mod-visform1 .formgrid .field6 label .checkmark, #mod-visform1 .formgrid .callbackform .field6 label .checkmark, .newsletterform .checkbox label .checkmark, .newsletterform #mod-visform1 .formgrid .field6 label .checkmark, #mod-visform1 .formgrid .newsletterform .field6 label .checkmark, .visforms-form .checkbox label .checkmark, .visforms-form #mod-visform1 .formgrid .field6 label .checkmark, #mod-visform1 .formgrid .visforms-form .field6 label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: solid 1px black;
  background-color: #ffffff;
}
.callbackform .checkbox label .checkmark:after, .callbackform #mod-visform1 .formgrid .field6 label .checkmark:after, #mod-visform1 .formgrid .callbackform .field6 label .checkmark:after, .newsletterform .checkbox label .checkmark:after, .newsletterform #mod-visform1 .formgrid .field6 label .checkmark:after, #mod-visform1 .formgrid .newsletterform .field6 label .checkmark:after, .visforms-form .checkbox label .checkmark:after, .visforms-form #mod-visform1 .formgrid .field6 label .checkmark:after, #mod-visform1 .formgrid .visforms-form .field6 label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 3px;
  width: 7px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.callbackform .checkbox label input, .callbackform #mod-visform1 .formgrid .field6 label input, #mod-visform1 .formgrid .callbackform .field6 label input, .newsletterform .checkbox label input, .newsletterform #mod-visform1 .formgrid .field6 label input, #mod-visform1 .formgrid .newsletterform .field6 label input, .visforms-form .checkbox label input, .visforms-form #mod-visform1 .formgrid .field6 label input, #mod-visform1 .formgrid .visforms-form .field6 label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.callbackform .checkbox label input:checked ~ .checkmark:after, .callbackform #mod-visform1 .formgrid .field6 label input:checked ~ .checkmark:after, #mod-visform1 .formgrid .callbackform .field6 label input:checked ~ .checkmark:after, .newsletterform .checkbox label input:checked ~ .checkmark:after, .newsletterform #mod-visform1 .formgrid .field6 label input:checked ~ .checkmark:after, #mod-visform1 .formgrid .newsletterform .field6 label input:checked ~ .checkmark:after, .visforms-form .checkbox label input:checked ~ .checkmark:after, .visforms-form #mod-visform1 .formgrid .field6 label input:checked ~ .checkmark:after, #mod-visform1 .formgrid .visforms-form .field6 label input:checked ~ .checkmark:after {
  display: block;
}
/**/
.visforms-form {
  margin-top: 4vh;
  padding: 4rem;
  background-color: #f9f9f9;
  /*
	.field-calendar {
		//background: red;
		margin-top: 0.45rem;
		.input-append {
			position: relative;
			margin: 0;
			font-size: inherit;
			input {
				margin: 0;
			}
			button {
				position: absolute;
				top: 0;
				//right: -19px;
				right: 0;
				border: none !important;
				border-bottom: 2px solid $fieldBorder !important;
				border-radius: $fieldBorderRadius;
				margin: 0;
				padding: 4px 8px;
				background: $fieldBackground;
				//border-color: $fieldBackground;
				box-shadow: none !important;
				color: $black !important;
				&:hover, &:active {
					background: $accent-color-3;
					color: $white;
				}
			}
		}
		.js-calendar {
			.btn {
				background: $white !important;
				padding: 0.3rem 0.8rem!important;
				border-color: $base-text-color;
				color: $base-text-color;
			}
		}
	}
	/**/
}
@media only all and (max-width: 47.99rem) {
  .visforms-form {
    margin-top: 4vh;
    padding: 4vh 0 0 0;
  }
}
.visforms-form h1 {
  font-size: 3.375rem;
  margin-bottom: 3rem;
  text-align: center;
  text-transform: uppercase;
}
.visforms-form h1.xxl-margintop {
  margin-top: 15vh !important;
}
@media only all and (max-width: 47.99rem) {
  .visforms-form h1 {
    font-size: 2.25rem;
  }
  .visforms-form h1.xxl-margintop {
    margin-top: 30vh !important;
  }
}
.visforms-form h2 {
  margin: 0;
  text-align: center;
}
.visforms-form .category-desc {
  font-size: 1rem;
  margin-bottom: 2rem;
}
.visforms-form .row {
  vertical-align: top;
}
.visforms-form hr {
  border-bottom: 1px solid #b4b4b4;
}
.visforms-form .help-block {
  font-weight: 200;
  font-size: 1rem;
  line-height: 1.25;
  color: #565548;
}
.visforms-form .visCSSlabel {
  display: none;
}
.visforms-form .visCSSbot10 {
  display: inline-block;
  width: 50%;
  margin-top: 1em;
  padding-left: 12%;
}
@media only all and (max-width: 47.99rem) {
  .visforms-form .visCSSbot10 {
    width: 100% !important;
    padding-left: 0%;
  }
}
.visforms-form .visCSSbot10 .form-group {
  display: none;
}
.visforms-form .visCSSbot10 #dynamic_recaptcha_1 {
  float: right;
}
.visforms-form .fc-tbxrecaptcha_response_field {
  display: none;
}
.visforms-form label {
  font-size: 95%;
  text-transform: none;
}
.visforms-form label.error {
  font-weight: 400;
  text-transform: none;
}
.visforms-form label.vis_mandatory {
  font-weight: 400;
  text-align: right;
  text-transform: none;
  color: #707173;
}
.visforms-form .errormessage, .visforms-form #mod-visform1 .formgrid div[class^="fc-tbxfield"] .errorcontainer, #mod-visform1 .formgrid div[class^="fc-tbxfield"] .visforms-form .errorcontainer {
  position: relative;
  margin: 0 0 0.5rem;
  min-width: 70%;
}
.visforms-form .errormessage:after, .visforms-form #mod-visform1 .formgrid div[class^="fc-tbxfield"] .errorcontainer:after, #mod-visform1 .formgrid div[class^="fc-tbxfield"] .visforms-form .errorcontainer:after {
  bottom: -70%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 0, 0, 0);
  border-top-color: red;
  border-bottom-color: transparent !important;
  border-width: 12px;
  margin-left: -12px;
}
.visforms-form .errormessage label, .visforms-form #mod-visform1 .formgrid div[class^="fc-tbxfield"] .errorcontainer label, #mod-visform1 .formgrid div[class^="fc-tbxfield"] .visforms-form .errorcontainer label {
  padding: 5px 10px;
  background: red;
}
/**/
/* Felder */
.fc-tbxfield1, .field1 {
  grid-area: field1;
}
.fc-tbxfield2, .field2 {
  grid-area: field2;
}
.fc-tbxfield3, .field3 {
  grid-area: field3;
}
.fc-tbxfield4, .field4 {
  grid-area: field4;
}
.fc-tbxfield5, .field5 {
  grid-area: field5;
}
.fc-tbxfield6, .field6 {
  grid-area: field6;
}
.fc-tbxfield7, .field7 {
  grid-area: field7;
}
.fc-tbxfield8, .field8 {
  grid-area: field8;
}
.fc-tbxfield9, .field9 {
  grid-area: field9;
}
.fc-tbxfield10, .field10 {
  grid-area: field10;
}
.fc-tbxfield11, .field11 {
  grid-area: field11;
}
.fc-tbxfield12, .field12 {
  grid-area: field12;
}
.fc-tbxfield13, .field13 {
  grid-area: field13;
}
.fc-tbxfield14, .field14 {
  grid-area: field14;
}
.fc-tbxfield15, .field15 {
  grid-area: field15;
}
.fc-tbxfield16, .field16 {
  grid-area: field16;
}
.fc-tbxfield17, .field17 {
  grid-area: field17;
}
.fc-tbxfield18, .field18 {
  grid-area: field18;
}
.fc-tbxfield19, .field19 {
  grid-area: field19;
}
.fc-tbxfield20, .field20 {
  grid-area: field20;
}
.captchaCont {
  grid-area: captcha;
}
.captcha {
  grid-area: captcha;
}
.visBtnCon, .form-actions {
  grid-area: faction;
  margin-top: 2rem;
  padding: 0;
  font-size: 0;
}
.visBtnCon input, .form-actions input {
  width: 85%;
}
#mod-visform1 .formgrid {
  width: 60%;
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: auto;
  gap: 1rem;
  grid-template-areas: "field1 field1 field1 field2 field2 field2" "field3 field3 field3 field4 field4 field4" "field5 field5 field5 field5 field5 field5" "field6 field6 field6 field6 field6 field6" ". . . faction faction faction";
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  #mod-visform1 .formgrid {
    width: 80%;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #mod-visform1 .formgrid {
    width: 95%;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "field1 field1 field1 field1" "field2 field2 field2 field2" "field3 field3 field3 field3" "field4 field4 field4 field4" "field5 field5 field5 field5" "field6 field6 field6 field6" "captcha captcha captcha captcha" "faction faction faction faction";
  }
}
#mod-visform1 .formgrid .visBtnCon, #mod-visform1 .formgrid .form-actions {
  grid-area: faction;
  margin-top: 2rem;
  padding: 0;
  font-size: 0;
}
#mod-visform1 .formgrid .visBtnCon input, #mod-visform1 .formgrid .form-actions input {
  width: 70%;
}
#mod-visform1 .formgrid .field6 #field6 {
  display: none;
}
#mod-visform1 .formgrid .field6 .visCheckbox {
  display: block;
  width: 100%;
}
#mod-visform1 .formgrid .field6 .visCSSlabel {
  display: block;
}
#mod-visform1 .formgrid .field6 .visCustomText small {
  font-size: 0.85rem;
}
#mod-visform1 .formgrid label {
  font-size: 0.8rem;
}
#mod-visform1 .formgrid hr {
  display: none;
}
/**/
.note {
  padding: 1rem;
  border-radius: 5px;
  border: 1px solid #d3ced2;
  color: #707173;
  margin-bottom: 1rem;
}
.note.noborder {
  border: none;
}
.note.medborder {
  border-width: 2px;
}
.note.fatborder {
  border-width: 4px;
}
.note.shadow {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.note.shadow2 {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
}
.note.white {
  border-color: #ffffff;
}
.note.white.text {
  color: #ffffff;
}
.note.white.filled {
  background-color: rgba(255, 255, 255, 0.25);
}
.note.black {
  border-color: #000000;
}
.note.black.text {
  color: #000000;
}
.note.black.filled {
  background-color: rgba(0, 0, 0, 0.25);
}
.note.grey {
  border-color: #b4b4b4;
}
.note.grey.text {
  color: #b4b4b4;
}
.note.grey.filled {
  background-color: rgba(180, 180, 180, 0.25);
}
.note.darkgrey {
  border-color: #282828;
}
.note.darkgrey.text {
  color: #282828;
}
.note.darkgrey.filled {
  background-color: rgba(40, 40, 40, 0.25);
}
.note.pink {
  border-color: #d13b7b;
}
.note.pink.text {
  color: #d13b7b;
}
.note.pink.filled {
  background-color: rgba(209, 59, 123, 0.25);
}
.note.red {
  border-color: #ef4a44;
}
.note.red.text {
  color: #ef4a44;
}
.note.red.filled {
  background-color: rgba(239, 74, 68, 0.25);
}
.note.purple {
  border-color: #874f9a;
}
.note.purple.text {
  color: #874f9a;
}
.note.purple.filled {
  background-color: rgba(135, 79, 154, 0.25);
}
.note.blue {
  border-color: #279fba;
}
.note.blue.text {
  color: #279fba;
}
.note.blue.filled {
  background-color: rgba(39, 159, 186, 0.25);
}
.note.orange {
  border-color: #ee7933;
}
.note.orange.text {
  color: #ee7933;
}
.note.orange.filled {
  background-color: rgba(238, 121, 51, 0.25);
}
.note.green {
  border-color: #00c67e;
}
.note.green.text {
  color: #00c67e;
}
.note.green.filled {
  background-color: rgba(0, 198, 126, 0.25);
}
.note.yellow {
  border-color: #F9B234;
}
.note.yellow.text {
  color: #F9B234;
}
.note.yellow.filled {
  background-color: rgba(249, 178, 52, 0.25);
}
.note.lightblue {
  border-color: #00BDE2;
}
.note.lightblue.text {
  color: #00BDE2;
}
.note.lightblue.filled {
  background-color: rgba(0, 189, 226, 0.25);
}
.note.darkblue {
  border-color: #023964;
}
.note.darkblue.text {
  color: #023964;
}
.note.darkblue.filled {
  background-color: rgba(2, 57, 100, 0.25);
}
.note.helli-color-1 {
  border-color: #d20b22;
}
.note.helli-color-1.text {
  color: #d20b22;
}
.note.helli-color-1.filled {
  background-color: rgba(210, 11, 34, 0.25);
}
.note.helli-color-2 {
  border-color: #2659F0;
}
.note.helli-color-2.text {
  color: #2659F0;
}
.note.helli-color-2.filled {
  background-color: rgba(38, 89, 240, 0.25);
}
.note.sps-color-1 {
  border-color: #f9632d;
}
.note.sps-color-1.text {
  color: #f9632d;
}
.note.sps-color-1.filled {
  background-color: rgba(249, 99, 45, 0.25);
}
.note.sps-color-2 {
  border-color: #21c2d4;
}
.note.sps-color-2.text {
  color: #21c2d4;
}
.note.sps-color-2.filled {
  background-color: rgba(33, 194, 212, 0.25);
}
.note.accent-1 {
  border-color: #4f9b1f;
}
.note.accent-1.text {
  color: #4f9b1f;
}
.note.accent-1.filled {
  background-color: rgba(79, 155, 31, 0.25);
}
.note.accent-2 {
  border-color: #981711;
}
.note.accent-2.text {
  color: #981711;
}
.note.accent-2.filled {
  background-color: rgba(152, 23, 17, 0.25);
}
.note.accent-3 {
  border-color: #565548;
}
.note.accent-3.text {
  color: #565548;
}
.note.accent-3.filled {
  background-color: rgba(86, 85, 72, 0.25);
}
.note.accent-4 {
  border-color: #dfdfdf;
}
.note.accent-4.text {
  color: #dfdfdf;
}
.note.accent-4.filled {
  background-color: rgba(223, 223, 223, 0.25);
}
.note.accent-5 {
  border-color: #d20b22;
}
.note.accent-5.text {
  color: #d20b22;
}
.note.accent-5.filled {
  background-color: rgba(210, 11, 34, 0.25);
}
.note.accent-6 {
  border-color: #2659F0;
}
.note.accent-6.text {
  color: #2659F0;
}
.note.accent-6.filled {
  background-color: rgba(38, 89, 240, 0.25);
}
.grid {
  display: grid;
}
.grid.spalten-1 {
  grid-template-columns: auto;
}
.grid.spalten-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-2 {
    grid-template-columns: auto;
  }
}
.grid.spalten-20-80 {
  grid-template-columns: 20% 80%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-20-80 {
    grid-template-columns: auto;
  }
}
.grid.spalten-25-75 {
  grid-template-columns: 25% 75%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-25-75 {
    grid-template-columns: auto;
  }
}
.grid.spalten-33-66 {
  grid-template-columns: 33% 66%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-33-66 {
    grid-template-columns: auto;
  }
}
.grid.spalten-40-60 {
  grid-template-columns: 40% 60%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-40-60 {
    grid-template-columns: auto;
  }
}
.grid.spalten-60-40 {
  grid-template-columns: 60% 40%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-60-40 {
    grid-template-columns: auto;
  }
}
.grid.spalten-66-33 {
  grid-template-columns: 66% 33%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-66-33 {
    grid-template-columns: auto;
  }
}
.grid.spalten-75-25 {
  grid-template-columns: 75% 25%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-75-25 {
    grid-template-columns: auto;
  }
}
.grid.spalten-80-20 {
  grid-template-columns: 80% 20%;
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-80-20 {
    grid-template-columns: auto;
  }
}
.grid.spalten-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid.spalten-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.grid.spalten-5 {
  grid-template-columns: repeat(5, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-5 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-5 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.grid.spalten-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid.spalten-7 {
  grid-template-columns: repeat(7, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-7 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-7 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid.spalten-8 {
  grid-template-columns: repeat(8, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-8 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-8 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid.spalten-9 {
  grid-template-columns: repeat(9, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-9 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-9 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid.spalten-10 {
  grid-template-columns: repeat(10, 1fr);
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.spalten-10 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.spalten-10 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only all and (max-width: 47.99rem) {
  .grid.mobile-1 {
    grid-template-columns: auto;
  }
  .grid.mobile-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.mobile-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.mobile-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.mobile-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.mobile-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.mobile-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.mobile-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.mobile-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.mobile-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .grid.tablet-1 {
    grid-template-columns: auto;
  }
  .grid.tablet-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid.tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid.tablet-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid.tablet-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid.tablet-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid.tablet-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid.tablet-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid.tablet-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid.tablet-10 {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  .grid.tablet-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid .empty {
    display: none;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .grid.tablet-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid .empty {
    display: none;
  }
}
.grid.colgap-02 {
  grid-column-gap: 0.25rem;
}
.grid.colgap-05 {
  grid-column-gap: 0.5rem;
}
.grid.colgap-07 {
  grid-column-gap: 0.75rem;
}
.grid.colgap-10 {
  grid-column-gap: 1rem;
}
.grid.colgap-15 {
  grid-column-gap: 1.5rem;
}
.grid.colgap-20 {
  grid-column-gap: 2rem;
}
.grid.rowgap-02 {
  grid-row-gap: 0.2rem;
}
.grid.rowgap-05 {
  grid-row-gap: 0.5rem;
}
.grid.rowgap-07 {
  grid-row-gap: 0.75rem;
}
.grid.rowgap-10 {
  grid-row-gap: 1rem;
}
.grid.rowgap-15 {
  grid-row-gap: 1.5rem;
}
.grid.rowgap-20 {
  grid-row-gap: 2rem;
}
.grid.gap-02 {
  grid-gap: 0.25rem;
}
.grid.gap-05 {
  grid-gap: 0.5rem;
}
.grid.gap-07 {
  grid-gap: 0.75rem;
}
.grid.gap-10 {
  grid-gap: 1rem;
}
.grid.gap-15 {
  grid-gap: 1.5rem;
}
.grid.gap-20 {
  grid-gap: 2rem;
}
.grid.vcenter, .grid .vcenter {
  align-content: center;
  align-self: center;
}
.grid.vbottom, .grid .vbottom {
  align-content: flex-end;
  align-self: flex-end;
}
/**/
.w80 {
  width: 80%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w80 {
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w80 {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w80 {
    width: 100%;
  }
}
.w80fix {
  width: 80%;
}
.w75 {
  width: 75%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w75 {
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w75 {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w75 {
    width: 100%;
  }
}
.w75fix {
  width: 75%;
}
.w70 {
  width: 70%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w70 {
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w70 {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w70 {
    width: 100%;
  }
}
.w70fix {
  width: 70%;
}
.w66 {
  width: 66%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w66 {
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w66 {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w66 {
    width: 100%;
  }
}
.w66fix {
  width: 66%;
}
.w60 {
  width: 60%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w60 {
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w60 {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w60 {
    width: 100%;
  }
}
.w60fix {
  width: 60%;
}
.w50 {
  width: 50%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w50 {
    width: 100%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w50 {
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w50 {
    width: 100%;
  }
}
.w50fix {
  width: 50%;
}
.w40 {
  width: 40%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w40 {
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w40 {
    width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w40 {
    width: 100%;
  }
}
.w40fix {
  width: 40%;
}
.w33 {
  width: 33%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w33 {
    width: 33%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w33 {
    width: 33%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w33 {
    width: 100%;
  }
}
.w33fix {
  width: 33%;
}
.w30 {
  width: 30%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w30 {
    width: 30%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w30 {
    width: 30%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w30 {
    width: 100%;
  }
}
.w30fix {
  width: 30%;
}
.w25 {
  width: 25%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w25 {
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w25 {
    width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w25 {
    width: 100%;
  }
}
.w25fix {
  width: 25%;
}
.w24 {
  width: 24%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w24 {
    width: 24%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w24 {
    width: 24%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w24 {
    width: 100%;
  }
}
.w24fix {
  width: 24%;
}
.w20 {
  width: 20%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w20 {
    width: 50%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w20 {
    width: 50%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w20 {
    width: 100%;
  }
}
.w20fix {
  width: 20%;
}
.w17 {
  width: 17%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w17 {
    width: 17%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w17 {
    width: 17%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w17 {
    width: 100%;
  }
}
.w17fix {
  width: 17%;
}
.w15 {
  width: 15%;
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .w15 {
    width: 33%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .w15 {
    width: 33%;
  }
}
@media only all and (max-width: 47.99rem) {
  .w15 {
    width: 100%;
  }
}
.w15fix {
  width: 15%;
}
.spalten {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.spalten.stretch {
  align-items: stretch;
}
.spalten.centercontent {
  justify-content: center;
}
.spalten.valign {
  align-self: center;
}
.spalten.reverse {
  flex-direction: row-reverse;
}
.spalten .spalte.valign {
  align-self: center;
}
.spalten .spalte.vcenter {
  align-self: center;
}
.spalten .spalte.vbottom {
  align-self: flex-end;
}
.spalten .spalte.stretch {
  align-content: stretch;
}
.spalten .spalte.w100 {
  width: 100%;
}
/**/
.mousey-button {
  width: 14px;
  margin: 0 auto;
}
.scroll-downs {
  position: absolute;
  z-index: 2;
  bottom: 4rem;
  left: 50%;
  transform: translateX(-50%);
  margin: auto 0 0rem;
  width: 23px;
  height: 44px;
  border: 3px solid #7b7c7e;
  border-radius: 8px;
  padding-left: 6px;
  cursor: pointer;
}
@media only screen and (min-width: 600px) and (max-width: 750px) {
  .scroll-downs {
    bottom: 1rem;
  }
}
.scroll-downs .mousey {
  /*
		width: 8px;
		height: 40px;
		padding: 4px 10px;
		border: 2px solid $slideshow-text-color;
		border-radius: 24px;
		//opacity: 0.75;
		box-sizing: content-box;
		*/
}
.scroll-downs .scroller {
  width: 5px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #7b7c7e;
  background: #7b7c7e;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(20px);
    opacity: 0.25;
  }
}
.scroll-downs.accent1 {
  border-color: #4f9b1f;
}
.scroll-downs.accent1 .scroller {
  border-color: #4f9b1f;
  background: #4f9b1f;
}
.scroll-downs.accent2 {
  border-color: #981711;
}
.scroll-downs.accent2 .scroller {
  border-color: #981711;
  background: #981711;
}
.scroll-downs.white {
  border-color: #ffffff;
}
.scroll-downs.white .scroller {
  border-color: #ffffff;
  background: #ffffff;
}
.scroll-downs.black {
  border-color: #000000;
}
.scroll-downs.black .scroller {
  border-color: #000000;
  background: #000000;
}
/**/
.hide {
  display: none;
}
.hidden {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.relative {
  position: relative;
}
.inline {
  display: inline-block;
}
.block {
  display: block;
}
.hidden-phone-portrait {
  display: initial;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .hidden-phone-portrait {
    display: none;
  }
}
.visible-phone-portrait {
  display: none;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .visible-phone-portrait {
    display: initial;
  }
}
.hidden-phone-landscape {
  display: initial;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .hidden-phone-landscape {
    display: none;
  }
}
.visible-phone-landscape {
  display: none;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .visible-phone-landscape {
    display: initial;
  }
}
.hidden-tablet-portrait {
  display: initial;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .hidden-tablet-portrait {
    display: none;
  }
}
.visible-tablet-portrait {
  display: none;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .visible-tablet-portrait {
    display: initial;
  }
}
.hidden-tablet-landscape {
  display: initial;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .hidden-tablet-landscape {
    display: none;
  }
}
.visible-tablet-landscape {
  display: none;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .visible-tablet-landscape {
    display: initial;
  }
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}
.align-vcenter {
  align-content: center;
}
.aling-vcenter2 {
  align-self: center;
}
.align-end {
  align-items: flex-end;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.justify {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.break {
  display: inline-block;
  width: 3vw;
}
@media only screen and (max-width: 1024px) {
  .break {
    display: inline;
    width: 0;
  }
  .break:after {
    content: "\a";
    white-space: pre;
  }
}
.vbreak {
  /**
	@media only screen and (max-width: 1024px) {
		display: inline-block;
		//width: 0.25em;
		&:after {
			content: '';
			white-space:normal;
		}
	}
	/**/
}
.vbreak:after {
  content: "\a";
  white-space: pre;
}
.mbreak:after {
  content: "  ·  ";
}
@media only all and (max-width: 47.99rem) {
  .mbreak:after {
    content: "\a";
    white-space: pre;
  }
}
s big, .big {
  font-size: 110%;
  line-height: 120%;
  font-style: normal;
}
.bigger {
  font-size: 150% !important;
  line-height: 170%;
  font-style: normal;
}
.seriftext {
  font-family: "Georgia", "Times", "Times New Roman", serif;
  font-size: 100% !important;
  line-height: 130% !important;
  font-style: normal;
}
.normaltext {
  font-family: "Oxanium, Roboto, Helvetica, Tahoma, Geneva, Arial, sans-serif" !important;
  font-size: 100% !important;
  line-height: 130% !important;
  font-style: normal;
}
.small {
  font-size: 85% !important;
  line-height: 130% !important;
  font-style: normal;
}
.smaller {
  font-size: 80%;
  line-height: 130%;
  font-style: normal;
}
.mini {
  font-size: 60%;
}
.middle {
  margin: 0 auto;
}
.strike {
  text-decoration: line-through;
}
.underline {
  text-decoration: underline;
}
.overline {
  text-decoration: overline;
}
.sub {
  vertical-align: sub;
}
.super {
  vertical-align: super;
}
.upper {
  text-transform: uppercase;
}
.lower {
  text-transform: lowercase;
}
.bold {
  font-weight: 700;
}
.semibold {
  font-weight: 600;
}
.text-shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.border-radius {
  overflow: hidden;
  border-radius: 0.25rem;
}
.border {
  border: 1px solid #4f9b1f;
}
.uppercase, .h2uppercase, .h4uppercase {
  text-transform: uppercase;
}
.uppercase small, .h2uppercase small, .h4uppercase small {
  text-transform: none;
}
em {
  color: inherit !important;
}
.line {
  border-bottom: 1px solid #4f9b1f;
}
.line.header {
  width: 70%;
  text-align: center;
  margin-left: 15% !important;
  margin-right: 15% !important;
}
.line.white {
  border-bottom-color: #ffffff;
}
.line.black {
  border-bottom-color: #000000;
}
.line.grey {
  border-bottom-color: #b4b4b4;
}
.line.light {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
h6 {
  margin: 0 0 0.1666666667rem 0 !important;
}
h1, h2, h3, h4, h5 {
  /*
	span {
		clear: both;
		display: block;
	}
	*/
}
h1 div.line, h2 div.line, h3 div.line, h4 div.line, h5 div.line {
  width: 100%;
}
h1 small, h2 small, h3 small, h4 small, h5 small {
  clear: both;
  display: block;
  font-size: 85%;
  line-height: 95%;
  text-transform: none;
}
h1 small small, h2 small small, h3 small small, h4 small small, h5 small small {
  font-size: 80%;
  font-weight: normal;
  line-height: 180%;
}
.bgWhite-transparent {
  background: rgba(255, 255, 255, 0.65);
}
.boxshadow {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.box-shadow.moduletable, .box-shadow.widget, .box-shadow.g-outer-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
.img-container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  border: 5px solid transparent;
}
.img-container.h50 {
  height: 50%;
}
.img-container.h33 {
  height: 33%;
}
.img-container.h25 {
  height: 25%;
}
.sized-image {
  position: relative;
  padding: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 56.25%;
  /* ratio 16x9 */
  /* ratio 4x3 */
  /* ratio 16x9 */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.sized-image.s16x9 {
  padding-bottom: 56.25%;
}
.sized-image.s4x3 {
  padding-bottom: 75%;
}
.sized-image.s3x2 {
  padding-bottom: 66.67%;
}
.sized-image:hover {
  transform: scale(1.1);
}
.hide-overflow {
  overflow: hidden;
}
.fullwidth img {
  width: 100% !important;
}
.column-list {
  display: flex;
  flex-wrap: wrap;
}
.column-list .column-item {
  padding: 0.5rem;
}
.column-list .column-item.columns-1 {
  width: 100%;
}
.column-list .column-item.columns-2 {
  width: 50%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-2 {
    width: 100%;
  }
}
.column-list .column-item.columns-3 {
  width: 33%;
  font-size: 90%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-3 {
    width: 100%;
  }
}
.column-list .column-item.columns-4 {
  width: 25%;
  font-size: 90%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-4 {
    width: 50%;
  }
}
.column-list .column-item.columns-5 {
  width: 20%;
  font-size: 85%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-5 {
    width: 50%;
  }
}
.column-list .column-item.columns-6 {
  width: 16.6%;
  font-size: 80%;
}
@media only all and (max-width: 47.99rem) {
  .column-list .column-item.columns-6 {
    width: 50%;
  }
}
.column-list .column-item.selected .column-item-content {
  background: white !important;
}
.column-list .column-item .column-item-content {
  background: #ffffff;
  border: 1px solid #4f9b1f;
  padding: 0.3333333333rem;
  width: 100%;
  height: 100%;
  text-align: center;
}
.column-list .column-item .column-item-content.notinstock {
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
}
.column-list .column-item .column-item-content.blockhover {
  cursor: pointer;
}
.column-list .column-item .column-item-content.blockhover:hover {
  -moz-box-shadow: 0 0 10px -2px #4f9b1f;
  -webkit-box-shadow: 0 0 10px 3px #4f9b1f;
  box-shadow: 0 0 10px 3px #4f9b1f;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}
.column-list .column-item .column-item-title {
  margin: 0 !important;
  padding-top: 0.3333333333rem;
  padding-bottom: 0.25rem;
  font-weight: bold;
}
.column-list .column-item .column-item-price {
  font-weight: bold;
  padding-bottom: 0.25rem;
}
.column-list .column-item .column-item-price .column-item-unit-price {
  color: #b4b4b4;
  font-size: 95%;
  font-weight: normal;
}
.column-list .column-item p {
  margin: 0 !important;
  padding-bottom: 0.25rem;
}
.column-list .column-item img {
  border: 1px solid #000;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
ol.number {
  counter-reset: item;
  list-style-type: decimal;
  list-style-position: outside;
  margin: 1em 0;
}
ol.number li {
  margin-bottom: 1em;
}
ol.number li {
  display: block;
}
ol.number li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}
ol.number.headline > li::first-line {
  font-weight: bold;
  font-size: 120%;
}
ol.number ol.alpha {
  margin: 1em 0 0 1em;
  list-style-type: lower-alpha;
  list-style-position: outside;
}
ol.number ol.alpha.headline > li::first-line {
  font-style: italic;
}
ol.number ul {
  margin: 1em 0 1em 1em;
}
ol.number ul li {
  margin-bottom: 0 !important;
}
/**/
.platform-content, .moduletable, .widget {
  margin: 0 !important;
  padding: 0 !important;
}
.page-header h1, .page-header h2 {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 2.25rem !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
.item-page {
  font-size: 1.1rem;
}
.menuline-margin {
  margin-top: 10vh;
  /*
	@include break_point(tablet-portrait) {
		margin-top: $menuline-tablet-portrait;			
	}
	@include break_point(mobile-landscape) {
		margin-top: $menuline-mobile-landscape;
	}
	@include break_point(mobile-portrait) {
		margin-top: $menuline-mobile-portrait;
	}
	*/
}
.embed-container {
  position: relative;
  padding-bottom: 1200px;
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}
/**/
.pdf {
  width: 100%;
  aspect-ratio: 0.6875;
}
/**/
.scrollup {
  display: block;
  margin: 0 auto 2rem;
  width: 40px;
  height: 40px;
  background-image: url('../../../../images/icons/scrollup.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sps-slider .slick-dots {
  text-align: right;
  padding-right: 2rem;
}
/**/
.textblock {
  position: relative;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*	
	@include break_point(tablet) {
		h1, h2 { font-size: $h2-font-size; }
		h3 { font-size: $h3-font-size; }
	}
	*/
}
.textblock .item-page .page-header {
  margin: 0;
}
.textblock .item-page .page-header h2 {
  margin: 0 auto 0.5rem auto;
  padding: 0;
  line-height: 1.5;
}
.textblock .item-page .description {
  margin: 2rem 15%;
  display: grid;
  grid-template-columns: 10% 90%;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.textblock .item-page .description p {
  margin: 0.25rem 0 0;
  text-align: left;
}
.textblock .item-page .description p strong {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
}
@media only all and (min-width: 67.01rem) and (max-width: 86rem) and (orientation: landscape) {
  .textblock .item-page .description {
    grid-template-columns: 15% 85%;
  }
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .textblock .item-page .description {
    margin: 2rem 10%;
    grid-template-columns: 15% 85%;
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .textblock .item-page .description {
    margin: 2rem 5%;
    grid-template-columns: 15% 85%;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .textblock .item-page .description {
    margin: 2rem 5%;
    grid-template-columns: 22% 78%;
  }
}
.textblock h1, .textblock h2, .textblock h3, .textblock h4 {
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
.textblock h1, .textblock h2 {
  font-size: 2.7rem;
  color: #981711;
  line-height: 1.2;
  font-weight: 700;
}
.textblock h3 {
  font-size: 2.28rem;
  font-weight: 400;
}
.textblock .closer {
  position: absolute;
  top: -1rem;
  right: -1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.textblock .closer:after {
  font-family: "ElegantIcons";
  content: "Q";
  font-size: 1.25rem;
}
.textblock .splink {
  cursor: pointer;
}
.textblock .splink:hover, .textblock .splink:active {
  color: #4f9b1f;
}
.textblock .splink span:after {
  font-family: "ElegantIcons";
  padding-left: 1.5rem;
  content: "3";
  font-size: 1.25rem;
}
.textblock .splink.ht-open span:after {
  content: "5";
}
.textblock .sansserif {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #981711;
}
.textblock .headline h1 {
  font-family: "AvenirNext", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  font-size: 2.25rem;
  margin: 0;
  color: #000000;
}
.textblock .headline h1 span {
  font-weight: 400;
}
.textblock .headline h3 {
  font-family: "AvenirNext", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  font-size: 2.25rem;
  margin: 0;
  color: #000000;
}
.textblock .headline .hl-bottom {
  margin: 1rem auto;
  width: 15%;
  height: 0.5rem;
  background-color: #4f9b1f;
}
.textblock .headline.hl-left {
  border-left: 0.5rem solid #4f9b1f;
  padding-left: 1rem;
  text-align: left;
}
.textblock.mobile {
  margin: 0 0 2rem 1rem;
}
.textblock.lower h1 {
  text-transform: none;
}
.textblock.white h1, .textblock.white h2, .textblock.white h3, .textblock.white h4 {
  color: #ffffff !important;
}
.textblock a h3 {
  margin: 2vw auto 0;
}
.textblock p {
  margin: 0;
}
.textblock #projekt-cat {
  margin: 1rem auto 2rem auto;
  list-style: none;
  text-align: center;
  font-size: 0;
}
.textblock #projekt-cat li {
  font-size: 0.9rem;
  display: inline-block;
  padding: 0 0.5rem;
  cursor: pointer;
}
.textblock #projekt-cat li.active {
  color: #4f9b1f;
  font-weight: 700;
}
.textblock #projekt-cat li:hover {
  color: #4f9b1f;
}
@media only all and (max-width: 47.99rem) {
  .textblock .headline h1, .textblock .headline h2 {
    font-size: 1.71rem;
  }
  .textblock .headline h3 {
    font-size: 1.5rem;
  }
}
/**/
/**/
.uk-accordion {
  margin: 0;
}
.accordionblock {
  margin: 4vh 0;
  border-bottom: 2px solid #4f9b1f;
}
.accordionblock li {
  border-top: 2px solid #4f9b1f;
}
.accordionblock li .uk-accordion-title {
  padding: 0.5rem 0;
  font-weight: 700;
}
.accordionblock li .jobblock p span {
  font-weight: 500;
}
/**/
.leistungen {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  grid-gap: 1rem;
  margin: 4vh 0;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.leistungen .leistung {
  position: relative;
  min-height: 320px;
  transition: transform 1s ease-in-out;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
}
.leistungen .leistung.turnedfix, .leistungen .leistung.turned {
  transform: rotateY(180deg);
}
.leistungen .leistung .front {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #dfdfdf;
  min-height: 320px;
  padding-top: 1.5rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.leistungen .leistung .front .icon {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 80px;
}
.leistungen .leistung .back {
  position: relative;
  background-color: #4f9b1f;
  min-height: 320px;
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.leistungen .leistung .back .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0 0 70% 0 !important;
  max-height: 70% !important;
  height: 70% !important;
}
.leistungen .leistung .back .text {
  color: #ffffff;
}
.leistungen .leistung .back .text h3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 120px;
}
.leistungen .leistung .back .link a {
  color: #ffffff;
}
.leistungen .leistung .text {
  padding: 1rem;
  font-size: 85%;
  text-align: left;
  hyphens: auto;
}
.leistungen .leistung .text h3 {
  font-family: "AvenirNext", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}
.leistungen .leistung .link {
  position: absolute;
  left: 0rem;
  bottom: 0rem;
  padding: 0 1rem 1rem;
  font-size: 85%;
}
@media only screen and (max-width: 800px) {
  .leistungen {
    grid-gap: 0.2rem;
  }
  .leistungen .leistung .front {
    min-height: 350px;
  }
  .leistungen .leistung .back {
    min-height: 350px;
  }
  .leistungen .leistung .back .image {
    padding: 0 0 80% 0 !important;
    max-height: 80% !important;
    height: 80% !important;
  }
  .leistungen .leistung .back .text h3 {
    top: 110px;
  }
  .leistungen .leistung .text {
    padding: 0.75rem;
  }
  .leistungen .leistung .text h3 {
    font-size: 1rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .leistungen {
    display: none;
  }
}
.leistungs-blocks {
  background-color: #f2f2f2;
  font-size: 0;
}
.leistungs-blocks .leistungsblock .container {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: "slider text";
  padding: 1rem;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.leistungs-blocks .leistungsblock .container .slider {
  grid-area: slider;
}
.leistungs-blocks .leistungsblock .container .slider .simpleslider {
  position: relative;
}
.leistungs-blocks .leistungsblock .container .slider .simpleslider .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 75%;
}
.leistungs-blocks .leistungsblock .container .slider .simpleslider .uk-dotnav {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.leistungs-blocks .leistungsblock .container .slider .simpleslider .uk-dotnav > .uk-active > * {
  background-color: #4f9b1f;
  border-color: #4f9b1f;
}
.leistungs-blocks .leistungsblock .container .slider .simpleslider .uk-dotnav > * > * {
  background-color: #ffffff;
  border-color: transparent;
  width: 1rem !important;
  height: 1rem !important;
}
.leistungs-blocks .leistungsblock .container .text {
  grid-area: text;
  position: relative;
  padding-left: 1rem;
  height: 100%;
  font-size: 1rem;
  hyphens: auto;
  text-align: left;
}
.leistungs-blocks .leistungsblock .container .text .lb-closer {
  position: absolute;
  top: -0.5rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.leistungs-blocks .leistungsblock .container .text .lb-closer:after {
  font-family: "ElegantIcons";
  content: "Q";
  font-size: 1.25rem;
}
.leistungs-blocks .leistungsblock .container .text h3 {
  font-family: "AvenirNext", "Helvetica", "Tahoma", "Geneva", "Arial", "Apple Color Emoji", "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  text-align: left;
  text-transform: uppercase;
  margin: -0.3rem 0 0.5rem 0;
}
@media only all and (max-width: 47.99rem) {
  .leistungs-blocks .leistungsblock .container {
    grid-template-columns: 100%;
    grid-template-areas: "text" "slider";
  }
  .leistungs-blocks .leistungsblock .container .lb-closer {
    display: none;
  }
  .leistungs-blocks .leistungsblock .container .text {
    padding: 0 0 1rem 0;
  }
}
/**/
.videothek {
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.videothek .videos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}
.videothek .videos .video {
  font-size: 1rem;
  line-height: 1.1;
}
.videothek .videos .video .image {
  display: grid;
  place-content: center;
  margin-bottom: 0.5rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.videothek .videos .video .image i {
  font-size: 1.5rem;
  color: red;
}
@media only all and (max-width: 47.99rem) {
  .videothek {
    padding: 0 1rem;
  }
  .videothek .videos {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .videothek .videos {
    grid-template-columns: repeat(2, 1fr);
  }
}
/**/
/**/
.team {
  margin: 4vh 0 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 4rem;
  color: #2c2821;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.team h3 {
  margin: 0.5rem 0 0;
  color: #2c2821;
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .team {
    grid-template-columns: 100%;
    grid-gap: 1rem;
  }
  .team .right, .team .left {
    text-align: center;
  }
}
/**/
/* Video */
#mainvideo {
  position: absolute;
  top: 10vh;
  left: 0;
  width: 100%;
  height: 90vh;
  max-height: 100%;
  z-index: 1;
}
/**/
#ankoe-logo {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  width: 150px;
  height: auto;
  z-index: 2;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #ankoe-logo {
    width: 100px;
  }
}
#voebu-logo {
  position: absolute;
  bottom: 8rem;
  left: 2rem;
  width: 150px;
  height: auto;
  z-index: 2;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #voebu-logo {
    bottom: 6rem;
    width: 100px;
  }
}
#holding-logo {
  display: block;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #holding-logo {
    display: none;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #holding-logo {
    display: none;
  }
}
#mobile-holding-logo {
  display: none;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #mobile-holding-logo {
    display: block;
    position: absolute;
    top: 10vh;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #mobile-holding-logo {
    display: block;
    position: absolute;
    top: 10vh;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
  }
}
/* Projekte */
#projekt-grid {
  /*
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	*/
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
#projekt-grid .projekt {
  width: 25%;
  padding: 0.5em;
  position: relative;
  max-width: 100%;
}
#projekt-grid .projekt:hover {
  cursor: pointer;
}
#projekt-grid .projekt:hover .text {
  background-color: #4f9b1f;
  color: #ffffff;
}
#projekt-grid .projekt .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#projekt-grid .projekt .text {
  background-color: #dfdfdf;
  font-size: 0.9rem;
  padding: 1rem 0.5rem;
  hyphens: auto;
}
#projekt-grid .projekt .text h5, #projekt-grid .projekt .text p {
  padding: 0;
  margin: 0;
  line-height: 1;
}
#projekt-grid .projekt .lupe {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  color: #ffffff;
  font-size: 1.5rem;
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  #projekt-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #projekt-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #projekt-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.projektslider {
  position: relative;
}
.projektslider .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.projektslider .uk-dotnav {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.projektslider .uk-dotnav > .uk-active > * {
  background-color: #4f9b1f;
  border-color: #4f9b1f;
}
.projektslider .uk-dotnav > * > * {
  background-color: #ffffff;
  border-color: transparent;
  width: 1rem !important;
  height: 1rem !important;
}
.projekt-liste {
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) {
  .projekt-liste {
    margin-top: 2rem !important;
  }
  .projekt-liste .projektslider {
    padding: 0;
  }
}
.mobiletext {
  display: none;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) {
  .mobiletext {
    display: block;
    background-color: #d9d9d9;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
  }
}
#projekte {
  margin-top: 2rem;
  background-color: #d9d9d9;
  padding: 1.5rem 2.25rem 1.5rem;
}
#projekte .projektitem {
  margin: 0 0.5rem;
  cursor: pointer;
}
#projekte .projektitem .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#projekte .projektitem .text {
  font-size: 0.9rem;
  padding: 0.25rem 0 0;
}
/**/
.ref-search {
  text-align: center;
  margin: 0 auto;
  padding: 1rem 0;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.ref-search .ref-search-item {
  margin: 0 1rem;
}
.ref-search .ref-search-item.active {
  color: #4f9b1f;
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .ref-search .ref-search-item {
    margin: 0 0.5rem;
  }
}
/* Projekte */
.referenzen {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  margin: 2rem auto;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.referenzen .ref-item {
  position: relative;
  max-width: 100%;
}
.referenzen .ref-item:hover {
  cursor: pointer;
}
.referenzen .ref-item:hover .ref-text {
  background-color: #4f9b1f;
  color: #ffffff;
}
.referenzen .ref-item .ref-bild {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.referenzen .ref-item .ref-text {
  background-color: #dfdfdf;
  font-size: 0.9rem;
  padding: 1rem 0.5rem;
  hyphens: auto;
}
.referenzen .ref-item .ref-text h5, .referenzen .ref-item .ref-text p {
  padding: 0;
  margin: 0;
  line-height: 1;
  font-size: 0.9rem;
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  .referenzen {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .referenzen {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .referenzen {
    grid-template-columns: repeat(2, 1fr);
  }
}
.pagination__wrapper .pagination .page-item .page-link {
  color: #4f9b1f;
}
.pagination__wrapper .pagination .page-item .page-link:hover {
  background-color: #4f9b1f;
}
.pagination__wrapper .pagination .page-item.disabled .page-link {
  color: #dfdfdf;
}
.pagination__wrapper .pagination .page-item.disabled .page-link:hover {
  background-color: inherit;
}
.pagination__wrapper .pagination .page-item:hover .page-link, .pagination__wrapper .pagination .page-item.active .page-link {
  color: #ffffff;
  background-color: #4f9b1f;
  border-color: #4f9b1f;
}
.pagenav {
  margin-top: 4rem !important;
}
.pagenav .pagination {
  display: grid;
  grid-template-columns: 20% auto 20%;
  align-items: center;
}
.pagenav a {
  letter-spacing: normal;
  background: none;
  color: #707173;
  border: none;
  border-radius: 0;
  padding: 0;
  width: auto !important;
}
.pagenav a:hover {
  color: #4f9b1f;
}
.pagenav a.previous {
  text-align: right;
}
.pagenav a.next {
  text-align: left;
}
#g-page-surround {
  background: rgba(255, 255, 255, 0);
  overflow: hidden;
}
.g-bodyonly #g-page-surround {
  color: #707173;
  background: rgba(255, 255, 255, 0);
}
@media print {
  #g-page-surround {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-overlay {
  background: #3b362f;
  color: #b0afab;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  /*
	.overlaymenu {
		position: relative;
		z-index: 102;
		width: 100%;
		height: auto;
		min-height: 100vh;
		
		.mnuleft {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			grid-area: mnuleft;
			text-align: left;
			padding: 3vh 0 3vh 5vh;
			width: 100%;
			&.tm_menu {
				font-size: $core-font-size * 1.5;
				text-transform: uppercase;
				img {
					width: 36px !important;
					margin-right: 0.5rem;
				}
			}
		}
		.mnulogo {
			position: absolute;
			top: $menuline * 0.9;
			left: 0;
			width: 100%;
			text-align: center;
			img {
				height: 6vh !important;
				max-height: 6vh;
			}
		}
		.menu {
			position: absolute;
			top: $menuline * 1.8;
			left: 0;
			width: 100%;
		}
		.mnuicons {
			position: absolute;
			bottom: 3vh;
			left: 0;
			width: 100%;
			padding: 0 5vh;
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			a:before {
				font-size: $core-font-size * 1.5;
			}
		}
		img {
			filter: $filter-grey;
		}
		a:hover {
			color: $white;
			img {
				filter: $filter-white;
				transition: all 0.2s;
			}
		}
	
		#om_main {
			font-family: $font-family-smalltitle;
			font-size: $h1-font-size * 1.2;
			width: 100%;
			min-height: 85vh;
			.g-content {
				width: 100%;
				@extend .centerY;
			}
			ul {
				list-style-type: none;
				margin: 0%;
			}
			.g-toplevel {
				margin: 0 0 0 25%;
			}
			.g-dropdown {
				display: none;
				font-size: $h3-font-size * 1.2;
				padding-left: 2rem;
			}
			.g-menu-item-title {
				cursor: pointer;
				&:hover {
					color: $white;
				}
			}
			.g-go-back {
				display: none;
			}
		}
		@include break_point(mobile-only) {
			.mnuleft {
				z-index: 1;
				padding: 1.5rem 1rem;
				&.tm_menu {
					display: block;
					span {
						display: none;
					}
				}
			}
			.mnulogo {
				z-index: 0;
				position: absolute;
				top: 1.5rem;
				left: 0;
				img {
					height: 5vh !important;
					max-height: 5vh;
				}
			}
			.menu {
				top: $menuline * 1.5;
			}
			.mnuicons {
				font-size: $core-font-size * 0.9;
			}
			#om_main {
				font-size: $h2-font-size;
				.g-toplevel {
					margin: 0 0 0 10%;
				}
				.g-dropdown {
					font-size: $h3-font-size * 0.9;
				}
			}
		}
		@include break_point(tablet) {
			.mnuleft {
				padding: 2rem;
			}
			.menu {
				top: $menuline * 2;
			}
			.mnulogo {
				position: absolute;
				top: $menuline;
				left: 0;
				width: 100%;
				text-align: center;
				img {
					height: 5vh !important;
					max-height: 5vh;
				}
			}
			#om_main {
				font-size: $h2-font-size;
				.g-toplevel {
					margin: 0 0 0 10%;
				}
				.g-dropdown {
					font-size: $h3-font-size;
					padding-left: 1.5rem;
				}
			}
		}
	}
	#om_image {
		margin: 0;
		padding: 0;
		width: 100%;
		background-image: url(/images/background/overlaymenu.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		.g-content {
			padding: 100vh;
		}
		@include break_point(mobile-only) {
		}
		@include break_point(tablet-portrait) {
		}
	}
	/**/
}
#g-overlay a {
  color: #b0afab;
}
#g-overlay a:hover {
  color: #ffffff;
}
@media print {
  #g-overlay {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-top {
  color: #ffffff;
  background: #707173;
}
@media print {
  #g-top {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-navigation {
  position: fixed !important;
  top: 0;
  width: 100%;
  min-height: 10vh;
  color: #ffffff;
  background: #707173;
  z-index: 1000;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
#g-navigation .g-container {
  min-height: 10vh;
}
#g-navigation .g-container .g-grid {
  min-height: 10vh;
  align-items: center;
}
#g-navigation .hidemenu {
  display: none;
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #g-navigation #navlogo.size-23 {
    flex: 0 20%;
    width: 20%;
  }
  #g-navigation #navmenu.size-65 {
    flex: 0 80%;
    width: 80%;
  }
}
/*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
@media print {
  #g-navigation {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-slideshow {
  color: #7b7c7e;
  background: #ffffff;
  position: relative;
  /*
    .scroll-down {
        opacity: 1;
        -webkit-transition: all .5s ease-in 3s;
        transition: all .5s ease-in 3s;
    }
          
    .scroll-down {
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin-left: -12px;
        display: block;
        background-image: url("images/icons/scrolldown.png");
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        z-index: 2;
        -webkit-animation: bounce 2s infinite 2s;
        animation: bounce 2s infinite 2s;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }
      
    @keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        60% {
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
        }
    }
    /**/
  /*
    .slideshowtext {
        position: absolute;
        bottom: 4rem;
        left: 20%;
        width: 500px;
        @include break_point (tablet-portrait) {
            left: 5%;
        }
        @include break_point (tablet-landscape) {
            left: 15%;
        }
        @include break_point (mobile-only) {
            bottom: 5rem;
            left: 10%;
            margin: 0 auto;
        }
    }

    .slideshowbild {
        width: 100%;
        min-height: 90vh;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    #covid19 {
        position: absolute;
        top: 18%;
        left: 10%;
        width: 200px;
        @include break_point (tablet-portrait) {
            width: 150px;
            left: 5%;
        }
        @include break_point (tablet-landscape) {
            width: 150px;
        }
        @include break_point (mobile-only) {
            width: 100px;
        }
    }
    /**/
}
@media print {
  #g-slideshow {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-header {
  position: relative;
  color: #565548;
  background: #ffffff;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #g-header .g-container {
    width: 90%;
  }
}
@media print {
  #g-header {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-above {
  color: #2c2821;
  background: #ffffff;
  position: relative;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only screen and (max-width: 1400px) {
  #g-above .g-container {
    width: 95% !important;
  }
}
@media only screen and (max-width: 1000px) {
  #g-above .g-container {
    width: 100% !important;
  }
}
@media print {
  #g-above {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-showcase {
  color: #2c2821;
  background: #ffffff;
  position: relative;
}
@media only screen and (max-width: 1400px) {
  #g-showcase .g-container {
    width: 95% !important;
  }
}
@media only screen and (max-width: 1000px) {
  #g-showcase .g-container {
    width: 100% !important;
  }
}
@media print {
  #g-showcase {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-utility {
  color: #2c2821;
  background: #ffffff;
}
@media print {
  #g-utility {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-feature {
  position: relative;
  color: #2c2821;
  background: rgba(255, 255, 255, 0);
}
@media print {
  #g-feature {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-container-main {
  background: #ffffff;
  color: #7b7c7e;
  margin-left: 10%;
  margin-right: 10%;
}
@media only all and (max-width: 74.938rem) and (min-width: 48rem) {
  #g-container-main {
    margin-left: 4%;
    margin-right: 4%;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  #g-container-main {
    margin-left: 0;
    margin-right: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  #g-container-main {
    margin-left: 0;
    margin-right: 0;
  }
}
#g-container-main .g-blockcontent-header h2.g-title {
  color: #000000;
}
@media print {
  #g-mainbar {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-aside {
  color: #7b7c7e;
  background: #ffffff;
  border-radius: 0.25rem;
}
@media print {
  #g-aside {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-sidebar {
  background: #ffffff;
  color: #7b7c7e;
}
@media print {
  #g-sidebar {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-expanded {
  color: #7b7c7e;
  background: #ffffff;
  position: relative;
  /*
	#expanded-a,
	#expanded-b {
		min-height: 40vh;
	}
	#expanded-c,
	#expanded-d {
		min-height: 50vh;
	}

	@media only screen and (max-width: 1200px) {
		#expanded-a,
		#expanded-b {
			min-height: 50vh;
		}
		#expanded-c {
			&.size-50 {
				flex: 0 100%;
				width: 100;
			}
			.visforms-form {
				margin: 0.5rem 15%;
			}
		}
		#expanded-d {
			display: none;
		}
	}
	
	@media only screen and (max-width: 960px) {
		#expanded-a,
		#expanded-b,
		#expanded-c {
			&.size-50 {
				flex: 0 100%;
				width: 100;
			}
			.visforms-form {
				margin: 0.5rem 8%;
			}
		}
		#expanded-d {
			display: none;
		}
	}

	@media only screen and (max-width: 450px) {
		#expanded-b {
			min-height: 60vh;
		}
		#expanded-c {
			.visforms-form {
				margin: 0 2%;
			}
		}
	}
*/
}
@media print {
  #g-expanded {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-extension {
  color: #2c2821;
  background: #e4e5e5;
}
@media print {
  #g-extension {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-bottom {
  color: #7b7c7e;
  background: #ffffff;
  position: relative;
  /*
	min-height: 60vh;
	@media only screen and (max-width: 1600px) {
		min-height: 65vh;
	}
	@media only screen and (max-width: 1400px) {
		min-height: 70vh;
	}
	@media only screen and (max-width: 1200px) {
		min-height: 40vh;
	}
	@media only screen and (max-width: 1024px) {
		min-height: 70vh;
	}
	/**/
}
#g-bottom img {
  width: 100% !important;
}
#g-bottom #googlelink {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  margin: 0 5% 0 0;
  font-size: 0.85rem;
  text-align: right;
}
#g-bottom #googlelink a {
  color: #7b7c7e;
  text-decoration: underline;
}
#g-bottom #googlelink a:hover {
  color: #4f9b1f;
}
@media print {
  #g-bottom {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-footer {
  position: relative;
  color: #ffffff;
  background: #707173;
  margin: 0;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
#g-footer a {
  color: #ffffff;
}
#g-footer a:hover {
  color: #4f9b1f !important;
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #g-footer .g-container {
    width: 90% !important;
  }
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  #g-footer .g-container {
    width: 90% !important;
  }
}
#g-footer .footermenu {
  padding: 2vh 0 3vh 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "logo . ." "adresse1 adresse2 menu";
  align-items: flex-end;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
#g-footer .footermenu .logo {
  grid-area: logo;
  padding-bottom: 1vh;
}
#g-footer .footermenu .logo img {
  width: 80%;
}
#g-footer .footermenu .adresse1 {
  grid-area: adresse1;
}
#g-footer .footermenu .adresse1 img {
  width: 80%;
  padding-right: 1rem;
}
#g-footer .footermenu .adresse2 {
  grid-area: adresse2;
}
#g-footer .footermenu .adresse2 div {
  text-align: left;
  width: 55%;
  margin: 0 auto;
}
#g-footer .footermenu .adresse2 div img {
  width: 28px !important;
  padding-right: 0.5rem;
}
#g-footer .footermenu .menu {
  grid-area: menu;
  text-align: right;
}
#g-footer .footermenu .menu a {
  padding-left: 1.5rem;
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  #g-footer .footermenu {
    padding: 3vh 0 3vh 0;
    grid-template-columns: 100%;
    grid-template-areas: "logo" "adresse1" "adresse2" "menu";
  }
  #g-footer .footermenu .logo {
    padding-bottom: 1vh;
    text-align: center;
  }
  #g-footer .footermenu .adresse1 {
    text-align: center;
    padding-bottom: 1vh;
  }
  #g-footer .footermenu .adresse2 {
    padding-bottom: 2vh;
  }
  #g-footer .footermenu .adresse2 div {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  #g-footer .footermenu .menu {
    text-align: center;
  }
  #g-footer .footermenu .menu a {
    padding: 0 0.5rem;
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  #g-footer .footermenu {
    padding: 3vh 0 3vh 0;
    font-size: 90%;
    grid-template-areas: ". logo ." "adresse1 adresse2 menu";
    align-items: flex-end;
  }
  #g-footer .footermenu .logo {
    text-align: center;
  }
  #g-footer .footermenu .logo img {
    width: 90%;
  }
  #g-footer .footermenu .adresse2 {
    padding-bottom: 2vh;
  }
  #g-footer .footermenu .adresse2 div {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  #g-footer .footermenu .menu a {
    padding: 0 0.5rem;
  }
  #g-footer .footermenu .menu a:after {
    content: "\a";
    white-space: pre;
  }
}
@media only all and (min-width: 50.01rem) and (max-width: 64rem) and (orientation: portrait) {
  #g-footer .footermenu {
    padding: 3vh 0 3vh 0;
    font-size: 90%;
    grid-template-areas: ". logo ." "adresse1 adresse2 menu";
    align-items: flex-end;
  }
  #g-footer .footermenu .logo {
    text-align: center;
  }
  #g-footer .footermenu .adresse2 div {
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  #g-footer .footermenu .menu a {
    padding: 0 0.5rem;
  }
  #g-footer .footermenu .menu a:after {
    content: "\a";
    white-space: pre;
  }
}
/**/
@media print {
  #g-footer {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-copyright {
  background: #ffffff;
  color: #7b7c7e;
}
#g-copyright .line1 .g-content {
  margin-bottom: 0.25rem;
  padding-bottom: 0;
}
#g-copyright .line1 .line {
  border-bottom: 1px #7b7c7e solid;
}
#g-copyright .line2 .g-content {
  margin-top: 0;
  padding-top: 0;
}
#g-copyright .g-branding, #g-copyright .g-copyright {
  font-size: 0.9rem;
}
#g-copyright a {
  color: #7b7c7e;
}
#g-copyright a:hover {
  color: #4f9b1f;
  text-decoration: none;
}
@media only all and (max-width: 47.99rem) {
  #g-copyright {
    text-align: center;
  }
}
@media print {
  #g-copyright {
    background: #fff !important;
    color: #000 !important;
  }
}
#g-offcanvas {
  background: #3b362f;
  width: 10rem;
  color: #b0aeab;
}
#g-offcanvas a {
  color: #b0aeab;
}
#g-offcanvas a:hover {
  color: #4f9b1f;
}
#g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong {
  color: #b0aeab;
}
#g-offcanvas .button {
  background: transparent;
  border: 2px solid #b0aeab !important;
  color: #b0aeab !important;
}
#g-offcanvas .button:hover {
  border: 2px solid #4f9b1f !important;
  color: #4f9b1f !important;
}
#g-offcanvas .button:active {
  border: 2px solid #4f9b1f !important;
  color: #4f9b1f !important;
}
#g-offcanvas hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.g-offcanvas-toggle {
  position: fixed;
  display: none;
  font-size: 1.5rem;
  background: transparent;
  color: #ffffff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  top: 3vh;
  left: 1rem;
  padding-left: 1px;
  z-index: 9999;
}
@media only all and (max-width: 48rem) {
  .g-offcanvas-toggle {
    display: block;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .dir-rtl .g-offcanvas-toggle {
    left: 4rem;
  }
}
@media only all and (max-width: 30rem) {
  .dir-rtl .g-offcanvas-toggle {
    left: 2.5rem;
  }
}
.g-offcanvas-open .g-nav-overlay {
  z-index: 100000;
}
.g-offcanvas-open .g-offcanvas-left #g-page-surround {
  left: 10rem;
}
.g-offcanvas-open .g-offcanvas-right #g-page-surround {
  right: 10rem;
}
.g-offcanvas-open .dir-rtl.g-offcanvas-left #g-offcanvas {
  right: auto;
}
.g-offcanvas-open .dir-rtl.g-offcanvas-right #g-offcanvas {
  left: auto;
}
#g-offcanvas #g-mobilemenu-container {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: bold;
  margin-top: 0;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li {
  margin: 0.5rem 0;
  display: block;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container {
  padding: 0.25rem 0;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
  padding-left: 0rem;
  color: #b0aeab;
  word-break: normal;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
  padding: 0;
  content: "";
  color: #b0aeab;
  opacity: 1;
  width: 1rem;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container {
  color: #4f9b1f;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-selected, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-selected {
  color: #4f9b1f;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  opacity: 1;
  color: #4f9b1f;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li:hover > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-toplevel > li.active > .g-menu-item-content {
  opacity: 1;
}
#g-offcanvas #g-mobilemenu-container .g-toplevel > li.g-parent .g-menu-parent-indicator {
  vertical-align: top;
  position: absolute;
}
#g-offcanvas #g-mobilemenu-container ul {
  background: #3b362f;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  color: #b0aeab;
  padding: 0.5rem;
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container {
  color: #4f9b1f;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  border: 1px solid #5cb524;
  background: #468a1c;
  border-radius: 0.25rem;
  margin: -0.3rem 0 -0.2rem 0.5rem;
  padding: 0.2rem;
}
#g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: #3e7918;
}
#g-offcanvas #g-mobilemenu-container ul .g-dropdown-column {
  width: 10rem;
}
#g-offcanvas #g-mobilemenu-container ul i.fa {
  width: 1.5rem;
}
#g-mobilemenu-container {
  margin: -1.5rem;
}
.g-preset-thumbnails img {
  margin-bottom: 1rem;
}
@media only all and (max-width: 47.99rem) {
  .g-preset-thumbnails {
    text-align: center;
  }
  .g-preset-thumbnails .g-block {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45% !important;
  }
  .g-preset-thumbnails .g-content {
    margin-left: 5px;
  }
}
@media only all and (max-width: 47.99rem) and (max-width: 47.99rem) {
  .g-preset-thumbnails .g-block {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 auto !important;
    -moz-flex: 0 auto !important;
    -ms-flex: 0 auto !important;
    flex: 0 auto !important;
  }
}
.g-error #g-header .g-content {
  padding: 3.5rem 1rem;
  text-align: center;
}
.g-error #g-header .g-content h2.g-title {
  font-size: 3.5rem;
}
.g-error #g-header .g-content p {
  font-size: 1.5rem;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-error #g-header .g-content h2.g-title {
    font-size: 3rem;
  }
  .g-error #g-header .g-content p {
    font-size: 1rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-error #g-header .g-content {
    padding: 1rem 1rem;
  }
  .g-error #g-header .g-content h2.g-title {
    font-size: 2rem;
  }
  .g-error #g-header .g-content p {
    font-size: 1rem;
  }
}
.g-error #g-mainbar {
  text-align: center;
}
.g-error #g-footer .g-content .g-totop {
  text-align: center;
}
.g-offline h1 {
  font-weight: 200;
}
.g-offline .button {
  background: #981711;
  color: #ffffff;
}
.g-offline .g-loginform #g-loginform {
  width: 50%;
  margin: 0 auto;
}
@media only all and (max-width: 47.99rem) {
  .g-offline .g-loginform #g-loginform {
    width: 80%;
  }
}
.g-offline .g-loginform #g-loginform fieldset {
  text-align: left;
}
.g-offline .g-loginform #g-loginform label {
  margin-bottom: 0.5rem;
  display: block;
}
.g-offline #frame #form-login {
  width: 50%;
  margin: 0 auto;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #frame #form-login {
    width: 80%;
  }
}
.g-offline #frame #form-login fieldset {
  text-align: left;
}
.g-offline #frame #form-login label {
  display: block;
  margin-bottom: 0.5rem;
}
.g-offline #grav-login .form-actions {
  margin-top: 0.5rem;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .form-actions {
    text-align: center;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .rememberme {
    float: none;
    display: block;
  }
}
.g-logo {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 900;
  font-size: 1.35rem;
  vertical-align: middle;
  text-transform: uppercase;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.g-logo img, .g-logo svg {
  margin: 0 !important;
}
.g-logo svg {
  fill: #ffffff;
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .g-logo {
    display: block;
    text-align: center;
  }
  .g-logo img, .g-logo svg {
    margin: 0 !important;
    width: 100%;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .g-logo {
    display: block;
    text-align: center;
  }
  .g-logo img, .g-logo svg {
    margin-left: 1rem !important;
    width: 70%;
  }
}
.g-etmlogo {
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 900;
  font-size: 1.35rem;
  vertical-align: middle;
  text-transform: uppercase;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.g-etmlogo img, .g-etmlogo svg {
  margin: 0 !important;
}
.g-etmlogo svg {
  fill: #ffffff;
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .g-etmlogo {
    display: block;
    text-align: center;
    width: 100%;
  }
  .g-etmlogo img, .g-etmlogo svg {
    margin: 1rem auto !important;
    width: 40%;
    max-width: 40%;
  }
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .g-etmlogo {
    display: block;
    text-align: center;
    width: 100%;
  }
  .g-etmlogo img, .g-etmlogo svg {
    margin: 0.5rem 0 !important;
    width: 20%;
  }
}
/* (c)2020 by Peter Hellinger - Selfpubservice */
/* Version 1.0.0 */
/*	for the particles:
	- sps_griddownload
	- sps_imageshow
	- sps_imageslider
	- sps_joomlaslider
	- sps_slideshow
*/
.arFull {
  padding: 0 0 100vh 0;
  height: 100vh;
  max-height: 100vh;
  /*/
	@include break_point (tablet-landscape) {
	}
	@include break_point (tablet-portrait) {
		padding: 0 0 50vh 0; 
		height:  50vh;
		max-height: 50vh;
	}
	@include break_point (mobile-landscape) {
		background-size: cover !important;
	}
	@include break_point (mobile-portrait) {
		padding: 0 0 50vh 0; 
		height:  50vh;
		max-height: 50vh;
	}
	/**/
}
.ar16x10l {
  aspect-ratio: 1.6;
}
.ar16x10p {
  aspect-ratio: 0.625;
}
.ar16x9l, #projekt-grid .projekt .image, .projektslider .image, .referenzen .ref-item .ref-bild {
  aspect-ratio: 1.7777777778;
}
.ar16x9p {
  aspect-ratio: 0.5625;
}
.ar5x3l {
  aspect-ratio: 1.6666666667;
}
.ar5x3p {
  aspect-ratio: 0.6;
}
.ar4x3l, .videothek .videos .video .image, #projekte .projektitem .image {
  aspect-ratio: 1.3333333333;
}
.ar4x3p {
  aspect-ratio: 0.75;
}
.ar3x2l {
  aspect-ratio: 1.5;
}
.ar3x2p {
  aspect-ratio: 0.6666666667;
}
.ar2x1l {
  aspect-ratio: 2;
}
.ar2x1p {
  aspect-ratio: 0.5;
}
.ar1x1l {
  aspect-ratio: 1;
}
.ar1x1p {
  aspect-ratio: 1;
}
.ar1x1 {
  aspect-ratio: 1;
}
.arfit {
  padding: 0 0 1% 0;
  max-height: 1%;
  height: 1%;
}
.image {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .image {
    background-position: top center;
  }
}
.sps-slider {
  position: relative;
  /**/
}
.sps-slider .g-title {
  margin: 0 0 1em;
  color: inherit !important;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) {
  .sps-slider .g-title {
    margin: 0;
    font-size: 1rem;
  }
}
.sps-slider .g-introtext {
  margin: 0 0 1em;
}
.sps-slider .g-introtext a:not(.button) {
  color: #4f9b1f;
}
.sps-slider .g-introtext a:not(.button):hover {
  text-decoration: underline;
}
.sps-slider .image-bg {
  position: relative;
  margin: 0;
}
.sps-slider .image-bg .image {
  background-size: cover;
  background-position: center center;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .sps-slider .image-bg .image {
    background-position: top center;
  }
}
.sps-slider .slick-arrow {
  background-color: #2c2821;
  width: 40px;
  height: 40px;
}
.sps-slider .slick-arrow:before {
  opacity: 1;
}
.sps-slider .slick-arrow:hover {
  background-color: #4f9b1f;
}
.sps-slider .slick-arrow.btnprev, .sps-slider .slick-arrow.slick-prev {
  left: -2rem;
  top: 50%;
  z-index: 12 !important;
  /**/
  mask: url('../images/icons/left-chevron.svg') no-repeat 50% 50%;
  /**/
  /*/
			-webkit-mask: url('gantry-media://icons/chevron-circle-left.svg') no-repeat 50% 50%;;
			mask: url('gantry-media://icons/chevron-circle-left.svg') no-repeat 50% 50%;;
			&:before { content: ' '; }
			/**/
}
.sps-slider .slick-arrow.btnprev:before, .sps-slider .slick-arrow.slick-prev:before {
  content: " ";
}
.sps-slider .slick-arrow.btnnext, .sps-slider .slick-arrow.slick-next {
  right: -2rem;
  top: 50%;
  z-index: 12 !important;
  /**/
  mask: url('../images/icons/right-chevron.svg') no-repeat 50% 50%;
  /**/
  /*/
			-webkit-mask: url('gantry-media://icons/chevron-circle-right.svg') no-repeat 50% 50%;;
			mask: url('gantry-media://icons/chevron-circle-right.svg') no-repeat 50% 50%;;
			&:before { content: ' '; }
			/**/
}
.sps-slider .slick-arrow.btnnext:before, .sps-slider .slick-arrow.slick-next:before {
  content: " ";
}
.sps-slider .vertical .slick-arrow {
  top: auto;
  left: auto;
  bottom: -1.5rem;
  transform: none;
  z-index: 2;
}
.sps-slider .vertical .slick-arrow.slick-next {
  right: 0;
}
.sps-slider .vertical .slick-arrow.slick-next:before {
  content: "";
}
.sps-slider .vertical .slick-arrow.slick-prev {
  right: 2rem;
}
.sps-slider .vertical .slick-arrow.slick-prev:before {
  content: "";
}
.sps-slider .slick-dots {
  position: absolute;
  bottom: 2rem !important;
  right: 7.5% !important;
  text-align: right;
  z-index: 11;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.sps-slider .slick-dots li {
  height: 0.75rem !important;
  width: 0.75rem !important;
}
.sps-slider .slick-dots li button {
  height: inherit;
  width: inherit;
}
.sps-slider .slick-dots li button:before {
  font-family: "FontAwesome";
  font-size: 1rem !important;
  content: "";
  opacity: 1;
  color: rgba(255, 255, 255, 0.8) !important;
}
.sps-slider .slick-dots li button:focus:before, .sps-slider .slick-dots li button:hover:before {
  color: #4f9b1f !important;
}
.sps-slider .slick-dots li.slick-active button:before {
  color: #4f9b1f !important;
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .sps-slider .slick-dots {
    bottom: 1.5rem !important;
    right: 7.5% !important;
  }
  .sps-slider .slick-dots li {
    height: 0.5rem !important;
    width: 0.5rem !important;
  }
  .sps-slider .slick-dots li button:before {
    font-size: 0.8rem !important;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .sps-slider .slick-dots {
    bottom: 1.5rem !important;
    right: 5% !important;
  }
  .sps-slider .slick-dots li {
    height: 0.5rem !important;
    width: 0.5rem !important;
  }
  .sps-slider .slick-dots li button:before {
    font-size: 0.8rem !important;
  }
}
.sps-slider .slidericons {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  text-align: right;
  opacity: 0.6;
  color: #ffffff;
}
.sps-slider .slidericons span {
  padding-left: 0.25rem;
}
.sps-slider.sps_slideshow .slick-arrow {
  background-color: #ffffff;
  opacity: 0.5;
  position: absolute;
  top: 50vh;
  z-index: 2;
  cursor: pointer;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
.sps-slider.sps_slideshow .slick-arrow:hover {
  opacity: 1;
}
.sps-slider.sps_slideshow .slick-arrow:before {
  font-size: 2rem;
}
.sps-slider.sps_slideshow .slick-arrow.slick-next, .sps-slider.sps_slideshow .slick-arrow.btnnext {
  right: 2rem;
}
.sps-slider.sps_slideshow .slick-arrow.slick-prev, .sps-slider.sps_slideshow .slick-arrow.btnprev {
  left: 2rem;
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .sps-slider.sps_slideshow .slick-arrow {
    display: none !important;
  }
}
.sps-slider .slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}
.sps-slider .sps_imageslider .slick-arrow {
  background-color: #2c2821;
  width: 32px;
  height: 32px;
}
.sps-slider .sps_imageslider .slick-arrow.btnprev, .sps-slider .sps_imageslider .slick-arrow.slick-prev {
  left: -2rem;
  z-index: 12 !important;
  -webkit-mask: url('../images/icons/left-chevron.svg') no-repeat 50% 50%;
  mask: url('../images/icons/left-chevron.svg') no-repeat 50% 50%;
}
.sps-slider .sps_imageslider .slick-arrow.btnprev:before, .sps-slider .sps_imageslider .slick-arrow.slick-prev:before {
  content: " ";
}
.sps-slider .sps_imageslider .slick-arrow.btnnext, .sps-slider .sps_imageslider .slick-arrow.slick-next {
  right: -2rem;
  z-index: 12 !important;
  -webkit-mask: url('../images/icons/right-chevron.svg') no-repeat 50% 50%;
  mask: url('../images/icons/right-chevron.svg') no-repeat 50% 50%;
}
.sps-slider .sps_imageslider .slick-arrow.btnnext:before, .sps-slider .sps_imageslider .slick-arrow.slick-next:before {
  content: " ";
}
.sps-slider .sps_imageslider .imagegrid-item.gap-none {
  margin: 0;
}
.sps-slider .sps_imageslider .imagegrid-item.gap-02 {
  margin: 0 0.125rem;
}
.sps-slider .sps_imageslider .imagegrid-item.gap-05 {
  margin: 0 0.25rem;
}
.sps-slider .sps_imageslider .imagegrid-item.gap-07 {
  margin: 0 0.375rem;
}
.sps-slider .sps_imageslider .imagegrid-item.gap-10 {
  margin: 0 0.5rem;
}
.sps-slider .sps_imageslider .imagegrid-item.gap-15 {
  margin: 0 0.75rem;
}
.sps-slider .sps_imageslider .imagegrid-item.gap-20 {
  margin: 0 1rem;
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg {
  position: relative;
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg .magnify-icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: #ffffff;
  font-size: 1rem;
  opacity: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg .magnify-icon:hover {
  background: rgba(79, 155, 31, 0.5);
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg .image-video {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  font-size: 1rem;
  opacity: 0.8;
  z-index: 10;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg:hover .image {
  opacity: 1;
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg:hover .magnify-icon {
  opacity: 1;
}
.sps-slider .sps_imageslider .imagegrid-item .image-bg:hover .image-video {
  opacity: 1;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .stage {
  position: relative;
  font-size: 0;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .stage .stage-item-container .stage-image {
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .stage .stage-item-container .magnify-icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: #ffffff;
  font-size: 1rem;
  opacity: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .stage .stage-item-container .magnify-icon:hover {
  background: rgba(79, 155, 31, 0.5);
}
.sps-slider .sps_imageshow .sps-imageshow-stage .stage .stage-item-container:hover .magnify-icon {
  opacity: 1;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .slick-arrow.slick-next, .sps-slider .sps_imageshow .sps-imageshow-stage .slick-arrow.slick-prev {
  width: 40px;
  height: 40px;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .slick-arrow.slick-next:before, .sps-slider .sps_imageshow .sps-imageshow-stage .slick-arrow.slick-prev:before {
  font-size: 2rem;
  width: 40px;
  height: 40px;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .slick-arrow.slick-next {
  right: -2.5rem;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .slick-arrow.slick-prev {
  left: -2.5rem;
}
.sps-slider .sps_imageshow .sps-imageshow-stage .slidericons {
  text-align: right;
}
.sps-slider .sps_imageshow .sps-imageshow-slider {
  margin-top: 1rem;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider {
  position: relative;
  font-size: 0;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider .slider-item .slider-item-container {
  position: relative;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider .slider-item .slider-item-container .slider-image {
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider .slider-item .slider-item-container .actual-icon {
  position: absolute;
  bottom: 0.25em;
  right: 1em;
  color: #ffffff;
  font-size: 1rem;
  opacity: 0;
  z-index: 10;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider .slider-item.slick-current .actual-icon {
  opacity: 1;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider .slidericons {
  text-align: right;
  opacity: 0.6;
}
.sps-slider .sps_imageshow .sps-imageshow-slider .slider .slidericons span {
  padding-left: 0.25rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg {
  position: relative;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-none {
  margin: 0;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-02 {
  margin: 0 0.125rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-05 {
  margin: 0 0.25rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-07 {
  margin: 0 0.375rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-10 {
  margin: 0 0.5rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-15 {
  margin: 0 0.75rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg.gap-20 {
  margin: 0 1rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg .magnify-icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: #ffffff;
  font-size: 1rem;
  opacity: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg .magnify-icon:hover {
  background: rgba(79, 155, 31, 0.5);
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg:hover .image {
  opacity: 1;
}
.sps-slider .sps_griddownload .downloadgrid-item .image-bg:hover .magnify-icon {
  opacity: 1;
}
.sps-slider .sps_griddownload .downloads {
  margin: 0.5rem 0;
  font-size: 0;
  font-size: 1rem;
  text-align: right;
}
.sps-slider .sps_griddownload .downloads a {
  display: inline-block;
  text-decoration: none;
  margin: 0 0 0 0.5rem;
  text-align: center;
  font-size: 1rem;
}
.sps-slider .sps_griddownload .downloads a i {
  padding-right: 0.35rem;
}
.sps-slider .sps_griddownload .downloads a:hover {
  color: #4f9b1f !important;
}
.sps-slider .sps_griddownload .downloads a:hover span, .sps-slider .sps_griddownload .downloads a:hover i {
  color: inherit;
}
.sps-slider .sps_joomlaslider .slidegrid {
  position: relative;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-none {
  margin: 0;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-02 {
  margin: 0 0.125rem;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-05 {
  margin: 0 0.25rem;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-07 {
  margin: 0 0.375rem;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-10 {
  margin: 0 0.5rem;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-15 {
  margin: 0 0.75rem;
}
.sps-slider .sps_joomlaslider .slidegrid.gap-20 {
  margin: 0 1rem;
}
.sps-slider .sps_joomlaslider .slidegrid.text_top {
  display: grid;
  grid-gap: 0 !important;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "txt" "pic";
}
.sps-slider .sps_joomlaslider .slidegrid.text_bot {
  display: grid;
  grid-gap: 0 !important;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas: "pic" "txt";
}
.sps-slider .sps_joomlaslider .slidegrid.text_left {
  display: grid;
  grid-gap: 0 !important;
  grid-template-columns: 50% 50%;
  grid-template-areas: "txt pic";
}
.sps-slider .sps_joomlaslider .slidegrid.text_right {
  display: grid;
  grid-gap: 0 !important;
  grid-template-columns: 50% 50%;
  grid-template-areas: "pic txt";
}
.sps-slider .sps_joomlaslider .slidegrid.overlay_full .text-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sps-slider .sps_joomlaslider .slidegrid.overlay_full .text-block .tb-container {
  width: 100%;
  height: 100%;
}
.sps-slider .sps_joomlaslider .slidegrid.overlay_top .text-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.sps-slider .sps_joomlaslider .slidegrid.overlay_bot .text-block {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
.sps-slider .sps_joomlaslider .slidegrid.overlay_left .text-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.sps-slider .sps_joomlaslider .slidegrid.overlay_right .text-block {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}
.sps-slider .sps_joomlaslider .slidegrid .image-bg {
  grid-area: pic;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block {
  grid-area: txt;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-title {
  margin: 0 0 0.5rem 0;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-details {
  font-size: 0.8rem;
  margin: 0 0 1rem 0;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-date, .sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-author, .sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-category, .sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-hits {
  padding-right: 0.5rem;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-date i, .sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-author i, .sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-category i, .sps-slider .sps_joomlaslider .slidegrid .text-block .content-details .content-hits i {
  padding-right: 0.25rem;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "slideleft slideright";
  min-width: 100%;
  min-height: 100%;
}
@media only screen and (max-width: 1024px) {
  .sps-slider .sps_joomlaslider .slidegrid .text-block .content-text {
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "slideright" "slideleft";
  }
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideright {
  grid-area: slideright;
  padding: 5vh 5vh 0 0;
  text-align: right;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) {
  .sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideright {
    padding: 7vh 5vh 0;
    text-align: center;
  }
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideright h1 {
  margin: 0;
  line-height: 1;
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 4.5rem;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  text-transform: uppercase;
}
@media only all and (max-width: 47.99rem) {
  .sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideright h1 {
    font-size: 3.375rem;
    text-align: center;
  }
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideright h5 {
  margin: 0.5rem 0 0;
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.5;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideleft {
  grid-area: slideleft;
  align-self: end;
  padding: 0 0 8vh 5vh;
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-width: 47.99rem) {
  .sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideleft {
    text-align: center;
  }
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideleft img {
  width: 37.5%;
  max-width: 37.5%;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-text .slideleft h5 {
  margin: 0;
  font-family: "Oxanium", "Roboto", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
}
.sps-slider .sps_joomlaslider .slidegrid .text-block .content-readmore {
  margin-top: 0.5rem;
}
.sps-uikit-slider {
  position: relative;
}
.sps-uikit-slider .uk-slideshow-items .slideshow-item .slideshow-image {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.sps-uikit-slider .uk-slideshow-items .slideshow-item .slideshow-image .magnify-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
}
.sps-uikit-slider.inner-dots .slider-dots {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
}
.sps-uikit-slider .slider-dots {
  /**/
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  /**/
  display: grid;
  place-items: center;
  padding: 0.75rem;
  /*/
		.uk-dotnav > * > * {
			display: block;
			box-sizing: border-box;
			border-radius: 50%;
			background: 0 0;
			background-color: rgba(0, 0, 0, 0);
			//background-color: red;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
			border: 1px solid rgba(102,102,102,.4);
			transition: .2s ease-in-out;
			transition-property: all;
			transition-property: background-color,border-color;
		}
		/**/
}
.sps-uikit-slider .slider-dots .uk-dotnav li a {
  width: 18px !important;
  height: 18px !important;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid #ffffff;
}
.sps-uikit-slider .slider-dots .uk-dotnav li.uk-active a {
  border-color: #4f9b1f;
  background-color: #4f9b1f;
}
.sps-uikit-slider .slider-dots .uk-dotnav li:hover a {
  background-color: #ffffff;
}
.sps-ukslideshow {
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
  /*/
	@if $breakpoint == large-desktop-range {
		@media only all 
					and (min-width: $breakpoints-large-desktop-container) 
					{ @content; }
	}
	@else if $breakpoint == desktop-range {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					and (max-width: $breakpoints-large-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == desktop-only {
		@media only all 
					and (min-width: $breakpoints-desktop-container) 
					{ @content; }
	}
    @else if $breakpoint == tablet-range {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
	@else if $breakpoint == tablet-range-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}

	@else if $breakpoint == tablet {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					{ @content; }
	}
   	@else if $breakpoint == tablet-portrait {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: portrait) 
					{ @content; }
	}
    @else if $breakpoint == tablet-landscape {
		@media only all 
					and (min-width: $breakpoints-tablet-container) 
					and (max-width: $breakpoints-desktop-container - 0.01rem) 
					and (orientation: landscape) 
					{ @content; }
	}
	/**/
}
@media only all and (max-height: 47.99rem) and (orientation: landscape) {
  .sps-ukslideshow {
    width: 75%;
    margin: 0 auto;
  }
  .sps-ukslideshow .image[data-image="/images/03-aktiv/sommer/bildblock1/005.jpg"] {
    background-position: center bottom !important;
  }
  .sps-ukslideshow .image[data-image="/images/03-aktiv/winter/bildblock1/005.jpg"] {
    background-position: center top !important;
  }
  .sps-ukslideshow .image[data-image="/images/01-hotel/ambiente/bildblock1/05.jpg"] {
    background-position: center top !important;
  }
}
@media only all and (max-width: 47.99rem) and (orientation: portrait) {
  .sps-ukslideshow .image[data-image="/images/03-aktiv/sommer/bildblock1/005.jpg"] {
    background-position: center bottom !important;
  }
  .sps-ukslideshow .image[data-image="/images/03-aktiv/winter/bildblock1/005.jpg"] {
    background-position: center top !important;
  }
  .sps-ukslideshow .image[data-image="/images/01-hotel/ambiente/bildblock1/05.jpg"] {
    background-position: center top !important;
  }
}
.g-video {
  position: relative;
  height: 0;
  overflow: hidden;
  width: auto;
  height: 90vh;
  background: #000000;
  /*
    @include breakpoint (large-desktop-range) {
        margin-top: 0;
        height: 100vh + $menuline;
    }
    */
}
.g-video.transparent {
  background: transparent;
}
.g-video iframe, .g-video object, .g-video embed, .g-video video {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  /*
        top: 0;
        left: 0;
        */
}
.g-video:hover .g-videolocal-play.pause {
  opacity: 1;
}
.g-video .g-videolocal-play {
  height: 3.5vw;
  width: 3.5vw;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 50%;
  margin-bottom: -40px;
  background: url('../images/owlcarousel/play.svg') no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 1;
}
@media only all and (max-width: 30rem) {
  .g-video .g-videolocal-play {
    height: 12vw;
    width: 12vw;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-video .g-videolocal-play {
    height: 12vw;
    width: 12vw;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-video .g-videolocal-play {
    height: 6vw;
    width: 6vw;
  }
}
.g-video .g-videolocal-play.pause {
  background: url('../images/owlcarousel/paused.svg');
  background-size: contain;
  opacity: 0;
}
.g-video #playvideo.g-videolocal-play {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: 39%;
}
.g-video .g-video-nocontrols::-webkit-media-controls {
  display: none !important;
}
.g-video-caption {
  background: #981711;
  color: #ffffff;
  text-align: center;
  font-size: 0.8rem;
  padding: 0.5rem 0;
}
.g-container {
  width: 75rem;
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .g-container {
    width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .g-container {
    width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .g-container {
    width: 30rem;
  }
}
@media only all and (max-width: 30rem) {
  .g-container {
    width: 100%;
  }
}
.g-container.g-flushed {
  width: 100%;
}
@media only all and (max-width: 47.99rem) {
  .g-block {
    flex-grow: 0;
    flex-basis: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  body [class*="size-"] {
    flex-grow: 0;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media only all and (max-width: 47.99rem) {
  @supports not (flex-wrap: wrap) {
    .g-grid {
      display: block;
      flex-wrap: inherit;
    }
    .g-block {
      display: block;
      flex: inherit;
    }
  }
}
.visible-large, .visible-desktop, .visible-tablet, .visible-phone, .g-block.visible-large, .g-block.visible-desktop, .g-block.visible-tablet, .g-block.visible-phone {
  display: none !important;
}
@media only all and (max-width: 47.99rem) {
  .visible-phone {
    display: block !important;
  }
  .g-block.visible-phone {
    display: block !important;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .visible-tablet {
    display: block !important;
  }
  .g-block.visible-tablet {
    display: block !important;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (min-width: 75rem) {
  .visible-large {
    display: block !important;
  }
  .g-block.visible-large {
    display: block !important;
  }
  .visible-desktop {
    display: block !important;
  }
  .g-block.visible-desktop {
    display: block !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .hidden-phone {
    display: none !important;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .hidden-tablet {
    display: none !important;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (min-width: 75rem) {
  .hidden-large {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
}
@media only all and (max-width: 47.99rem) {
  .align-right {
    text-align: inherit !important;
  }
  .align-left {
    text-align: inherit !important;
  }
}
/*# sourceMappingURL=greiffenhagen_13.css.map */