:root {
  --basefont: "Open Sans", sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.5em;
  --font-weight-base: 400;
  --font-weight-bold: 600;
  --font-size-h1: clamp(2rem, 1.6rem + 2vw, 4rem);
  --font-size-h2: clamp(1.75rem, 1.5375rem + 1.0625vw, 2.8125rem);
  --font-size-h3: clamp(1.25rem, 1.1rem + 0.75vw, 2rem);
  --font-size-h4: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  --font-size-h5: 1rem;
  --font-sizes-xlarge: clamp(2rem, 0.6rem + 7vw, 9rem);
  --font-sizes-large: clamp(2rem, 1.8rem + 1vw, 3rem);
  --font-sizes-medium: clamp(1.375rem, 1.3rem + 0.375vw, 1.75rem);
  --font-sizes-small: 1rem;
  --font-sizes-xsmall: 0.8rem;
  --color-primary: #876C6F;
  --text-color: #000;
  --color-brand: #876C6F;
  --color-brand2: #000;
  --hover-color: #000;
  --heading-color: var(--color-brand);
  --heading-font: var(--basefont);
  --heading-weight: 300;
  --heading-case: none;
  --letter-spacing-1: 1px;
  --letter-spacing-2: 2px;
  --a-hover-color: var(--hover-color);
  --a-hover-transition-speed: 500ms;
  --mobile: 1025px;
  --btn-brand-bg-color: #876C6F;
  --btn-brand-bg-hover-color: #876c6f63;
  --news-header-font-size: clamp(1.375rem, 1.275rem + 0.5vw, 1.875rem);
  --cce-flyer-header-font-size: clamp(1.375rem, 1.2125rem + 0.8125vw, 2.1875rem);
  --cce-flyer-subheader-font-size: clamp(1.125rem, 1.0375rem + 0.4375vw, 1.5625rem);
}

/**
 * MIXINS
 */
/* e.g. @include prefix(( box-shadow: 1px 1px 1px 1px opacify($color-main, 0.6) )); */
/* e.g. @include box-sizing(border-box); */
.be-startsite .main-wrapper {
  display: grid;
  grid-template-columns: 100%;
}
.be-startsite .main-wrapper .banner-news {
  z-index: 100;
}
.be-startsite .menu-additional {
  margin: 40px auto 0 auto;
  max-width: 1920px;
  padding-left: clamp(1.875rem, 0.325rem + 7.75vw, 9.625rem);
  padding-right: clamp(1.875rem, 0.325rem + 7.75vw, 9.625rem);
  width: 100%;
}
.be-startsite .menu-additional a {
  color: #876C6F;
  display: grid;
  gap: 12px;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
}
.be-startsite .menu-additional ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 0;
}
.be-startsite .menu-additional li {
  margin: 12px auto;
  width: 100%;
}
.be-startsite .menu-additional .files {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: clamp(2.5rem, 2.0625rem + 2.1875vw, 4.6875rem);
}
.be-startsite .menu-additional .title, .be-startsite .menu-additional .abstract {
  display: inline-block;
  font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
  font-weight: 600;
  text-transform: uppercase;
}
.be-startsite .menu-additional .abstract {
  text-transform: initial;
}
.be-startsite #footer {
  background-color: transparent;
  min-height: 1px;
  padding-bottom: 40px;
  padding-left: 6vw;
  padding-right: 6vw;
  text-align: right;
}
@media screen and (min-width: 800px) {
  .be-startsite #header {
    margin-top: 49px;
  }
}
@media screen and (min-width: 1921px) {
  .be-startsite #footer {
    padding-left: 115px;
    padding-right: 115px;
  }
}

@media screen and (min-width: 480px) {
  .be-startsite .menu-additional a {
    grid-template-columns: clamp(2.5rem, 2.0625rem + 2.1875vw, 4.6875rem) 1fr 90px;
    text-align: inherit;
  }
}
@media screen and (min-width: 600px) {
  .be-startsite .main-wrapper .menu-additional {
    width: auto;
  }
  .be-startsite .main-wrapper .menu-additional > ul {
    flex-direction: row;
  }
  .be-startsite .main-wrapper .menu-additional > ul a {
    display: inline-block;
  }
  .be-startsite .main-wrapper .menu-additional li {
    max-width: 236px;
    width: 30%;
  }
  .be-startsite .main-wrapper .menu-additional .files, .be-startsite .main-wrapper .menu-additional .title, .be-startsite .main-wrapper .menu-additional .abstract {
    text-align: center;
  }
  .be-startsite .main-wrapper .menu-additional .files {
    margin: 0 auto;
  }
  .be-startsite .main-wrapper .menu-additional .files + .title {
    margin-top: 15px;
  }
  .be-startsite .main-wrapper .menu-additional .title, .be-startsite .main-wrapper .menu-additional .abstract {
    width: 100%;
  }
  .be-startsite .main-wrapper .menu-additional .abstract {
    margin-top: 10px;
  }
}
@media screen and (min-width: 800px) {
  .be-startsite .main-wrapper {
    grid-template-areas: "banner" "menu" "main";
    margin-left: auto;
    margin-right: auto;
    max-width: 1920px;
  }
  .be-startsite .main-wrapper > #banner {
    grid-area: banner;
    min-height: 800px;
  }
  .be-startsite .main-wrapper > #banner .frame-type-image, .be-startsite .main-wrapper > #banner .ce-image, .be-startsite .main-wrapper > #banner .ce-gallery, .be-startsite .main-wrapper > #banner .image-wrapper, .be-startsite .main-wrapper > #banner .image {
    height: 100%;
  }
  .be-startsite .main-wrapper > #banner img {
    object-fit: cover;
    height: 100%;
    width: 100%;
  }
  .be-startsite .main-wrapper .menu-additional {
    grid-area: menu;
    margin-left: 0;
    margin-top: 0;
  }
  .be-startsite .main-wrapper .menu-additional > ul {
    flex-wrap: nowrap;
  }
  .be-startsite .main-wrapper .menu-additional li {
    flex-basis: 190px;
  }
  .be-startsite .main-wrapper .menu-additional .files {
    max-width: 100%;
    max-height: 100%;
    width: clamp(2.5rem, 1.25rem + 6.25vw, 8.75rem);
  }
  .be-startsite .main-wrapper > .banner-news {
    grid-area: banner;
    align-self: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: clamp(1.875rem, 0.325rem + 7.75vw, 9.625rem);
  }
  .be-startsite .main-wrapper > .main {
    grid-area: main;
  }
}
@media screen and (min-width: 1200px) {
  .be-startsite .main-wrapper > .menu-additional .files {
    margin-top: calc(clamp(2.5rem, 1.25rem + 6.25vw, 8.75rem) / 2 * -1);
  }
}
/*# sourceMappingURL=sourcemaps/startsite-theme.min.css.map */
