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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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%}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
/*! (c) 2019 kkt Marken UG */
/**
 * Abstracts
 */
/**
 * Sass variables
 */
/**
 * Breakpoints map
 * @prop {String} keys - Keys are identifiers mapped to a given length
 * @prop {Map} values - Values are actual breakpoints expressed in pixels
 * @see {mixin} respond-to
*/
/**
 * Relative or absolute URL where all assets are served from
 * @type String
 * @example scss - When using a CDN
 *   $base-url: 'http://cdn.example.com/assets/';
 */
/**
 * Media queries
 * use: @include respond-to(<size>) { <content> }
 * Sizes are defined in `abstracts/_variables.scss`
 * see https://www.sitepoint.com/managing-responsive-breakpoints-sass/
 * and https://sass-guidelin.es/#responsive-web-design-and-breakpoints
 */
/**
 * Event wrapper
 * @author Harry Roberts
 * @param {Bool} $self [false] - Whether or not to include current selector
 * @link https://twitter.com/csswizardry/status/478938530342006784 Original tweet from Harry Roberts
 */
/**
 * Imports from Node Modules
 */
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/theme/css/./material-icons.woff2") format("woff2"), url("../../files/theme/css/./material-icons.woff") format("woff");
}
.material-icons, form .widget-submit button:after, .clickbox .close:before, .ce_accordion .ui-accordion-header.active span:after, .ce_accordion .ui-accordion-header span:after, .toggle-headline .open:after, .toggle-headline .close:after, .icon--delete:after, .icon--edit:after, .container .button:after, #toggleMenu.close:before, #toggleMenu:before, .container li:before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/theme/css/./material-icons-outlined.woff2") format("woff2"), url("../../files/theme/css/./material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/theme/css/./material-icons-round.woff2") format("woff2"), url("../../files/theme/css/./material-icons-round.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/theme/css/./material-icons-sharp.woff2") format("woff2"), url("../../files/theme/css/./material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/theme/css/./material-icons-two-tone.woff2") format("woff2"), url("../../files/theme/css/./material-icons-two-tone.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/*
  All a user has to do to change the calendar size is
  change the font-size on the container and everything
  magically resizes accordingly. Relative units ftw!
*/
.qs-datepicker-container {
  font-size: 1rem;
  font-family: sans-serif;
  color: black;
  position: absolute;
  width: 15.625em;
  display: flex;
  flex-direction: column;
  z-index: 9001;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid gray;
  border-radius: 0.263921875em;
  overflow: hidden;
  background: white;
  box-shadow: 0 1.25em 1.25em -0.9375em rgba(0, 0, 0, 0.3);
}
.qs-datepicker-container * {
  box-sizing: border-box;
}

.qs-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.qs-hidden {
  display: none;
}

.qs-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  width: 100%;
  height: 100%;
  padding: 0.5em;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
}
.qs-overlay.qs-hidden {
  opacity: 0;
  z-index: -1;
}
.qs-overlay .qs-overlay-year {
  border: none;
  background: transparent;
  border-bottom: 1px solid white;
  border-radius: 0;
  color: white;
  font-size: 0.875em;
  padding: 0.25em 0;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.qs-overlay .qs-close {
  padding: 0.5em;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
.qs-overlay .qs-submit {
  border: 1px solid white;
  border-radius: 0.263921875em;
  padding: 0.5em;
  margin: 0 auto auto;
  cursor: pointer;
  background: rgba(128, 128, 128, 0.4);
}
.qs-overlay .qs-submit.qs-disabled {
  color: gray;
  border-color: gray;
  cursor: not-allowed;
}
.qs-overlay .qs-overlay-month-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.qs-overlay .qs-overlay-month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% / 3);
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s;
}
.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover {
  opacity: 1;
}

.qs-controls {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  background: lightgray;
  filter: blur(0px);
  transition: filter 0.3s;
}
.qs-controls.qs-blur {
  filter: blur(5px);
}

.qs-arrow {
  height: 1.5625em;
  width: 1.5625em;
  position: relative;
  cursor: pointer;
  border-radius: 0.263921875em;
  transition: background 0.15s;
}
.qs-arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.qs-arrow:hover.qs-left:after {
  border-right-color: black;
}
.qs-arrow:hover.qs-right:after {
  border-left-color: black;
}
.qs-arrow:after {
  content: "";
  border: 0.390625em solid transparent;
  position: absolute;
  top: 50%;
  transition: border 0.2s;
}
.qs-arrow.qs-left:after {
  border-right-color: gray;
  right: 50%;
  transform: translate(25%, -50%);
}
.qs-arrow.qs-right:after {
  border-left-color: gray;
  left: 50%;
  transform: translate(-25%, -50%);
}

