/* colors
------------------------------------------------------------- */
/* basic ----------- */
/* black, textcolor */
/* white, background-color */
/* dark brown */
/* dark grey page background */
/* grey page background (options) */
/* white transparent */
/* leight grey */
/* leight grey */
/* leight grey account navigation btns */
/* xxx */
/* weeditmode ----------- */
/* weeditmode grey light */
/* weeditmode blue light */
/* weeditmode blue dark */
/* weeditmode yellow */
/* weeditmode blue col-bckgrd */
/* weeditmode yellow */
/* weeditmode orange */
/* weeditmode acidblue */
/* weeditmode neongreen */
/* bootstrap colors ----------- */
/* bootstrap grey */
/* bootstrap grey */
/* xxx */
/* xxx */
/* xxx */
/* website colors ----------- */
/* company color dark red (ochsenblut Pantone 1805 C) */
/* company color yellow */
/* company color dark orange */
/* company color light brown 1 */
/* company color dark red 1 transparent */
/* company color light brown 2 bckgrd btn */
/* company color bckgrd btn::hover, nav.level1::hover */
/* flag germany / france red */
/* flag germany gold */
/* flag france blue */
/* company color grey brown */
/* bckgrd header-slider title */
/* categoriy colors ----------- */
/* category color beverages red */
/* category color flesh ocre */
/* category color cheese yellow */
/* category color fish blue */
/* category color sweets pink */
/* category color fruits green */
/* category color jam and honey lila */
/* category color oil, vinegar and herbs orange */
/* category color accessoires green */
/* category color gifts yellow */
/* forms ----------- */
/* correct */
/* error */
/* margins / paddings
------------------------------------------------------------- */
/* mixins
------------------------------------------------------------- */
/* borders
------------------------------------------------------------- */
/* margins / paddings
------------------------------------------------------------- */
html, body {
  background-color: #242424;
}

