/**
 * 	IMPORTS
 */
/**
*	MIXINS
*/
/**
*	LEGACY
*	Support for older functions
*/
/**
*	Word-Break
*	Split words when they don't fit anymore
*/
#generator h2 {
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  color: #161615;
  margin: 0;
  padding: 0;
}
#generator article.product {
  font-family: "Raleway", sans-serif;
  color: #161615;
  line-height: 110%;
  display: flex;
  flex-direction: row;
}
#generator article.product div.price {
  color: #e52020;
  font-weight: 600;
}
#generator.card > img {
  width: 100%;
  height: auto;
  display: block;
}
#generator.card > div.columns {
  box-sizing: border-box;
  padding: 0 3%;
  width: 100%;
  position: relative;
  column-count: 3;
  column-rule: 1px, solid, #161615;
  column-gap: 0.91vw;
}
#generator.card > div.columns:before, #generator.card > div.columns:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 1.39%;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
#generator.card > div.columns:before {
  left: 0;
  background-position: top left;
  background-image: url(/assets/img/generator/card_border_left.jpg);
}
#generator.card > div.columns:after {
  right: 0;
  background-position: top right;
  background-image: url(/assets/img/generator/card_border_right.jpg);
}
#generator.card > div.columns > section.group > h2 {
  font-size: 2.75vw;
  letter-spacing: 0.2vw;
  margin-bottom: 1vw;
}
#generator.card > div.columns > section.group > article.product {
  font-size: 1.07vw;
  margin-top: 0.75vw;
}
#generator.card > div.columns > section.group > article.product div.price {
  width: 15%;
}
#generator.card > div.columns > section.group + section.group {
  margin-top: 3vw;
}
#generator.card > div.columns > section.group.wide h2 {
  padding-left: calc(26% + 10px);
}
#generator.card > div.columns > section.group.wide article.product div.name {
  width: 26%;
  text-align: right;
}
#generator.card > div.columns > section.group.wide article.product div.name.big {
  width: 85%;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}
#generator.card > div.columns > section.group.wide article.product div.name.big + div.description {
  display: none;
}
#generator.card > div.columns > section.group.wide article.product div.name.big > div.code {
  width: calc(99% - 18vw + 2px);
  text-align: right;
}
#generator.card > div.columns > section.group.wide article.product div.name > b {
  text-transform: uppercase;
  font-weight: 600;
  overflow-wrap: break-word;
}
#generator.card > div.columns > section.group.wide article.product div.name > div.code {
  margin-top: 0.2vw;
  color: #e52020;
}
#generator.card > div.columns > section.group.wide article.product div.description {
  box-sizing: border-box;
  width: 59%;
  padding: 0 10px;
}
#generator.card > div.columns > section.group.compact {
  break-inside: avoid;
}
#generator.card > div.columns > section.group.compact h2 {
  padding-left: 1.5vw;
}
#generator.card > div.columns > section.group.compact article.product {
  padding-left: 1.5vw;
}
#generator.card > div.columns > section.group.compact article.product div.code {
  color: #e52020;
  width: 10%;
}
#generator.card > div.columns > section.group.compact article.product div.code + div.name {
  width: 75%;
}
#generator.card > div.columns > section.group.compact article.product div.code + div.name + div.price {
  width: 15%;
}
#generator.card > div.columns > section.group.compact article.product div.name {
  width: 82.5%;
}
#generator.card > div.columns > section.group.compact article.product div.price {
  width: 17.5%;
}
#generator.card > div.columns > section.extrainfo {
  font-family: "Raleway", sans-serif;
  font-size: 1.07vw;
  color: #161615;
  line-height: 110%;
  margin-top: 3vw;
  padding-bottom: 1vw;
}
#generator.card > div.columns > section.extrainfo ul > li {
  padding: 1% 1.5% 1% 5%;
  text-align: center;
  margin-top: 2%;
  line-height: 140%;
}
#generator.card > div.columns > section.extrainfo ul > li:last-child {
  display: none;
}
#generator.card > div.columns > section.extrainfo ul > li b {
  display: block;
  font-weight: 600;
}
#generator.card > div.columns > section.extrainfo ul > li u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#generator.weekly {
  width: 100%;
  height: 141.42857vw;
  background-image: url(/assets/img/generator/weekly_background.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
}
#generator.weekly > p {
  position: relative;
  top: 41vw;
  width: 100%;
  padding-left: 1.5vw;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  text-align: center;
  font-size: 2.6vw;
  letter-spacing: 0.2vw;
  color: #161615;
}
#generator.weekly > p > b {
  color: #e52020;
  font-weight: 600;
}
#generator.weekly > div.products {
  position: relative;
  top: 44vw;
  height: calc(141.42857vw - 42vw - 25vw);
  margin: 0 auto;
  width: 85vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#generator.weekly > div.products p.supplement {
  font-size: 1.5vw;
  line-height: 120%;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0vw;
  font-weight: 500;
  padding-top: 0.5vw;
  text-align: center;
}
#generator.weekly > div.products.amount-5 > article h2 {
  font-size: 3.5vw;
  letter-spacing: 0.1vw;
}
#generator.weekly > div.products.amount-4 {
  top: 43vw;
  height: calc(141.42857vw - 41vw - 13.5vw);
}
#generator.weekly > div.products.amount-4 > article h2 {
  font-size: 8.5vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products.amount-4 > article p {
  font-size: 3vw;
  line-height: 105%;
}
#generator.weekly > div.products.amount-3 {
  top: 43vw;
}
#generator.weekly > div.products.amount-3 > article h2 {
  font-size: 9vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products.amount-3 > article p {
  font-size: 3.25vw;
  line-height: 125%;
}
#generator.weekly > div.products.amount-3 > article p.price {
  padding-top: 0px;
  font-size: 3.75vw;
}
#generator.weekly > div.products.amount-3 > article + article {
  padding-top: 0;
}
#generator.weekly > div.products.amount-2 {
  top: 42vw;
}
#generator.weekly > div.products.amount-2 > article h2 {
  font-size: 11vw;
  letter-spacing: 0.5vw;
}
#generator.weekly > div.products.amount-2 > article p {
  font-size: 4vw;
  line-height: 105%;
  padding-top: 1.5vw;
}
#generator.weekly > div.products.amount-2 > article p.price {
  font-size: 5vw;
}
#generator.weekly > div.products.amount-1 {
  top: 43vw;
  height: calc(141.42857vw - 50vw - 13.5vw);
}
#generator.weekly > div.products.amount-1 > article h2 {
  font-size: 10vw;
  letter-spacing: 0.75vw;
}
#generator.weekly > div.products.amount-1 > article p {
  width: 70vw;
  margin: 0 auto;
  font-size: 4vw;
  line-height: 130%;
  padding-top: 2vw;
}
#generator.weekly > div.products.amount-1 > article p.price {
  font-size: 5vw;
}
#generator.weekly > div.products.amount-0 {
  top: 39vw;
}
#generator.weekly > div.products.amount-0 > article h2 {
  color: #e52020;
  font-size: 14vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products.amount-0 > article p {
  padding-top: 2vw;
  font-size: 3vw;
  line-height: 130%;
}
#generator.weekly > div.products > article h2 {
  font-size: 8vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products > article p {
  font-size: 2vw;
  line-height: 120%;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0vw;
  font-weight: 500;
  padding-top: 0.5vw;
}
#generator.weekly > div.products > article p.price {
  color: #e52020;
}
#generator.weekly > div.products > article + article {
  padding-top: 1vw;
}
#generator.folder {
  height: inherit;
}
#generator.folder div.pages {
  height: inherit;
}
#generator.folder div.pages > section.page {
  box-sizing: border-box;
  width: 100%;
  height: inherit;
  background-color: white;
  max-width: calc(99 / 210 * 100vh + 5px);
  padding-top: calc(5 / 210 * 100vh);
  padding-bottom: calc(5 / 210 * 100vh);
  padding-left: calc(3 / 210 * 100vh);
  padding-right: calc(3 / 210 * 100vh);
  page-break-before: always;
  border: 0.93vh solid #e52020;
  border-image: url(/assets/img/generator/folder_border.jpg) 30 round;
  border-left-width: 0;
  border-right-width: 0;
}
#generator.folder div.pages > section.page.first {
  border-right: none;
  border-left-width: 0.93vh;
}
#generator.folder div.pages > section.page.last {
  border-left: none;
  border-right-width: 0.93vh;
}
#generator.folder div.pages > section.page.last.front {
  background-size: cover;
  background-image: url(/assets/img/generator/folder_frontpage.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#generator.folder div.pages > section.page.single[data-type="compact"] {
  column-count: 2;
  column-width: 50%;
  column-fill: auto;
}
#generator.folder div.pages > section.page.single[data-type="compact"] > div.group.compact > div {
  column-count: 1;
  column-width: 100%;
}
#generator.folder div.pages > section.page.mixed > div.group.compact > div {
  column-count: 2;
  column-width: 50%;
}
#generator.folder div.pages > section.page.inner:not(.first) article.product:first-child {
  padding-top: calc(2.75vh + (2 / 210 * 100vh));
}
#generator.folder div.pages > section.page.inner > div.group.spread {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div {
  column-count: 2;
  column-width: 50%;
  column-fill: balance;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div > article.product:first-child {
  padding-top: 0;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div > article.product > div.name {
  width: 65%;
  text-align: left;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div > article.product > div.price {
  width: 35%;
  text-align: right;
}
#generator.folder div.pages > section.page.outer > div.group.compact.spread > div {
  column-fill: auto;
}
#generator.folder div.pages > section.page > div.group > h2 {
  font-size: 2.75vh;
  letter-spacing: 0.1vh;
  padding-bottom: calc(2 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group article.product {
  font-size: 1.55vh;
  padding-bottom: calc(2 / 210 * 100vh);
  break-inside: avoid;
}
#generator.folder div.pages > section.page > div.group article.product div.price {
  width: 11%;
}
#generator.folder div.pages > section.page > div.group.wide h2 {
  padding-left: calc(27% + 10px);
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name {
  width: 27%;
  text-align: right;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name.big {
  width: 89%;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name.big + div.description {
  display: none;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name > b {
  text-transform: uppercase;
  font-weight: 600;
  overflow-wrap: break-word;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name > div.code {
  margin-top: 0.2vw;
  color: #e52020;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.description {
  box-sizing: border-box;
  width: 63%;
  padding: 0 10px;
}
#generator.folder div.pages > section.page > div.group.wide + div.group {
  padding-top: calc(5 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.compact > h2 {
  width: 100%;
}
#generator.folder div.pages > section.page > div.group.compact > div article.product div.name {
  width: 70%;
  text-align: left;
}
#generator.folder div.pages > section.page > div.group.compact > div article.product div.price {
  width: 28%;
  text-align: right;
}
#generator.folder div.pages > section.page > div.group.compact + div.group {
  padding-top: calc(3 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.compact + div.group.full {
  padding-top: calc(5 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.full {
  padding-top: calc(3 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.full > h2 {
  display: none;
}
#generator.folder div.pages > section.page > div.group.full > article.product {
  flex-wrap: wrap;
}
#generator.folder div.pages > section.page > div.group.full > article.product div.name {
  width: 70%;
  text-align: left;
  font-size: 2.75vh;
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  color: #161615;
  margin: 0;
  padding: 0;
  padding-top: calc(1 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.full > article.product div.price {
  width: 28%;
  height: 2.75vh;
  box-sizing: border-box;
  padding-top: calc(2 / 210 * 100vh);
  text-align: right;
}
#generator.folder div.pages > section.page > div.group.full > article.product div.description {
  padding-top: calc(1 / 210 * 100vh);
  width: 100%;
  text-align: justify;
  font-size: 1.3vh;
}
#generator.folder div.pages > section.page.info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: "Raleway", sans-serif;
  color: #161615;
  font-size: 1.55vh;
  line-height: 130%;
}
#generator.folder div.pages > section.page.info > div.intro {
  height: calc(100 / 210 * 100vh);
  text-align: center;
  line-height: 150%;
}
#generator.folder div.pages > section.page.info > div.intro ul > li {
  padding: 0 calc(5 / 210 * 100vh);
  margin-top: calc(5 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.intro ul > li:last-child {
  display: none;
}
#generator.folder div.pages > section.page.info > div.intro ul > li b {
  font-weight: 600;
  display: block;
}
#generator.folder div.pages > section.page.info > div.intro ul > li u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#generator.folder div.pages > section.page.info > div.opening h2 {
  text-align: center;
  font-size: 2.75vh;
  letter-spacing: 0.1vh;
  padding-bottom: calc(2 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.opening > div {
  padding: 0 calc(25 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.opening > div div.day {
  display: flex;
  flex-direction: row;
}
#generator.folder div.pages > section.page.info > div.opening > div div.day > span {
  text-align: left;
  width: 50%;
}
#generator.folder div.pages > section.page.info > div.opening > div div.day > span + span {
  text-align: center;
  text-transform: lowercase;
}
#generator.folder div.pages > section.page.info > div.contact {
  padding-top: calc(15 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.contact p {
  text-align: center;
}
#generator.folder div.pages > section.page.info > div.contact p > span {
  color: #e52020;
  padding: 0 0.8vh;
}
#generator.folder div.pages > section.page.info > div.social {
  margin-bottom: calc(2 / 210 * 100vh);
  height: calc(10 / 210 * 100vh);
  background-image: url(/assets/img/generator/card_footer.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200% auto;
}
#generator.overview {
  background-color: white;
  height: 100vh;
  padding: 0 50px;
  box-sizing: border-box;
}
#generator.overview > img {
  width: 70%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#generator.overview h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 600;
}
#generator.overview p {
  font-family: "Raleway", sans-serif;
  color: #161615;
  line-height: 130%;
  font-size: 14px;
}
#generator.overview p > a {
  color: #e52020;
  border-bottom: 1px solid #e52020;
  text-decoration: none;
}
#generator.overview p > a:hover {
  color: #161615;
}
#generator.overview p > b {
  font-weight: 600;
}
#generator.overview p > u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#generator.overview > div {
  padding-top: 20px;
  padding-bottom: 20px;
}
#generator.overview > div + div {
  padding-top: 0px;
}
#generator.overview > div > p > b {
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
}
#generator.overview > div > a {
  border-radius: 15px;
  margin-top: 5px;
  background-color: #e52020;
  display: block;
  width: 50%;
  font-family: "Raleway", sans-serif;
  color: white;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 auto;
  margin-top: 12px;
}
#generator.overview > div > a:hover {
  background-color: #161615;
}
#generator.overview div.weeklylist {
  padding-top: 50px;
  overflow: hidden;
}
#generator.overview div.weeklylist.hide {
  height: 0px !important;
}
#generator.overview div.weeklylist.animate {
  transition: height ease 2000ms;
}
#generator.overview div.weeklylist > h2 > a {
  color: #e52020;
  border-bottom: 1px solid #e52020;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
}
#generator.overview div.weeklylist > h2 > a:hover {
  color: #161615;
}
#generator.overview div.weeklylist > p {
  padding-bottom: 10px;
}
#generator.overview div.weeklylist > div.weeklyitem {
  margin-bottom: 5px;
}
#generator.overview div.weeklylist > div.weeklyitem a.pdf {
  color: #161615;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: 600;
}
#generator.overview div.weeklylist > div.weeklyitem a.pdf:hover {
  color: #e52020;
}
#generator.overview div.weeklylist > div.weeklyitem a.preview {
  color: #e52020;
  border-bottom: 1px solid white;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
  margin-left: 10px;
}
#generator.overview div.weeklylist > div.weeklyitem a.preview:hover {
  color: #161615;
  border-bottom-color: #161615;
}