.qs-month-year {
  font-weight: bold;
  transition: border 0.2s;
  border-bottom: 1px solid transparent;
}
.qs-month-year:not(.qs-disabled-year-overlay) {
  cursor: pointer;
}
.qs-month-year:not(.qs-disabled-year-overlay):hover {
  border-bottom: 1px solid gray;
}
.qs-month-year:focus, .qs-month-year:active:focus {
  outline: none;
}

.qs-month {
  padding-right: 0.5ex;
}

.qs-year {
  padding-left: 0.5ex;
}

.qs-squares {
  display: flex;
  flex-wrap: wrap;
  padding: 0.3125em;
  filter: blur(0px);
  transition: filter 0.3s;
}
.qs-squares.qs-blur {
  filter: blur(5px);
}

.qs-square {
  width: calc(100% / 7);
  height: 1.5625em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.1s;
  border-radius: 0.263921875em;
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: orange;
}

.qs-current {
  font-weight: bold;
  text-decoration: underline;
}

/*
  3 possibilities:
    1. Single, active date.
    2. Daterange start selection.
    3. Daterange end selection.
*/
.qs-active,
.qs-range-start,
.qs-range-end {
  background: lightblue;
}

.qs-range-start:not(.qs-range-6) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qs-range-middle {
  background: #d4ebf2;
}
.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
  border-radius: 0;
}
.qs-range-middle.qs-range-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.qs-range-middle.qs-range-6 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-range-end:not(.qs-range-0) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.qs-disabled,
.qs-outside-current-month {
  opacity: 0.2;
}

.qs-disabled {
  cursor: not-allowed;
}

.qs-empty {
  cursor: default;
}

.qs-day {
  cursor: default;
  font-weight: bold;
  color: gray;
}

.qs-event {
  position: relative;
}
.qs-event:after {
  content: "";
  position: absolute;
  width: 0.46875em;
  height: 0.46875em;
  border-radius: 50%;
  background: #07f;
  bottom: 0;
  right: 0;
}

/**
 * Base
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  border: none;
}

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "Fertigo_18";
  src: url(../../files/theme/fonts/Fertigo_18.eot);
  src: url(../../files/theme/fonts/Fertigo_18.eot?#iefix) format("embedded-opentype"), url(../../files/theme/fonts/Fertigo_18.otf) format("otf"), url(../../files/theme/fonts/Fertigo_18.svg#Fertigo_18) format("svg"), url(../../files/theme/fonts/Fertigo_18.ttf) format("truetype"), url(../../files/theme/fonts/Fertigo_18.woff) format("woff"), url(../../files/theme/fonts/Fertigo_18.woff2) format("woff2");
}
@font-face {
  font-family: "AvenirLTStd-Roman";
  src: url(../../files/theme/fonts/AvenirLTStd-Roman.eot);
  src: url(../../files/theme/fonts/AvenirLTStd-Roman.eot?#iefix) format("embedded-opentype"), url(../../files/theme/fonts/AvenirLTStd-Roman.otf) format("otf"), url(../../files/theme/fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman) format("svg"), url(../../files/theme/fonts/AvenirLTStd-Roman.ttf) format("truetype"), url(../../files/theme/fonts/AvenirLTStd-Roman.woff) format("woff"), url(../../files/theme/fonts/AvenirLTStd-Roman.woff2) format("woff2");
}
@font-face {
  font-family: "AvenirLTStd-Black";
  src: url(../../files/theme/fonts/AvenirLTStd-Black.eot);
  src: url(../../files/theme/fonts/AvenirLTStd-Black.eot?#iefix) format("embedded-opentype"), url(../../files/theme/fonts/AvenirLTStd-Black.otf) format("otf"), url(../../files/theme/fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black) format("svg"), url(../../files/theme/fonts/AvenirLTStd-Black.ttf) format("truetype"), url(../../files/theme/fonts/AvenirLTStd-Black.woff) format("woff"), url(../../files/theme/fonts/AvenirLTStd-Black.woff2) format("woff2");
}
@font-face {
  font-family: "MaterialIcons-Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../../files/theme/fonts/material-icons.woff2") format("woff2"), url("../../files/theme/fonts/material-icons.woff") format("woff");
}
/**
 * Basic styles
 */
/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*, *::before, *::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

body {
  background-color: #3a4821;
  color: #f6f0da;
  margin: 0 auto;
  width: 100%;
  font-weight: 300;
}

/**
 * override contao's overflow hidden
 */
.block {
  overflow: visible;
}

