:root {
	--priceCategoryBackground: transparent;
  --priceCategoryForeground: #e1e1e1;
	--priceBackground: transparent;
  --priceForeground: #f9f9f9;
	--priceBorder: transparent;
  --shopcartBackground: #3a3a3a;
  --shopcartForeground: #d5d5d5
}
html {
  font-size: 15px
}
body {
  font-size: 1rem;
  background: #000000;
  background-image: url(../images/background.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  color: #252525
}

footer {
  background-color: #242424
}
#footer {
  width: 1100px
}
.textlink {
  color: #92d440;
  font-size: 1.06em
}
header {
  background-image: url(../images/header.jpg);
  background-color: #ffffff
}
#menu { }
#menu .maingroup_link {
  font-size: 0.9rem;
  color: #4b8402
}
#menu .maingroup_link:hover {
  color: #710808;
  border-bottom: 2px solid #710808
}
#menu .selected {
  color: #710808;
  border-bottom: 2px solid #710808
}
#navigation a {
  color: #4b8402;
  font-weight: 600;
  height: auto
}
#navigation a.active {
  border-bottom-color: #4b8402
}
#navigation a:hover {
  border-bottom-color: #4b8402
}

#stickyShopcart {
	margin-right: calc((100% - 1600px) / 2);
}

#base {
  width: 1600px;
}

#base_articles {
  width: calc(100% - 400px);
  padding-right: 0
}

.deco_articles {
  background-color: white
}
#menu2 {
  border-bottom-color: #4b8402
}
#menu2 a {
  color: #4b8402;
  font-size: 1.1rem;
  background-color: transparent;
  padding: 10px 20px
}
#menu2 a.active {
  color: #fffffe;
  background-color: #4b8402
}
#menu2 a:hover {
  color: #fffffe;
  background-color: #4b8402
}
#articles .group_header {
  background-color: #4b8402;
  color: #fffffe
}
#articles .group_headerimage {
	height: 200px;
}

#articles .group_headerimage img {
  height: 100%;
  object-fit: cover;
}

#articles .subgroup_header {
  background-color: #4b8402;
  color: #fffffe;
  border: 0;
  border-radius: 0;
  height: auto;
  padding: 10px
}
#articles .sub_header {
  background-color: #88bd43;
  color: white;
  padding-top: 4px
}
#articles .article {
  width: calc(33% - 2rem);
	min-width: 360px;
	display: flex;
  flex-direction: column;
  min-height: 260px;
	padding: 1.4rem 0;
  margin: 1.6rem 1rem;
	box-shadow: 2px 2px 5px 2px rgba(200,200,200, 0.8);
	border: 0;
}
#articles .articlelink {
  padding: 0 1.4rem;
  font-size: 1.3rem
}

#articles .article_description {
  padding: 10px 0;
  font-size: 0.88rem;
  background-color: transparent;
  border-radius: 0
}

#articles .article_img {
	height: 150px;
}

#articles .price_area {
  justify-content: space-around;
	padding: 0.9rem 1.4rem 0 1.4rem;
}
#articles .price {
  margin: 0 0.4rem;
  background-color: #4b8402;
	width: auto;
	height: 60px;
  flex-grow: 1;
	border: 0;
	border-radius: 0.3rem;
}

#articles .price:last-child {
  margin-right: 0;
}
#articles .price:first-child {
  margin-left: 0;
}

#articles .pricecategory {
	font-size: 0.8rem;
  padding: 0.3rem 0 0 0;
  border-radius: 0;
	text-align: center;
}
#articles .pricelink {
  width: 100%;
	height: 40px;
	border: 0;
	padding: 0;
	align-items: center;
}
#articles .disabled {
  color: #838383;
  font-size: 14px;
  padding-top: 5px
}
#articles .price_description {
  color: #838383;
  font-size: 10px
}
#articles .oldPrice {
  color: #838383
}


#base_shopcart {
  width: 400px;
  background-color: #3a3a3a
}
#base_shopcart .shopinfo_text {
  box-shadow: none;
  color: #686666;
  margin: 0;
  padding: 15px
}
.shopcart_title {
  color: #f0f0f0;
  font-size: 1.5rem
}
#shopcart .shopcart_info {
  color: #b3b3b3
}
#shopcart a.subpos {
  font-size: 12px
}
#positions .position {
  background-color: #f4f4eb
}
#positions .current {
  background-color: #fffffe
}
#positions .pos_row {
  font-weight: 500
}
#positions .subposition {
  font-size: 0.95em;
  font-weight: 400
}
#positions .extra {
  background-color: #fdffc4
}
#totals {
  background-color: #710808;
  color: white;
  font-size: 1.1rem
}
#shopcart_extra {
  background-color: #710808;
  color: #dbdbdb;
  font-size: 0.9rem
}
#order_bonuscard a {
  background-color: #714b4c
}
#base_shopcart .order_navi_area a {
  font-size: 1.1rem;
  border: 0
}
#shopcart_passive .title {
  color: #4b8402;
  font-size: 1.5rem;
  padding: 10px 0
}
.shopinfo_header {
  background-color: #710808;
  color: white;
  font-size: 13px
}
.shopinfo_link {
  color: #92d440
}
.promotion {
  font-size: 0.9rem
}

#openinghours_area .openinghours {
  font-size: 0.85rem;
  color: #797979;
  font-weight: 400
}
#openinghours_area .current {
  background-color: #dbdbc7;
  color: #626262
}
.customer_title {
  color: #fdfdfd;
  background-color: transparent;
  line-height: 1.5;
  font-size: 1.5rem
}
#customer {
  font-size: 0.85rem;
  color: #d5d5d5
}
#customer .row_label {
  padding-bottom: 4px;
  padding-top: 4px
}
#customer .label {
  height: auto
}
#customer input {
  color: #4f4f4f;
  padding: 5px;
  font-size: 0.95rem
}
#impressum {
  background-color: #f2f2f2;
  color: #575757;
  font-size: 0.9rem
}
#impressum .section {
  font-size: 1.1rem
}
#impressum .info { }
#impressum .free {
  border: 1px solid #710808
}
#impressum .impressum_shopinfo {
  background-color: #6c6a6a;
  padding-bottom: 6px
}
#impressum .impressum_shopinfo .header {
  background-color: #710808;
  color: white;
  font-size: 0.9rem;
  padding: 10px
}
#impressum .impressum_shopinfo .text {
  box-shadow: none;
  font-weight: 400
}
#impressum .openinghours {
  font-weight: 400;
  padding: 4px;
}
#impressum .current {
  color: #6c6c6c
}
.impressum_shopinfo .holidays_title {
  font-size: 12px
}
#impressum .button {
  background-color: #710808
}




@media (max-width: 1600px) {
  #base {
    width: 100%;
  }
}