section.content::selection {
  background-color: #E52020;
  color: white;
}
section.content h1 {
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 7px;
  display: block;
  margin-bottom: 10px;
  margin-right: -5px;
  color: #161615;
}
section.content h1 > i {
  color: #E52020;
}
section.content h2 {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 6px;
  margin-right: -10px;
}
section.content h2 > b {
  display: block;
  font-family: "Amatic SC", sans-serif;
  font-size: 70px;
  font-weight: 700;
  letter-spacing: 10px;
}
section.content h3 {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 3px;
  padding-bottom: 3px;
}
section.content h3 > i {
  color: #E52020;
}
section.content h4 {
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  font-size: 35px;
  letter-spacing: 5px;
  display: block;
  color: white;
  margin-right: -5px;
}
section.content h4 > i {
  color: #E52020;
}
section.content p {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #161615;
  line-height: 160%;
}
section.content p a {
  text-decoration: none;
  color: #E52020;
}
section.content p a:hover {
  border-bottom: 1px solid #E52020;
}
section.content a {
  outline: 0;
}
section.content .unselectable {
  user-select: none;
}
section.content > nav.mobile {
  display: none;
}
section.content > nav {
  position: fixed;
  z-index: 1000;
  width: 300px;
  left: calc(60% - 150px);
  border: 2px solid #161615;
}
section.content > nav > a {
  outline: none;
  text-decoration: none;
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  color: #161615;
}
section.content > nav > a > span {
  background-color: inherit;
}
section.content > nav > a.home {
  display: block;
  width: 300px;
  height: 300px;
}
section.content > nav > a.assortment, section.content > nav > a.contact {
  display: block;
  text-align: center;
  font-size: 27px;
  letter-spacing: 5px;
  background-color: white;
  padding-top: 12px;
  padding-bottom: 15px;
  border-top: 1px solid rgba(22, 22, 21, 0.25);
  background-position: bottom left;
}
section.content > nav > a.contact {
  background-position: bottom right;
}
section.content > nav > a.assortment:hover, section.content > nav > a.contact:hover, section.content > nav > a.facebook:hover, section.content > nav > a.instagram:hover {
  cursor: pointer;
  background-color: #E52020;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  color: white;
}
section.content > nav > a.assortment:hover > span, section.content > nav > a.contact:hover > span, section.content > nav > a.facebook:hover > span, section.content > nav > a.instagram:hover > span {
  color: white !important;
}
section.content > nav > a.facebook, section.content > nav > a.instagram, section.content > nav > a.shop {
  font-size: 20px;
  background-color: white;
  letter-spacing: 2px;
  box-sizing: border-box;
  display: inline-block;
  border-top: 1px solid rgba(22, 22, 21, 0.25);
  padding-top: 14px;
  padding-bottom: 14px;
  width: 50%;
}
section.content > nav > a.facebook {
  text-align: right;
  padding-right: 10px;
  border-right: 1px solid rgba(22, 22, 21, 0.25);
}
section.content > nav > a.facebook:hover {
  background-size: 500% auto;
}
section.content > nav > a.instagram {
  text-align: left;
  padding-left: 10px;
}
section.content > nav > a.instagram:hover {
  background-size: 500% auto;
}
section.content > nav > a.shop {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #161615;
  color: white;
  background-image: url(/assets/img/border_spots.png);
  padding: 10px 0;
  background-size: 300% auto;
  background-position: bottom center;
}
section.content > nav > a.shop:hover {
  background-color: #E52020;
}
section.content > nav > a.shop svg {
  fill: white;
  width: 23px;
  height: 25px;
  padding-top: 2px;
}
section.content > nav > a.shop > span {
  position: relative;
  top: -3px;
  padding-left: 5px;
}
section.content > nav > a.shop.basket {
  display: none;
}
section.content > nav > div.hours {
  font-family: "Amatic SC", sans-serif;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  color: white;
  font-size: 40px;
  text-transform: uppercase;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 10px;
}
section.content > nav > div.hours.open {
  background-color: #E52020;
}
section.content > nav > div.hours.closed {
  background-color: #161615;
}
section.content > nav > div.hours > span {
  background-color: inherit;
  letter-spacing: 4px;
}
section.content > nav > div.hours > span + span {
  display: block;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: lowercase;
  margin-top: 5px;
}
section.content > nav > button {
  display: none;
}
section.content > div.intro {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  border: 15px solid #E52020;
  border-image: url(/assets/img/border_spots_red.jpg) 30 repeat;
  width: 100%;
}
section.content > div.intro.fullscreen {
  min-height: 100vh;
}
section.content > div.intro.fullscreen > article.right {
  min-height: calc(100vh - 30px);
}
section.content > div.intro > article {
  box-sizing: border-box;
}
section.content > div.intro > article.left {
  width: 60%;
  background-color: white;
  padding-right: 200px;
  text-align: right;
  padding-left: calc(60% - 600px);
  padding-bottom: 70px;
}
section.content > div.intro > article.right {
  width: 40%;
  border-left: 1px solid #161615;
}
section.content > div.intro > article.right.video {
  background-color: #161615;
}
section.content > div.intro > article.right.image {
  position: relative;
}
section.content > div.intro > article.right.image > figure {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: left center;
}
section.content > div.main {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
section.content > div.main > article {
  box-sizing: border-box;
}
section.content > div.main > article.left {
  width: calc(60% - 3px);
  padding-left: calc(60% - 600px);
  padding-right: 200px;
  padding-top: 80px;
  text-align: right;
}
section.content > div.main > article.left.red {
  background-color: #E52020;
  color: white;
}
section.content > div.main > article.left.red::selection {
  background-color: white;
  color: #E52020;
}
section.content > div.main > article.left.red p {
  color: white;
}
section.content > div.main > article.right {
  width: calc(40% + 3px);
  border-left: 1px solid #161615;
}
section.content > div.main > article.right.pattern {
  background-image: url(/assets/img/main_pattern.jpg);
  background-size: 1000px auto;
  background-position: -120px 30px;
}
section.content > footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  background-color: white;
  background-image: url(/assets/img/footer_spots.jpg);
  background-position: center center;
  background-size: 50% auto;
  padding-bottom: 60px;
  border-top: 1px solid #161615;
}
section.content > footer h4 {
  color: #161615;
  margin-right: 0px;
  font-size: 40px;
  background-color: white;
}
section.content > footer > article {
  box-sizing: border-box;
}
section.content > footer > article.left {
  width: 60%;
  padding-right: 200px;
  padding-top: 45px;
  text-align: right;
}
section.content > footer > article.left figure.logo {
  display: inline-block;
  background-image: url(/assets/img/menu_logo.jpg);
  width: 215px;
  height: 80px;
  background-size: cover;
  background-position: center -60px;
  background-repeat: no-repeat;
  margin-right: -10px;
}
section.content > footer > article.left p {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #161615;
  line-height: 160%;
  padding-top: 20px;
  background-color: white;
}
section.content > footer > article.left p a {
  text-decoration: none;
  color: #E52020;
}
section.content > footer > article.left p a:hover {
  border-bottom: 1px solid #E52020;
}
section.content > footer > article.left p.business {
  font-size: 12px;
  color: #30302e;
}
section.content > footer > article.left > div {
  margin-top: 20px;
}
section.content > footer > article.left > div a.social {
  background-color: white;
  position: relative;
  display: block;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #E52020;
  text-decoration: none;
  padding-right: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
}
section.content > footer > article.left > div a.social > svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  height: 23px;
  fill: #E52020;
}
section.content > footer > article.left > div a.social:hover {
  outline: none;
  color: #161615;
}
section.content > footer > article.left > div a.social:hover > svg {
  fill: #161615;
}
section.content > footer > article.left > div a.social:focus {
  outline: none;
}
section.content > footer > article.right {
  width: 40%;
  padding-top: 60px;
  padding-left: 200px;
}
section.content > footer > article.right div.opening {
  padding-top: 30px;
  background-color: white;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: lowercase;
  color: #161615;
}
section.content > footer > article.right div.opening > div {
  padding-top: 3px;
  padding-bottom: 5px;
}
section.content > footer > article.right div.opening > div.today {
  color: #E52020;
}
section.content > footer > article.right div.opening > div span {
  display: inline-block;
  width: 90px;
}
section.content > footer > article.right div.opening > div span + span {
  width: 120px;
  font-size: 17px;
}
section.content > footer > article.right div.opening > div span.reason {
  display: block;
  padding-left: 90px;
  text-transform: none;
  font-size: 13px;
  padding-top: 5px;
}
section.content > footer > article.right div.opening > div.vacation {
  text-transform: none;
  width: 200px;
}
section.content > footer > article.right div.opening > div.vacation > p > b {
  font-weight: 600;
}

#home div.intro > article.left {
  /*
  background-image: url(/assets/img/home_sketch.jpg);
  background-position: right 0px bottom 5%;
  background-size: 700px auto;
  background-repeat: no-repeat;
  */
  background: url("/assets/img/home_bg.svg") center center repeat;
}
#home div.intro > article.left p.intro > br + br {
  display: block;
  margin: 5px;
}
#home div.intro > article.left p.intro > a {
  font-weight: 600;
  color: #161615;
  text-decoration: none;
}
#home div.intro > article.left p.intro > a > i {
  color: #E52020;
}
#home div.intro > article.left p.intro > a:hover {
  color: #E52020;
}
#home div.intro > article.left p.intro > a.assortment {
  display: block;
  margin-top: 25px;
  font-size: 15px;
}
#home div.intro > article.left p.intro > a.assortment > span {
  border-bottom: 1px solid #161615;
}
#home div.intro > article.left p.intro > a.assortment:hover {
  border: 0;
  text-decoration: none;
}
#home div.intro > article.left p.intro > a.assortment:hover > span {
  color: #E52020;
  border-color: #E52020;
}
#home div.intro > article.left p.intro > a.assortment + a.weekly {
  display: block;
  margin-top: 10px;
  color: #161615;
  text-decoration: none;
}
#home div.intro > article.left p.intro > a.assortment + a.weekly > u {
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #161615;
}
#home div.intro > article.left p.intro > a.assortment + a.weekly:hover {
  border: 0;
}
#home div.intro > article.left p.intro > a.assortment + a.weekly:hover > u {
  color: #E52020;
  border-color: #E52020;
}
#home div.intro > article.left div.news {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#home div.intro > article.left div.news > div {
  box-sizing: border-box;
  background-color: #161615;
  background-image: url(/assets/img/border_spots.png);
  width: 325px;
  padding: 40px 30px;
  text-align: right;
  color: white;
}
#home div.intro > article.left div.news > div.spots-0 {
  background-position: left top;
}
#home div.intro > article.left div.news > div.spots-1 {
  background-position: right bottom;
}
#home div.intro > article.left div.news > div.spots-2 {
  background-position: center center;
}
#home div.intro > article.left div.news > div + div {
  margin-top: 20px;
}
#home div.intro > article.left div.news > div.link:hover {
  cursor: pointer;
}
#home div.intro > article.left div.news > div.link:hover > p > a {
  border: 0;
}
#home div.intro > article.left div.news > div.link:hover > p > a > u {
  color: #E52020;
  border-color: #E52020;
}
#home div.intro > article.left div.news > div > h4 {
  background-color: #161615;
}
#home div.intro > article.left div.news > div > p {
  margin-top: 5px;
  color: white;
  background-color: #161615;
}
#home div.intro > article.left div.news > div > p > a {
  display: block;
  margin-top: 15px;
  color: white;
  text-decoration: none;
}
#home div.intro > article.left div.news > div > p > a > u {
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid white;
}
#home div.main > article.left {
  background-color: #E52020;
  color: white;
  padding-top: 60px;
  padding-bottom: 100px;
}
#home div.main > article.left::selection {
  background-color: white;
  color: #E52020;
}
#home div.main > article.left > div > a {
  color: white;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  border-bottom: 1px solid white;
  font-size: 15px;
  letter-spacing: 1px;
}
#home div.main > article.left > div > a:hover {
  color: #161615;
  border-color: #E52020;
}
#home div.main > article.left > div > a.button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 15px 15px 15px;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  background-position: center center;
  min-width: 325px;
  text-align: right;
  cursor: pointer;
  background-color: #161615;
  border: 1px solid #161615;
}
#home div.main > article.left > div > a.button > span.text {
  background-color: inherit;
}
#home div.main > article.left > div > a.button:focus {
  outline: 0;
}
#home div.main > article.left > div > a.button:hover {
  color: white;
  background-color: #E52020;
  border-color: white;
}
#home div.main > article.left > div.weekly h1 {
  color: white;
  font-family: "Raleway", sans-serif;
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 7px;
  margin-bottom: 5px;
  padding-top: 20px;
}
#home div.main > article.left > div.weekly h1 > i {
  display: block;
  font-family: "Amatic SC", sans-serif;
  font-size: 70px;
  font-weight: 700;
  color: white;
  letter-spacing: 11px;
}
#home div.main > article.left > div.weekly h1 > i > b {
  color: #161615;
}
#home div.main > article.left > div.weekly h1 + span {
  color: #161615;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
}
#home div.main > article.left > div.weekly h1 + span + p {
  padding-top: 20px;
  color: #161615;
  padding-left: 70px;
}
#home div.main > article.left > div.weekly h1 + span + p > b {
  color: white;
}
#home div.main > article.left > div.weekly > div {
  padding-top: 40px;
  padding-bottom: 70px;
}
#home div.main > article.left > div.weekly > div > div + div {
  margin-top: 20px;
}
#home div.main > article.left > div.weekly > div > div p {
  padding-left: 20%;
  color: white;
  letter-spacing: 0px;
}
#home div.main > article.left > div.weekly > div > div p.name {
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#home div.main > article.left > div.weekly > div > div p.description {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
}
#home div.main > article.left > div.weekly > div > div p.price {
  position: relative;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #161615;
}
#home div.main > article.left > div.weekly > div > div p.price::first-letter {
  font-size: 15px;
}
#home div.main > article.left > div.weekly > div > div p.price > span.old {
  position: absolute;
  top: 0px;
  right: 70px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  font-size: 13px;
}
#home div.main > article.left > div.weekly > div > div p.price > span.old::after {
  content: '';
  position: absolute;
  right: 0;
  top: 17px;
  height: 1px;
  background-color: white;
  width: 100%;
}
#home div.main > article.left > div.assortment h1 {
  font-family: "Amatic SC", sans-serif;
  font-size: 55px;
  font-weight: 700;
  color: white;
  letter-spacing: 11px;
  text-transform: uppercase;
  padding-top: 20px;
}
#home div.main > article.left > div.assortment h1 > span {
  color: #161615;
}
#home div.main > article.left > div.assortment p {
  margin-top: 20px;
  color: white;
}
#home div.main > article.left > div.assortment p + p {
  margin-top: 40px;
}
#home div.main > article.left > div.assortment nav {
  margin-top: 5px;
  margin-bottom: 60px;
}
#home div.main > article.left > div.assortment nav a {
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-size: 24px;
  color: white;
  margin-left: 15px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(22, 22, 21, 0.1);
  outline: 0;
}
#home div.main > article.left > div.assortment nav a:hover {
  color: #161615;
  border-color: #161615;
}
#home div.main > article.right {
  padding: 60px 0px 100px 200px;
}
#home div.main > article.right div.social {
  width: 260px;
}
#home div.main > article.right div.social > h4 {
  color: #161615;
  font-size: 70px;
  text-align: right;
  margin: 0;
  letter-spacing: 10px;
  padding-right: 25px;
  line-height: 130%;
}
#home div.main > article.right div.social > h4 > span {
  margin-right: -25px;
}
#home div.main > article.right div.social > figure {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: -80px;
}
#home div.main > article.right div.social > figure > div {
  width: 130px;
  height: 130px;
}
#home div.main > article.right div.social > figure > div.image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  filter: grayscale(100%);
}
#home div.main > article.right div.social > figure > div.image:hover {
  filter: grayscale(0%);
}
#home div.main > article.right div.social > figure > div.social.facebook {
  background-color: #E52020;
}
#home div.main > article.right div.social > figure > div.social.facebook svg {
  fill: white;
}
#home div.main > article.right div.social > figure > div.social.facebook:hover {
  background-color: white;
}
#home div.main > article.right div.social > figure > div.social.facebook:hover svg {
  fill: #E52020;
}
#home div.main > article.right div.social > figure > div.social.instagram {
  background-color: white;
}
#home div.main > article.right div.social > figure > div.social.instagram svg {
  fill: #E52020;
}
#home div.main > article.right div.social > figure > div.social.instagram:hover {
  background-color: #E52020;
}
#home div.main > article.right div.social > figure > div.social.instagram:hover svg {
  fill: white;
}
#home div.main > article.right div.social > figure > div.social.instagram + div {
  filter: grayscale(0%);
}
#home div.main > article.right div.social > figure > div.social a {
  text-decoration: none;
}
#home div.main > article.right div.social > figure > div.social svg {
  width: 50%;
  height: 50%;
  padding-left: 25%;
  padding-top: 25%;
  fill: #E52020;
}
#home div.main > article.right div.social > figure > div:nth-child(3) {
  filter: grayscale(0%);
}