.invisible {
  display: none;
  visibility: hidden;
  height: 0;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

p {
  margin: 1rem 0;
}

a {
  color: #f6f0da;
  font-weight: 600;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px solid #f6f0da;
}
a:hover, a:active, a:focus {
  color: #e2cf88;
  border-bottom: 1px solid #e2cf88;
  cursor: pointer;
}

strong, .strong {
  font-family: "AvenirLTStd-Black";
  font-weight: 600;
}

sup {
  position: relative;
  vertical-align: baseline;
  top: -10px;
  font-size: 12px;
  margin-left: 4px;
}

.hidden {
  display: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.image_container {
  position: relative;
}
.image_container .caption {
  position: absolute;
  bottom: 10px;
  right: 0.5rem;
  font-size: 0.8rem;
  color: #000;
}

body {
  font-family: "AvenirLTStd-Roman";
  font-size: 16px;
  line-height: 24px;
}

h5, h6, h4, h3, h2, h1 {
  font-family: "Fertigo_18";
  font-weight: 200;
  margin: 2rem 0;
  line-height: 1.2;
  color: #3a4821;
}

h1 {
  font-size: 1.8rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.4em;
  margin: 0.5rem 0;
  line-height: 1.3;
}

h4 {
  font-family: "AvenirLTStd-Black";
  font-size: 1rem;
  margin: 0;
}

h5, h6 {
  font-family: "AvenirLTStd-Black";
  font-size: 1rem;
  margin: 0;
}

blockquote {
  padding: 0 1.5rem;
  text-align: center;
}

/**
 * Layout
 */
.header {
  min-height: 100px;
}
.header .inside {
  max-width: 900px;
  margin: 0 auto;
}

.container {
  background-color: #f6f0da;
  color: #3a4821;
  text-align: center;
}
.container .inside {
  max-width: 900px;
  margin: 0 auto;
  padding: 10rem 0.5rem 0;
}
.container li {
  margin-bottom: 0.5rem;
}
.container li:before {
  content: "check";
  font-size: 1rem;
  margin-right: 0.5rem;
}
.container a {
  color: #3a4821;
  border-bottom: 1px solid #3a4821;
}
.container a:hover, .container a:active, .container a:focus {
  color: #566b31;
  border-bottom: 1px solid #566b31;
}
.container .mod_article--top {
  margin-top: 5rem;
}
.container .mod_article--textleft {
  text-align: left;
}
.container .mod_article--grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 642px) {
  .container .mod_article--grid {
    grid-template-columns: 1fr 1fr;
  }
}
.container .mod_article--grid .image_container {
  margin-bottom: -10px;
}
.container .mod_article--grid a {
  display: block;
  font-family: "Fertigo_18";
  border-bottom: 0;
  position: relative;
  overflow: hidden;
}
.container .mod_article--grid a:hover, .container .mod_article--grid a:active, .container .mod_article--grid a:focus {
  border-bottom: 0;
}
.container .mod_article--grid a span {
  position: absolute;
  z-index: 5;
  top: 20px;
  left: 0;
  background-color: rgba(58, 72, 33, 0.4588235294);
  color: #f6f0da;
  font-size: 2rem;
  padding: 1rem 0;
  width: 100%;
  text-align: center;
}
.container .mod_article--grid img {
  width: 100%;
}
.container .mod_article--grid > div:nth-child(3) span, .container .mod_article--grid > div:nth-child(4) span {
  top: auto;
  bottom: 20px;
}
.container .mod_article--box {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem;
  margin: 0;
  padding: 0 !important;
  background-color: #3a4821 !important;
  border-top: 0.25rem solid #3a4821;
  border-bottom: 0.25rem solid #3a4821;
}
@media (min-width: 803px) {
  .container .mod_article--box {
    grid-template-columns: 1fr 1fr;
  }
}
.container .mod_article--box h3 {
  text-transform: uppercase;
}
.container .mod_article--box .ce_text {
  text-align: center;
  padding: 1rem 3rem;
  background-color: #f6f0da;
}
.container .mod_article--full {
  padding: 0 !important;
}
.container .mod_article--column {
  display: flex;
  gap: 2.5rem;
}
.container .mod_article--column div.block:first-child {
  border-right: 1px solid #3a4821;
  padding-right: 2.5rem;
}
.container .mod_article--grid-col {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: left;
  padding: 1.5rem;
}
@media (min-width: 642px) {
  .container .mod_article--grid-col {
    grid-template-columns: 1fr 1fr;
  }
}
.container .mod_article--grid-col .item-first {
  order: 1;
}
.container .mod_article--grid-col .item-second {
  order: 2;
}
@media (min-width: 642px) {
  .container .mod_article--grid-col .item-second {
    order: 3;
  }
}
.container .mod_article--grid-col .item-third {
  order: 3;
}
@media (min-width: 642px) {
  .container .mod_article--grid-col .item-third {
    order: 1;
    border-left: 1px solid #3a4821;
    padding-left: 1.5rem;
  }
}
.container .mod_article--grid-col .item-fourth {
  order: 4;
}
@media (min-width: 642px) {
  .container .mod_article--grid-col .item-fourth {
    border-left: 1px solid #3a4821;
    padding-left: 1.5rem;
  }
}

.ce_headline--icon {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  font-family: "AvenirLTStd-Black";
  line-height: 1.5;
  text-align: center;
  padding: 0.5rem;
  margin: 2.5rem 0 1.5rem;
}
@media (min-width: 803px) {
  .ce_headline--icon {
    flex-direction: row;
    text-align: left;
  }
}
.ce_headline--icon .icon {
  width: 100px;
}
.ce_headline--icon-home .icon {
  content: url("../../files/theme/images/logo-home-green.svg");
}
.ce_headline--icon-box {
  margin-top: 0.5rem;
}
.ce_headline--icon-box .icon {
  content: url("../../files/theme/images/logo-box-green.svg");
}
.ce_headline--icon-horse .icon {
  content: url("../../files/theme/images/logo-horse-green.svg");
  width: 120px;
}

.footer {
  padding: 2em 0;
  max-width: 900px;
  margin: 0 auto;
}
.footer .inside {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 803px) {
  .footer .inside {
    align-items: flex-start;
    flex-direction: row;
  }
}
.footer .ce_headline {
  color: #f6f0da;
}
.footer .mod_customnav {
  text-align: center;
}
@media (min-width: 803px) {
  .footer .mod_customnav {
    text-align: left;
  }
}
.footer__column-second {
  flex: 1 0 40%;
}
.footer__imagelink {
  display: block;
  border: 0;
  margin-top: 1.5rem;
}
.footer__imagelink:hover, .footer__imagelink:active, .footer__imagelink:focus {
  border: 0;
}
.footer__social {
  display: flex;
  gap: 1rem;
  justify-content: center;
}
@media (min-width: 803px) {
  .footer__social {
    justify-content: flex-start;
  }
}
.footer__social a {
  margin-top: 0.5rem;
}
.footer__text {
  display: block;
  text-align: center;
  margin-top: 1.75rem;
}
@media (min-width: 803px) {
  .footer__text {
    text-align: left;
  }
}
.footer__funding {
  text-align: right;
  display: flex;
  margin-top: -1em;
  width: 100%;
  justify-content: center;
}
@media (min-width: 803px) {
  .footer__funding {
    justify-content: flex-end;
    margin-top: -6em;
  }
}

/**
 * Components
 */
.logo {
  top: 4rem;
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
}
@media (min-width: 550px) {
  .logo {
    top: 1rem;
  }
}
.logo__link {
  border-bottom: 0;
}
.logo__link:hover, .logo__link:active, .logo__link:focus {
  border-bottom: 0;
}
.logo__link img {
  border: 3px solid #3a4821;
}

#toggleMenu {
  z-index: 110;
  cursor: pointer;
  position: relative;
  top: 1rem;
  right: 1rem;
  display: flex;
  justify-content: flex-end;
  background-color: #3a4821;
}
#toggleMenu:before {
  content: "menu";
  font-size: 2.6rem;
  padding-right: 0;
}
@media (min-width: 550px) {
  #toggleMenu {
    position: absolute;
  }
}
#toggleMenu.close:before {
  content: "close";
  font-size: 2.6rem;
  padding-right: 2px;
  color: #f6f0da;
}