body {
  margin-bottom: 0 !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
.contentwrapper .container {
  background-color: transparent;
}

.row + .row {
  margin-top: 30px;
}

.form-row + .form-row {
  margin-top: 10px;
}

@media (max-width: 991px) {
  /*img.logo {
      transform: scale(0.4);
  }*/
}
header {
  position: relative;
  margin: -70px 0px 30px 0px;
  z-index: 1000;
}
@media (max-width: 991px) {
  header {
    margin: -50px 0px 30px 0px;
  }
}
@media (max-width: 499px) {
  header {
    margin: -30px 0px 30px 0px;
  }
}
header .logo-2 {
  display: none;
}
header .row {
  position: relative;
}
header {
  /* header - headerpic
  ------------------------------------------------------------- */
}
header #headerpic1, header #headerpic2 {
  display: none;
}
header #headerpic1 img, header #headerpic2 img {
  min-width: 100%;
}
@media (max-width: 767px) {
  header #headerpic2 {
    display: block;
  }
  header #headerpic1 {
    display: none;
  }
}
@media (min-width: 768px) {
  header #headerpic1 {
    display: block;
    padding: 0px 0px 0px 0px;
  }
  header #headerpic2 {
    display: none;
  }
}
header {
  /* no header
  ------------------------------------------------------------- */
}
header.no-header {
  margin-bottom: 50px;
}
header.no-header .page-headlines {
  position: relative;
  top: 0;
}
header {
  /* headlines
  ------------------------------------------------------------- */
}
header .slider-headline {
  position: absolute;
  right: 100px;
  bottom: 90px;
}
header .slider-headline h1 {
  font-family: "IM Fell English";
  font-weight: 400;
  font-style: normal;
  color: #FFFFFF;
  /* text-transform: uppercase; */
  letter-spacing: 0.04em;
}
header .slider-headline h1 .slieder-title-bckgrd {
  background-color: rgba(0, 0, 0, 0.3490196078);
}
@media (max-width: 575px) {
  header .slider-headline {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  header .slider-headline {
    right: 60px;
    bottom: 40px;
  }
  header .slider-headline h1 {
    font-size: 1.4rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .slider-headline {
    right: 70px;
    bottom: 50px;
  }
  header .slider-headline h1 {
    font-size: 1.6rem;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .slider-headline {
    right: 70px;
    bottom: 50px;
  }
  header .slider-headline h1 {
    font-size: 2.1rem;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  header .slider-headline {
    right: 70px;
    bottom: 50px;
  }
  header .slider-headline h1 {
    font-size: 2.2rem;
  }
}
header .headline {
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
header .headline.headline-1, header .headline.headline-2 {
  position: absolute;
  width: auto;
}
header .headline.headline-1 h1, header .headline.headline-2 h1 {
  margin-bottom: 0 !important;
  font-weight: bold !important;
}
@media (max-width: 479px) {
  header .headline.headline-1 {
    display: none;
  }
  header .headline.headline-2 {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  header .headline.headline-1 {
    display: none;
  }
  header .headline.headline-2 {
    display: none;
  }
}
@media (min-width: 991px) and (max-width: 1099px) {
  header .headline.headline-1 {
    display: block;
    right: 120px;
    bottom: 140px;
  }
  header .headline.headline-1 h1 {
    font-size: 30px !important;
  }
  header .headline.headline-2 {
    display: block;
    right: 50px;
    bottom: 100px;
  }
  header .headline.headline-2 h1 {
    font-size: 30px !important;
  }
}
@media (min-width: 1100px) and (max-width: 1599px) {
  header .headline.headline-1 {
    display: block;
    right: 120px;
    bottom: 130px;
  }
  header .headline.headline-1 h1 {
    font-size: 40px !important;
  }
  header .headline.headline-2 {
    display: block;
    right: 50px;
    bottom: 80px;
  }
  header .headline.headline-2 h1 {
    font-size: 40px !important;
  }
}
@media (min-width: 1600px) {
  header .headline.headline-1 {
    display: block;
    left: 50px;
    bottom: 130px;
  }
  header .headline.headline-1 h1 {
    font-size: 40px !important;
  }
  header .headline.headline-2 {
    display: block;
    left: 120px;
    bottom: 80px;
  }
  header .headline.headline-2 h1 {
    font-size: 40px !important;
  }
}

/* modul modal
------------------------------------------------------------- */
.modal .modal-content .modal-header {
  padding: 0.4rem 1rem 0.3rem 1rem;
}
.modal .modal-content .modal-header .btn-modal-close {
  color: #CB923E;
}
.modal .modal-content .modal-header .btn-modal-close:hover {
  color: #EBB000;
}
.modal .modal-content .modal-header .btn-modal-close svg {
  width: 30px;
}

@media (max-width: 991px) {
  /* .content .col + .col {
      margin-top: 30px;
  } */
}
.widget-container {
  padding-top: 15px;
  padding-bottom: 15px;
}

.widget-container-xspace-top {
  padding-top: 50px;
}

.widget-container-xspace-bottom {
  padding-bottom: 50px;
}

.widget-container-nospace-top {
  padding-top: 0px;
}

.widget-container-nospace-bottom {
  padding-bottom: 0px;
}

.first-widget-container {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

@media (min-width: 992px) {
  .widget-container .widget-pic-text {
    position: relative;
  }
  .widget-container .widget-pic-text .buttons-bottom {
    width: 100%;
    position: absolute;
    bottom: 0px;
  }
}
.contentwrapper {
  position: relative;
}

.footer-top {
  position: relative;
  height: 70px;
  margin-top: 50px;
  background-color: #242424;
  clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
  z-index: 1001;
}

footer {
  /*position: relative;*/
  /*padding-top: 40px;*/
  padding-bottom: 60px;
  color: #FFFFFF;
  /*border-top: 2px solid $color0;*/
  background-color: #242424;
}
footer a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
footer a:hover {
  color: #AF272F !important;
  text-decoration: none !important;
}
footer .footerrow-1 .col.footer-top-wrapper {
  padding-top: 20px;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a {
  display: inline-block;
  width: 60px;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a svg #bckgrd {
  /*circle {
      fill: $color1 !important;
  }*/
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a svg #bckgrd path {
  stroke: #FFFFFF !important;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a svg #_03-Arrow-direction-pointer path {
  stroke: #FFFFFF !important;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a:hover {
  cursor: pointer;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a:hover svg #bckgrd circle {
  fill: #FFFFFF !important;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a:hover svg #bckgrd path {
  stroke: #AF272F !important;
}
footer .footerrow-1 .col.footer-top-wrapper .pageslideup a:hover svg #_03-Arrow-direction-pointer path {
  stroke: #AF272F !important;
}
footer .footerrow-2 {
  margin-top: 20px;
}
footer .footerrow-2 ul {
  list-style-type: none;
  margin: 0;
  padding-left: 1.5em;
}
footer .footerrow-2 ul li {
  line-height: 1.8em;
  /*&::before {
      content: "\2022";
      color: $color100;
      display: block;
      height: 0;
      width: 0;
      left: -0.7em;
      top: -0.1em;
      position: relative;
      font-size: 28px;
      font-weight: bold;
  }*/
}
footer .footerrow-2 ul li::before {
  content: "";
  background-color: #AF272F;
  display: block;
  height: 7px;
  width: 13px;
  left: -1.2em;
  top: 1.1em;
  position: relative;
  -webkit-transform: skew(15deg, 15deg);
          transform: skew(15deg, 15deg);
}/*# sourceMappingURL=frame.css.map */