#assortment nav > a.assortment > span {
  color: #E52020;
}
#assortment div.intro > article.left {
  padding-bottom: 150px;
}
#assortment div.intro > article.left p.intro > b {
  font-family: "Amatic SC", sans-serif;
  font-size: 40px;
  text-transform: uppercase;
  color: #161615;
  letter-spacing: 6px;
}
#assortment div.intro > article.left p.intro > b > i {
  color: #E52020;
}
#assortment div.intro > article.left > div {
  padding-top: 40px;
}
#assortment div.intro > article.left > div > p + div.group {
  margin-top: 5px;
}
#assortment div.intro > article.left > div > div.group {
  margin-top: 15px;
}
#assortment div.intro > article.left > div > div.group.weekly a {
  font-size: 35px;
}
#assortment div.intro > article.left > div > div.group.weekly a > i {
  font-size: 25px;
}
#assortment div.intro > article.left > div > div.group a {
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-size: 30px;
  color: #161615;
  margin-left: 30px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(22, 22, 21, 0.1);
  outline: 0;
}
#assortment div.intro > article.left > div > div.group a.red {
  border-color: #E52020;
}
#assortment div.intro > article.left > div > div.group a:hover {
  color: #E52020;
  border-color: #E52020;
}
#assortment div.main > article.left {
  padding: 0;
}
#assortment div.main > article.left > div.weekly {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #161615;
  color: white;
  padding-right: 200px;
}
#assortment div.main > article.left > div.weekly > h4 {
  font-size: 50px;
  margin-bottom: 10px;
}
#assortment div.main > article.left > div.weekly > h4 > i {
  color: white;
  font-size: 35px;
}
#assortment div.main > article.left > div.weekly > h4 + span {
  color: white;
  font-family: "Raleway", sans-serif;
  font-size: 19px;
  letter-spacing: 2px;
  display: block;
  margin-bottom: 40px;
}
#assortment div.main > article.left > div.weekly > h4 + span > b {
  color: #E52020;
}
#assortment div.main > article.left > div.weekly > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 40px;
}
#assortment div.main > article.left > div.weekly > div > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  max-width: 440px;
  min-height: 50px;
  margin-bottom: 20px;
}
#assortment div.main > article.left > div.weekly > div > div p {
  text-transform: uppercase;
  font-weight: 600;
  color: white;
  font-size: 20px;
  letter-spacing: 1px;
}
#assortment div.main > article.left > div.weekly > div > div p + p {
  width: 105px;
  position: relative;
}
#assortment div.main > article.left > div.weekly > div > div p + p > span.old {
  position: absolute;
  top: 25px;
  right: 0px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 500;
  font-size: 13px;
}
#assortment div.main > article.left > div.weekly > div > div p + p > span.old::after {
  opacity: 0.6;
  content: '';
  position: absolute;
  right: 0;
  top: 17px;
  height: 1px;
  background-color: white;
  width: 100%;
}
#assortment div.main > article.left > div.weekly > div > div p + p + p {
  box-sizing: border-size;
  width: 100%;
  padding-right: 105px;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0px;
}
#assortment div.main > article.left > div.weekly > div > div:hover {
  cursor: pointer;
}
#assortment div.main > article.left > div.weekly > div > div:hover > p:first-child {
  color: #E52020;
}
#assortment div.main > article.left > div.weekly > div > div:hover > p:first-child + p {
  color: #E52020;
}
#assortment div.main > article.left > div.weekly > div > div:hover > p:first-child + p + p {
  color: #E52020;
}
#assortment div.main > article.left > div.weekly > a {
  display: inline-block;
  margin-right: 105px;
  font-family: "Raleway", sans-serif;
  border-bottom: 1px solid #E52020;
  color: #E52020;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
}
#assortment div.main > article.left > div.weekly > a:hover {
  color: white;
  border-color: #E52020;
}
#assortment div.main > article.left > div.weekly > a + br + a {
  margin-top: 15px;
}
#assortment div.main > article.left > div.list {
  border-bottom: 1px solid #161615;
  padding-bottom: 60px;
  padding-top: 55px;
  position: relative;
}
#assortment div.main > article.left > div.list:first-child {
  padding-top: 80px;
}
#assortment div.main > article.left > div.list:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -19px;
  right: 270px;
  width: 335px;
  height: 18px;
  background-image: url(/assets/img/border_flag.png);
  background-repeat: repeat-x;
  background-position: top right;
  background-size: contain;
}
#assortment div.main > article.left > div.list:last-child {
  border-bottom: 0px;
}
#assortment div.main > article.left > div.list:last-child:after {
  display: none;
}
#assortment div.main > article.left > div.list.compact {
  display: flex;
  justify-content: flex-end;
  padding-right: 200px;
}
#assortment div.main > article.left > div.list.compact > div {
  width: 100%;
  max-width: 450px;
}
#assortment div.main > article.left > div.list.compact > div div.group {
  width: 50%;
  max-width: 220px;
  padding: 0;
}
#assortment div.main > article.left > div.list.compact > div div.group > div {
  margin-bottom: 8px;
}
#assortment div.main > article.left > div.list.compact > div div.group > div > p {
  width: 120px;
  line-height: 110%;
}
#assortment div.main > article.left > div.list.compact > div div.group > div > p + p {
  width: 70px;
}
#assortment div.main > article.left > div.list.compact > div div.group > div > p + p span.old {
  display: none;
}
#assortment div.main > article.left > div.list.compact > div div.group + .group + .group {
  margin-top: 10px;
}
#assortment div.main > article.left > div.list.wide div.group > div > p {
  text-transform: uppercase;
  font-weight: 600;
}
#assortment div.main > article.left > div.list.wide div.group > div > p + p {
  text-transform: none;
}
#assortment div.main > article.left > div.list.wide div.group > div > p + p + p {
  font-weight: 500;
}
#assortment div.main > article.left > div.list.full div.group > div > p {
  order: 1;
  display: block;
  width: 100%;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
}
#assortment div.main > article.left > div.list.full div.group > div > p + p {
  order: 3;
  margin-bottom: 15px;
  text-transform: none;
}
#assortment div.main > article.left > div.list.full div.group > div > p + p span.old {
  top: 0px !important;
  right: 70px !important;
}
#assortment div.main > article.left > div.list.full div.group > div > p + p + p {
  order: 2;
  text-transform: none;
  font-weight: 500;
  margin-bottom: 2px;
}
#assortment div.main > article.left > div.list > div {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#assortment div.main > article.left > div.list > div > div.group {
  width: calc(60% - 3px);
  padding-left: calc(60% - 600px);
  padding-right: 200px;
}
#assortment div.main > article.left > div.list > div > div.group h4 {
  color: #161615;
  margin-bottom: 15px;
  margin-top: 25px;
  font-size: 33px;
}
#assortment div.main > article.left > div.list > div > div.group > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
#assortment div.main > article.left > div.list > div > div.group > div.weekly_sandwich > p {
  color: #E52020;
  position: relative;
}
#assortment div.main > article.left > div.list > div > div.group > div.weekly_sandwich > p span.old {
  text-decoration: line-through;
  font-weight: 500;
  font-size: 12px;
  color: #161615;
  position: absolute;
  right: 0px;
  top: 20px;
}
#assortment div.main > article.left > div.list > div > div.group > div > p + p {
  color: #E52020;
  font-weight: 600;
  width: 70px;
  letter-spacing: 1px;
}
#assortment div.main > article.left > div.list > div > div.group > div > p + p + p {
  box-sizing: border-box;
  display: block;
  width: 100%;
  color: #161615;
  letter-spacing: 0px;
  font-weight: 500;
  padding-right: 70px;
  margin-bottom: 10px;
}
#assortment div.main > article.left > div.list > div > div.group > div > p + p + p > i {
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: -5px;
}
#assortment div.main > article.left > div.list > div > div.group.sandwich > div:hover {
  cursor: pointer;
}
#assortment div.main > article.left > div.list > div > div.group.sandwich > div:hover > p:first-child {
  text-decoration: underline;
  font-weight: 600;
  color: #161615;
}
#assortment div.main > article.left > div.list > div > div.group.sandwich > div:hover > p:first-child + p {
  color: #161615;
}
#assortment div.main > article.right {
  padding-left: 200px;
  padding-top: 80px;
  padding-right: 20px;
  position: relative;
}
#assortment div.main > article.right > div.info {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #161615;
  font-size: 14px;
  line-height: 160%;
  max-width: 260px;
  padding-bottom: 70px;
}
#assortment div.main > article.right > div.info ul {
  list-style: none;
}
#assortment div.main > article.right > div.info ul li + li {
  margin-top: 10px;
}
#assortment div.main > article.right > div.info b {
  font-weight: 600;
}
#assortment div.main > article.right > div.info u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#assortment div.main > article.right > nav {
  max-width: 320px;
}
#assortment div.main > article.right > nav.stick {
  position: fixed;
}
#assortment div.main > article.right > nav.stick.bottom {
  position: absolute;
  bottom: 100px;
  top: auto !important;
  padding-right: 0px;
}
#assortment div.main > article.right > nav a {
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-size: 24px;
  color: #161615;
  margin-right: 30px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(22, 22, 21, 0.1);
  outline: 0;
}
#assortment div.main > article.right > nav a.red {
  border-color: #E52020;
}
#assortment div.main > article.right > nav a:hover {
  color: #E52020;
  border-color: #E52020;
}
#assortment div.main > article.right > nav a > i {
  font-size: 18px;
}
#assortment div.main > article.right > nav a:last-child {
  margin-right: 0px;
}

#contact nav > a.contact > span {
  color: #E52020;
}
#contact div.intro > article.left p.intro > b {
  font-size: 26px;
  color: #161615;
  text-transform: uppercase;
  letter-spacing: 5px;
}
#contact div.intro > article.left p.intro > b > i {
  color: #E52020;
}
#contact div.intro > article.left > div {
  padding-top: 60px;
}
#contact div.intro > article.left > div > p + p.link {
  padding-top: 5px;
}
#contact div.intro > article.left > div > p + p.link > a {
  text-decoration: none;
  color: #161615;
}
#contact div.intro > article.left > div > p + p.link > a > u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#contact div.intro > article.left > div > p + p.link > a:hover {
  cursor: pointer;
  border: 0px;
  color: #161615;
}
#contact div.intro > article.left > div > p + p.link > a:hover > u {
  color: #E52020;
  border-color: #E52020;
}
#contact div.intro > article.left > div a.social {
  position: relative;
  display: block;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #E52020;
  text-decoration: none;
  padding-right: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
}
#contact div.intro > article.left > div a.social > svg {
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  height: 23px;
  fill: #E52020;
}
#contact div.intro > article.left > div a.social:hover {
  outline: none;
  color: #161615;
}
#contact div.intro > article.left > div a.social:hover > svg {
  fill: #161615;
}
#contact div.intro > article.left > div a.social:focus {
  outline: none;
}
#contact div.intro > article.left > div div.opening {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: lowercase;
  color: #161615;
}
#contact div.intro > article.left > div div.opening > div {
  padding-top: 3px;
  padding-bottom: 5px;
}
#contact div.intro > article.left > div div.opening > div.today {
  color: #E52020;
}
#contact div.intro > article.left > div div.opening > div span {
  display: inline-block;
}
#contact div.intro > article.left > div div.opening > div span + span {
  width: 120px;
  font-size: 17px;
}
#contact div.intro > article.left > div div.opening > div span + span.reason {
  display: block;
  text-align: right;
  width: 100%;
  text-transform: none;
  font-size: 13px;
  padding-top: 5px;
}
#contact div.intro > article.left > div div.opening > div.vacation {
  text-transform: none;
}
#contact div.intro > article.left > div div.opening > div.vacation > p > b {
  border-bottom: 1px solid #161615;
}
#contact div.map > a {
  height: 415px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #161615;
  background-color: #e5e5e5;
  background-image: url(/assets/img/contact_map.jpg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
#contact div.main > article.left p.intro {
  padding-top: 30px;
  padding-bottom: 30px;
}
#contact div.main > article.left form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#contact div.main > article.left form > div {
  width: 360px;
}
#contact div.main > article.left form > div.error input, #contact div.main > article.left form > div.error textarea, #contact div.main > article.left form > div.error span {
  color: #161615;
}
#contact div.main > article.left form > div.error input:-moz-placeholder, #contact div.main > article.left form > div.error textarea:-moz-placeholder, #contact div.main > article.left form > div.error span:-moz-placeholder {
  color: #161615;
}
#contact div.main > article.left form > div.error input::-moz-placeholder, #contact div.main > article.left form > div.error textarea::-moz-placeholder, #contact div.main > article.left form > div.error span::-moz-placeholder {
  color: #161615;
}
#contact div.main > article.left form > div.error input:-ms-input-placeholder, #contact div.main > article.left form > div.error textarea:-ms-input-placeholder, #contact div.main > article.left form > div.error span:-ms-input-placeholder {
  color: #161615;
}
#contact div.main > article.left form > div.error input::-webkit-input-placeholder, #contact div.main > article.left form > div.error textarea::-webkit-input-placeholder, #contact div.main > article.left form > div.error span::-webkit-input-placeholder {
  color: #161615;
}
#contact div.main > article.left form > div.error input::placeholder, #contact div.main > article.left form > div.error textarea::placeholder, #contact div.main > article.left form > div.error span::placeholder {
  color: #161615;
}
#contact div.main > article.left form > div.input_text {
  border: 1px solid white;
}
#contact div.main > article.left form > div.input_mail {
  border: 1px solid white;
  border-top: 0;
}
#contact div.main > article.left form > div.input_mail label {
  display: block;
}
#contact div.main > article.left form > div.input_mail label.input_mail_confirm {
  border-top: 1px solid white;
}
#contact div.main > article.left form > div.input_area {
  border: 1px solid white;
  border-top: 0;
}
#contact div.main > article.left form > div.dateselect > div, #contact div.main > article.left form > div.timeselect > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#contact div.main > article.left form > div.dateselect > div label, #contact div.main > article.left form > div.timeselect > div label {
  border: 1px solid white;
  box-sizing: border-box;
}
#contact div.main > article.left form > div.dateselect > div label.day, #contact div.main > article.left form > div.timeselect > div label.day {
  width: 25%;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
#contact div.main > article.left form > div.dateselect > div label.month, #contact div.main > article.left form > div.timeselect > div label.month {
  width: 50%;
  border-left: 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
#contact div.main > article.left form > div.dateselect > div label.year, #contact div.main > article.left form > div.timeselect > div label.year {
  width: 25%;
  border-left: 0px;
}
#contact div.main > article.left form > div.dateselect > div label.hour, #contact div.main > article.left form > div.timeselect > div label.hour {
  width: 25%;
  border-top: 0px;
  border-right: 1px solid rgba(255, 255, 255, 0.25);
}
#contact div.main > article.left form > div.dateselect > div label.minute, #contact div.main > article.left form > div.timeselect > div label.minute {
  width: 25%;
  border-top: 0px;
  border-left: 0px;
}
#contact div.main > article.left form > div.dateselect > div label select, #contact div.main > article.left form > div.timeselect > div label select {
  font-family: "Raleway", sans-serif;
  color: white;
  font-size: 14px;
  background: none;
  border: none;
  width: 100%;
  text-align: center;
  padding: 25px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
#contact div.main > article.left form > div.dateselect > div label select::-ms-expand, #contact div.main > article.left form > div.timeselect > div label select::-ms-expand {
  display: none;
}
#contact div.main > article.left form > div.dateselect > div label select option.hide, #contact div.main > article.left form > div.timeselect > div label select option.hide {
  display: none;
}
#contact div.main > article.left form > div.agreecheck label {
  cursor: pointer;
  display: block;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
