/* Reset some default styles */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: local(""), url("/roboto-v30-latin-100.woff2") format("woff2"), url("roboto-v30-latin-100.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("/roboto-v30b-latin-300.woff2") format("woff2"), url("/roboto-v30-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/roboto-v30-latin-regular.woff2") format("woff2"), url("/roboto-v30-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("/roboto-v30b-latin-700.woff2") format("woff2"), url("/roboto-v30-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-500 - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 500;
  src: local(""), url("/roboto-slab-v24-latin-500.woff2") format("woff2"), url("/roboto-slab-v24-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-700 - latin */
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("/roboto-slab-v24-latin-700.woff2") format("woff2"), url("/roboto-slab-v24-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/*@font-face {
    font-family: 'Roboto-Regular';
    src:url('/Roboto-regular.ttf') format('truetype');
     font-weight: normal;
    font-style: normal;

}*/

/*
html, body {
  height: 100%;
  margin: 0;
}*/

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}



body, h1, h2, p, ul, li {
  margin: 0;
  padding: 0;
}

/* Basic styles */
body {
  --scrollbar: -1px;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  line-height: 1.5;

  color: #333;
  background-color: #FFFFFF;
  /*background-image: url('/background.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-attachment: scroll;
  */
  min-height: 90vh;

}


header > .inside .navigation .menu-header.with-language-picker {
  width: calc(100% - 50px);
}
@media (min-width: 768px) {
  header > .inside .navigation .menu-header.with-language-picker {
    width: auto;
  }
}
header > .inside .navigation .language-picker {
  order: 3;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 90px;
}
@media (min-width: 768px) {
  header > .inside .navigation .language-picker {
    position: relative;
  }
}
header > .inside .navigation .language-picker .language-expander {
  display: flex;
  padding: 1em;
  color: var(--color-primary);
}
header > .inside .navigation .language-picker ul {
  position: absolute;
  top: 100%;
  display: none;
  background-color: white;
  padding: 0;
  right: 0;
  padding-bottom: 1em;
}
@media (min-width: 768px) {
  header > .inside .navigation .language-picker ul {
    right: -1em;
    width: auto !important;
    padding: 0 1em;
  }
}
header > .inside .navigation .language-picker ul a:before {
  display: none !important;
}
header > .inside .navigation.use-mobile-navigation .menu-header.with-language-picker {
  width: calc(100% - 50px);
}
header > .inside .navigation.use-mobile-navigation .language-picker {
  position: absolute;
}
header > .inside .navigation.use-mobile-navigation .language-picker ul {
  padding: 0;
  right: 0;
}
header > .inside .navigation.use-mobile-navigation .language-picker li {
  border-bottom: 0;
}

body.menu-state-open .navigation .language-picker {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
@media (min-width: 768px) {
  body.menu-state-open .navigation:not(.use-mobile-navigation) .language-picker {
    border-bottom: none;
  }
}

body.language-state-open .navigation .language-picker ul, body.language-state-open .navigation.use-mobile-navigation .language-picker ul {
  display: flex;
}
@media (min-width: 768px) {
  body.language-state-open .navigation .language-picker ul, body.language-state-open .navigation.use-mobile-navigation .language-picker ul {
    flex-direction: row;
  }
}

header > .inside .navigation ul.items ul a:before {
  content: none;
}
header > .inside .navigation ul.items ul li {
  margin: 0;
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
header > .inside .navigation ul.items ul li:not(:hover):last-of-type {
  border-color: transparent;
}
header > .inside .navigation.use-mobile-navigation ul.items ul {
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-color: var(--color-primary);
}
header > .inside .navigation.use-mobile-navigation ul.items ul li:hover {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
}
header > .inside .navigation.use-mobile-navigation ul.items li.opened > a {
  color: var(--color-primary);
}
header > .inside .navigation.use-mobile-navigation ul.items li.opened a:before {
  transform: translateY(-50%) rotate(135deg);
}
header > .inside .navigation.use-mobile-navigation ul.items li.opened ul {
  display: block;
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items ul {
  display: none;
  position: absolute;
  padding: 1em;
  margin-top: 2px;
  background-color: rgba(var(--color-bg-odd-rgb), 1);
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items ul a {
  padding: 1em;
  width: 300px;
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items li:hover ul {
  display: block;
}
header > .inside .navigation:not(.use-mobile-navigation) ul.items > li.right ul {
  right: 0;
}

body {
  --scrollbar: -1px;
}

header > .inside .navigation .language-picker ul {
  width: calc(100vw - 6em - var(--scrollbar));
}

header {
  position: fixed;
  z-index: 10;
  width: 100%;
}
header > .inside {
  max-width: calc(1088px + 6em);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 3em;
}
header > .inside .navigation {
  background-color: rgba(var(--color-bg-odd-rgb), 0.8);
  backdrop-filter: blur(5px);
  position: relative;
  color: var(--color-text);
  display: flex;
  align-items: stretch;
  font-size: 1em;
}
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  header > .inside .navigation {
    background-color: rgba(var(--color-bg-odd-rgb), 0.95);
    border-bottom: 1px solid var(--color-bg-odd-d-20);
  }
}
header > .inside .navigation > ul {
  flex-basis: 50%;
  display: flex;
  justify-content: space-evenly;
}
header > .inside a {
  color: var(--color-text);
  display: inline-block;
}
header > .inside li.active a {
  color: var(--color-primary);
}
header > .inside .navigation ul {
  display: flex;
}
header > .inside .navigation ul:first-child {
  justify-content: flex-end;
}
header > .inside .navigation ul:last-child {
  justify-content: flex-start;
}
header > .inside .navigation ul a {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  padding: 1em 0;
  position: relative;
  text-align: center;
}
header > .inside .navigation ul a::before {
  content: "";
  display: block;
  border-top: 3px solid var(--color-primary);
  border-right: 3px solid var(--color-primary);
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 2px;
}
header > .inside ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
header > .inside .logo {
  padding: 1em;
  height: 100%;
  box-sizing: border-box;
}
header > .inside .logo img {
  height: 100%;
  width: auto;
}
header > .inside .navigation {
  flex-direction: column;
}
header > .inside .navigation.logo-pos-left ul, header > .inside .navigation.logo-pos-right ul {
  flex-basis: auto;
}
header > .inside .navigation.logo-pos-left .menu-header {
  order: 1;
}
header > .inside .navigation.logo-pos-left ul {
  order: 2;
}
header > .inside .navigation.logo-pos-right ul {
  order: 1;
}
header > .inside .navigation ul {
  width: 100%;
}
header > .inside .navigation .menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  order: 1;
  flex-shrink: 0;
  height: 90px;
}
header > .inside .navigation ul {
  display: none;
  flex-direction: column;
  order: 2;
}
header > .inside .navigation li {
  margin: 0 1em;
}
header > .inside .navigation li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
header > .inside .navigation li:not(.logo):hover {
  background-color: #fff;
  border-bottom-color: var(--color-primary);
}
header > .inside .navigation li a:hover {
  color: var(--color-primary);
}

@media (min-width: 768px) {
  header > .inside .navigation {
    flex-direction: row;
    padding: 0 1em;
    font-size: 0.8em;
  }
  header > .inside .navigation ul a {
    padding: 2em 1em;
  }
  header > .inside .navigation ul a::before {
    display: none;
  }
  header > .inside .navigation.logo-pos-left .menu-header {
    margin-right: auto;
  }
  header > .inside .navigation.logo-pos-right .menu-header {
    order: 2;
    margin-left: auto;
  }
  header > .inside .navigation ul {
    width: auto;
  }
  header > .inside .navigation .menu-header {
    order: initial;
  }
  header > .inside .navigation > ul {
    display: flex;
    order: initial;
    flex-direction: row;
  }
  header > .inside .navigation li {
    margin: 0;
  }
}
header > .inside .navigation.use-mobile-navigation {
  flex-direction: column;
  padding: 0;
}
header > .inside .navigation.use-mobile-navigation ul a::before {
  display: block;
}
header > .inside .navigation.use-mobile-navigation.logo-pos-left .menu-header {
  margin-right: 0;
}
header > .inside .navigation.use-mobile-navigation.logo-pos-right .menu-header {
  margin-left: 0;
}
header > .inside .navigation.use-mobile-navigation.logo-pos-right ul {
  order: 1;
}
header > .inside .navigation.use-mobile-navigation > ul {
  width: 100%;
}
header > .inside .navigation.use-mobile-navigation .menu-header {
  order: 1;
}
header > .inside .navigation.use-mobile-navigation > ul {
  display: none;
  flex-direction: column;
  order: 2;
}
header > .inside .navigation.use-mobile-navigation li {
  border-bottom: 1px solid var(--color-bg-odd-d-20);
  margin: 0 1em;
}

header > .inside .navigation .menu-expander {
  width: 24px;
  height: 24px;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 1em;
}
header > .inside .navigation .menu-expander .inner {
  width: 24px;
  height: 24px;
  position: relative;
}
header > .inside .navigation .menu-expander span {
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  display: block;
  position: absolute;
  transition: transform 200ms;
}
header > .inside .navigation .menu-expander span:first-child {
  transform: translate3d(0, 2px, 0);
}
header > .inside .navigation .menu-expander span:nth-child(2) {
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
header > .inside .navigation .menu-expander span:last-child {
  transform: translate3d(0, 20px, 0);
}
header > .inside .navigation.use-mobile-navigation .menu-expander {
  display: flex;
}

#hero img {
  width: 100%;
}

@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}

footer {
  opacity: 1;
  background-color: #333;
  color: #fff;
  padding: 10px;
  height: 2em; /* Set a fixed height for the footer */
  display: flex;
  align-items: center; /* Center the content vertically */
  justify-content: center; /* Center the content horizontally */
}

body > #wrapper {
  position: relative;
}
body > #wrapper footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

main {
  opacity: 1;
  flex: 1 1 auto;
  max-width: 700px;

  width: 80%;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
/*   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

h1 {
  font-size: 28px;
  margin-bottom: 20px;
}

h2 {
  font-size: 20px;
  margin-bottom: 10px;
}
h4 {
  font-size: 1em;
  margin-bottom: 0px;

}

p {
  margin-bottom: 20px;
}

ul {
  list-style-type: none;
  margin-bottom: 20px;
}

li {
  margin-bottom: 10px;
}

form {
  display: grid;
  gap: 1em;
}

.form-group {
  display: grid;
  gap: 5px;
}

label {
  font-weight: 400;
}

input[type="text"],
input[type="email"],
input[type="date"],
input[type="file"]
input[type="checkbox"]{
  padding: 5px;
/*   border: 2px solid #4CAF50; */
  border: 3px solid #67941C;
  border-radius: 6px;
  font-size: 1.0em;
  font-weight: 400;
}

.camera-button {

  padding: 10px 20px;
  background-color: #008CBA;
  width: 10em;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  float: right;
}

.submit-button {

  padding: 10px 20px;
  background-color: #67941C;
  color: #fff;
  border: none;
  width: 10em;
  border-radius: 6px;
  cursor: pointer;
  float: right;
}

a {
  color: #67941C;
  text-decoration: none;

}

a:hover {
  text-decoration: underline;
}

.column-list {
  list-style-type: none;
  padding: 0;
}

.column-list li {
  display: inline-block;
  margin-right: 20px; /* Adjust the spacing between list items */
}


    /* Style for the enabled button */
    #submitButton {
      background-color: #67941C;
      color: white;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
    }

    /* Style for the disabled button */
    #submitButton:disabled {
      background-color: #cccccc;
      color: #666666;
      cursor: not-allowed;
    }

:root {
  --color-primary: #67941c;
  --color-secondary: #6da11f;
  --color-text: #295919;
  --color-text-on-primary: #ffffff;
  --color-bg-odd: #ffffff;
  --color-bg-even: #f5f5f5;
  --color-bg-odd-d-20: #ccc;
  --color-bg-even-d-10: gainsboro;
  --color-primary-l-5: #76a920;
  --color-primary-l-10: #85bf24;
  --color-secondary-l-40: #ceed9f;
  --color-primary-rgb: 103, 148, 28;
  --color-secondary-rgb: 109, 161, 31;
  --color-text-rgb: 41, 89, 25;
  --color-text-on-primary-rgb: 255, 255, 255;
  --color-bg-odd-rgb: 255, 255, 255;
  --color-bg-even-rgb: 245, 245, 245;
  --color-bg-odd-d-20-rgb: 204, 204, 204;
  --color-bg-even-d-10-rgb: 220, 220, 220;
  --color-primary-l-5-rgb: 118, 169, 32;
  --color-primary-l-10-rgb: 133, 191, 36;
  --color-secondary-l-40-rgb: 206, 237, 159;
  --color-stage-headline: #ffffff;
  --color-quickcontact-primary: #ff00ff;
  --color-quickcontact-text-on-primary: #ff00ff;
  --color-quickcontact-background: #ff00ff;
}
img {
  vertical-align: bottom;
}
footer {    background-color: var(--color-primary); }


.stage.background_50:not([data-bgimage]), .stage.foreground:not([data-bgimage]), .stage.both:not([data-bgimage]), .stage.video_50:not([data-bgimage])
{
  background: linear-gradient(58deg, var(--color-secondary-l-40), var(--color-secondary));
}


footer > .inside {
  max-width: calc(1088px + 6em);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 3em;
}
footer > .inside .footer__main {
  background-color: var(--color-primary);
  color: var(--color-text-on-primary);
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  footer > .inside .footer__main {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
footer > .inside abbr {
  text-decoration: none;
}
footer > .inside .footer__copyright, footer > .inside .footer__links a {
  padding: 1em;
}
footer > .inside a {
  color: var(--color-text-on-primary);
  font-weight: 300;
}
footer > .inside a.active {
  font-weight: 400;
}
footer > .inside a:hover {
  color: rgba(var(--color-text-on-primary-rgb), 0.5);
}
footer > .inside ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer > .inside ul li {
  display: inline;
}
footer > .inside ul li + li:before {
  content: " | ";
}
footer > .inside .footer__main {
  min-height: 3rem;
}
footer > .inside .footer__main ul {
  display: flex;
  height: 100%;
}
footer > .inside .footer__main ul li {
  display: flex;
}
footer > .inside .footer__main ul li:before {
  display: flex;
  align-items: center;
}
footer > .inside .footer__main ul a {
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
}

#container a.button, #container button, #hero a.button, #hero button {
  display: inline-block;
  box-sizing: border-box;
  padding: 16px;
  margin: 7px;
  min-width: 250px;
  text-align: center;
  font-weight: 700;
  border: 2px solid var(--color-primary);
  border-radius: 6px;
}
#container a.button:hover, #container button:hover, #hero a.button:hover, #hero button:hover {
  box-shadow: 0 0 0 7px rgba(var(--color-primary-l-5-rgb), 0.25);
}
#container a.button.contained, #container button.contained, #hero a.button.contained, #hero button.contained {
  color: var(--color-text-on-primary);
  background-color: var(--color-primary);
}
#container a.button.inverted, #container button.inverted, #hero a.button.inverted, #hero button.inverted {
  color: var(--color-primary);
  background-color: var(--color-text-on-primary);
  border-color: var(--color-text-on-primary);
}
#container a.button.outlined, #container button.outlined, #hero a.button.outlined, #hero button.outlined {
  color: var(--color-primary);
}
#container a.button.disabled, #container a.button:disabled, #container button.disabled, #container button:disabled, #hero a.button.disabled, #hero a.button:disabled, #hero button.disabled, #hero button:disabled {
  color: #CCCCCC;
  border-color: #CCCCCC;
}
#container a.button.disabled:hover, #container a.button:disabled:hover, #container button.disabled:hover, #container button:disabled:hover, #hero a.button.disabled:hover, #hero a.button:disabled:hover, #hero button.disabled:hover, #hero button:disabled:hover {
  box-shadow: none;
}
#container a.button.focus, #container a.button:focus, #container button.focus, #container button:focus, #hero a.button.focus, #hero a.button:focus, #hero button.focus, #hero button:focus {
  background-color: var(--color-primary-l-10);
  border-color: var(--color-primary-l-10);
  color: var(--color-text-on-primary);
}