.header__wrapper {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: rgba(58, 72, 33, 0.7803921569);
  padding: 20px 0 10px;
  opacity: 0;
  margin-bottom: 2.5rem;
}
.header__wrapper.init {
  opacity: 0;
}
.header__wrapper.show {
  opacity: 1;
  z-index: 100;
  height: auto;
}
.header__wrapper ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 5em;
}
.header__wrapper li {
  display: inline-block;
  text-align: center;
  font-size: 1.4rem;
}
.header__wrapper li.trail a {
  font-weight: 500;
}
.header__wrapper a, .header__wrapper strong {
  padding: 1.5rem;
  display: block;
  border-bottom: 1px solid #f6f0da;
}

.company-contact {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  flex: 1 0 40%;
}
@media (min-width: 803px) {
  .company-contact {
    text-align: left;
  }
}
.company-contact__name {
  font-size: 1;
  font-family: "AvenirLTStd-Black";
}
.company-contact-information {
  margin-top: 1.5rem;
}

.privacy-statement {
  text-align: left;
}
.privacy-statement h3 {
  font-family: "AvenirLTStd-Black";
}
.privacy-statement li {
  margin: 0;
}
.privacy-statement li:before {
  display: none;
}
.privacy-statement .company-contact {
  flex-direction: column;
  margin-bottom: 2.5rem;
}