#contact div.main > article.left form > div.agreecheck label > input {
  display: none;
}
#contact div.main > article.left form > div.agreecheck label::after {
  content: '';
  width: 20px;
  height: 20px;
  background-color: #E52020;
  position: absolute;
  right: 0;
  top: 0px;
  border: 1px solid white;
  border-top: 0px;
  cursor: pointer;
}
#contact div.main > article.left form > div.agreecheck label span {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 13px;
  padding-right: 30px;
  padding-top: 4px;
}
#contact div.main > article.left form > div.agreecheck label span > a {
  color: #161615;
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#contact div.main > article.left form > div.agreecheck label span > a:hover {
  color: white;
  border-color: white;
}
#contact div.main > article.left form > div.agreecheck label.selected::after {
  background-color: white;
}
#contact div.main > article.left form > div.agreecheck + div.title {
  display: none;
}
#contact div.main > article.left form > div.agreecheck + div.title + div.input_text {
  display: none;
}
#contact div.main > article.left form > div.agreecheck + div.title + div.input_text + div.input_text {
  display: none;
}
#contact div.main > article.left form > div.agreecheck + div.title + div.input_text + div.input_text + div.input_text {
  display: none;
}
#contact div.main > article.left form > div.agreecheck + div.title + div.input_text + div.input_text + div.input_text + div.input_text {
  display: none;
}
#contact div.main > article.left form > div.agreecheck + div.title + div.input_text + div.input_text + div.input_text + div.input_text + div.input_text {
  display: none;
}
#contact div.main > article.left form > div.submit {
  margin-top: 25px;
  margin-bottom: 30px;
  width: 100%;
}
#contact div.main > article.left form > div.response {
  padding-bottom: 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: white;
  font-size: 14px;
  line-height: 160%;
  width: 300px;
  color: #161615;
}
#contact div.main > article.left form > div.response label {
  display: none;
}
#contact div.main > article.left form > div.response label.show {
  display: block;
}
#contact div.main > article.left form > div.response label.agree > span {
  display: block;
}
#contact div.main > article.left form > div.response label.sent {
  color: white !important;
}
#contact div.main > article.left form input, #contact div.main > article.left form textarea {
  box-sizing: border-box;
  background: none;
  border: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: white;
  font-size: 15px;
  width: 100%;
  text-align: right;
  padding: 25px 20px;
}
#contact div.main > article.left form input:-moz-placeholder, #contact div.main > article.left form textarea:-moz-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: white;
}
#contact div.main > article.left form input::-moz-placeholder, #contact div.main > article.left form textarea::-moz-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: white;
}
#contact div.main > article.left form input:-ms-input-placeholder, #contact div.main > article.left form textarea:-ms-input-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: white;
}
#contact div.main > article.left form input::-webkit-input-placeholder, #contact div.main > article.left form textarea::-webkit-input-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: white;
}
#contact div.main > article.left form input::placeholder, #contact div.main > article.left form textarea::placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: white;
}
#contact div.main > article.left form input:focus, #contact div.main > article.left form textarea:focus {
  outline: 0;
}
#contact div.main > article.left form textarea {
  resize: none;
  height: 265px;
  overflow-x: hidden;
}
#contact div.main > article.left form button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 15px 15px 15px;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  background-position: center center;
  min-width: 325px;
  text-align: right;
  cursor: pointer;
  color: white;
  background-image: none;
  background-color: #161615;
  border: 1px solid #161615;
}
#contact div.main > article.left form button > span.text {
  background-color: inherit;
}
#contact div.main > article.left form button:focus {
  outline: 0;
}
#contact div.main > article.left form button:hover {
  background-color: #E52020;
  border: 1px solid white;
  background-image: none;
  color: white;
}
#contact div.main > article.left form button:focus {
  outline: 0;
}
#contact div.main > article.right.pattern {
  background-position: -120px bottom;
}

#shop nav > a.shop {
  background-color: white;
}
#shop nav > a.shop svg {
  fill: #E52020;
}
#shop nav > a.shop > span {
  color: #E52020;
}
#shop nav > a.shop:hover {
  background-color: #E52020;
}
#shop nav > a.shop:hover svg {
  fill: white;
}
#shop nav > a.shop:hover > span {
  color: white;
}
#shop div.intro article.left {
  padding-bottom: 150px;
}
#shop div.intro article.left p.intro > br + br {
  display: block;
  margin: 5px;
}
#shop div.intro article.left p.intro > b {
  font-weight: 600;
}
#shop div.intro article.left p.intro > b.big {
  font-size: 26px;
  color: #161615;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 500;
}
#shop div.intro article.left p.intro > b.big > i {
  color: #E52020;
}
#shop div.intro article.left a.payconic {
  text-decoration: none;
  border: none;
  outline: none;
  display: block;
  margin-top: 30px;
}
#shop div.intro article.left a.payconic > img {
  width: 100px;
  height: 98px;
}
#shop div.intro article.left a.payconic:hover > img {
  opacity: 0.5;
}
#shop div.intro article.left a.payconic + a.button {
  margin-top: 30px;
}
#shop div.intro article.left a.button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 15px 15px 15px;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  background-position: center center;
  min-width: 325px;
  text-align: right;
  cursor: pointer;
  background-color: #E52020;
  border: 1px solid #E52020;
  color: white;
  margin-top: 60px;
}
#shop div.intro article.left a.button > span.text {
  background-color: inherit;
}
#shop div.intro article.left a.button:focus {
  outline: 0;
}
#shop div.intro article.left a.button:hover {
  background-color: white;
  color: #E52020;
}
#shop div.main > article.left {
  padding: 0;
}
#shop div.main > article.left > div {
  padding-left: calc(60% - 600px);
  padding-right: 200px;
  padding-top: 70px;
  padding-bottom: 70px;
  border-bottom: 1px solid #161615;
}
#shop div.main > article.left > div > h4 {
  font-size: 35px;
  text-transform: lowercase;
  color: #161615;
  padding-left: 45%;
}
#shop div.main > article.left > div > h4 > i {
  font-size: 20px;
  color: #161615;
}
#shop div.main > article.left > div > h4 > span {
  font-size: 50px;
}
#shop div.main > article.left > div > h4 + p {
  margin-top: 10px;
  margin-bottom: 30px;
  color: #161615;
}
#shop div.main > article.left > div.disable {
  opacity: 0.5;
}
#shop div.main > article.left > div.disable > h4 + p {
  display: none;
}
#shop div.main > article.left > div#order-assortment {
  padding-top: 80px;
  background-color: #161615;
}
#shop div.main > article.left > div#order-assortment > h4 {
  color: white;
}
#shop div.main > article.left > div#order-assortment > h4 > i {
  color: white;
}
#shop div.main > article.left > div#order-assortment > h4 + p {
  color: white;
}
#shop div.main > article.left > div#order-assortment > div.groups {
  line-height: 240%;
  padding-left: calc(100% - 400px);
  overflow: hidden;
}
#shop div.main > article.left > div#order-assortment > div.groups > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: space-between;
  margin-left: 30px;
  width: 400px;
}
#shop div.main > article.left > div#order-assortment > div.groups > div > a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  padding-right: 30px;
  position: relative;
}
#shop div.main > article.left > div#order-assortment > div.groups > div > a:hover, #shop div.main > article.left > div#order-assortment > div.groups > div > a.selected {
  color: #E52020;
}
#shop div.main > article.left > div#order-assortment > div.groups > div > a:before {
  content: '|';
  width: 30px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  text-align: center;
  font-size: 18px;
  color: #E52020;
}
#shop div.main > article.left > div#order-sandwich > div.disable {
  display: none;
}
#shop div.main > article.left > div#order-sandwich > div > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 2px;
  cursor: pointer;
  margin-bottom: 10px;
}
#shop div.main > article.left > div#order-sandwich > div > div.selected > p.name, #shop div.main > article.left > div#order-sandwich > div > div.selected > p.description {
  color: #E52020;
}
#shop div.main > article.left > div#order-sandwich > div > div > p.name {
  text-transform: uppercase;
  font-weight: 600;
}
#shop div.main > article.left > div#order-sandwich > div > div > p.description {
  padding-left: calc(100% - 400px);
  padding-right: 70px;
  width: 400px;
}
#shop div.main > article.left > div#order-sandwich > div > div > p.price {
  color: #E52020;
  font-weight: 600;
  width: 70px;
  letter-spacing: 1px;
}
#shop div.main > article.left > div#order-sandwich > div > div > span.garnish, #shop div.main > article.left > div#order-sandwich > div > div > span.sauce {
  display: none;
}
#shop div.main > article.left > div#order-sandwich > div > div:not(.selected):hover > p.name {
  color: #E52020;
  text-decoration: underline;
}
#shop div.main > article.left > div#order-garnish {
  padding-left: calc(70% - 400px);
}
#shop div.main > article.left > div#order-garnish h4 {
  padding-left: 0px;
}
#shop div.main > article.left > div#order-garnish h4 > i {
  margin-left: 30%;
}
#shop div.main > article.left > div#order-garnish.disable > div {
  display: none;
}
#shop div.main > article.left > div#order-garnish label.radio, #shop div.main > article.left > div#order-garnish label.checkbox {
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 5px;
}
#shop div.main > article.left > div#order-garnish label.radio.selected, #shop div.main > article.left > div#order-garnish label.checkbox.selected {
  color: #E52020;
}
#shop div.main > article.left > div#order-garnish label.radio.selected::after, #shop div.main > article.left > div#order-garnish label.checkbox.selected::after {
  background-color: #E52020;
  border-color: #E52020;
}
#shop div.main > article.left > div#order-garnish label.radio.disable, #shop div.main > article.left > div#order-garnish label.checkbox.disable {
  pointer-events: none;
}
#shop div.main > article.left > div#order-garnish label.radio.disable p, #shop div.main > article.left > div#order-garnish label.checkbox.disable p {
  color: #b0b0ad;
}
#shop div.main > article.left > div#order-garnish label.radio.disable::after, #shop div.main > article.left > div#order-garnish label.checkbox.disable::after {
  background-color: white;
  border-color: #b0b0ad;
}
#shop div.main > article.left > div#order-garnish label.radio.hide, #shop div.main > article.left > div#order-garnish label.checkbox.hide {
  display: none;
}
#shop div.main > article.left > div#order-garnish label.radio.standard > p > span + span, #shop div.main > article.left > div#order-garnish label.checkbox.standard > p > span + span {
  display: none;
}
#shop div.main > article.left > div#order-garnish label.radio::after, #shop div.main > article.left > div#order-garnish label.checkbox::after {
  content: '';
  position: absolute;
  right: 0px;
  top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #161615;
}
#shop div.main > article.left > div#order-garnish label.radio:hover::after, #shop div.main > article.left > div#order-garnish label.checkbox:hover::after {
  border-color: #E52020;
}
#shop div.main > article.left > div#order-garnish label.radio > p, #shop div.main > article.left > div#order-garnish label.checkbox > p {
  padding-top: 2px;
  padding-bottom: 2px;
}
#shop div.main > article.left > div#order-garnish label.radio > p > input, #shop div.main > article.left > div#order-garnish label.checkbox > p > input {
  display: none;
}
#shop div.main > article.left > div#order-garnish label.radio > p > span, #shop div.main > article.left > div#order-garnish label.checkbox > p > span {
  display: block;
  text-transform: uppercase;
  padding-right: 50px;
  padding-left: 10px;
  line-height: 120%;
}
#shop div.main > article.left > div#order-garnish label.radio > p > span + span, #shop div.main > article.left > div#order-garnish label.checkbox > p > span + span {
  font-size: 12px;
  text-transform: none;
  color: #979793;
}
#shop div.main > article.left > div#order-garnish label.radio::after {
  border-radius: 100%;
}
#shop div.main > article.left > div#order-garnish > div {
  padding-bottom: 30px;
}
#shop div.main > article.left > div#order-garnish > div > h3 {
  width: 100%;
  padding-bottom: 20px;
  font-family: "Amatic SC", sans-serif;
  font-size: 25px;
}
#shop div.main > article.left > div#order-garnish > div > h3 > span {
  color: #E52020;
}
#shop div.main > article.left > div#order-garnish > div > h3 > u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
  padding-bottom: 0px;
}
#shop div.main > article.left > div#order-garnish > div > h3.disable {
  pointer-events: none;
}
#shop div.main > article.left > div#order-garnish > div > h3.disable > span {
  color: #979793;
}
#shop div.main > article.left > div#order-garnish > div > h3.disable > u {
  color: #979793;
  border-bottom-color: #979793;
}
#shop div.main > article.left > div#order-garnish > div.standard > div, #shop div.main > article.left > div#order-garnish > div.garnish > div, #shop div.main > article.left > div#order-garnish > div.sauce > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#shop div.main > article.left > div#order-garnish > div.standard > div > label, #shop div.main > article.left > div#order-garnish > div.garnish > div > label, #shop div.main > article.left > div#order-garnish > div.sauce > div > label {
  width: 50%;
}
#shop div.main > article.left > div#order-garnish > div.standard > div > label.checkbox > p > span + span {
  display: none;
}
#shop div.main > article.left > div#order-garnish > div.standard > div > label.checkbox.nogarnish {
  width: 100%;
}
#shop div.main > article.left > div#order-garnish > div.standard > div > label.checkbox.nogarnish > p > span + span {
  display: block;
}
#shop div.main > article.left > div#order-garnish > div.garnish h3, #shop div.main > article.left > div#order-garnish > div.sauce h3 {
  cursor: pointer;
}
#shop div.main > article.left > div#order-garnish > div.garnish h3:hover, #shop div.main > article.left > div#order-garnish > div.sauce h3:hover {
  color: #E52020;
}
#shop div.main > article.left > div#order-garnish > div.garnish h3:hover > u, #shop div.main > article.left > div#order-garnish > div.sauce h3:hover > u {
  border-bottom-color: #E52020;
}
#shop div.main > article.left > div#order-garnish > div.garnish > div.disable, #shop div.main > article.left > div#order-garnish > div.sauce > div.disable {
  display: none;
}
#shop div.main > article.left > div#order-garnish > div.amount {
  padding-left: 100px;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter {
  display: block;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter > input {
  display: none;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter > span.amount {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #161615;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter > button {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #161615;
  width: 15px;
  height: 15px;
  font-family: "Raleway", sans-serif;
  color: #161615;
  font-size: 20px;
  line-height: 0px;
  margin-left: 10px;
  position: relative;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter > button.plus {
  padding-top: 1px;
  top: 2px;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter > button.min {
  padding-bottom: 3px;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.counter > button:hover {
  background-color: #E52020;
  color: white;
  border-color: #E52020;
  cursor: pointer;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input {
  display: block;
  margin-top: 5px;
  border: 1px solid #979793;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #161615;
  padding: 7px 15px;
  text-align: right;
  width: calc(100% - 40px);
  box-sizing: border-box;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input:focus {
  border-color: #161615;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input:-moz-placeholder {
  color: #979793;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input::-moz-placeholder {
  color: #979793;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input:-ms-input-placeholder {
  color: #979793;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input::-webkit-input-placeholder {
  color: #979793;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input::placeholder {
  color: #979793;
}
#shop div.main > article.left > div#order-garnish > div.amount > label.text input.error {
  border-color: #E52020;
}
#shop div.main > article.left > div#order-extra {
  padding-left: calc(70% - 400px);
}
#shop div.main > article.left > div#order-extra.disable > div {
  display: none;
}
#shop div.main > article.left > div#order-extra h4 {
  padding-left: 0px;
}
#shop div.main > article.left > div#order-extra > div {
  padding-bottom: 30px;
}
#shop div.main > article.left > div#order-extra > div > h3 {
  width: 100%;
  padding-bottom: 20px;
  font-family: "Amatic SC", sans-serif;
  font-size: 25px;
}
#shop div.main > article.left > div#order-extra > div > h3 > span {
  color: #E52020;
}
#shop div.main > article.left > div#order-extra > div > h3 > u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
  padding-bottom: 0px;
}
#shop div.main > article.left > div#order-extra > div > h3:hover {
  cursor: pointer;
  color: #E52020;
}
#shop div.main > article.left > div#order-extra > div > h3:hover > u {
  border-bottom-color: #E52020;
}
#shop div.main > article.left > div#order-extra > div > div {
  display: flex;
  flex-direction: row;
  padding-bottom: 4px;
}
#shop div.main > article.left > div#order-extra > div > div.disable {
  display: none;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter {
  display: block;
  width: 100px;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter > input {
  display: none;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter > span.amount {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #161615;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter > button {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #161615;
  width: 15px;
  height: 15px;
  font-family: "Raleway", sans-serif;
  color: #161615;
  font-size: 20px;
  line-height: 0px;
  margin-left: 10px;
  position: relative;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter > button.plus {
  padding-top: 1px;
  top: 2px;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter > button.min {
  padding-bottom: 3px;
}
#shop div.main > article.left > div#order-extra > div > div > label.counter > button:hover {
  background-color: #E52020;
  color: white;
  border-color: #E52020;
  cursor: pointer;
}
#shop div.main > article.left > div#order-extra > div > div > label.text {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: calc(100% - 100px);
  margin-top: 3px;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #161615;
  text-transform: uppercase;
}
#shop div.main > article.left > div#order-extra > div > div > label.text span.product {
  line-height: 140%;
  padding-left: 20px;
}
#shop div.main > article.left > div#order-extra > div > div > label.text span.price {
  color: #E52020;
  width: 70px;
  min-width: 70px;
}
#shop div.main > article.left > div#order-overview {
  padding-left: calc(100% - 600px);
  background-color: #E52020;
  border-bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #161615;
}
#shop div.main > article.left > div#order-overview > h4 {
  color: white;
  padding-left: 0px;
}
#shop div.main > article.left > div#order-overview > div.items {
  padding-top: 40px;
  padding-bottom: 30px;
}
#shop div.main > article.left > div#order-overview > div.items > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  line-height: 140%;
  margin-bottom: 20px;
}
#shop div.main > article.left > div#order-overview > div.items > div.clone {
  display: none;
}
#shop div.main > article.left > div#order-overview > div.items > div div.name {
  width: calc(100% - 70px);
}
#shop div.main > article.left > div#order-overview > div.items > div div.name span {
  font-weight: 600;
  display: block;
}
#shop div.main > article.left > div#order-overview > div.items > div div.name span + span {
  font-weight: 500;
}
#shop div.main > article.left > div#order-overview > div.items > div div.name span.remove {
  color: white;
  text-decoration: underline;
}
#shop div.main > article.left > div#order-overview > div.items > div div.name span.remove:hover {
  color: #161615;
  cursor: pointer;
}
#shop div.main > article.left > div#order-overview > div.items > div div.price {
  width: 70px;
  color: white;
  font-weight: 500;
  letter-spacing: 1px;
}
#shop div.main > article.left > div#order-overview > div.price > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  border-top: 1px solid #161615;
  padding-top: 15px;
  width: 250px;
  margin-left: calc(100% - 250px);
}
#shop div.main > article.left > div#order-overview > div.price > div span {
  text-transform: uppercase;
  font-weight: 600;
}
#shop div.main > article.left > div#order-overview > div.price > div span.total_price {
  width: 70px;
  color: white;
  font-weight: 500;
  letter-spacing: 1px;
}
#shop div.main > article.left > div#order-overview > div.price > div + div {
  display: none;
}
#shop div.main > article.left > div#order-overview > div.price.discount > div.total > span {
  opacity: 0;
}
#shop div.main > article.left > div#order-overview > div.price.discount > div.total > span.total_price {
  opacity: 1;
  text-decoration: line-through;
}
#shop div.main > article.left > div#order-overview > div.price.discount > div.discount_value, #shop div.main > article.left > div#order-overview > div.price.discount > div.discount_total {
  display: flex;
  border-top: 0px;
  padding-bottom: 10px;
}
#shop div.main > article.left > div#order-overview > div.price.discount > div.discount_value span.price, #shop div.main > article.left > div#order-overview > div.price.discount > div.discount_total span.price {
  color: white;
  font-weight: 500;
  letter-spacing: 1px;
  width: 70px;
}
#shop div.main > article.left > div#order-overview > div.price.discount > div.discount_total {
  border-top: 1px solid #161615;
  padding-bottom: 0px;
}
#shop div.main > article.left > div#order-form {
  border-bottom: 0px;
}
#shop div.main > article.left > div#order-form h4 {
  padding-bottom: 40px;
}
#shop div.main > article.left > div#order-form form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#shop div.main > article.left > div#order-form form > div {
  width: 360px;
}
#shop div.main > article.left > div#order-form form > div.error input, #shop div.main > article.left > div#order-form form > div.error textarea, #shop div.main > article.left > div#order-form form > div.error span {
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.error input:-moz-placeholder, #shop div.main > article.left > div#order-form form > div.error textarea:-moz-placeholder, #shop div.main > article.left > div#order-form form > div.error span:-moz-placeholder {
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.error input::-moz-placeholder, #shop div.main > article.left > div#order-form form > div.error textarea::-moz-placeholder, #shop div.main > article.left > div#order-form form > div.error span::-moz-placeholder {
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.error input:-ms-input-placeholder, #shop div.main > article.left > div#order-form form > div.error textarea:-ms-input-placeholder, #shop div.main > article.left > div#order-form form > div.error span:-ms-input-placeholder {
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.error input::-webkit-input-placeholder, #shop div.main > article.left > div#order-form form > div.error textarea::-webkit-input-placeholder, #shop div.main > article.left > div#order-form form > div.error span::-webkit-input-placeholder {
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.error input::placeholder, #shop div.main > article.left > div#order-form form > div.error textarea::placeholder, #shop div.main > article.left > div#order-form form > div.error span::placeholder {
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.input_text {
  border: 1px solid #161615;
}
#shop div.main > article.left > div#order-form form > div.input_mail {
  border: 1px solid #161615;
  border-top: 0;
}
#shop div.main > article.left > div#order-form form > div.input_mail label {
  display: block;
}
#shop div.main > article.left > div#order-form form > div.input_mail label.input_mail_confirm {
  border-top: 1px solid #161615;
}
#shop div.main > article.left > div#order-form form > div.input_area {
  border: 1px solid #161615;
  border-top: 0;
}
#shop div.main > article.left > div#order-form form > div.dateselect > div, #shop div.main > article.left > div#order-form form > div.timeselect > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label, #shop div.main > article.left > div#order-form form > div.timeselect > div label {
  border: 1px solid #161615;
  box-sizing: border-box;
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label.day, #shop div.main > article.left > div#order-form form > div.timeselect > div label.day {
  width: 25%;
  border-right: 1px solid rgba(22, 22, 21, 0.25);
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label.month, #shop div.main > article.left > div#order-form form > div.timeselect > div label.month {
  width: 50%;
  border-left: 0px;
  border-right: 1px solid rgba(22, 22, 21, 0.25);
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label.year, #shop div.main > article.left > div#order-form form > div.timeselect > div label.year {
  width: 25%;
  border-left: 0px;
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label.hour, #shop div.main > article.left > div#order-form form > div.timeselect > div label.hour {
  width: 25%;
  border-top: 0px;
  border-right: 1px solid rgba(22, 22, 21, 0.25);
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label.minute, #shop div.main > article.left > div#order-form form > div.timeselect > div label.minute {
  width: 25%;
  border-top: 0px;
  border-left: 0px;
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label select, #shop div.main > article.left > div#order-form form > div.timeselect > div label select {
  font-family: "Raleway", sans-serif;
  color: #161615;
  font-size: 14px;
  background: none;
  border: none;
  width: 100%;
  text-align: center;
  padding: 25px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label select::-ms-expand, #shop div.main > article.left > div#order-form form > div.timeselect > div label select::-ms-expand {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.dateselect > div label select option.hide, #shop div.main > article.left > div#order-form form > div.timeselect > div label select option.hide {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label {
  cursor: pointer;
  display: block;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label > input {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label::after {
  content: '';
  width: 20px;
  height: 20px;
  background-color: white;
  position: absolute;
  right: 0;
  top: 0px;
  border: 1px solid #161615;
  border-top: 0px;
  cursor: pointer;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label span {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 13px;
  padding-right: 30px;
  padding-top: 4px;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label span > a {
  color: #E52020;
  text-decoration: none;
  border-bottom: 1px solid #E52020;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label span > a:hover {
  color: #161615;
  border-color: #161615;
}
#shop div.main > article.left > div#order-form form > div.agreecheck label.selected::after {
  background-color: #161615;
}
#shop div.main > article.left > div#order-form form > div.agreecheck + div.title {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck + div.title + div.input_text {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck + div.title + div.input_text + div.input_text {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck + div.title + div.input_text + div.input_text + div.input_text {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck + div.title + div.input_text + div.input_text + div.input_text + div.input_text {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.agreecheck + div.title + div.input_text + div.input_text + div.input_text + div.input_text + div.input_text {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.submit {
  margin-top: 25px;
  margin-bottom: 30px;
  width: 100%;
}
#shop div.main > article.left > div#order-form form > div.response {
  padding-bottom: 30px;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #161615;
  font-size: 14px;
  line-height: 160%;
  width: 300px;
  color: #E52020;
}
#shop div.main > article.left > div#order-form form > div.response label {
  display: none;
}
#shop div.main > article.left > div#order-form form > div.response label.show {
  display: block;
}
#shop div.main > article.left > div#order-form form > div.response label.agree > span {
  display: block;
}
#shop div.main > article.left > div#order-form form > div.response label.sent {
  color: #161615 !important;
}
#shop div.main > article.left > div#order-form form input, #shop div.main > article.left > div#order-form form textarea {
  box-sizing: border-box;
  background: none;
  border: 0;
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #161615;
  font-size: 15px;
  width: 100%;
  text-align: right;
  padding: 25px 20px;
}
#shop div.main > article.left > div#order-form form input:-moz-placeholder, #shop div.main > article.left > div#order-form form textarea:-moz-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: #161615;
}
#shop div.main > article.left > div#order-form form input::-moz-placeholder, #shop div.main > article.left > div#order-form form textarea::-moz-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: #161615;
}
#shop div.main > article.left > div#order-form form input:-ms-input-placeholder, #shop div.main > article.left > div#order-form form textarea:-ms-input-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: #161615;
}
#shop div.main > article.left > div#order-form form input::-webkit-input-placeholder, #shop div.main > article.left > div#order-form form textarea::-webkit-input-placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: #161615;
}
#shop div.main > article.left > div#order-form form input::placeholder, #shop div.main > article.left > div#order-form form textarea::placeholder {
  letter-spacing: 2px;
  opacity: 1;
  color: #161615;
}
#shop div.main > article.left > div#order-form form input:focus, #shop div.main > article.left > div#order-form form textarea:focus {
  outline: 0;
}
#shop div.main > article.left > div#order-form form textarea {
  resize: none;
  height: 265px;
  overflow-x: hidden;
}
#shop div.main > article.left > div#order-form form button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 15px 15px 15px;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  background-position: center center;
  min-width: 325px;
  text-align: right;
  cursor: pointer;
  color: white;
  background-image: none;
  background-color: #161615;
  border: 1px solid #161615;
}
#shop div.main > article.left > div#order-form form button > span.text {
  background-color: inherit;
}
#shop div.main > article.left > div#order-form form button:focus {
  outline: 0;
}
#shop div.main > article.left > div#order-form form button:hover {
  background-color: white;
  border: 1px solid #161615;
  background-image: none;
  color: #161615;
}
#shop div.main > article.left > div#order-form form button:focus {
  outline: 0;
}
#shop div.main > article.left > div#order-form form div.input_text + div.input_text, #shop div.main > article.left > div#order-form form div.input_mail + div.input_text {
  border-top: 0px;
}
#shop div.main > article.left > div#order-form form div.title input.title {
  padding-right: 0px;
  padding-bottom: 5px;
}
#shop div.main > article.left > div#order-form form div.input_area {
  border-top: 1px solid #161615;
}
#shop div.main > article.left > div#order-form form div.input_area textarea {
  height: 160px;
}
#shop div.main > article.left > div#order-form form div.input_text > div[data-required="true"] label, #shop div.main > article.left > div#order-form form div.input_mail > div[data-required="true"] label {
  position: relative;
  display: block;
}
#shop div.main > article.left > div#order-form form div.input_text > div[data-required="true"] label::after, #shop div.main > article.left > div#order-form form div.input_mail > div[data-required="true"] label::after {
  content: '(*)';
  position: absolute;
  top: 29px;
  right: 15px;
  width: 30px;
  height: 20px;
  font-size: 12px;
  opacity: 0.75;
  text-align: center;
}
#shop div.main > article.left > div#order-form form div.input_text > div[data-required="true"] label input, #shop div.main > article.left > div#order-form form div.input_mail > div[data-required="true"] label input {
  padding-right: 45px;
}
#shop div.main > article.left > div.buttons {
  margin-right: 200px;
  margin-top: 50px;
  margin-bottom: 120px;
  padding: 0;
  border: 0;
}
#shop div.main > article.left > div.buttons > button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 15px 15px 15px;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  background-position: center center;
  min-width: 325px;
  text-align: right;
  cursor: pointer;
  background-color: #161615;
  border: 1px solid #161615;
  color: white;
}
#shop div.main > article.left > div.buttons > button > span.text {
  background-color: inherit;
}
#shop div.main > article.left > div.buttons > button:focus {
  outline: 0;
}
#shop div.main > article.left > div.buttons > button:hover {
  background-color: white;
  color: #161615;
}
#shop div.main > article.left > div.buttons > button.disable {
  opacity: 0.5;
  pointer-events: none;
}
#shop div.main > article.left > div.buttons > button#checkout-button {
  margin-top: 20px;
  display: none;
}
#shop div.main > article.left > div.buttons > a#checkoutLink {
  display: none;
}
#shop div.main > article.right {
  padding-left: 200px;
  padding-top: 80px;
  padding-right: 20px;
  position: relative;
}
#shop div.main > article.right > nav {
  max-width: 320px;
  width: 100%;
}
#shop div.main > article.right > nav.stick {
  position: fixed;
  left: calc(60% - 150px + 300px + 3px + 45px);
  padding-right: 20px;
  width: auto;
}
#shop div.main > article.right > nav.stick.bottom {
  position: absolute;
  bottom: 100px;
  top: auto !important;
  left: auto;
}
#shop div.main > article.right > nav.hide {
  display: none;
}
#shop div.main > article.right > nav h4 {
  color: #161615;
  font-size: 35px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