#container a.button, #container button, #hero a.button, #hero button {
  display: inline-block;
  box-sizing: border-box;
  padding: 16px;
  margin: 7px;
  min-width: 250px;
  text-align: center;
  font-weight: 700;
  border: 2px solid var(--color-primary);
  border-radius: 6px;
}
#container a.button:hover, #container button:hover, #hero a.button:hover, #hero button:hover {
  box-shadow: 0 0 0 7px rgba(var(--color-primary-l-5-rgb), 0.25);
}
#container a.button.contained, #container button.contained, #hero a.button.contained, #hero button.contained {
  color: var(--color-text-on-primary);
  background-color: var(--color-primary);
}
#container a.button.inverted, #container button.inverted, #hero a.button.inverted, #hero button.inverted {
  color: var(--color-primary);
  background-color: var(--color-text-on-primary);
  border-color: var(--color-text-on-primary);
}
#container a.button.outlined, #container button.outlined, #hero a.button.outlined, #hero button.outlined {
  color: var(--color-primary);
}
#container a.button.disabled, #container a.button:disabled, #container button.disabled, #container button:disabled, #hero a.button.disabled, #hero a.button:disabled, #hero button.disabled, #hero button:disabled {
  color: #CCCCCC;
  border-color: #CCCCCC;
}
#container a.button.disabled:hover, #container a.button:disabled:hover, #container button.disabled:hover, #container button:disabled:hover, #hero a.button.disabled:hover, #hero a.button:disabled:hover, #hero button.disabled:hover, #hero button:disabled:hover {
  box-shadow: none;
}
#container a.button.focus, #container a.button:focus, #container button.focus, #container button:focus, #hero a.button.focus, #hero a.button:focus, #hero button.focus, #hero button:focus {
  background-color: var(--color-primary-l-10);
  border-color: var(--color-primary-l-10);
  color: var(--color-text-on-primary);
}

.mod_article.even {
  background-color: var(--color-bg-even);
}
.mod_article.odd {
  background-color: var(--color-bg-odd);
}
.mod_article.odd + .odd > .inner, .mod_article.even + .even > .inner {
  padding-top: 0;
}
#main .mod_article.no-spacing {
  padding: 0 !important;
}
#main .mod_article.no-spacing > .inside {
  padding: 0;
  max-width: 100vw;
  margin: 0;
}

#main .mod_article > .inside, #main .mod_article.no-spacing .spacing {
  max-width: calc(1088px + 6em);
  margin: 0 auto;
  box-sizing: border-box;
  padding: 3em;
}