.company-imprint {
  margin-bottom: 2.5rem;
}
.company-imprint li {
  margin: 0;
}
.company-imprint li:before {
  display: none;
}
.company-imprint__contact {
  margin-top: 1rem;
}
.company-imprint__contact li {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  max-width: 600px;
}
.company-imprint__legal-name {
  font-family: "AvenirLTStd-Black";
}

.ce_text--privacy {
  text-align: left;
}
.ce_text--privacy ol {
  font-family: "AvenirLTStd-Black";
}
.ce_text--privacy ol li:before {
  display: none;
}

.product {
  position: relative;
}
.product__view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  text-align: left;
}
.product__head {
  border-bottom: 1px solid #3a4821;
  width: 100%;
  display: block;
  margin: 0;
  padding: 1rem 0 0;
  font-size: 1.2rem;
  font-family: "Fertigo_18";
  cursor: pointer;
}
.product__element {
  padding: 1rem 0 2.5rem;
}
.product__element p:first-child {
  margin-top: 0;
}
.product__item {
  display: flex;
  align-items: stretch;
  padding: 1rem 0 4rem;
  flex-direction: column;
}
@media (min-width: 600px) {
  .product__item {
    flex-direction: row;
  }
}
.product__image {
  min-height: 225px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
@media (min-width: 600px) {
  .product__image {
    width: 300px;
    margin-bottom: 0;
  }
}
.product__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product__title {
  font-family: "AvenirLTStd-Black";
  margin-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.product__title span {
  font-size: 1.2rem;
  margin-right: 0.25rem;
  cursor: pointer;
}
.product__offer {
  display: inline-block;
  background-color: #ea8d05;
  color: #fff;
  padding: 0 1rem;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
.product__varieties {
  font-size: 1.2em;
  display: flex;
  flex-wrap: wrap;
}
.product__varieties li {
  padding-right: 0.5rem;
}
.product__varieties li:before {
  display: none;
}
.product__varieties li:after {
  content: "|";
  padding-left: 0.5rem;
}
.product__varieties li:first-child:before, .product__varieties li:first-child:after {
  display: none;
}
.product__varieties li:last-child:after {
  display: none;
}
.product__price {
  font-size: 1.2em;
  display: block;
}
.product__price--small {
  font-size: 0.8em;
}
.product__price--offer {
  color: #ea8d05;
  margin-right: 0.25em;
}
.product__price--crossed {
  text-decoration: line-through;
}
.product__avail {
  margin-top: 1.5rem;
  display: block;
}
.product__teaser {
  display: block;
  margin-top: 0.5rem;
}
.product__delivery {
  margin-top: 2rem;
  row-gap: 0.5em;
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
}
.product__delivery__head {
  flex: 0 0 163px;
  display: flex;
  justify-content: space-between;
  margin-right: 1.6em;
  font-size: 0.9rem;
}
.product__delivery__head.column-2 {
  display: none;
}
@media (min-width: 400px) {
  .product__delivery__head.column-2 {
    display: flex;
  }
}
@media (min-width: 600px) {
  .product__delivery__head.column-2 {
    display: none;
  }
}
@media (min-width: 642px) {
  .product__delivery__head.column-2 {
    display: flex;
  }
}
.product__delivery__head.column-3 {
  display: none;
}
@media (min-width: 550px) {
  .product__delivery__head.column-3 {
    display: flex;
  }
}
@media (min-width: 642px) {
  .product__delivery__head.column-3 {
    display: none;
  }
}
@media (min-width: 803px) {
  .product__delivery__head.column-3 {
    display: flex;
  }
}
.product__date {
  display: flex;
  gap: 0.25rem;
  flex: 0 0 170px;
  margin-right: 1em;
}
.product__date span {
  background-color: #ecdfb1;
  padding: 0.25rem 1rem;
}
.product__date input {
  background-color: #f6f0da;
  border: 1px solid #3a4821;
  padding: 0.25rem 1rem;
  width: 20px;
  text-align: center;
}

.button-wrapper {
  display: flex;
  justify-content: center;
  margin: 2.5rem 0;
}

.button-wrapper-right {
  justify-content: flex-end;
  margin: 0;
}

.product .button-wrapper {
  position: -webkit-sticky;
  position: sticky;
  bottom: 10px;
  z-index: 10;
}

.container .button {
  background-color: #3a4821;
  color: #f6f0da;
  border: 2px solid #f6f0da;
  border-radius: 15px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.container .button:hover, .container .button:active, .container .button:focus {
  background-color: #566b31;
  cursor: pointer;
  border: 2px solid #f6f0da;
  color: #f6f0da;
}
.container .button:after {
  content: "keyboard_arrow_right";
}
.container .button--text {
  margin: 0.5rem 0;
  padding: 3px 15px 0px;
  display: inline-block;
  border: 0;
}
.container .button--text:after {
  display: none;
}
.container .button--small {
  font-size: 0.8em;
  padding: 0.2rem 0.5rem 0;
}
.container .button--small:after {
  display: none;
}

.icon:hover, .icon:active, .icon:focus {
  color: #566b31;
  cursor: pointer;
}
.icon--edit {
  margin-right: 0.5rem;
}
.icon--edit:after {
  content: "edit";
  font-size: 1rem;
}
.icon--delete:after {
  content: "delete_forever";
  font-size: 1rem;
}

.ce_hyperlink__button {
  text-align: center;
  margin-bottom: 2.5rem;
}
.ce_hyperlink__button a {
  background-color: #3a4821;
  padding: 0.5rem 1rem 0.25rem;
  color: #f6f0da;
}
.ce_hyperlink__button a:hover, .ce_hyperlink__button a:active, .ce_hyperlink__button a:focus {
  background-color: #566b31;
  color: #f6f0da;
}

.toggle-headline {
  position: relative;
}
.toggle-headline .close {
  position: absolute;
  top: 0;
  right: 0;
}
.toggle-headline .close:after {
  content: "keyboard_arrow_up";
}
.toggle-headline .open {
  position: absolute;
  top: 0;
  right: 0;
}
.toggle-headline .open:after {
  content: "keyboard_arrow_down";
}

.ce_accordion {
  margin: 1rem 0;
  text-align: left;
}
.ce_accordion p {
  margin: 0;
  padding: 0.5rem 0;
}
.ce_accordion .ui-accordion-header {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-family: "AvenirLTStd-Black";
  border-bottom: 1px solid #3a4821;
}
.ce_accordion .ui-accordion-header span:after {
  content: "keyboard_arrow_up";
}
.ce_accordion .ui-accordion-header.active span:after {
  content: "keyboard_arrow_down";
}

.clickbox {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(246, 240, 218, 0.631372549);
  z-index: 300;
  overflow-x: scroll;
  display: flex !important;
}
.clickbox.hide {
  display: none !important;
}
.clickbox .close {
  position: absolute;
  top: 4px;
  right: 0.25em;
  font-size: 2em;
  cursor: pointer;
  color: #3a4821;
}
.clickbox .close:before {
  content: "close";
}
.clickbox .close:hover, .clickbox .close:active, .clickbox .close:focus {
  color: #566b31;
}
.clickbox__headline {
  font-size: 1.6em;
  text-align: left;
  padding: 0;
  margin-bottom: 0;
  color: #3a4821;
}
.clickbox__inner {
  padding: 2em 2em 1.5em;
  border: 1px solid #3a4821;
}
.clickbox__detail {
  background-color: #fbf8ef;
  text-align: left;
  margin: auto;
  padding: 3px;
  width: 100%;
  max-width: 850px;
  position: relative;
  border: 0;
}
@media (min-width: 600px) {
  .clickbox__detail {
    padding: 0;
  }
}
.clickbox__detail--center {
  text-align: center;
}
.clickbox__detail .detail--small {
  font-size: 0.8rem;
  line-height: 1.2;
  color: #566b31;
  border-top: 1px solid #566b31;
}

.total {
  display: flex;
  flex-direction: column;
  margin: 2.5rem auto 0;
  text-align: left;
  max-width: 600px;
}
.total__group {
  display: flex;
  margin-bottom: 1rem;
  flex-direction: column;
}
.total__header {
  border-top: 1px solid #3a4821;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
}
.total__inner {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr;
  border-bottom: 1px dotted #3a4821;
}
.total__head {
  text-align: left;
  font-family: "AvenirLTStd-Black";
}
.total__item {
  display: flex;
  margin-bottom: 0.25rem;
}
.total__item input {
  background-color: #fbf8ef;
  border: 1px solid #3a4821;
  padding: 0.1rem 1rem;
  width: 20px;
  text-align: center;
  margin-right: 0.5rem;
}
.total__seperator:after {
  content: "|";
  padding-right: 0.5rem;
}
.total__price {
  text-align: right;
  display: block;
}
.total__small {
  font-size: 0.9rem;
}
.total__result {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.total__result__item {
  display: grid;
  grid-template-columns: 5fr 1fr;
}
.total__button {
  justify-content: flex-end;
}

.cookiebar {
  background-color: #3a4821;
  font-size: 0.85rem;
}
.cookiebar__message, .cookiebar__text {
  margin-right: 0;
}
.cookiebar__link {
  text-decoration: none;
}
.cookiebar__button {
  padding: 0.25em 0.5em;
  margin-left: 1em;
  background-color: #2c3719;
}
.cookiebar__button:hover, .cookiebar__button:active, .cookiebar__button:focus {
  background-color: #1e2511;
}

.container .filter {
  margin: 3rem 0 1rem;
}
.container .filter__view {
  display: flex;
  align-items: baseline;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  flex-wrap: wrap;
}
.container .filter__type {
  margin-right: 0.5rem;
}
.container .filter__list {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  flex-wrap: wrap;
}
.container .filter__list--sub {
  display: none;
  justify-content: flex-end;
}
.container .filter__item, .container .filter__reset {
  border: 1px solid #3a4821;
  padding: 0.25em 0.5rem 0;
  width: 35px;
  cursor: pointer;
  text-transform: uppercase;
  text-align: center;
}
.container .filter__item:before, .container .filter__reset:before {
  display: none;
}
.container .filter__item:hover, .container .filter__item:active, .container .filter__item:focus, .container .filter__reset:hover, .container .filter__reset:active, .container .filter__reset:focus {
  background-color: #f1e8c5;
}
.container .filter__item.active, .container .filter__reset.active {
  background-color: #3a4821;
  color: #f6f0da;
}
.container .filter__reset {
  text-transform: initial;
}
.container .filter__empty {
  text-align: center;
  margin: 1rem;
}

.latest {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}
.latest .ce_headline {
  padding: 0.5rem;
  font-size: 1.2em;
  border-bottom: 1px solid #3a4821;
}
.latest__element {
  margin-bottom: 2.5rem;
  border-top: 1px dotted #3a4821;
  padding-top: 1.5rem;
}
.latest__element--first {
  border-top: 0;
  padding-top: 0;
}
.latest__content {
  flex: 1 0 50%;
}
.latest__headline {
  font-family: "AvenirLTStd-Roman";
  margin: 0.5rem 0;
}
@media (min-width: 600px) {
  .latest__text--long {
    display: block !important;
  }
}
@media (min-width: 600px) {
  .latest__text--short {
    display: none;
  }
}
.latest__image {
  display: flex;
  flex-direction: column;
}
.latest__imgtext {
  font-size: 0.9rem;
}
.latest__video {
  margin: 0 auto;
}
.latest__video video {
  width: 100%;
  height: auto;
}

.mod_login, .mod_registration, .mod_newsletterSubscribeNotificationCenter, .mod_newsletterUnsubscribeNotificationCenter {
  flex: 1 0 45%;
  text-align: left;
  margin-bottom: 2.5rem;
}
.mod_login h2, .mod_registration h2, .mod_newsletterSubscribeNotificationCenter h2, .mod_newsletterUnsubscribeNotificationCenter h2 {
  font-family: "AvenirLTStd-Black";
  font-size: 1.2rem;
  margin-top: 0;
}
.mod_login form .widget-submit, .mod_registration form .widget-submit, .mod_newsletterSubscribeNotificationCenter form .widget-submit, .mod_newsletterUnsubscribeNotificationCenter form .widget-submit {
  display: flex;
  justify-content: flex-end;
}
.mod_login form .widget-submit button, .mod_registration form .widget-submit button, .mod_newsletterSubscribeNotificationCenter form .widget-submit button, .mod_newsletterUnsubscribeNotificationCenter form .widget-submit button {
  padding: 0.25rem 0.5rem 0.2rem 1rem;
  margin-top: 1rem;
}

.mod_newsletterActivateNotificationCenter {
  margin: 1.5rem 1.5rem 0;
  border: 1px solid #3a4821;
}
@media (min-width: 550px) {
  .mod_newsletterActivateNotificationCenter {
    margin-top: 0;
  }
}

/**
 * Contao Components
 */
/**
  * Formular Elements
  */
form fieldset {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
  padding: 0 1rem 1rem;
  border: 1px solid #566b31;
}
form fieldset.checkbox_container {
  padding: 1rem 0;
}
form fieldset legend {
  text-align: center;
  padding: 0 1rem;
  margin-bottom: 1rem;
}
form fieldset.text-left {
  align-items: start;
  text-align: left;
}
form fieldset .explanation {
  width: 100%;
}
form .widget-text, form .widget-textarea, form .widget-password {
  margin-bottom: 0.5rem;
  display: flex;
  max-width: 600px;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 480px) {
  form .widget-text, form .widget-textarea, form .widget-password {
    flex-direction: row;
    gap: 1rem;
  }
}
form .widget-text label, form .widget-textarea label, form .widget-password label {
  text-align: left;
}
@media (min-width: 480px) {
  form .widget-text label, form .widget-textarea label, form .widget-password label {
    flex: 0 0 150px;
  }
}
form .widget-text input, form .widget-textarea input, form .widget-password input {
  font-family: "AvenirLTStd-Roman";
  border: 1px solid #3a4821;
  background-color: #fbf8ef;
  width: 98%;
  padding: 0.25rem;
}
form .widget-text input.short, form .widget-textarea input.short, form .widget-password input.short {
  max-width: 120px;
}
form .widget-text textarea, form .widget-textarea textarea, form .widget-password textarea {
  font-family: "AvenirLTStd-Roman";
  background-color: #fbf8ef;
  border: 1px solid #3a4821;
  padding: 0.25rem;
}
form .widget-radio, form .widget-checkbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1rem 0;
}
form .widget-submit button {
  background-color: #3a4821;
  color: #f6f0da;
  border: 2px solid #f6f0da;
  border-radius: 15px;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
form .widget-submit button:hover, form .widget-submit button:active, form .widget-submit button:focus {
  background-color: #566b31;
  cursor: pointer;
  border: 2px solid #f6f0da;
  color: #f6f0da;
}
form .widget-submit button:after {
  content: "keyboard_arrow_right";
}

.control-group {
  display: flex;
}
.control-group .control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
}
.control-group .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control-group .control_indicator {
  position: absolute;
  top: 4px;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #fbf8ef;
  border: 1px solid #3a4821;
  border-radius: 0px;
}
.control-group .control:hover input ~ .control_indicator, .control-group .control input:focus ~ .control_indicator {
  background: #f6f0da;
}
.control-group .control input:checked ~ .control_indicator {
  background: #f6f0da;
}
.control-group .control:hover input:not([disabled]):checked ~ .control_indicator, .control-group .control input:checked:focus ~ .control_indicator {
  background: #f6f0da;
}
.control-group .control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control-group .control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}
.control-group .control input:checked ~ .control_indicator:after {
  display: block;
}
.control-group .control-checkbox .control_indicator:after {
  left: 7px;
  top: 1px;
  width: 4px;
  height: 12px;
  border: solid #3a4821;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control-group .control-checkbox input:disabled ~ .control_indicator:after {
  border-color: #7b7b7b;
}

.widget-radio legend {
  margin: 0;
  padding: 0;
}
.widget-radio .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.widget-radio .control_indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 17px;
  width: 17px;
  background: #fbf8ef;
  border: 1px solid #3a4821;
  border-radius: undefinedpx;
}
.widget-radio .control:hover input ~ .control_indicator, .widget-radio .control input:focus ~ .control_indicator {
  background: #566b31;
}
.widget-radio .control input:checked ~ .control_indicator {
  background: #3a4821;
}
.widget-radio .control:hover input:not([disabled]):checked ~ .control_indicator, .widget-radio .control input:checked:focus ~ .control_indicator {
  background: #566b31;
}
.widget-radio .control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.widget-radio .control_indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}
.widget-radio .control input:checked ~ .control_indicator:after {
  display: block;
}
.widget-radio .control-radio .control_indicator {
  border-radius: 50%;
}
.widget-radio .control-radio .control_indicator:after {
  left: 5px;
  top: 5px;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #ffffff;
  transition: background 250ms;
}
.widget-radio .control-radio input:disabled ~ .control_indicator:after {
  background: #7b7b7b;
}

/**
 * Pages
 */
.home .header .inside {
  max-width: 1200px;
}
.home .logo {
  top: 4rem;
}
@media (min-width: 550px) {
  .home .logo {
    top: 2rem;
  }
}
@media (min-width: 642px) {
  .home .logo {
    top: 17rem;
  }
}
@media (min-width: 870px) {
  .home .logo {
    top: 26rem;
  }
}
.home .container {
  color: #f6f0da;
  background-color: #3a4821;
}
.home .container .inside {
  max-width: 1200px;
  padding-top: 10em;
}
@media (min-width: 642px) {
  .home .container .inside {
    padding-top: 0;
  }
}
.home .container .mod_article {
  background-color: #f6f0da;
  color: #3a4821;
  padding: 1.5rem;
  text-align: left;
}
.home .container .mod_article--grid {
  padding: 0;
}
.home .company-contact {
  margin-bottom: 2.5rem;
}
.home .footer {
  max-width: 1200px;
}

/*# sourceMappingURL=main.css.map */