#shop div.main > article.right > nav div#basket {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  color: #161615;
}
#shop div.main > article.right > nav div#basket div.item {
  margin-bottom: 15px;
  padding-left: 45px;
  margin-left: -45px;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#shop div.main > article.right > nav div#basket div.item.current {
  color: #E52020;
}
#shop div.main > article.right > nav div#basket div.item.current div.description {
  color: #f07b7b;
}
#shop div.main > article.right > nav div#basket div.item.current::before {
  display: none;
}
#shop div.main > article.right > nav div#basket div.item::before {
  content: "X";
  position: absolute;
  left: 0px;
  top: 4px;
  width: 45px;
  height: 100%;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
  color: #161615;
  font-size: 10px;
  text-align: center;
}
#shop div.main > article.right > nav div#basket div.item div.name {
  font-weight: 600;
  width: 75%;
  padding-bottom: 3px;
}
#shop div.main > article.right > nav div#basket div.item div.name span.amount {
  padding-right: 5px;
}
#shop div.main > article.right > nav div#basket div.item div.price {
  color: #E52020;
  text-align: right;
  font-size: 15px;
  width: 25%;
}
#shop div.main > article.right > nav div#basket div.item div.description {
  box-sizing: border-box;
  width: 100%;
  padding-right: 25%;
  line-height: 125%;
  color: #4a4a47;
  text-transform: lowercase;
}
#shop div.main > article.right > nav div#basket div.item:hover {
  cursor: pointer;
  text-decoration: line-through;
  text-decoration-style: double;
  text-decoration-color: #E52020;
}
#shop div.main > article.right > nav div#basket div.item:hover::before {
  color: #E52020;
}
#shop div.main > article.right > nav div#basket div.total {
  border-top: 1px solid #161615;
  padding-top: 15px;
  display: flex;
  flex-direction: row;
}
#shop div.main > article.right > nav div#basket div.total > span {
  text-transform: uppercase;
  font-weight: 600;
  width: 50%;
  text-align: left;
  font-size: 15px;
}
#shop div.main > article.right > nav div#basket div.total > span + span.total_price {
  color: #E52020;
  text-align: right;
}
#shop div.main > article.right > nav div#basket div.total + div.discount {
  margin-top: 5px;
  font-size: 12px;
  line-height: 150%;
  padding-right: 70px;
}
#shop div.main > article.right > nav div#basket div.buttons {
  margin-top: 30px;
}
#shop div.main > article.right > nav div#basket div.buttons button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  font-family: "Amatic SC", sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 15px 15px 15px;
  background-image: url(/assets/img/border_spots.png);
  background-size: 300% auto;
  background-position: center center;
  min-width: 325px;
  text-align: right;
  cursor: pointer;
  display: inline-block;
  color: white;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  text-transform: none;
  letter-spacing: 1px;
  text-align: left;
  min-width: auto;
}
#shop div.main > article.right > nav div#basket div.buttons button > span.text {
  background-color: inherit;
}
#shop div.main > article.right > nav div#basket div.buttons button:focus {
  outline: 0;
}
#shop div.main > article.right > nav div#basket div.buttons button#add-button {
  background-color: #161615;
  border: 1px solid #161615;
  margin-bottom: 15px;
}
#shop div.main > article.right > nav div#basket div.buttons button#add-button:hover {
  background-color: white;
  color: #161615;
}
#shop div.main > article.right > nav div#basket div.buttons button#finish-button {
  background-color: #E52020;
  border: 1px solid #E52020;
}
#shop div.main > article.right > nav div#basket div.buttons button#finish-button:hover {
  background-color: white;
  color: #E52020;
}
#shop div.main > article.right > nav div#basket div.buttons button.disable {
  display: none;
}
#shop div.main > article.right > nav button.close {
  display: none;
}
#shop div.main > article.right > div.info {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  color: #161615;
  font-size: 14px;
  line-height: 160%;
  max-width: 260px;
  padding-bottom: 70px;
}
#shop div.main > article.right > div.info ul {
  list-style: none;
}
#shop div.main > article.right > div.info ul li + li {
  margin-top: 10px;
}
#shop div.main > article.right > div.info b {
  font-weight: 600;
}
#shop div.main > article.right > div.info u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#shop.confirmation div.main article.left #order-overview > p {
  padding-top: 10px;
}
#shop.confirmation div.main article.left #order-overview > p > span {
  display: block;
  margin-bottom: 0px;
}
#shop.confirmation div.main article.left #order-overview > p > span > b {
  font-weight: 600;
}
#shop.confirmation div.main article.left #order-overview > p > span > span {
  color: white;
  padding-left: 5px;
}
#shop.confirmation div.main article.left #order-overview > p > span.tel, #shop.confirmation div.main article.left #order-overview > p > span.time {
  margin-bottom: 20px;
}
#shop.confirmation div.main article.left #order-overview > div.items {
  padding-top: 10px;
}
#shop.confirmation div.main article.left #order-overview > div.items > div.item {
  margin-bottom: 10px;
}
#shop.confirmation div.main article.left #payconic h4 {
  padding-left: 0%;
}
#shop.confirmation div.main article.left #payconic p {
  padding-left: 10%;
}
#shop.confirmation div.main article.left #payconic p b {
  font-weight: 600;
}
#shop.confirmation div.main article.left #payconic a {
  text-decoration: none;
  border: 0;
  outline: 0;
}
#shop.confirmation div.main article.left #payconic a img {
  max-width: 300px;
  width: 100%;
}

@media only screen and (min-width: 1650px) {
  section.content h1 {
    font-size: 50px;
  }
  section.content h3 {
    font-size: 23px;
  }
  section.content p {
    font-size: 15px;
    line-height: 170%;
  }
  section.content > div.intro > article.left, section.content > div.main > article.left {
    padding-left: calc(45% - 600px);
  }
  section.content > footer article.left > figure.logo {
    width: 240px;
    height: 95px;
  }
  section.content > footer article.left > p {
    font-size: 15px;
  }
  section.content > footer article.left > div > a.social {
    font-size: 15px;
    padding-top: 4px;
    margin-top: 6px;
  }
  section.content > footer article.right div.opening > div > span {
    width: 110px;
    font-size: 15px;
  }
  section.content > footer article.right div.opening > div > span + span {
    width: 130px;
    font-size: 18px;
  }
  section.content#home div.intro > article.left p.intro {
    padding-left: 100px;
  }
  section.content#home div.intro > article.left p.intro a.assortment {
    font-size: 16px;
  }
  section.content#home div.intro > article.left p.intro a.assortment + a.weekly {
    font-size: 16px;
  }
  section.content#home div.intro > article.left div.news > div {
    width: 400px;
  }
  section.content#home div.main > article.left > div.weekly > div {
    padding-top: 40px;
  }
  section.content#home div.main > article.left > div.weekly > div > div p {
    line-height: 150%;
    padding-left: 30%;
  }
  section.content#home div.main > article.left > div.weekly > div > div p.name {
    font-size: 40px;
    margin-bottom: -5px;
  }
  section.content#home div.main > article.left > div.weekly > div > div p.description {
    font-size: 15px;
    margin-bottom: 0px;
  }
  section.content#home div.main > article.left > div.weekly > div > div p.price {
    font-size: 18px;
  }
  section.content#home div.main > article.right > div.social {
    width: 380px;
  }
  section.content#home div.main > article.right > div.social > h4 {
    font-size: 75px;
    padding-right: 130px;
  }
  section.content#home div.main > article.right > div.social > h4 > span {
    display: block;
  }
  section.content#home div.main > article.right > div.social > figure {
    margin-top: -90px;
  }
  section.content#home div.main > article.right > div.social > figure > div {
    width: 150px;
    height: 150px;
  }
  section.content#assortment div.intro > article.left {
    padding-left: calc(50% - 600px);
  }
  section.content#assortment div.main > article.left div.weekly h4 {
    font-size: 60px;
  }
  section.content#assortment div.main > article.left div.weekly > div > div {
    max-width: 530px;
  }
  section.content#assortment div.main > article.left div.weekly > div > div > p {
    font-size: 23px;
  }
  section.content#assortment div.main > article.left div.weekly > div > div > p + p {
    font-size: 18px;
    padding-top: 4px;
  }
  section.content#assortment div.main > article.left div.weekly > div > div > p + p + p {
    font-size: 15px;
    padding-top: 0px;
  }
  section.content#assortment div.main > article.left div.weekly > a {
    font-size: 16px;
  }
  section.content#assortment div.main > article.left div.list.compact > div {
    max-width: 680px;
  }
  section.content#assortment div.main > article.left div.list.wide > div > div.group {
    width: calc(70% - 3px);
  }
  section.content#assortment div.main > article.left div.list.wide > div > div.group > div {
    margin-bottom: 10px;
  }
  section.content#assortment div.main > article.left div.list > div > div.group h4 {
    font-size: 35px;
  }
  section.content#assortment div.main > article.right > div.info {
    max-width: 360px;
    font-size: 15px;
  }
  section.content#assortment div.main > article.right > nav {
    max-width: 360px;
  }
  section.content#assortment div.main > article.right > nav > div.group > a {
    font-size: 28px;
  }
  section.content#contact div.intro > article.left > div a.social {
    font-size: 15px;
  }
  section.content#contact div.map > a {
    height: 450px;
  }
  section.content#contact div.main > article.left form > div.agreecheck label span {
    padding-right: 35px;
    padding-top: 7px;
    font-size: 15px;
  }
  section.content#contact div.main > article.left form > div.agreecheck label::after {
    width: 25px;
    height: 25px;
  }
  section.content#shop div.intro > article.left {
    padding-bottom: 149px;
  }
  section.content#shop.confirmation div.main article.left #payconic p {
    padding-left: 40%;
  }
}
@media only screen and (max-width: 1215px) {
  section.content h1 {
    font-size: 35px;
  }
  section.content h3 {
    font-size: 18px;
  }
  section.content p {
    font-size: 13px;
  }
  section.content > nav {
    width: 250px;
    left: calc(60% - 125px);
  }
  section.content > nav a.home {
    width: inherit;
    height: 250px;
  }
  section.content > nav a.home > img {
    width: inherit;
    height: inherit;
  }
  section.content > nav a.assortment, section.content > nav a.contact {
    font-size: 24px;
  }
  section.content > nav a.facebook, section.content > nav a.instagram, section.content > nav a.shop {
    font-size: 18px;
  }
  section.content > nav div.hours {
    font-size: 33px;
  }
  section.content > nav div.hours span + span {
    font-size: 14px;
  }
  section.content > div.intro > article.left, section.content > div.main > article.left {
    padding-right: 170px;
    padding-left: 20px;
  }
  section.content > div.intro > article.right.image figure {
    background-position: center center;
  }
  section.content > footer article.left {
    padding-right: 170px;
  }
  section.content > footer article.left p {
    font-size: 13px;
  }
  section.content > footer article.right {
    padding-left: 170px;
    padding-top: 66px;
  }
  section.content > footer article.right h4 {
    font-size: 30px;
  }
  section.content > footer article.right div.opening {
    padding-top: 45px;
    font-size: 13px;
  }
  section.content > footer article.right div.opening > div span + span {
    font-size: 15px;
    width: 110px;
  }

  #home div.intro article.left p.intro a.assortment {
    font-size: 14px;
  }
  #home div.intro article.left p.intro a.assortment + a.weekly {
    margin-top: 5px;
  }
  #home div.intro article.left p.intro a.assortment + a.weekly > u {
    font-size: 14px;
  }
  #home div.intro article.left div.news > div {
    width: 90%;
  }
  #home > div.main article.left div.weekly h1 {
    font-size: 30px;
  }
  #home > div.main article.left div.weekly h1 > i {
    font-size: 50px;
  }
  #home > div.main article.left div.weekly h1 + span {
    font-size: 15px;
    letter-spacing: 1px;
  }
  #home > div.main article.left div.weekly > div {
    padding-top: 50px;
  }
  #home > div.main article.left div.weekly > div > div > p {
    padding-left: 10%;
  }
  #home > div.main article.left div.weekly > div > div > p.description {
    font-size: 13px;
  }
  #home > div.main article.left div.weekly > div > div > p.price {
    font-size: 18px;
  }
  #home > div.main article.left div.weekly > a {
    font-size: 13px;
  }
  #home > div.main article.left div.weekly > a.button {
    font-size: 27px;
  }
  #home > div.main article.right {
    padding-left: 180px;
  }
  #home > div.main article.right div.social {
    box-sizing: border-box;
    width: 100%;
    padding-right: 20px;
  }
  #home > div.main article.right div.social > h4 {
    font-size: 40px;
    letter-spacing: 1px;
    text-align: left;
  }
  #home > div.main article.right div.social > h4 span {
    margin-right: 0px;
  }
  #home > div.main article.right div.social > figure {
    margin-top: 30px;
  }
  #home > div.main article.right div.social > figure > div.empty {
    display: none;
  }
  #home > div.main article.right div.social > figure > div.image {
    width: 160px;
    height: 160px;
  }
  #home > div.main article.right div.social > figure > div:nth-child(1), #home > div.main article.right div.social > figure > div:nth-child(4), #home > div.main article.right div.social > figure > div:nth-child(8), #home > div.main article.right div.social > figure > div:last-child {
    display: none;
  }
  #home > div.main article.right div.social > figure > div.social {
    width: 160px;
    height: 160px;
    padding-right: 0px;
  }

  #assortment div.intro > article.left p.intro {
    padding-left: 12%;
  }
  #assortment div.intro > article.left p.intro > b {
    font-size: 30px;
    letter-spacing: 4px;
  }
  #assortment div.intro > article.left div.nav {
    padding-left: 40px;
  }
  #assortment div.intro > article.left div.nav div.group.weekly {
    font-size: 25px;
  }
  #assortment div.intro > article.left div.nav div.group.weekly > i {
    font-size: 20px;
  }
  #assortment div.intro > article.left div.nav div.group a {
    font-size: 25px;
  }
  #assortment div.intro > article.left div.nav div.group + div.group {
    margin-top: 10px;
  }
  #assortment div.main > article.left div.weekly {
    padding-left: 20px;
    padding-right: 170px;
    padding-bottom: 60px;
  }
  #assortment div.main > article.left div.weekly > h4 {
    font-size: 40px;
    margin-bottom: 10px;
  }
  #assortment div.main > article.left div.weekly > h4 > i {
    font-size: 25px;
  }
  #assortment div.main > article.left div.weekly > div {
    margin-bottom: 30px;
  }
  #assortment div.main > article.left div.weekly > div > div > p {
    font-size: 17px;
  }
  #assortment div.main > article.left div.weekly > div > div > p + p {
    font-size: 15px;
    width: 90px;
  }
  #assortment div.main > article.left div.weekly > div > div > p + p + p {
    font-size: 13px;
    width: 100%;
    padding-right: 90px;
  }
  #assortment div.main > article.left div.weekly > a {
    margin-right: 90px;
    font-size: 14px;
  }
  #assortment div.main > article.left div.list {
    padding-right: 170px;
    padding-left: 20px;
  }
  #assortment div.main > article.left div.list:after {
    right: 170px;
  }
  #assortment div.main > article.left div.list.compact {
    padding-right: 170px;
  }
  #assortment div.main > article.left div.list.compact > div > div.group {
    max-width: none;
    width: calc(50% - 6px);
  }
  #assortment div.main > article.left div.list.compact > div > div.group > div > p {
    width: 65%;
  }
  #assortment div.main > article.left div.list.compact > div > div.group > div > p + p {
    width: 35%;
  }
  #assortment div.main > article.left div.list.wide > div > div.group {
    width: 100%;
    padding-right: 1%;
  }
  #assortment div.main > article.left div.list.wide > div > div.group div > p + p {
    width: 16%;
  }
  #assortment div.main > article.left div.list.wide > div > div.group div > p + p + p {
    width: 100%;
    padding-right: 16%;
    padding-left: 10%;
  }
  #assortment div.main > article.left div.list.full > div > div.group {
    width: 90%;
    padding-right: 1%;
  }
  #assortment div.main > article.right {
    padding-left: 180px;
  }
  #assortment div.main > article.right > div.info {
    font-size: 13px;
  }
  #assortment div.main > article.right > nav {
    width: 20vw;
  }
  #assortment div.main > article.right > nav.bottom {
    width: 20vw;
  }
  #assortment div.main > article.right > nav div.group > a {
    font-size: 20px;
    letter-spacing: 3px;
  }
  #assortment div.main > article.right > nav div.group > a > i {
    font-size: 15px;
  }

  #contact div.intro > article.left > div {
    padding-top: 40px;
  }
  #contact div.intro > article.left > div div.opening > div > span {
    font-size: 13px;
  }
  #contact div.intro > article.left > div div.opening > div > span + span {
    font-size: 15px;
  }
  #contact div.map > a {
    height: 340px;
  }
  #contact div.main > article.left h2 {
    font-size: 30px;
  }
  #contact div.main > article.left h2 > b {
    font-size: 50px;
  }

  #shop div.main > article.left > div {
    padding-right: 170px;
  }
  #shop div.main > article.left > div > h4 {
    padding-left: 20px;
  }
  #shop div.main > article.left > div > div > div > p.description {
    font-size: 12px;
  }
  #shop div.main > article.left > div#order-assortment > div.groups > div {
    width: 100%;
  }
  #shop div.main > article.left > div#order-sandwich > div > div > p.description {
    padding-left: 20px;
  }
  #shop div.main > article.left > div#order-garnish > h4 > i {
    margin-left: 20px;
  }
  #shop div.main > article.left > div#order-overview {
    padding-left: 20px;
  }
  #shop div.main > article.left > div.buttons {
    margin-right: 170px;
  }
  #shop div.main > article.right {
    padding-left: 175px;
  }
  #shop div.main > article.right > nav h4 {
    font-size: 30px;
  }
  #shop div.main > article.right > nav #basket div.items div.item div.description {
    font-size: 12px;
  }
  #shop div.main > article.right > nav #basket div.discount {
    padding-right: 0px !important;
  }
  #shop div.main > article.right > nav.stick {
    left: calc(60% - 150px + 300px + 3px + 20px);
  }
}
@media only screen and (max-width: 960px) {
  section.content h1 {
    font-size: 30px;
    letter-spacing: 4px;
  }
  section.content h3 {
    font-size: 16px;
    letter-spacing: 2px;
  }
  section.content h4 {
    font-size: 25px;
    letter-spacing: 4px;
  }
  section.content p {
    font-size: 12px;
  }
  section.content p > a {
    font-size: 13px;
  }
  section.content > nav {
    width: 200px;
    left: calc(80% - 100px);
    min-height: 0px;
  }
  section.content > nav > a.home {
    height: 200px;
  }
  section.content > nav > a.assortment, section.content > nav a.contact {
    font-size: 18px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  section.content > nav > a.facebook, section.content > nav > a.instagram {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  section.content > nav > a.shop {
    padding: 9px 0;
  }
  section.content > nav > div.hours {
    padding-top: 7px;
    padding-bottom: 9px;
  }
  section.content > div.intro:not(.fullscreen) article.left {
    min-height: 550px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  section.content > div.intro > article.left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 80%;
    padding-top: 20px;
    padding-right: 140px;
    padding-bottom: 40px;
  }
  section.content > div.intro > article.right {
    width: 20%;
  }
  section.content > div.main > article.left {
    width: calc(80% - 10px);
    padding-right: 150px;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  section.content > div.main > article.right {
    width: calc(20% + 10px);
  }
  section.content > footer > article.left {
    width: 80%;
    padding-right: 150px;
  }
  section.content > footer > article.right {
    width: 20%;
    padding: 0px;
  }
  section.content > footer > article.right > * {
    display: none;
  }

  #home div.intro > article.left p.intro a.assortment {
    font-size: 13px;
  }
  #home div.intro > article.left p.intro a.assortment + a.weekly > u {
    font-size: 13px;
  }
  #home div.intro > article.left div.news {
    margin-top: 30px;
  }
  #home div.intro > article.left div.news > div {
    padding: 20px;
    width: 80%;
  }
  #home div.intro > article.right.image figure {
    background-position: left -50% top 0px;
  }
  #home div.main > article.left {
    width: calc(80% - 10px);
    padding-right: 150px;
    padding-top: 20px;
    padding-bottom: 40px;
  }
  #home div.main > article.left div.assortment h1 {
    font-size: 35px;
  }
  #home div.main > article.left div.assortment h1 + p {
    margin-top: 10px;
  }
  #home div.main > article.left div.assortment h1 + p + p {
    margin-top: 20px;
  }
  #home div.main > article.left div.weekly > h1 {
    padding-top: 0;
    font-size: 25px;
    letter-spacing: 4px;
  }
  #home div.main > article.left div.weekly > h1 > i {
    font-size: 40px;
    letter-spacing: 8px;
  }
  #home div.main > article.left div.weekly > h1 + span {
    font-size: 14px;
  }
  #home div.main > article.left div.weekly > h1 + span + p {
    padding-left: 50%;
  }
  #home div.main > article.left div.weekly > div {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  #home div.main > article.left div.weekly > div > div > p.name {
    font-size: 25px;
    letter-spacing: 2px;
  }
  #home div.main > article.left div.weekly > div > div > p.description {
    font-size: 12px;
    letter-spacing: 1px;
  }
  #home div.main > article.left div.weekly > div > div > p.price {
    font-size: 15px;
  }
  #home div.main > article.left div.weekly > div > div > p.price > span.old:after {
    top: 13px;
  }
  #home div.main > article.left div.weekly > div > div + div {
    margin-top: 15px;
  }
  #home div.main > article.left div.weekly > a.button {
    font-size: 23px;
    min-width: 0;
  }
  #home div.main > article.right {
    width: calc(20% + 10px);
    padding: 0;
  }
  #home div.main > article.right > .social {
    display: none;
  }

  #assortment > div.intro > article.left {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #assortment > div.intro > article.left p.intro > b {
    font-size: 25px;
  }
  #assortment > div.intro > article.left > div.nav {
    padding-top: 20px;
  }
  #assortment > div.intro > article.left > div.nav div.group {
    margin-top: 5px;
  }
  #assortment > div.intro > article.left > div.nav div.group + div.group {
    margin-top: 0px;
  }
  #assortment > div.intro > article.left > div.nav div.group > a {
    font-size: 20px;
    letter-spacing: 4px;
  }
  #assortment > div.intro > article.left > div.nav div.group > a > i {
    font-size: 20px;
  }
  #assortment > div.main > article.left div.weekly {
    padding-right: 140px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #assortment > div.main > article.left div.weekly h4 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  #assortment > div.main > article.left div.weekly h4 > i {
    font-size: inherit;
  }
  #assortment > div.main > article.left div.weekly h4 + span {
    font-size: 15px;
    margin-bottom: 20px;
  }
  #assortment > div.main > article.left div.weekly > div {
    margin-bottom: 20px;
  }
  #assortment > div.main > article.left div.weekly > div > div {
    max-width: none;
    margin-bottom: 15px;
  }
  #assortment > div.main > article.left div.weekly > div > div > p {
    font-size: 16px;
  }
  #assortment > div.main > article.left div.weekly > div > div > p + p {
    width: 80px;
    font-size: 15px;
  }
  #assortment > div.main > article.left div.weekly > div > div > p + p > span.old:after {
    top: 13px;
  }
  #assortment > div.main > article.left div.weekly > div > div > p + p + p {
    width: 100%;
    padding-right: 80px;
    font-size: 12px;
  }
  #assortment > div.main > article.left div.weekly > a {
    font-size: 13px;
    margin-right: 80px;
  }
  #assortment > div.main > article.left div.list {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #assortment > div.main > article.left div.list::after {
    right: 140px;
  }
  #assortment > div.main > article.left div.list.compact {
    padding-right: 140px;
  }
  #assortment > div.main > article.left div.list.wide {
    padding-right: 140px;
  }
  #assortment > div.main > article.right {
    padding: 0;
  }
  #assortment > div.main > article.right > * {
    display: none;
  }

  #contact div.intro article.left p.intro b {
    font-size: 20px;
    letter-spacing: 4px;
  }
  #contact div.intro article.left > div {
    padding-top: 20px;
  }
  #contact div.intro article.left > div p > a {
    font-size: 12px;
  }
  #contact div.intro article.left > div div.opening > div > span {
    font-size: 12px;
  }
  #contact div.intro article.left > div div.opening > div > span + span {
    font-size: 14px;
    width: 100px;
  }
  #contact div.map a {
    height: 250px;
  }
  #contact div.main article.left {
    padding-top: 40px;
    padding-right: 140px;
  }
  #contact div.main article.left h2 {
    font-size: 25px;
    letter-spacing: 4px;
  }
  #contact div.main article.left h2 > b {
    font-size: 40px;
    letter-spacing: 8px;
  }
  #contact div.main article.left p.intro {
    padding-top: 20px;
  }
  #contact div.main article.left form > div {
    width: 90%;
    max-width: 400px;
  }

  #shop > nav a.shop {
    display: none;
  }
  #shop > nav a.shop.basket {
    display: block;
    background-color: #161615;
    cursor: default;
  }
  #shop > nav a.shop.basket span {
    color: white;
  }
  #shop > nav a.shop.basket span > span {
    display: none;
    font-size: 15px;
  }
  #shop > nav a.shop.basket svg {
    fill: white;
    width: 20px;
    height: 23px;
    padding-top: 4px;
  }
  #shop > nav a.shop.basket.active span > span {
    display: inline-block;
  }
  #shop > nav a.shop.basket.active:hover {
    background-color: #E52020;
    cursor: pointer;
  }
  #shop > div.intro > article.left > a.button {
    min-width: 0px;
  }
  #shop > div.main > article.left > div {
    padding: 40px 140px 40px 20px;
  }
  #shop > div.main > article.left > div#order-assortment {
    padding-top: 40px;
  }
  #shop > div.main > article.left > div#order-sandwich > div > div > p.name {
    width: calc(100% - 70px);
  }
  #shop > div.main > article.left > div#order-extra > div > div > label.text > span.product {
    font-size: 12px;
  }
  #shop > div.main > article.left > div#order-overview > div.items > div.item > div.name > span.description {
    font-size: 12px;
    line-height: 130%;
  }
  #shop > div.main > article.left > div.buttons {
    margin-right: 140px;
  }
  #shop > div.main > article.left > div.buttons > button#checkout-button {
    display: inline-block;
    background-color: #E52020;
    border: 1px solid #E52020;
  }
  #shop > div.main > article.left > div.buttons > button#checkout-button:not(:disabled):hover {
    background-color: white;
    color: #E52020;
  }
  #shop > div.main > article.left > div.buttons > button#checkout-button:disabled {
    opacity: 0.5;
    background-color: #161615;
    border-color: #161615;
    color: white;
    cursor: default;
  }
  #shop > div.main > article.right {
    padding: 0;
  }
  #shop > div.main > article.right > nav {
    display: none;
  }
  #shop > div.main > article.right > nav.show {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1005;
    position: fixed !important;
    top: 0px !important;
    left: 0px !important;
    right: auto !important;
    bottom: auto !important;
    max-width: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 50px;
    padding-left: 70px;
    background-color: white;
    border: 50px solid rgba(255, 255, 255, 0.95);
    background-clip: padding-box;
  }
  #shop > div.main > article.right > nav.show:after {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #161615;
  }
  #shop > div.main > article.right > nav.show.stick.bottom {
    top: 0px !important;
  }
  #shop > div.main > article.right > nav.show h4 {
    text-align: center;
  }
  #shop > div.main > article.right > nav.show div.buttons {
    text-align: center;
  }
  #shop > div.main > article.right > nav.show button.close {
    display: inline-block;
    background: none;
    border: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    background-color: white;
    color: #E52020;
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-size: 17px;
    font-size: 600;
    border: 1px solid #E52020;
  }
  #shop > div.main > article.right > nav.show button.close:hover {
    border-color: #161615;
    color: #161615;
  }
  #shop > div.main > article.right > div.info {
    display: none;
  }
}
@media only screen and (max-width: 666px) {
  section.content > nav {
    display: none;
  }
  section.content > nav.mobile {
    display: block;
    position: fixed;
    top: 40px !important;
    left: auto;
    right: calc(15% - 15px);
    width: 50px;
    height: 50px;
    background-color: white;
    cursor: pointer;
    background-image: url(/assets/img/icon_hamburger.jpg);
    background-size: 80% auto;
    background-position: center center;
    background-repeat: no-repeat;
  }
  section.content > nav:not(.mobile).show {
    z-index: 1001;
    display: block;
    top: 0 !important;
    left: 0px;
    width: 100%;
    height: 100vh;
    background-color: white;
    border: 0;
  }
  section.content > nav:not(.mobile).show > a.home {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }
  section.content > nav:not(.mobile).show > a:not(.home) {
    height: calc(25vh - 80px);
    padding: 3px 0;
    box-sizing: border-box;
    font-size: 6vw;
  }
  section.content > nav:not(.mobile).show > a:not(.home).assortment, section.content > nav:not(.mobile).show > a:not(.home).contact, section.content > nav:not(.mobile).show > a:not(.home).shop, section.content > nav:not(.mobile).show > a:not(.home).shop.basket {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  section.content > nav:not(.mobile).show > a:not(.home).facebook, section.content > nav:not(.mobile).show > a:not(.home).instagram {
    padding: 20px;
    line-height: calc(25vh - 120px);
  }
  section.content > nav:not(.mobile).show > a:not(.home).shop > span {
    top: 0px;
    padding-left: 15px;
  }
  section.content > nav:not(.mobile).show > div.hours {
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 70px;
    padding-top: 9px;
  }
  section.content > nav:not(.mobile).show > button {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: 0;
    font-family: "Amatic SC", sans-serif;
    font-weight: 700;
    padding: 0 15px 15px 15px;
    color: #161615;
    font-size: 40px;
  }
  section.content > nav:not(.mobile).show > button:hover {
    cursor: pointer;
  }
  section.content > div.intro:not(.fullscreen) > article.left {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  section.content > div.intro > article.left {
    padding-right: 10%;
    width: 85%;
    padding-top: 90px;
  }
  section.content > div.intro > article.left a.button {
    min-width: 0 !important;
  }
  section.content > div.intro > article.right {
    width: 15%;
  }
  section.content > div.main > article.left {
    width: calc(85% - 10px);
    padding-right: 10%;
  }
  section.content > div.main > article.right {
    width: calc(15% + 10px);
  }
  section.content > footer > article.left {
    width: 85%;
    padding-right: 10%;
  }
  section.content > footer > article.right {
    width: 15%;
  }

  #home div.intro article.left div.news > div {
    width: 100%;
  }
  #home div.main > article.left {
    width: calc(85% - 10px);
    padding-right: 10%;
  }
  #home div.main > article.left div.assortment h1 {
    font-size: 25px;
    letter-spacing: 4px;
  }
  #home div.main > article.left div.assortment nav > div.group > a {
    white-space: normal;
  }
  #home div.main > article.left div.weekly h1 > i {
    font-size: 32px;
    letter-spacing: 6px;
  }
  #home div.main > article.left div.weekly h1 + span {
    font-size: 12px;
  }
  #home div.main > article.left div.weekly h1 + span + p {
    padding-left: 10%;
  }
  #home div.main > article.right {
    width: calc(15% + 10px);
  }

  #assortment div.intro > article.left div.nav {
    padding-left: 0px;
  }
  #assortment div.intro > article.left div.nav div.group > a:first-child {
    margin-left: 0px;
  }
  #assortment div.intro > article.left div.nav div.group > a {
    margin-left: 20px;
  }
  #assortment div.main > article.left div.weekly {
    padding-right: 10%;
  }
  #assortment div.main > article.left div.weekly > h4 {
    font-size: 25px;
  }
  #assortment div.main > article.left div.weekly > h4 > i {
    font-size: 15px;
  }
  #assortment div.main > article.left div.weekly > div > div > p {
    width: calc(100% - 80px);
  }
  #assortment div.main > article.left div.weekly > a {
    margin-right: 0px;
  }
  #assortment div.main > article.left div.list {
    padding-right: 10%;
  }
  #assortment div.main > article.left div.list::after {
    right: 10%;
  }
  #assortment div.main > article.left div.list.compact, #assortment div.main > article.left div.list.wide {
    padding-right: 10%;
  }
  #assortment div.main > article.left div.list.compact > div > div.group, #assortment div.main > article.left div.list.wide > div > div.group {
    width: 100%;
  }
  #assortment div.main > article.left div.list.compact > div > div.group > div > p, #assortment div.main > article.left div.list.wide > div > div.group > div > p {
    width: calc(100% - 80px);
  }
  #assortment div.main > article.left div.list.compact > div > div.group > div > p + p, #assortment div.main > article.left div.list.wide > div > div.group > div > p + p {
    width: 80px;
  }
  #assortment div.main > article.left div.list.compact > div > div.group > div > p + p + p, #assortment div.main > article.left div.list.wide > div > div.group > div > p + p + p {
    padding-right: 80px;
  }

  #contact div.main article.left {
    padding-right: 10%;
  }
  #contact #contactform form div.submit button {
    min-width: 0;
  }

  #shop > nav.show > a.shop.basket {
    display: flex;
  }
  #shop > nav.show > a.shop.basket > span > span {
    font-size: 4vw;
  }
  #shop div.main > article.left > div {
    padding-left: 20px;
    padding-right: calc(10% + 10px);
  }
  #shop div.main > article.left > div h4 {
    font-size: 30px;
  }
  #shop div.main > article.left > div h4 > span {
    font-size: 35px;
  }
  #shop div.main > article.left > div#order-assortment > div.groups > div {
    width: calc(100% + 30px);
    margin-left: 0px;
  }
  #shop div.main > article.left > div#order-assortment > div.groups > div > a {
    font-size: 14px;
  }
  #shop div.main > article.left > div#order-sandwich > div > div > p.description {
    padding-left: 0px;
  }
  #shop div.main > article.left > div#order-garnish {
    padding-left: 20px;
  }
  #shop div.main > article.left > div#order-garnish > div.standard > h3, #shop div.main > article.left > div#order-garnish > div.garnish > h3, #shop div.main > article.left > div#order-garnish > div.sauce > h3 {
    padding-bottom: 10px;
    font-size: 23px;
    line-height: 140%;
  }
  #shop div.main > article.left > div#order-garnish > div.standard > div > label, #shop div.main > article.left > div#order-garnish > div.garnish > div > label, #shop div.main > article.left > div#order-garnish > div.sauce > div > label {
    width: 100%;
  }
  #shop div.main > article.left > div#order-garnish > div.amount {
    padding-left: 0px;
  }
  #shop div.main > article.left > div#order-garnish > div.amount > label.text > input {
    width: 100%;
  }
  #shop div.main > article.left > div#order-extra {
    padding-left: 20px;
  }
  #shop div.main > article.left > div#order-extra > div > div {
    flex-direction: column;
  }
  #shop div.main > article.left > div#order-extra > div > div > label.text {
    width: 100%;
  }
  #shop div.main > article.left > div#order-extra > div > div > label.counter {
    width: 100%;
    margin-bottom: 10px;
  }
  #shop div.main > article.left > div#order-extra > div > div > label.counter > button.min {
    margin-left: 12px;
  }
  #shop div.main > article.left > div#order-extra > div > div > label.counter > button.plus {
    margin-left: 30px;
  }
  #shop div.main > article.left > div#order-overview > div.price > div {
    width: 100%;
    margin-left: 0;
  }
  #shop div.main > article.left > div#order-form > h4 {
    padding-left: 0px;
  }
  #shop div.main > article.left > div#order-form > form > div {
    width: 100%;
  }
  #shop div.main > article.left > div#order-form > form > div > div > label > select {
    font-size: 12px !important;
  }
  #shop div.main > article.left > div#order-form > form > div > div > label > input {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #shop div.main > article.left > div#order-form > form > div > div > label > textarea {
    font-size: 12px;
    padding: 10px;
  }
  #shop div.main > article.left > div#order-form > form > div > div > label:after {
    right: 5px;
    top: 26px;
  }
  #shop div.main > article.left > div#order-form > form > div > div[data-required="true"] label input {
    padding-right: 35px;
  }
  #shop div.main > article.left > div#order-form > form > div > div.agreecheck {
    line-height: 120%;
  }
  #shop div.main > article.left > div#order-form > form > div.submit > button {
    min-width: 0px;
  }
  #shop div.main > article.left > div#order-form > form > div.response {
    width: 100%;
    font-size: 12px;
  }
  #shop div.main > article.left > div.buttons {
    margin-right: 10%;
    margin-left: 20px;
    margin-bottom: 50px;
  }
  #shop div.main > article.left > div.buttons > button {
    min-width: 0px;
  }
  #shop div.main > article.right > nav.show {
    border-width: 20px;
    padding: 20px 20px 20px 40px;
  }
}
@media only screen and (max-height: 530px) {
  section.content > nav:not(.mobile).show > a.home {
    width: 100px;
    height: 100px;
  }
  section.content > nav:not(.mobile).show > a:not(.home) {
    height: calc(25vh - 43px);
  }
  section.content > nav:not(.mobile).show > a:not(.home).facebook, section.content > nav:not(.mobile).show > a:not(.home).instagram {
    padding: 0 20px;
    line-height: calc(25vh - 43px);
  }

  section.content > nav:not(.mobile):not(.show) {
    min-height: 400px;
  }
  section.content > nav:not(.mobile):not(.show) a.instagram, section.content > nav:not(.mobile):not(.show) a.facebook, section.content > nav:not(.mobile):not(.show) div.hours {
    display: none;
  }
}
@media only screen and (max-height: 530px) and (max-width: 960px) {
  section.content > nav:not(.mobile):not(.show) {
    min-height: 320px;
  }
}

@media only screen and (max-height: 530px) {
  #shop div.main article.right nav.show {
    border-width: 20px;
  }
  #shop div.main article.right nav.show h4 {
    display: none;
  }
  #shop div.main article.right nav.show div.items > div.item > div.description {
    display: none;
  }
  #shop div.main article.right nav.show div.discount {
    display: none;
  }
}
#generator h2 {
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  color: #161615;
  margin: 0;
  padding: 0;
}
#generator article.product {
  font-family: "Raleway", sans-serif;
  color: #161615;
  line-height: 110%;
  display: flex;
  flex-direction: row;
}
#generator article.product div.price {
  color: #e52020;
  font-weight: 600;
}
#generator.card > img {
  width: 100%;
  height: auto;
  display: block;
}
#generator.card > div.columns {
  box-sizing: border-box;
  padding: 0 3%;
  width: 100%;
  position: relative;
  column-count: 3;
  column-rule: 1px, solid, #161615;
  column-gap: 0.91vw;
}
#generator.card > div.columns:before, #generator.card > div.columns:after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 1.39%;
  background-repeat: repeat-y;
  background-size: 100% auto;
}
#generator.card > div.columns:before {
  left: 0;
  background-position: top left;
  background-image: url(/assets/img/generator/card_border_left.jpg);
}
#generator.card > div.columns:after {
  right: 0;
  background-position: top right;
  background-image: url(/assets/img/generator/card_border_right.jpg);
}
#generator.card > div.columns > section.group > h2 {
  font-size: 2.75vw;
  letter-spacing: 0.2vw;
  margin-bottom: 1vw;
}
#generator.card > div.columns > section.group > article.product {
  font-size: 1.07vw;
  margin-top: 0.75vw;
}
#generator.card > div.columns > section.group > article.product div.price {
  width: 15%;
}
#generator.card > div.columns > section.group + section.group {
  margin-top: 3vw;
}
#generator.card > div.columns > section.group.wide h2 {
  padding-left: calc(26% + 10px);
}
#generator.card > div.columns > section.group.wide article.product div.name {
  width: 26%;
  text-align: right;
}
#generator.card > div.columns > section.group.wide article.product div.name.big {
  width: 85%;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}
#generator.card > div.columns > section.group.wide article.product div.name.big + div.description {
  display: none;
}
#generator.card > div.columns > section.group.wide article.product div.name.big > div.code {
  width: calc(99% - 18vw + 2px);
  text-align: right;
}
#generator.card > div.columns > section.group.wide article.product div.name > b {
  text-transform: uppercase;
  font-weight: 600;
  overflow-wrap: break-word;
}
#generator.card > div.columns > section.group.wide article.product div.name > div.code {
  margin-top: 0.2vw;
  color: #e52020;
}
#generator.card > div.columns > section.group.wide article.product div.description {
  box-sizing: border-box;
  width: 59%;
  padding: 0 10px;
}
#generator.card > div.columns > section.group.compact {
  break-inside: avoid;
}
#generator.card > div.columns > section.group.compact h2 {
  padding-left: 1.5vw;
}
#generator.card > div.columns > section.group.compact article.product {
  padding-left: 1.5vw;
}
#generator.card > div.columns > section.group.compact article.product div.code {
  color: #e52020;
  width: 10%;
}
#generator.card > div.columns > section.group.compact article.product div.code + div.name {
  width: 75%;
}
#generator.card > div.columns > section.group.compact article.product div.code + div.name + div.price {
  width: 15%;
}
#generator.card > div.columns > section.group.compact article.product div.name {
  width: 82.5%;
}
#generator.card > div.columns > section.group.compact article.product div.price {
  width: 17.5%;
}
#generator.card > div.columns > section.extrainfo {
  font-family: "Raleway", sans-serif;
  font-size: 1.07vw;
  color: #161615;
  line-height: 110%;
  margin-top: 3vw;
  padding-bottom: 1vw;
}
#generator.card > div.columns > section.extrainfo ul > li {
  padding: 1% 1.5% 1% 5%;
  text-align: center;
  margin-top: 2%;
  line-height: 140%;
}
#generator.card > div.columns > section.extrainfo ul > li:last-child {
  display: none;
}
#generator.card > div.columns > section.extrainfo ul > li b {
  display: block;
  font-weight: 600;
}
#generator.card > div.columns > section.extrainfo ul > li u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#generator.weekly {
  width: 100%;
  height: 141.42857vw;
  background-image: url(/assets/img/generator/weekly_background.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
}
#generator.weekly > p {
  position: relative;
  top: 41vw;
  width: 100%;
  padding-left: 1.5vw;
  box-sizing: border-box;
  font-family: "Raleway", sans-serif;
  text-align: center;
  font-size: 2.6vw;
  letter-spacing: 0.2vw;
  color: #161615;
}
#generator.weekly > p > b {
  color: #e52020;
  font-weight: 600;
}
#generator.weekly > div.products {
  position: relative;
  top: 44vw;
  height: calc(141.42857vw - 42vw - 25vw);
  margin: 0 auto;
  width: 85vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#generator.weekly > div.products p.supplement {
  font-size: 1.5vw;
  line-height: 120%;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0vw;
  font-weight: 500;
  padding-top: 0.5vw;
  text-align: center;
}
#generator.weekly > div.products.amount-5 > article h2 {
  font-size: 3.5vw;
  letter-spacing: 0.1vw;
}
#generator.weekly > div.products.amount-4 {
  top: 43vw;
  height: calc(141.42857vw - 41vw - 13.5vw);
}
#generator.weekly > div.products.amount-4 > article h2 {
  font-size: 8.5vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products.amount-4 > article p {
  font-size: 3vw;
  line-height: 105%;
}
#generator.weekly > div.products.amount-3 {
  top: 43vw;
}
#generator.weekly > div.products.amount-3 > article h2 {
  font-size: 9vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products.amount-3 > article p {
  font-size: 3.25vw;
  line-height: 125%;
}
#generator.weekly > div.products.amount-3 > article p.price {
  padding-top: 0px;
  font-size: 3.75vw;
}
#generator.weekly > div.products.amount-3 > article + article {
  padding-top: 0;
}
#generator.weekly > div.products.amount-2 {
  top: 42vw;
}
#generator.weekly > div.products.amount-2 > article h2 {
  font-size: 11vw;
  letter-spacing: 0.5vw;
}
#generator.weekly > div.products.amount-2 > article p {
  font-size: 4vw;
  line-height: 105%;
  padding-top: 1.5vw;
}
#generator.weekly > div.products.amount-2 > article p.price {
  font-size: 5vw;
}
#generator.weekly > div.products.amount-1 {
  top: 43vw;
  height: calc(141.42857vw - 50vw - 13.5vw);
}
#generator.weekly > div.products.amount-1 > article h2 {
  font-size: 10vw;
  letter-spacing: 0.75vw;
}
#generator.weekly > div.products.amount-1 > article p {
  width: 70vw;
  margin: 0 auto;
  font-size: 4vw;
  line-height: 130%;
  padding-top: 2vw;
}
#generator.weekly > div.products.amount-1 > article p.price {
  font-size: 5vw;
}
#generator.weekly > div.products.amount-0 {
  top: 39vw;
}
#generator.weekly > div.products.amount-0 > article h2 {
  color: #e52020;
  font-size: 14vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products.amount-0 > article p {
  padding-top: 2vw;
  font-size: 3vw;
  line-height: 130%;
}
#generator.weekly > div.products > article h2 {
  font-size: 8vw;
  letter-spacing: 0.4vw;
}
#generator.weekly > div.products > article p {
  font-size: 2vw;
  line-height: 120%;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0vw;
  font-weight: 500;
  padding-top: 0.5vw;
}
#generator.weekly > div.products > article p.price {
  color: #e52020;
}
#generator.weekly > div.products > article + article {
  padding-top: 1vw;
}
#generator.folder {
  height: inherit;
}
#generator.folder div.pages {
  height: inherit;
}
#generator.folder div.pages > section.page {
  box-sizing: border-box;
  width: 100%;
  height: inherit;
  background-color: white;
  max-width: calc(99 / 210 * 100vh + 5px);
  padding-top: calc(5 / 210 * 100vh);
  padding-bottom: calc(5 / 210 * 100vh);
  padding-left: calc(3 / 210 * 100vh);
  padding-right: calc(3 / 210 * 100vh);
  page-break-before: always;
  border: 0.93vh solid #e52020;
  border-image: url(/assets/img/generator/folder_border.jpg) 30 round;
  border-left-width: 0;
  border-right-width: 0;
}
#generator.folder div.pages > section.page.first {
  border-right: none;
  border-left-width: 0.93vh;
}
#generator.folder div.pages > section.page.last {
  border-left: none;
  border-right-width: 0.93vh;
}
#generator.folder div.pages > section.page.last.front {
  background-size: cover;
  background-image: url(/assets/img/generator/folder_frontpage.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#generator.folder div.pages > section.page.single[data-type="compact"] {
  column-count: 2;
  column-width: 50%;
  column-fill: auto;
}
#generator.folder div.pages > section.page.single[data-type="compact"] > div.group.compact > div {
  column-count: 1;
  column-width: 100%;
}
#generator.folder div.pages > section.page.mixed > div.group.compact > div {
  column-count: 2;
  column-width: 50%;
}
#generator.folder div.pages > section.page.inner:not(.first) article.product:first-child {
  padding-top: calc(2.75vh + (2 / 210 * 100vh));
}
#generator.folder div.pages > section.page.inner > div.group.spread {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div {
  column-count: 2;
  column-width: 50%;
  column-fill: balance;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div > article.product:first-child {
  padding-top: 0;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div > article.product > div.name {
  width: 65%;
  text-align: left;
}
#generator.folder div.pages > section.page.inner > div.group.compact.garnituur > div > article.product > div.price {
  width: 35%;
  text-align: right;
}
#generator.folder div.pages > section.page.outer > div.group.compact.spread > div {
  column-fill: auto;
}
#generator.folder div.pages > section.page > div.group > h2 {
  font-size: 2.75vh;
  letter-spacing: 0.1vh;
  padding-bottom: calc(2 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group article.product {
  font-size: 1.55vh;
  padding-bottom: calc(2 / 210 * 100vh);
  break-inside: avoid;
}
#generator.folder div.pages > section.page > div.group article.product div.price {
  width: 11%;
}
#generator.folder div.pages > section.page > div.group.wide h2 {
  padding-left: calc(27% + 10px);
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name {
  width: 27%;
  text-align: right;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name.big {
  width: 89%;
  text-align: left;
  padding-left: 10px;
  box-sizing: border-box;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name.big + div.description {
  display: none;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name > b {
  text-transform: uppercase;
  font-weight: 600;
  overflow-wrap: break-word;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.name > div.code {
  margin-top: 0.2vw;
  color: #e52020;
}
#generator.folder div.pages > section.page > div.group.wide article.product div.description {
  box-sizing: border-box;
  width: 63%;
  padding: 0 10px;
}
#generator.folder div.pages > section.page > div.group.wide + div.group {
  padding-top: calc(5 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.compact > h2 {
  width: 100%;
}
#generator.folder div.pages > section.page > div.group.compact > div article.product div.name {
  width: 70%;
  text-align: left;
}
#generator.folder div.pages > section.page > div.group.compact > div article.product div.price {
  width: 28%;
  text-align: right;
}
#generator.folder div.pages > section.page > div.group.compact + div.group {
  padding-top: calc(3 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.compact + div.group.full {
  padding-top: calc(5 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.full {
  padding-top: calc(3 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.full > h2 {
  display: none;
}
#generator.folder div.pages > section.page > div.group.full > article.product {
  flex-wrap: wrap;
}
#generator.folder div.pages > section.page > div.group.full > article.product div.name {
  width: 70%;
  text-align: left;
  font-size: 2.75vh;
  font-family: "Amatic SC", sans-serif;
  text-transform: uppercase;
  color: #161615;
  margin: 0;
  padding: 0;
  padding-top: calc(1 / 210 * 100vh);
}
#generator.folder div.pages > section.page > div.group.full > article.product div.price {
  width: 28%;
  height: 2.75vh;
  box-sizing: border-box;
  padding-top: calc(2 / 210 * 100vh);
  text-align: right;
}
#generator.folder div.pages > section.page > div.group.full > article.product div.description {
  padding-top: calc(1 / 210 * 100vh);
  width: 100%;
  text-align: justify;
  font-size: 1.3vh;
}
#generator.folder div.pages > section.page.info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: "Raleway", sans-serif;
  color: #161615;
  font-size: 1.55vh;
  line-height: 130%;
}
#generator.folder div.pages > section.page.info > div.intro {
  height: calc(100 / 210 * 100vh);
  text-align: center;
  line-height: 150%;
}
#generator.folder div.pages > section.page.info > div.intro ul > li {
  padding: 0 calc(5 / 210 * 100vh);
  margin-top: calc(5 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.intro ul > li:last-child {
  display: none;
}
#generator.folder div.pages > section.page.info > div.intro ul > li b {
  font-weight: 600;
  display: block;
}
#generator.folder div.pages > section.page.info > div.intro ul > li u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#generator.folder div.pages > section.page.info > div.opening h2 {
  text-align: center;
  font-size: 2.75vh;
  letter-spacing: 0.1vh;
  padding-bottom: calc(2 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.opening > div {
  padding: 0 calc(25 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.opening > div div.day {
  display: flex;
  flex-direction: row;
}
#generator.folder div.pages > section.page.info > div.opening > div div.day > span {
  text-align: left;
  width: 50%;
}
#generator.folder div.pages > section.page.info > div.opening > div div.day > span + span {
  text-align: center;
  text-transform: lowercase;
}
#generator.folder div.pages > section.page.info > div.contact {
  padding-top: calc(15 / 210 * 100vh);
}
#generator.folder div.pages > section.page.info > div.contact p {
  text-align: center;
}
#generator.folder div.pages > section.page.info > div.contact p > span {
  color: #e52020;
  padding: 0 0.8vh;
}
#generator.folder div.pages > section.page.info > div.social {
  margin-bottom: calc(2 / 210 * 100vh);
  height: calc(10 / 210 * 100vh);
  background-image: url(/assets/img/generator/card_footer.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 200% auto;
}
#generator.overview {
  background-color: white;
  height: 100vh;
  padding: 0 50px;
  box-sizing: border-box;
}
#generator.overview > img {
  width: 70%;
  height: auto;
  display: block;
  margin: 0 auto;
}
#generator.overview h2 {
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-weight: 600;
}
#generator.overview p {
  font-family: "Raleway", sans-serif;
  color: #161615;
  line-height: 130%;
  font-size: 14px;
}
#generator.overview p > a {
  color: #e52020;
  border-bottom: 1px solid #e52020;
  text-decoration: none;
}
#generator.overview p > a:hover {
  color: #161615;
}
#generator.overview p > b {
  font-weight: 600;
}
#generator.overview p > u {
  text-decoration: none;
  border-bottom: 1px solid #161615;
}
#generator.overview > div {
  padding-top: 20px;
  padding-bottom: 20px;
}
#generator.overview > div + div {
  padding-top: 0px;
}
#generator.overview > div > p > b {
  font-weight: 600;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
}
#generator.overview > div > a {
  border-radius: 15px;
  margin-top: 5px;
  background-color: #e52020;
  display: block;
  width: 50%;
  font-family: "Raleway", sans-serif;
  color: white;
  text-align: center;
  padding: 10px 0;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 auto;
  margin-top: 12px;
}
#generator.overview > div > a:hover {
  background-color: #161615;
}
#generator.overview div.weeklylist {
  padding-top: 50px;
  overflow: hidden;
}
#generator.overview div.weeklylist.hide {
  height: 0px !important;
}
#generator.overview div.weeklylist.animate {
  transition: height ease 2000ms;
}
#generator.overview div.weeklylist > h2 > a {
  color: #e52020;
  border-bottom: 1px solid #e52020;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
}
#generator.overview div.weeklylist > h2 > a:hover {
  color: #161615;
}
#generator.overview div.weeklylist > p {
  padding-bottom: 10px;
}
#generator.overview div.weeklylist > div.weeklyitem {
  margin-bottom: 5px;
}
#generator.overview div.weeklylist > div.weeklyitem a.pdf {
  color: #161615;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  letter-spacing: 0px;
  font-weight: 600;
}
#generator.overview div.weeklylist > div.weeklyitem a.pdf:hover {
  color: #e52020;
}
#generator.overview div.weeklylist > div.weeklyitem a.preview {
  color: #e52020;
  border-bottom: 1px solid white;
  text-decoration: none;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
  font-weight: normal;
  margin-left: 10px;
}
#generator.overview div.weeklylist > div.weeklyitem a.preview:hover {
  color: #161615;
  border-bottom-color: #161615;
}