.border-bottom {
  border-bottom: 1px solid #000000;
}
.white {
  color: #ffffff;
}
.white:hover,
.white:visited,
.white:active {
  color: #ffffff;
}
.lightGrey {
  color: #ededed;
}
.defaultGrey {
  color: #C1C1C1;
}
.darkGrey {
  color: #666666;
}
.red {
  color: red;
}
.green {
  color: green;
}
.lightGreen {
  color: greenyellow;
}
.feedbackGreen {
  color: #72B903;
}
.yellow {
  color: yellow;
}
.background-ci {
  background-color: #2e2e2e;
}
.background-white {
  background-color: #ffffff;
}
.background-lightGrey {
  background-color: #ededed;
}
.background-defaultGrey {
  background-color: #C1C1C1;
}
.background-darkGrey {
  background-color: #666666;
}
.text-ci {
  color: #2e2e2e;
}
/*
 * list for default definitions
 */
.defaultContainer {
  flex: 1 1 auto;
  overflow: hidden;
  background-color: #ededed;
}
.defaultContainer > * {
  flex: 1 1 auto;
}
.border-radius {
  border-radius: 5px;
}
.border-darkGrey {
  border: 1px solid #666666;
}
.border-white {
  border: 1px solid #ffffff;
}
.border-bottom-darkGrey {
  border-bottom: 1px solid #666666;
}
.border-top-darkGrey {
  border-top: 1px solid #666666;
}
.border-left-darkGrey {
  border-left: 1px solid #666666;
}
.border-right-darkGrey {
  border-right: 1px solid #666666;
}
.border-defaultGrey {
  border: 1px solid #C1C1C1;
}
.border-bottom-defaultGrey {
  border-bottom: 1px solid #C1C1C1;
}
.border-top-defaultGrey {
  border-top: 1px solid #C1C1C1;
}
.border-left-defaultGrey {
  border-left: 1px solid #C1C1C1;
}
.border-right-defaultGrey {
  border-right: 1px solid #C1C1C1;
}
.border-bottom-lightGrey {
  border-bottom: 1px solid #ededed;
}
.border-top-lightGrey {
  border-top: 1px solid #ededed;
}
.border-left-lightGrey {
  border-left: 1px solid #ededed;
}
.border-right-lightGrey {
  border-right: 1px solid #ededed;
}
.border-bottom-white {
  border-bottom: 1px solid #ffffff;
}
.border-top-white {
  border-top: 1px solid #ffffff;
}
.border-left-white {
  border-left: 1px solid #ffffff;
}
.border-right-white {
  border-right: 1px solid #ffffff;
}
.img-cover-container > img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.img-cover-full-container > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img-contain-container > img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.img-contain-height-container > img {
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}
.grayscale {
  filter: grayscale(100%);
}
.d-grid {
  display: grid;
  grid-auto-columns: auto;
  grid-template-columns: auto;
}
.grid-columns-50-50 {
  grid-template-columns: 2fr 2fr;
}
.grid-columns-2 {
  grid-template-columns: minmax(1rem, auto) minmax(1rem, auto);
}
.grid-columns-2-label {
  grid-template-columns: minmax(1rem, auto) 1fr;
}
.grid-columns-7 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.box-shadow-button {
  box-shadow: 1px 1px 5px 1px #C1C1C1;
}
.overflow-h {
  overflow: hidden;
}
.overflow-v {
  overflow: visible;
}
.overflow-a {
  overflow: auto;
}
.overflow-y-h {
  overflow-y: hidden;
}
.overflow-y-v {
  overflow-y: visible;
}
.overflow-y-a {
  overflow-y: auto;
}
.overflow-x-h {
  overflow-x: hidden;
}
.overflow-x-v {
  overflow-x: visible;
}
.overflow-x-a {
  overflow-x: auto;
}
.va-top {
  vertical-align: top;
}
.va-center {
  vertical-align: center;
}
.va-bottom {
  vertical-align: bottom;
}
.pointer {
  cursor: pointer;
}
.flex-align-items-start {
  align-items: flex-start;
}
.flex-align-items-center {
  align-items: center;
}
.flex-align-items-end {
  align-items: flex-end;
}
.flex-justify-start {
  justify-content: flex-start;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-stretch {
  justify-content: stretch;
}
.flex-justify-end {
  justify-content: flex-end;
}
.flex-direction-row {
  flex-direction: row;
}
.flex-direction-col {
  flex-direction: column;
}
.flex-element-dynamic-auto {
  flex: 1 1 auto;
}
.flex-element-static-auto {
  flex: 0 0 auto;
}
.jc-fs {
  justify-content: flex-start;
}
.jc-c {
  justify-content: center;
}
.jc-se {
  justify-content: space-evenly;
}
.jc-sb {
  justify-content: space-between;
}
.jc-fe {
  justify-content: flex-end;
}
.a-s-c {
  align-self: center;
}
.a-s-f-e {
  align-self: flex-end;
}
.a-s-f-s {
  align-self: flex-start;
}
.j-s-c {
  justify-self: center;
}
.ac-sb {
  align-content: space-between;
}
.ai-c {
  align-items: center;
}
.j-s-f-e {
  justify-self: flex-end;
}
.dif-r-w {
  display: inline-flex;
  flex-flow: row wrap;
}
.df-r-w {
  display: flex;
  flex-flow: row wrap;
}
.df-r-nw {
  display: flex;
  flex-flow: row nowrap;
}
.df-c-nw {
  display: flex;
  flex-flow: column nowrap;
}
.df-c-w {
  display: flex;
  flex-flow: column wrap;
}
.flex-1-1-a {
  flex: 1 1 auto;
}
.flex-0-0-a {
  flex: 0 0 auto;
}
.flex-0-1-a {
  flex: 0 1 auto;
}
.flex-1-1-50 {
  flex: 1 1 50%;
}
.flex-0-0-50 {
  flex: 0 0 50%;
}
.flex-0-0-25 {
  flex: 0 0 25%;
}
.flex-0-0-33 {
  flex: 0 0 33.333%;
}
.flex-0-0-40 {
  flex: 0 0 40%;
}
.flex-0-0-20 {
  flex: 0 0 20%;
}
.flex-0-0-23 {
  flex: 0 0 23%;
}
.flex-0-0-20vw {
  flex: 0 0 20vw;
}
.flex-0-0-20rem {
  flex: 0 0 20rem;
}
.flex-0-0-25vh {
  flex: 0 0 25vh;
}
.flex-0-0-6rem {
  flex: 0 0 6rem;
}
.flex-0-0-30rem {
  flex: 0 0 30rem;
}
.flex-0-0-30 {
  flex: 0 0 30%;
}
.flex-0-0-40 {
  flex: 0 0 40%;
}
.flex-0-0-50rem {
  flex: 0 0 50rem;
}
.flex-0-0-40rem {
  flex: 0 0 40rem;
}
.flex-0-0-100 {
  flex: 0 0 100%;
}
.f-0-0-auto {
  flex: 0 0 auto;
}
.f-1-0-auto {
  flex: 1 0 auto;
}
.f-0-1-auto {
  flex: 0 1 auto;
}
.f-1-1-auto {
  flex: 1 1 auto;
}
.f-0-0-1rem {
  flex: 0 0 1rem;
}
.f-1-0-1rem {
  flex: 1 0 1rem;
}
.f-0-1-1rem {
  flex: 0 1 1rem;
}
.f-1-1-1rem {
  flex: 1 1 1rem;
}
.f-0-0-2rem {
  flex: 0 0 2rem;
}
.f-1-0-2rem {
  flex: 1 0 2rem;
}
.f-0-1-2rem {
  flex: 0 1 2rem;
}
.f-1-1-2rem {
  flex: 1 1 2rem;
}
.f-0-0-3rem {
  flex: 0 0 3rem;
}
.f-1-0-3rem {
  flex: 1 0 3rem;
}
.f-0-1-3rem {
  flex: 0 1 3rem;
}
.f-1-1-3rem {
  flex: 1 1 3rem;
}
.f-0-0-4rem {
  flex: 0 0 4rem;
}
.f-1-0-4rem {
  flex: 1 0 4rem;
}
.f-0-1-4rem {
  flex: 0 1 4rem;
}
.f-1-1-4rem {
  flex: 1 1 4rem;
}
.f-0-0-5rem {
  flex: 0 0 5rem;
}
.f-1-0-5rem {
  flex: 1 0 5rem;
}
.f-0-1-5rem {
  flex: 0 1 5rem;
}
.f-1-1-5rem {
  flex: 1 1 5rem;
}
.f-0-0-6rem {
  flex: 0 0 6rem;
}
.f-1-0-6rem {
  flex: 1 0 6rem;
}
.f-0-1-6rem {
  flex: 0 1 6rem;
}
.f-1-1-6rem {
  flex: 1 1 6rem;
}
.f-0-0-7rem {
  flex: 0 0 7rem;
}
.f-1-0-7rem {
  flex: 1 0 7rem;
}
.f-0-1-7rem {
  flex: 0 1 7rem;
}
.f-1-1-7rem {
  flex: 1 1 7rem;
}
.f-0-0-8rem {
  flex: 0 0 8rem;
}
.f-1-0-8rem {
  flex: 1 0 8rem;
}
.f-0-1-8rem {
  flex: 0 1 8rem;
}
.f-1-1-8rem {
  flex: 1 1 8rem;
}
.f-0-0-9rem {
  flex: 0 0 9rem;
}
.f-1-0-9rem {
  flex: 1 0 9rem;
}
.f-0-1-9rem {
  flex: 0 1 9rem;
}
.f-1-1-9rem {
  flex: 1 1 9rem;
}
.f-0-0-10rem {
  flex: 0 0 10rem;
}
.f-1-0-10rem {
  flex: 1 0 10rem;
}
.f-0-1-10rem {
  flex: 0 1 10rem;
}
.f-1-1-10rem {
  flex: 1 1 10rem;
}
.f-0-0-12rem {
  flex: 0 0 12rem;
}
.f-1-0-12rem {
  flex: 1 0 12rem;
}
.f-0-1-12rem {
  flex: 0 1 12rem;
}
.f-1-1-12rem {
  flex: 1 1 12rem;
}
.f-0-0-15rem {
  flex: 0 0 15rem;
}
.f-1-0-15rem {
  flex: 1 0 15rem;
}
.f-0-1-15rem {
  flex: 0 1 15rem;
}
.f-1-1-15rem {
  flex: 1 1 15rem;
}
.f-0-0-17rem {
  flex: 0 0 17rem;
}
.f-1-0-17rem {
  flex: 1 0 17rem;
}
.f-0-1-17rem {
  flex: 0 1 17rem;
}
.f-1-1-17rem {
  flex: 1 1 17rem;
}
.f-0-0-20rem {
  flex: 0 0 20rem;
}
.f-1-0-20rem {
  flex: 1 0 20rem;
}
.f-0-1-20rem {
  flex: 0 1 20rem;
}
.f-1-1-20rem {
  flex: 1 1 20rem;
}
.f-0-0-25rem {
  flex: 0 0 25rem;
}
.f-1-0-25rem {
  flex: 1 0 25rem;
}
.f-0-1-25rem {
  flex: 0 1 25rem;
}
.f-1-1-25rem {
  flex: 1 1 25rem;
}
.f-0-0-30rem {
  flex: 0 0 30rem;
}
.f-1-0-30rem {
  flex: 1 0 30rem;
}
.f-0-1-30rem {
  flex: 0 1 30rem;
}
.f-1-1-30rem {
  flex: 1 1 30rem;
}
.f-0-0-40rem {
  flex: 0 0 40rem;
}
.f-1-0-40rem {
  flex: 1 0 40rem;
}
.f-0-1-40rem {
  flex: 0 1 40rem;
}
.f-1-1-40rem {
  flex: 1 1 40rem;
}
.f-0-0-50rem {
  flex: 0 0 50rem;
}
.f-1-0-50rem {
  flex: 1 0 50rem;
}
.f-0-1-50rem {
  flex: 0 1 50rem;
}
.f-1-1-50rem {
  flex: 1 1 50rem;
}
.f-0-0-100vw {
  flex: 0 0 100vw;
}
.f-1-0-100vw {
  flex: 1 0 100vw;
}
.f-0-1-100vw {
  flex: 0 1 100vw;
}
.f-1-1-100vw {
  flex: 1 1 100vw;
}
/* 20pt, 24pt */
body {
  line-height: 1.3;
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 760px) {
  body {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1079px) {
  body {
    font-size: 1.5rem;
  }
}
body h1,
body p {
  margin: 0;
}
/*
 * atomic styles
 */
.f-w-bolder {
  font-weight: 900;
}
.f-w-bold {
  font-weight: 700;
}
.f-w-normal {
  font-weight: 500;
}
.f-w-light {
  font-weight: 300;
}
.f-w-lighter {
  font-weight: 100;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.white-space-nowrap {
  white-space: nowrap;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis-3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis-4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ellipsis-5 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.t-a-c {
  text-align: center;
}
.t-a-l {
  text-align: left;
}
.t-a-r {
  text-align: right;
}
/*
 * mixins
 */
/*
 * default definitions
 * we should only use them
 */
.headline-big {
  line-height: 2;
}
@media only screen and (max-width: 480px) {
  .headline-big {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 760px) {
  .headline-big {
    font-size: 5rem;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .headline-big {
    font-size: 6rem;
  }
}
@media only screen and (min-width: 1920px) {
  .headline-big {
    font-size: 8rem;
  }
}
.headline-1 {
  line-height: 2 !important;
}
@media only screen and (max-width: 480px) {
  .headline-1 {
    font-size: 2rem !important;
  }
}
@media only screen and (min-width: 760px) {
  .headline-1 {
    font-size: 2.5rem !important;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .headline-1 {
    font-size: 2.5rem !important;
  }
}
@media only screen and (min-width: 1920px) {
  .headline-1 {
    font-size: 3rem !important;
  }
}
.headline-2 {
  line-height: 1.4;
}
@media only screen and (max-width: 480px) {
  .headline-2 {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 760px) {
  .headline-2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .headline-2 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 1920px) {
  .headline-2 {
    font-size: 2rem;
  }
}
.text {
  line-height: 1.3;
}
@media only screen and (max-width: 480px) {
  .text {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 760px) {
  .text {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .text {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 1920px) {
  .text {
    font-size: 1.5rem;
  }
}
.text-small {
  line-height: 1.1;
}
@media only screen and (max-width: 480px) {
  .text-small {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 760px) {
  .text-small {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .text-small {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 1920px) {
  .text-small {
    font-size: 1.25rem;
  }
}
.extraSmall {
  line-height: 1.1;
}
@media only screen and (max-width: 480px) {
  .extraSmall {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 760px) {
  .extraSmall {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .extraSmall {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 1920px) {
  .extraSmall {
    font-size: 0.65rem;
  }
}
.f-s-5rem {
  font-size: 5rem;
}
.f-s-2_5rem {
  font-size: 2.5rem;
}
.f-s-10rem {
  font-size: 10rem;
}
.f-s-1_5vh {
  font-size: 1.5vh;
  line-height: 2.5vh;
}
.line-height-thiner {
  line-height: 1;
}
.line-height-thin {
  line-height: 1.1;
}
.line-height-normal {
  line-height: 1.3;
}
.line-height-large {
  line-height: 1.4;
}
.line-height-extra-large {
  line-height: 2;
}
.loading {
  opacity: 0.8;
}
/*
 *  HTML Tags
 */
h1 {
  line-height: 2 ;
}
@media only screen and (max-width: 480px) {
  h1 {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 760px) {
  h1 {
    font-size: 2.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  h1 {
    font-size: 2.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  h1 {
    font-size: 3rem ;
  }
}
h2 {
  line-height: 1.4 ;
}
@media only screen and (max-width: 480px) {
  h2 {
    font-size: 1.75rem ;
  }
}
@media only screen and (min-width: 760px) {
  h2 {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  h2 {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1920px) {
  h2 {
    font-size: 2rem ;
  }
}
h3 {
  line-height: 1.3 ;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  h3 {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  h3 {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  h3 {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  h3 {
    font-size: 1.5rem ;
  }
}
div,
p {
  line-height: 1.3 ;
}
@media only screen and (max-width: 480px) {
  div,
  p {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  div,
  p {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  div,
  p {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  div,
  p {
    font-size: 1.5rem ;
  }
}
.content-headline {
  line-height: 1.4 ;
  background-color: #C1C1C1;
  color: #ffffff;
  border-bottom: 1px solid #f4f4f4;
  padding: 1vw;
}
@media only screen and (max-width: 480px) {
  .content-headline {
    font-size: 1.75rem ;
  }
}
@media only screen and (min-width: 760px) {
  .content-headline {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .content-headline {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .content-headline {
    font-size: 2rem ;
  }
}
label {
  margin: 0;
}
tspan,
small {
  line-height: 1.1;
}
@media only screen and (max-width: 480px) {
  tspan,
  small {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 760px) {
  tspan,
  small {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 1079px) {
  tspan,
  small {
    font-size: 1.25rem;
  }
}
label,
caption {
  line-height: 1;
}
@media only screen and (max-width: 480px) {
  label,
  caption {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 760px) {
  label,
  caption {
    font-size: 0.65rem;
  }
}
@media only screen and (min-width: 1079px) {
  label,
  caption {
    font-size: 0.65rem;
  }
}
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2rem;
  margin: 0.67rem 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5rem;
}
sub {
  bottom: -0.25rem;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1rem;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35rem 0.625rem 0.75rem;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
p {
  margin: 0;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.fixed {
  position: fixed;
}
.top-0 {
  top: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
.bottom-0 {
  bottom: 0;
}
.top-0.25rem {
  top: 0.25rem;
}
.left-0.25rem {
  left: 0.25rem;
}
.right-0.25rem {
  right: 0.25rem;
}
.bottom-0.25rem {
  bottom: 0.25rem;
}
.top-0.5rem {
  top: 0.5rem;
}
.left-0.5rem {
  left: 0.5rem;
}
.right-0.5rem {
  right: 0.5rem;
}
.bottom-0.5rem {
  bottom: 0.5rem;
}
.top-1rem {
  top: 1rem;
}
.left-1rem {
  left: 1rem;
}
.right-1rem {
  right: 1rem;
}
.bottom-1rem {
  bottom: 1rem;
}
.top-2rem {
  top: 2rem;
}
.left-2rem {
  left: 2rem;
}
.right-2rem {
  right: 2rem;
}
.bottom-2rem {
  bottom: 2rem;
}
.top-3rem {
  top: 3rem;
}
.left-3rem {
  left: 3rem;
}
.right-3rem {
  right: 3rem;
}
.bottom-3rem {
  bottom: 3rem;
}
.top-4rem {
  top: 4rem;
}
.left-4rem {
  left: 4rem;
}
.right-4rem {
  right: 4rem;
}
.bottom-4rem {
  bottom: 4rem;
}
.top-5rem {
  top: 5rem;
}
.left-5rem {
  left: 5rem;
}
.right-5rem {
  right: 5rem;
}
.bottom-5rem {
  bottom: 5rem;
}
.top-6rem {
  top: 6rem;
}
.left-6rem {
  left: 6rem;
}
.right-6rem {
  right: 6rem;
}
.bottom-6rem {
  bottom: 6rem;
}
.top-7rem {
  top: 7rem;
}
.left-7rem {
  left: 7rem;
}
.right-7rem {
  right: 7rem;
}
.bottom-7rem {
  bottom: 7rem;
}
.top-8rem {
  top: 8rem;
}
.left-8rem {
  left: 8rem;
}
.right-8rem {
  right: 8rem;
}
.bottom-8rem {
  bottom: 8rem;
}
.top-9rem {
  top: 9rem;
}
.left-9rem {
  left: 9rem;
}
.right-9rem {
  right: 9rem;
}
.bottom-9rem {
  bottom: 9rem;
}
.top-10rem {
  top: 10rem;
}
.left-10rem {
  left: 10rem;
}
.right-10rem {
  right: 10rem;
}
.bottom-10rem {
  bottom: 10rem;
}
.top-12rem {
  top: 12rem;
}
.left-12rem {
  left: 12rem;
}
.right-12rem {
  right: 12rem;
}
.bottom-12rem {
  bottom: 12rem;
}
.top-auto {
  top: auto;
}
.left-auto {
  left: auto;
}
.right-auto {
  right: auto;
}
.bottom-auto {
  bottom: auto;
}
.zindex-0 {
  z-index: 0;
}
.zindex-1 {
  z-index: 1;
}
.zindex-2 {
  z-index: 2;
}
.zindex-3 {
  z-index: 3;
}
.zindex-4 {
  z-index: 4;
}
.zindex-5 {
  z-index: 5;
}
.zindex-6 {
  z-index: 6;
}
.zindex-7 {
  z-index: 7;
}
.zindex-8 {
  z-index: 8;
}
.zindex-9 {
  z-index: 9;
}
.zindex-10 {
  z-index: 10;
}
/*
.border(@a) when (@a = red) {
  border: 1px solid #000;
}

 */
.w-auto {
  width: auto;
}
.max-w-auto {
  max-width: auto;
}
.min-w-auto {
  min-width: auto;
}
.h-auto {
  height: auto;
}
.max-h-auto {
  max-height: auto;
}
.min-h-auto {
  min-height: auto;
}
.w-1rem {
  width: 1rem;
}
.max-w-1rem {
  max-width: 1rem;
}
.min-w-1rem {
  min-width: 1rem;
}
.h-1rem {
  height: 1rem;
}
.max-h-1rem {
  max-height: 1rem;
}
.min-h-1rem {
  min-height: 1rem;
}
.w-2rem {
  width: 2rem;
}
.max-w-2rem {
  max-width: 2rem;
}
.min-w-2rem {
  min-width: 2rem;
}
.h-2rem {
  height: 2rem;
}
.max-h-2rem {
  max-height: 2rem;
}
.min-h-2rem {
  min-height: 2rem;
}
.w-3rem {
  width: 3rem;
}
.max-w-3rem {
  max-width: 3rem;
}
.min-w-3rem {
  min-width: 3rem;
}
.h-3rem {
  height: 3rem;
}
.max-h-3rem {
  max-height: 3rem;
}
.min-h-3rem {
  min-height: 3rem;
}
.w-4rem {
  width: 4rem;
}
.max-w-4rem {
  max-width: 4rem;
}
.min-w-4rem {
  min-width: 4rem;
}
.h-4rem {
  height: 4rem;
}
.max-h-4rem {
  max-height: 4rem;
}
.min-h-4rem {
  min-height: 4rem;
}
.w-5rem {
  width: 5rem;
}
.max-w-5rem {
  max-width: 5rem;
}
.min-w-5rem {
  min-width: 5rem;
}
.h-5rem {
  height: 5rem;
}
.max-h-5rem {
  max-height: 5rem;
}
.min-h-5rem {
  min-height: 5rem;
}
.w-6rem {
  width: 6rem;
}
.max-w-6rem {
  max-width: 6rem;
}
.min-w-6rem {
  min-width: 6rem;
}
.h-6rem {
  height: 6rem;
}
.max-h-6rem {
  max-height: 6rem;
}
.min-h-6rem {
  min-height: 6rem;
}
.w-7rem {
  width: 7rem;
}
.max-w-7rem {
  max-width: 7rem;
}
.min-w-7rem {
  min-width: 7rem;
}
.h-7rem {
  height: 7rem;
}
.max-h-7rem {
  max-height: 7rem;
}
.min-h-7rem {
  min-height: 7rem;
}
.w-8rem {
  width: 8rem;
}
.max-w-8rem {
  max-width: 8rem;
}
.min-w-8rem {
  min-width: 8rem;
}
.h-8rem {
  height: 8rem;
}
.max-h-8rem {
  max-height: 8rem;
}
.min-h-8rem {
  min-height: 8rem;
}
.w-9rem {
  width: 9rem;
}
.max-w-9rem {
  max-width: 9rem;
}
.min-w-9rem {
  min-width: 9rem;
}
.h-9rem {
  height: 9rem;
}
.max-h-9rem {
  max-height: 9rem;
}
.min-h-9rem {
  min-height: 9rem;
}
.w-10rem {
  width: 10rem;
}
.max-w-10rem {
  max-width: 10rem;
}
.min-w-10rem {
  min-width: 10rem;
}
.h-10rem {
  height: 10rem;
}
.max-h-10rem {
  max-height: 10rem;
}
.min-h-10rem {
  min-height: 10rem;
}
.w-12rem {
  width: 12rem;
}
.max-w-12rem {
  max-width: 12rem;
}
.min-w-12rem {
  min-width: 12rem;
}
.h-12rem {
  height: 12rem;
}
.max-h-12rem {
  max-height: 12rem;
}
.min-h-12rem {
  min-height: 12rem;
}
.w-15rem {
  width: 15rem;
}
.max-w-15rem {
  max-width: 15rem;
}
.min-w-15rem {
  min-width: 15rem;
}
.h-15rem {
  height: 15rem;
}
.max-h-15rem {
  max-height: 15rem;
}
.min-h-15rem {
  min-height: 15rem;
}
.w-17rem {
  width: 17rem;
}
.max-w-17rem {
  max-width: 17rem;
}
.min-w-17rem {
  min-width: 17rem;
}
.h-17rem {
  height: 17rem;
}
.max-h-17rem {
  max-height: 17rem;
}
.min-h-17rem {
  min-height: 17rem;
}
.w-20rem {
  width: 20rem;
}
.max-w-20rem {
  max-width: 20rem;
}
.min-w-20rem {
  min-width: 20rem;
}
.h-20rem {
  height: 20rem;
}
.max-h-20rem {
  max-height: 20rem;
}
.min-h-20rem {
  min-height: 20rem;
}
.w-25rem {
  width: 25rem;
}
.max-w-25rem {
  max-width: 25rem;
}
.min-w-25rem {
  min-width: 25rem;
}
.h-25rem {
  height: 25rem;
}
.max-h-25rem {
  max-height: 25rem;
}
.min-h-25rem {
  min-height: 25rem;
}
.w-30rem {
  width: 30rem;
}
.max-w-30rem {
  max-width: 30rem;
}
.min-w-30rem {
  min-width: 30rem;
}
.h-30rem {
  height: 30rem;
}
.max-h-30rem {
  max-height: 30rem;
}
.min-h-30rem {
  min-height: 30rem;
}
.w-40rem {
  width: 40rem;
}
.max-w-40rem {
  max-width: 40rem;
}
.min-w-40rem {
  min-width: 40rem;
}
.h-40rem {
  height: 40rem;
}
.max-h-40rem {
  max-height: 40rem;
}
.min-h-40rem {
  min-height: 40rem;
}
.w-50rem {
  width: 50rem;
}
.max-w-50rem {
  max-width: 50rem;
}
.min-w-50rem {
  min-width: 50rem;
}
.h-50rem {
  height: 50rem;
}
.max-h-50rem {
  max-height: 50rem;
}
.min-h-50rem {
  min-height: 50rem;
}
.w-100vw {
  width: 100vw;
}
.max-w-100vw {
  max-width: 100vw;
}
.min-w-100vw {
  min-width: 100vw;
}
.h-100vw {
  height: 100vw;
}
.max-h-100vw {
  max-height: 100vw;
}
.min-h-100vw {
  min-height: 100vw;
}
.min-w-40 {
  min-width: 40%;
}
.min-w-27rem {
  min-width: 27rem;
}
.min-w-100 {
  min-width: 100%;
}
.min-h-60 {
  min-height: 60%;
}
.max-w-95 {
  max-width: 95%;
}
.max-w-100 {
  max-width: 100%;
}
.max-h-100 {
  max-height: 100%;
}
.h-25vh {
  height: 25vh;
}
.h-22vh {
  height: 22vh;
}
.max-h-25vh {
  max-height: 25vh;
}
.max-h-22vh {
  max-height: 22vh;
}
/*
 * splitted because of memory exception
 */
.m-0 {
  margin: 0;
}
.m-t-0 {
  margin-top: 0;
}
.m-l-0 {
  margin-left: 0;
}
.m-r-0 {
  margin-right: 0;
}
.m-b-0 {
  margin-bottom: 0;
}
.m-v-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.m-h-0 {
  margin-left: 0;
  margin-right: 0;
}
.m-0.25rem {
  margin: 0.25rem;
}
.m-t-0.25rem {
  margin-top: 0.25rem;
}
.m-l-0.25rem {
  margin-left: 0.25rem;
}
.m-r-0.25rem {
  margin-right: 0.25rem;
}
.m-b-0.25rem {
  margin-bottom: 0.25rem;
}
.m-v-0.25rem {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.m-h-0.25rem {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.m-0.5rem {
  margin: 0.5rem;
}
.m-t-0.5rem {
  margin-top: 0.5rem;
}
.m-l-0.5rem {
  margin-left: 0.5rem;
}
.m-r-0.5rem {
  margin-right: 0.5rem;
}
.m-b-0.5rem {
  margin-bottom: 0.5rem;
}
.m-v-0.5rem {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-h-0.5rem {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.m-1rem {
  margin: 1rem;
}
.m-t-1rem {
  margin-top: 1rem;
}
.m-l-1rem {
  margin-left: 1rem;
}
.m-r-1rem {
  margin-right: 1rem;
}
.m-b-1rem {
  margin-bottom: 1rem;
}
.m-v-1rem {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m-h-1rem {
  margin-left: 1rem;
  margin-right: 1rem;
}
.m-2rem {
  margin: 2rem;
}
.m-t-2rem {
  margin-top: 2rem;
}
.m-l-2rem {
  margin-left: 2rem;
}
.m-r-2rem {
  margin-right: 2rem;
}
.m-b-2rem {
  margin-bottom: 2rem;
}
.m-v-2rem {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.m-h-2rem {
  margin-left: 2rem;
  margin-right: 2rem;
}
.m-3rem {
  margin: 3rem;
}
.m-t-3rem {
  margin-top: 3rem;
}
.m-l-3rem {
  margin-left: 3rem;
}
.m-r-3rem {
  margin-right: 3rem;
}
.m-b-3rem {
  margin-bottom: 3rem;
}
.m-v-3rem {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.m-h-3rem {
  margin-left: 3rem;
  margin-right: 3rem;
}
.m-4rem {
  margin: 4rem;
}
.m-t-4rem {
  margin-top: 4rem;
}
.m-l-4rem {
  margin-left: 4rem;
}
.m-r-4rem {
  margin-right: 4rem;
}
.m-b-4rem {
  margin-bottom: 4rem;
}
.m-v-4rem {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.m-h-4rem {
  margin-left: 4rem;
  margin-right: 4rem;
}
.m-5rem {
  margin: 5rem;
}
.m-t-5rem {
  margin-top: 5rem;
}
.m-l-5rem {
  margin-left: 5rem;
}
.m-r-5rem {
  margin-right: 5rem;
}
.m-b-5rem {
  margin-bottom: 5rem;
}
.m-v-5rem {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.m-h-5rem {
  margin-left: 5rem;
  margin-right: 5rem;
}
.m-6rem {
  margin: 6rem;
}
.m-t-6rem {
  margin-top: 6rem;
}
.m-l-6rem {
  margin-left: 6rem;
}
.m-r-6rem {
  margin-right: 6rem;
}
.m-b-6rem {
  margin-bottom: 6rem;
}
.m-v-6rem {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.m-h-6rem {
  margin-left: 6rem;
  margin-right: 6rem;
}
.m-7rem {
  margin: 7rem;
}
.m-t-7rem {
  margin-top: 7rem;
}
.m-l-7rem {
  margin-left: 7rem;
}
.m-r-7rem {
  margin-right: 7rem;
}
.m-b-7rem {
  margin-bottom: 7rem;
}
.m-v-7rem {
  margin-top: 7rem;
  margin-bottom: 7rem;
}
.m-h-7rem {
  margin-left: 7rem;
  margin-right: 7rem;
}
.m-8rem {
  margin: 8rem;
}
.m-t-8rem {
  margin-top: 8rem;
}
.m-l-8rem {
  margin-left: 8rem;
}
.m-r-8rem {
  margin-right: 8rem;
}
.m-b-8rem {
  margin-bottom: 8rem;
}
.m-v-8rem {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.m-h-8rem {
  margin-left: 8rem;
  margin-right: 8rem;
}
.m-9rem {
  margin: 9rem;
}
.m-t-9rem {
  margin-top: 9rem;
}
.m-l-9rem {
  margin-left: 9rem;
}
.m-r-9rem {
  margin-right: 9rem;
}
.m-b-9rem {
  margin-bottom: 9rem;
}
.m-v-9rem {
  margin-top: 9rem;
  margin-bottom: 9rem;
}
.m-h-9rem {
  margin-left: 9rem;
  margin-right: 9rem;
}
.m-10rem {
  margin: 10rem;
}
.m-t-10rem {
  margin-top: 10rem;
}
.m-l-10rem {
  margin-left: 10rem;
}
.m-r-10rem {
  margin-right: 10rem;
}
.m-b-10rem {
  margin-bottom: 10rem;
}
.m-v-10rem {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.m-h-10rem {
  margin-left: 10rem;
  margin-right: 10rem;
}
.m-12rem {
  margin: 12rem;
}
.m-t-12rem {
  margin-top: 12rem;
}
.m-l-12rem {
  margin-left: 12rem;
}
.m-r-12rem {
  margin-right: 12rem;
}
.m-b-12rem {
  margin-bottom: 12rem;
}
.m-v-12rem {
  margin-top: 12rem;
  margin-bottom: 12rem;
}
.m-h-12rem {
  margin-left: 12rem;
  margin-right: 12rem;
}
.m-auto {
  margin: auto;
}
.m-t-auto {
  margin-top: auto;
}
.m-l-auto {
  margin-left: auto;
}
.m-r-auto {
  margin-right: auto;
}
.m-b-auto {
  margin-bottom: auto;
}
.m-v-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.m-h-auto {
  margin-left: auto;
  margin-right: auto;
}
.p-0 {
  padding: 0;
}
.p-t-0 {
  padding-top: 0;
}
.p-l-0 {
  padding-left: 0;
}
.p-r-0 {
  padding-right: 0;
}
.p-b-0 {
  padding-bottom: 0;
}
.p-v-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.p-h-0 {
  padding-left: 0;
  padding-right: 0;
}
.p-0.25rem {
  padding: 0.25rem;
}
.p-t-0.25rem {
  padding-top: 0.25rem;
}
.p-l-0.25rem {
  padding-left: 0.25rem;
}
.p-r-0.25rem {
  padding-right: 0.25rem;
}
.p-b-0.25rem {
  padding-bottom: 0.25rem;
}
.p-v-0.25rem {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.p-h-0.25rem {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.p-0.5rem {
  padding: 0.5rem;
}
.p-t-0.5rem {
  padding-top: 0.5rem;
}
.p-l-0.5rem {
  padding-left: 0.5rem;
}
.p-r-0.5rem {
  padding-right: 0.5rem;
}
.p-b-0.5rem {
  padding-bottom: 0.5rem;
}
.p-v-0.5rem {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-h-0.5rem {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-1rem {
  padding: 1rem;
}
.p-t-1rem {
  padding-top: 1rem;
}
.p-l-1rem {
  padding-left: 1rem;
}
.p-r-1rem {
  padding-right: 1rem;
}
.p-b-1rem {
  padding-bottom: 1rem;
}
.p-v-1rem {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-h-1rem {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-2rem {
  padding: 2rem;
}
.p-t-2rem {
  padding-top: 2rem;
}
.p-l-2rem {
  padding-left: 2rem;
}
.p-r-2rem {
  padding-right: 2rem;
}
.p-b-2rem {
  padding-bottom: 2rem;
}
.p-v-2rem {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.p-h-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}
.p-3rem {
  padding: 3rem;
}
.p-t-3rem {
  padding-top: 3rem;
}
.p-l-3rem {
  padding-left: 3rem;
}
.p-r-3rem {
  padding-right: 3rem;
}
.p-b-3rem {
  padding-bottom: 3rem;
}
.p-v-3rem {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.p-h-3rem {
  padding-left: 3rem;
  padding-right: 3rem;
}
.p-4rem {
  padding: 4rem;
}
.p-t-4rem {
  padding-top: 4rem;
}
.p-l-4rem {
  padding-left: 4rem;
}
.p-r-4rem {
  padding-right: 4rem;
}
.p-b-4rem {
  padding-bottom: 4rem;
}
.p-v-4rem {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.p-h-4rem {
  padding-left: 4rem;
  padding-right: 4rem;
}
.p-5rem {
  padding: 5rem;
}
.p-t-5rem {
  padding-top: 5rem;
}
.p-l-5rem {
  padding-left: 5rem;
}
.p-r-5rem {
  padding-right: 5rem;
}
.p-b-5rem {
  padding-bottom: 5rem;
}
.p-v-5rem {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.p-h-5rem {
  padding-left: 5rem;
  padding-right: 5rem;
}
.p-6rem {
  padding: 6rem;
}
.p-t-6rem {
  padding-top: 6rem;
}
.p-l-6rem {
  padding-left: 6rem;
}
.p-r-6rem {
  padding-right: 6rem;
}
.p-b-6rem {
  padding-bottom: 6rem;
}
.p-v-6rem {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.p-h-6rem {
  padding-left: 6rem;
  padding-right: 6rem;
}
.p-7rem {
  padding: 7rem;
}
.p-t-7rem {
  padding-top: 7rem;
}
.p-l-7rem {
  padding-left: 7rem;
}
.p-r-7rem {
  padding-right: 7rem;
}
.p-b-7rem {
  padding-bottom: 7rem;
}
.p-v-7rem {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.p-h-7rem {
  padding-left: 7rem;
  padding-right: 7rem;
}
.p-8rem {
  padding: 8rem;
}
.p-t-8rem {
  padding-top: 8rem;
}
.p-l-8rem {
  padding-left: 8rem;
}
.p-r-8rem {
  padding-right: 8rem;
}
.p-b-8rem {
  padding-bottom: 8rem;
}
.p-v-8rem {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.p-h-8rem {
  padding-left: 8rem;
  padding-right: 8rem;
}
.p-9rem {
  padding: 9rem;
}
.p-t-9rem {
  padding-top: 9rem;
}
.p-l-9rem {
  padding-left: 9rem;
}
.p-r-9rem {
  padding-right: 9rem;
}
.p-b-9rem {
  padding-bottom: 9rem;
}
.p-v-9rem {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.p-h-9rem {
  padding-left: 9rem;
  padding-right: 9rem;
}
.p-10rem {
  padding: 10rem;
}
.p-t-10rem {
  padding-top: 10rem;
}
.p-l-10rem {
  padding-left: 10rem;
}
.p-r-10rem {
  padding-right: 10rem;
}
.p-b-10rem {
  padding-bottom: 10rem;
}
.p-v-10rem {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.p-h-10rem {
  padding-left: 10rem;
  padding-right: 10rem;
}
.p-12rem {
  padding: 12rem;
}
.p-t-12rem {
  padding-top: 12rem;
}
.p-l-12rem {
  padding-left: 12rem;
}
.p-r-12rem {
  padding-right: 12rem;
}
.p-b-12rem {
  padding-bottom: 12rem;
}
.p-v-12rem {
  padding-top: 12rem;
  padding-bottom: 12rem;
}
.p-h-12rem {
  padding-left: 12rem;
  padding-right: 12rem;
}
.p-auto {
  padding: auto;
}
.p-t-auto {
  padding-top: auto;
}
.p-l-auto {
  padding-left: auto;
}
.p-r-auto {
  padding-right: auto;
}
.p-b-auto {
  padding-bottom: auto;
}
.p-v-auto {
  padding-top: auto;
  padding-bottom: auto;
}
.p-h-auto {
  padding-left: auto;
  padding-right: auto;
}
.p-spacer {
  padding: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-spacer {
    padding: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-spacer {
    padding: 0.5rem;
  }
}
.p-h-spacer {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-h-spacer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-h-spacer {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.p-v-spacer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-v-spacer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-v-spacer {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.p-l-spacer {
  padding-left: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-l-spacer {
    padding-left: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-l-spacer {
    padding-left: 0.5rem;
  }
}
.p-r-spacer {
  padding-right: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-r-spacer {
    padding-right: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-r-spacer {
    padding-right: 0.5rem;
  }
}
.p-t-spacer {
  padding-top: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-t-spacer {
    padding-top: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-t-spacer {
    padding-top: 0.5rem;
  }
}
.p-b-spacer {
  padding-bottom: 1rem;
}
@media only screen and (min-width: 1079px) {
  .p-b-spacer {
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .p-b-spacer {
    padding-bottom: 0.5rem;
  }
}
.m-spacer {
  margin: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-spacer {
    margin: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-spacer {
    margin: 0.5rem;
  }
}
.m-h-spacer {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-h-spacer {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-h-spacer {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.m-v-spacer {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-v-spacer {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-v-spacer {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
.m-l-spacer {
  margin-left: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-l-spacer {
    margin-left: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-l-spacer {
    margin-left: 0.5rem;
  }
}
.m-r-spacer {
  margin-right: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-r-spacer {
    margin-right: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-r-spacer {
    margin-right: 0.5rem;
  }
}
.m-t-spacer {
  margin-top: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-t-spacer {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-t-spacer {
    margin-top: 0.5rem;
  }
}
.m-b-spacer {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1079px) {
  .m-b-spacer {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 360px) {
  .m-b-spacer {
    margin-bottom: 0.5rem;
  }
}
.p-05rem {
  padding: 0.5rem;
}
.p-h-05rem {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.p-025rem {
  padding: 0.25rem;
}
.p-r-025rem {
  padding-right: 0.25rem;
}
.interaction .dropdown-content {
  width: 100%;
  background: #ededed;
  color: #666666;
  z-index: 1000;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
  max-height: 0;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .interaction .dropdown-content {
    width: 100vw;
  }
}
.interaction .dropdown-content.in {
  max-height: none;
}
/*
 * default config
 */
/*
 * login & initial config background
 */
/*
 * menu view configs
 */
/*
 * input style settings
 * TODO talk about: remove / exclude to forms less
 */
.balanceWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.balanceWrapper .balance {
  background: #ffffff;
  padding: 2rem 6rem;
  font-size: 3rem;
  min-height: 15rem;
  align-items: center;
  display: flex;
  border-radius: 15px;
}
/*
 * Capacity settings
 */
.capacity-content {
  color: #666666;
}
.capacity-content .capacity-area svg rect.c3-zoom-rect,
.capacity-content .capacity-area svg .c3-chart .c3-event-rects rect.c3-event-rect {
  stroke: #ffffff !important;
  stroke-width: 0;
  opacity: 1 !important;
  fill: transparent;
}
.capacity-content .capacity-area .c3-ygrid-line line,
.capacity-content .capacity-area .c3-xgrid-line line {
  stroke: #C1C1C1;
}
.capacity-content svg {
  /* line / area chart */
}
.capacity-content svg path.c3-chart-arcs-background {
  fill: #ffffff !important;
}
.capacity-content svg .c3-target-aggregate text {
  fill: #2e2e2e;
}
.capacity-content svg .c3-target-aggregate,
.capacity-content svg text.c3-gauge-value {
  line-height: 2 !important;
  font-family: roboto;
  font-weight: bolder;
}
@media only screen and (max-width: 480px) {
  .capacity-content svg .c3-target-aggregate,
  .capacity-content svg text.c3-gauge-value {
    font-size: 4rem !important;
  }
}
@media only screen and (min-width: 760px) {
  .capacity-content svg .c3-target-aggregate,
  .capacity-content svg text.c3-gauge-value {
    font-size: 5rem !important;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .capacity-content svg .c3-target-aggregate,
  .capacity-content svg text.c3-gauge-value {
    font-size: 6rem !important;
  }
}
@media only screen and (min-width: 1920px) {
  .capacity-content svg .c3-target-aggregate,
  .capacity-content svg text.c3-gauge-value {
    font-size: 8rem !important;
  }
}
@media only screen and (min-width: 1079px) {
  .capacity-content svg .c3-target-aggregate,
  .capacity-content svg text.c3-gauge-value {
    font-size: 6rem !important;
  }
}
.capacity-content svg path.domain {
  fill: transparent;
}
.capacity-content svg .c3-circles-values circle.c3-circle {
  fill: #2e2e2e !important;
  stroke-width: 0.5rem;
  stroke: #2e2e2e;
}
.capacity-content svg path.c3-area-values {
  fill: #ffffff !important;
}
.capacity-content svg path.c3-line-values {
  stroke: #2e2e2e !important;
  fill: none;
  stroke-width: 2;
}
/*
 * Contact settings
 */
.contact-container .contact-map .tab-content {
  overflow: hidden;
  border-top: 1px solid #C1C1C1;
  flex: 1 1 auto;
}
.contact-container .contact-map .tab-content .tab-pane {
  height: 100%;
}
.contact-container .contact-map .nav {
  --bs-nav-link-hover-color: none;
}
.contact-container .contact-map .nav-link {
  color: #666666;
}
.contact-container .contact-map .nav-link:hover {
  border-color: unset;
}
.contact-container .contact-map .nav-link:active {
  border-color: unset;
}
.contact-container .contact-map .nav-item {
  background: #E5E5E5;
  color: #666666;
  flex: 1;
}
.contact-container .contact-map .nav-item:hover,
.contact-container .contact-map .nav-item:active,
.contact-container .contact-map .nav-item:visited {
  color: #666666;
}
.contact-container .contact-map .nav-item:first-child {
  border-right: 1px solid #C1C1C1;
}
.contact-container .contact-map .nav-item.active {
  background: #ffffff;
}
.contact-container .contact-content .bottom-bar {
  position: fixed;
  flex: 0 0 6rem;
  background: #ffffff;
  bottom: 2.5rem;
  z-index: 1;
}
.contact-container .contact-content .bottom-bar a {
  width: auto;
  color: #2e2e2e;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  flex: 0 0 auto;
  margin: 0 1px;
  padding: 1rem 1rem;
  vertical-align: top;
  text-decoration: none;
}
.contact-container .contact-content .bottom-bar a:before {
  font-family: "Font Awesome 6 Pro";
  font-size: 2rem;
  line-height: 2rem;
  display: inline-block;
  padding-right: 1rem;
  vertical-align: top;
  height: 2rem;
}
.contact-container .contact-content .bottom-bar a.homepage:before {
  content: '\f0ac';
}
.contact-container .contact-content .bottom-bar a.email:before {
  content: '\f0e0';
}
.contact-container .contact-content .bottom-bar a.route:before {
  content: '\f064';
}
@media (min-width: 1024px) and (orientation: landscape) {
  .contact-container .contact-content .split-content .contact-detail .opening-times {
    padding: 3rem 0;
    flex-direction: column;
  }
  .contact-container .contact-content .split-content .contact-detail .opening-times .week-row,
  .contact-container .contact-content .split-content .contact-detail .opening-times .headline {
    flex-direction: row;
  }
  .contact-container .contact-content .split-content .contact-detail .opening-times .headline {
    background: #ededed;
  }
  .contact-container .contact-content .split-content .contact-detail .opening-times .headline .opening-times-label {
    flex: 1;
    padding: 1rem ;
    font-size: 1rem;
    text-align: center;
  }
  .contact-container .contact-content .split-content .contact-detail .opening-times .week-row .value {
    flex: 1;
    padding: 1rem;
    font-size: 1rem;
    text-align: center;
  }
  .contact-container .contact-content .bottom-bar a {
    min-width: 19rem;
    margin: 0 2rem;
    font-size: 2rem;
    line-height: 2rem;
    flex: 0 0 auto;
  }
  .contact-container .contact-content .bottom-bar a:before {
    width: 3rem;
    display: inline-block;
  }
}
.default-list-wrapper > div {
  flex: 0 0 auto;
}
@media only screen and (min-width: 1079px) {
  .default-list-wrapper > div {
    height: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .default-list-wrapper > div {
    width: 100%;
  }
}
@media only screen and (min-width: 760px) {
  .default-list-wrapper > div {
    width: 100%;
  }
}
.default-list-wrapper .default-list-mapper {
  justify-content: space-between;
}
@media only screen and (orientation:portrait) {
  .default-list-wrapper .default-list-mapper {
    width: 100%;
    height: auto;
  }
}
@media only screen and (orientation:landscape) {
  .default-list-wrapper .default-list-mapper {
    width: auto;
    height: 100%;
  }
}
.default-list-wrapper .default-list-mapper .default-list-item {
  flex: 1 0 32%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: stretch;
}
.default-list-wrapper .default-list-mapper .default-list-item.list-col-4 {
  flex: 1 0 22%;
}
@media only screen and (orientation:landscape) {
  .default-list-wrapper .default-list-mapper .default-list-item {
    max-width: 50vw;
  }
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container {
  background: #ffffff;
  max-height: 100%;
  flex: 1 1 auto;
  overflow: hidden;
  cursor: pointer;
  flex-flow: column nowrap;
  display: flex;
  transition: all 125ms ease-in-out;
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container:hover {
  cursor: pointer;
  transform: scale(1.02);
  opacity: 0.8;
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 40vh;
  overflow: hidden;
  flex: 0 0 auto;
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-image > img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text {
  margin-top: auto;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media only screen and (orientation:landscape) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text {
    flex: 0 0 10rem;
  }
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p {
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  font-weight: bold;
  line-height: 2 ;
  line-height: 1.4;
}
@media only screen and (max-width: 480px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 760px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p {
    font-size: 2.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p {
    font-size: 2.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p {
    font-size: 3rem ;
  }
}
.default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
  line-height: 1.3 ;
}
@media only screen and (max-width: 480px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    line-height: 1.1 ;
  }
}
@media only screen and (min-width: 1079px) and only screen and (max-width: 480px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1rem ;
  }
}
@media only screen and (min-width: 1079px) and only screen and (min-width: 760px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.25rem ;
  }
}
@media only screen and (min-width: 1079px) and only screen and (min-width: 1079px) and (max-width: 1919px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.25rem ;
  }
}
@media only screen and (min-width: 1079px) and only screen and (min-width: 1920px) {
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-text > p .description {
    font-size: 1.25rem ;
  }
}
@media (orientation: landscape) and (min-width: 1024px) {
  .default-list-wrapper > div {
    width: 100%;
    overflow-x: hidden;
  }
  .default-list-wrapper .default-list-mapper {
    flex-flow: row nowrap;
  }
}
.entity-list {
  display: flex;
  flex: 1 1 auto;
  margin: 1%;
  align-items: center;
  flex-direction: column;
}
.entity-list-item {
  flex: 1 0 auto;
  max-width: 100%;
  width: 100%;
  padding: 0 0 0.5rem;
  margin: 1% 1% 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.entity-list-item img {
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
}
.entity-list-item-text {
  padding: 2rem;
  flex: 0 0 auto;
}
.entity-list-item-text .name {
  font-size: 2rem;
  padding: 0 2rem;
  line-height: 3rem;
}
@media (min-width: 1000px) {
  .entity-list {
    justify-content: center;
    overflow: auto;
  }
  .entity-list-item {
    width: 55%;
    flex: 0 0 auto;
    margin: 1rem;
    justify-content: center;
    border-bottom: 0;
  }
  .entity-list-item img {
    border-radius: 10px 10px 0 0;
  }
  .entity-list-item-text {
    border-radius: 10px;
  }
}
/*
 * Feedback settings
 */
body.portrait .feedback-detail {
  height: auto;
}
.feedback-container .feedback-list-item {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  cursor: pointer;
}
.feedback-container .feedback-list-item .imageWrapper {
  position: relative;
  width: 100%;
}
.feedback-container .feedback-list-item .imageWrapper .imageWrapperContent {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.feedback-container .feedback-list-item .imageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feedback-container .feedback-list-item .imageWrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
.feedback-container .feedback-list-item .feedback-list-item-text {
  padding: 2rem;
  flex: 1 1 auto;
  background: #ffffff;
}
.feedback-container .feedback-list-item p {
  margin: 0;
}
.feedback-container .feedback-list-item p.name {
  font-size: 2rem;
  padding: 0 2rem;
  line-height: 3rem;
}
.feedback-container .feedback-list-item p.date {
  font-size: 1rem;
  line-height: 1.5rem;
}
.feedback-container .feedback-detail {
  height: 100%;
  width: 100%;
  flex-direction: column;
  display: flex;
}
.feedback-container .feedback-detail img {
  max-width: 100%;
  max-height: 100%;
}
.feedback-container .feedback-detail .scroll-container .scroll-container-content {
  margin-right: 0;
}
.feedback-container .feedback-detail .feedbackWrapper {
  display: flex;
  flex: 0 0 auto;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1079px) {
  .feedback-container .feedback-detail .feedbackWrapper {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1079px) {
  .feedback-container .feedback-detail .feedbackWrapper {
    flex-direction: row;
  }
  .feedback-container .feedback-detail .feedbackWrapper.feedbackTextarea,
  .feedback-container .feedback-detail .feedbackWrapper.feedbackInput {
    flex-direction: column;
  }
}
.feedback-container .feedback-detail .feedbackWrapper.feedbackTextarea .labelFeedback,
.feedback-container .feedback-detail .feedbackWrapper.feedbackInput .labelFeedback {
  padding-bottom: 1rem;
}
.feedback-container .feedback-detail .feedbackWrapper.feedbackTextarea .textFeedback,
.feedback-container .feedback-detail .feedbackWrapper.feedbackInput .textFeedback,
.feedback-container .feedback-detail .feedbackWrapper.feedbackTextarea .textareaFeedback,
.feedback-container .feedback-detail .feedbackWrapper.feedbackInput .textareaFeedback {
  outline: none;
  font-size: 2rem;
  line-height: 2.5rem;
  padding: 1rem 0.75rem;
  border-radius: 5px;
}
.feedback-container .feedback-detail .feedbackRadioMapper {
  display: inline-flex;
  justify-content: space-around;
}
.feedback-container .feedback-detail .labelFeedback {
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
}
.feedback-container .feedback-detail .labelFeedback.labelFeedbackText {
  display: block;
}
.feedback-container .feedback-detail .feedbackRadio .labelFeedbackRadio {
  margin: 0 !important;
}
.feedback-container .feedback-detail .feedbackRadio .labelFeedbackRadio:hover {
  cursor: pointer;
  transform: scale(1.05);
  opacity: 1.5;
}
.feedback-container .feedback-detail .feedbackRadio .labelFeedbackRadio input {
  display: none;
}
.feedback-container .feedback-detail .feedbackRadio .labelFeedbackRadio i {
  pointer-events: none;
}
@media only screen and (max-width: 1079px) {
  .feedback-container .feedback-detail .feedbackRadio .labelFeedbackRadio i {
    font-size: 4rem;
    line-height: 4rem;
  }
}
@media only screen and (min-width: 1079px) {
  .feedback-container .feedback-detail .feedbackRadio .labelFeedbackRadio i {
    font-size: 5rem;
    line-height: 5rem;
  }
}
.feedback-container .feedback-detail .feedback-footer {
  flex: 0 0 6rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1079px) {
  .feedback-container .feedback-detail .feedback-footer {
    flex: 0 0 9rem;
    margin: 0.5rem 4rem 0;
    border-top: 1px solid #C1C1C1;
  }
}
.feedback-container .feedback-detail .feedback-footer button {
  font-size: 2rem;
  transition: all 125ms ease-in-out;
}
.feedback-container .feedback-detail .feedback-footer button:hover {
  cursor: pointer;
  transform: scale(1.05);
  opacity: 0.8;
}
@media (min-width: 1024px) {
  body.portrait .feedback .feedbackRadio .labelFeedbackRadio {
    padding-left: 0;
    padding-right: 5rem;
  }
  .feedback-detail .feedback-name {
    padding: 0.5rem 0 2.5rem;
  }
  .feedback-detail .feedback .feedbackWrapper:not(.feedbackRadio) input,
  .feedback-detail .feedback .feedbackWrapper:not(.feedbackRadio) textarea {
    font-size: 2.5rem;
    padding: 2rem 1rem;
  }
  .feedback-detail .feedback .feedbackRadioMapper {
    align-items: center;
    line-height: 5.5rem;
  }
  .feedback-detail .feedback .feedbackRadio .labelFeedbackRadio {
    padding-left: 0;
  }
  .feedback-detail .feedback .feedbackRadio .labelFeedbackRadio:after {
    font-size: 5.5rem;
    line-height: 5.5rem;
  }
  .feedback-detail .feedback .feedbackRadio .labelFeedbackRadio:hover {
    cursor: pointer;
    transform: scale(1.05);
    opacity: 1.5;
  }
  .feedback-detail .feedback-footer button {
    font-size: 2.5rem;
  }
}
/*
 * settings page config
 */
.modal-filter-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.modal-filter-wrapper .filterAccordionPanel {
  position: relative;
  display: flex;
  box-sizing: border-box;
  height: auto;
  flex-flow: column nowrap;
  flex: 1;
  overflow: auto;
  /* FIREFOX BUG */
}
.modal-filter-wrapper .filterAccordionPanel .tab-content .filterTab {
  max-width: 100%;
  width: 100%;
}
.modal-filter-wrapper .filterAccordionPanel .panel-body {
  display: flex;
}
.modal-filter-wrapper .filterAccordionPanel .allergenFilterWrapper,
.modal-filter-wrapper .filterAccordionPanel .additiveFilterWrapper,
.modal-filter-wrapper .filterAccordionPanel .featureFilterWrapper {
  display: flex;
  flex-flow: column;
  height: auto;
  max-height: 100%;
  margin: 3rem 2rem;
}
.modal-filter-wrapper .filterAccordionPanel .filterWrapper,
.modal-filter-wrapper .filterAccordionPanel .filter.filterWrapper {
  margin-bottom: 0;
  max-height: 100%;
  max-width: 100%;
  padding: 0 0 1rem;
}
.modal-filter-wrapper .filterAccordionPanel .filterWrapper .name,
.modal-filter-wrapper .filterAccordionPanel .filter.filterWrapper .name {
  color: #666666;
}
.modal-filter-wrapper .filterAccordionPanel .filterWrapper .filterContainer.active .filterIcon,
.modal-filter-wrapper .filterAccordionPanel .filter.filterWrapper .filterContainer.active .filterIcon,
.modal-filter-wrapper .filterAccordionPanel .filterWrapper .filterIcon,
.modal-filter-wrapper .filterAccordionPanel .filter.filterWrapper .filterIcon {
  color: #666666;
}
.modal-filter-wrapper .filterAccordionPanel .tabs {
  display: flex;
  width: 100%;
  flex-flow: row nowrap;
}
.modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link {
  color: #666666;
  line-height: 2 ;
  width: 100%;
  border-right: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  margin-right: 0;
  padding: 2rem 1rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
  color: #908D8D;
  background-color: #ffffff;
  border-radius: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 480px) {
  .modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 760px) {
  .modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link {
    font-size: 2.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link {
    font-size: 2.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link {
    font-size: 3rem ;
  }
}
.modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link:first-child {
  border-right: 1px solid #C1C1C1 !important;
}
.modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link:last-child {
  border-right: none;
}
.modal-filter-wrapper .filterAccordionPanel .nav-tabs .nav-link.active {
  background-color: #ededed;
  border: none;
  font-weight: bold;
  color: #666666;
}
.modal-filter-wrapper .filterAccordionPanel .tab-content {
  display: flex;
  overflow: auto;
  height: auto;
  flex: 1 1 auto;
  max-height: 100%;
  max-width: 100%;
}
.modal-filter-wrapper .footer .footer-content {
  border-top: 1px solid #C1C1C1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 1rem 2rem 2rem;
}
.area-filter.mobile {
  background: #ededed;
  color: #666666;
}
.area-filter.mobile .filter-modal-footer-interaction {
  flex: 0 0 50%;
  background-color: #666666;
  color: #ffffff;
}
.area-filter.mobile .filter-modal-footer-interaction.filter-modal-footer-reset {
  border-right: 1px solid #ffffff;
}
.area-filter.mobile .filter-modal-content > div {
  padding: 2vw;
}
.filterWrapper {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 0;
  max-height: 100%;
  max-width: 100%;
  padding: 0 0 1rem;
}
.filterWrapper > div {
  flex: 0 1 100%;
  margin: 0 0 1rem 0;
  overflow: hidden;
  min-height: 4rem;
  height: 4rem;
  line-height: 1.3 ;
  cursor: pointer;
  line-height: 3rem;
  padding: 0.5rem 1rem;
  color: #666666;
  background-color: #ededed;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 480px) {
  .filterWrapper > div {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  .filterWrapper > div {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .filterWrapper > div {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .filterWrapper > div {
    font-size: 1.5rem ;
  }
}
.filterWrapper > div .filterIcon {
  height: 3rem;
  width: 3rem;
  margin: 0;
  color: #666666;
}
.filterWrapper > div .filterIcon img {
  max-height: 3rem;
  max-width: 3rem;
  /* TODO try it works everywhere */
  height: auto;
  vertical-align: unset;
}
.filterWrapper > div .filterIcon .contraction {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  color: #666666;
  background-color: #C1C1C1;
  border-radius: 50%;
}
.filterWrapper > div .name {
  display: block;
  margin: 0 1rem;
  width: 100%;
  max-height: 3rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filterWrapper .filterContainer.active .toggleWrapper input:checked + .slider {
  background-color: red;
}
.filterWrapper .filterContainer.active .toggleWrapper i {
  color: red;
}
@media (min-width: 1081px) {
  .filterWrapper > div {
    flex: 0 1 49%;
  }
}
@media (min-width: 1921px) {
  .filterWrapper > div {
    flex: 0 1 32%;
  }
}
.filterWrapper.featuresWrapper .filterContainer.active .toggleWrapper input:checked + .slider {
  background-color: #1FB403;
}
.featureFilterSelectiveFilter {
  margin: 1rem;
}
.featureFilterSelectiveFilter .toggleWrapper {
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.featureFilterSelectiveFilter .label {
  font-size: 1.75rem;
  line-height: 2rem;
  color: #666666;
  padding-right: 0;
  white-space: normal;
}
.featureFilterSelectiveFilter .slider:before {
  height: 2rem;
  width: 2rem;
}
button {
  width: 100%;
  text-align: center;
  background: #ffffff;
  border: 0;
  outline: none;
  color: #ffffff;
}
.footer-buttons {
  display: flex;
  justify-content: flex-end;
}
.footer-buttons button {
  width: auto;
  margin: 0 1rem;
  background-color: #908D8D;
  color: #ffffff;
  white-space: nowrap;
  border-radius: 5px;
  text-transform: uppercase;
  transition: all 125ms ease-in-out;
}
.footer-buttons button:hover {
  cursor: pointer;
  transform: scale(1.05);
  opacity: 0.8;
}
.footer-buttons button.disabled {
  background-color: #ededed;
}
html input,
body input,
html textarea,
body textarea {
  -moz-user-select: all;
  -webkit-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
html button,
body button,
html select,
body select {
  -ms-user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  user-select: none;
}
html textarea,
body textarea {
  resize: none;
}
html button,
body button,
html input,
body input,
html select,
body select,
html textarea,
body textarea {
  color: #666666;
  background: #ffffff;
  border: 0;
  box-shadow: none;
  padding: 0.75rem;
  line-height: 1.4 ;
  display: block;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
@media only screen and (max-width: 480px) {
  html button,
  body button,
  html input,
  body input,
  html select,
  body select,
  html textarea,
  body textarea {
    font-size: 1.75rem ;
  }
}
@media only screen and (min-width: 760px) {
  html button,
  body button,
  html input,
  body input,
  html select,
  body select,
  html textarea,
  body textarea {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  html button,
  body button,
  html input,
  body input,
  html select,
  body select,
  html textarea,
  body textarea {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1920px) {
  html button,
  body button,
  html input,
  body input,
  html select,
  body select,
  html textarea,
  body textarea {
    font-size: 2rem ;
  }
}
html button.notVisible,
body button.notVisible,
html input.notVisible,
body input.notVisible,
html select.notVisible,
body select.notVisible,
html textarea.notVisible,
body textarea.notVisible {
  opacity: 0;
  /* because preselection is shown in select */
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
html button:disabled,
body button:disabled,
html input:disabled,
body input:disabled,
html select:disabled,
body select:disabled,
html textarea:disabled,
body textarea:disabled,
html button.disabled,
body button.disabled,
html input.disabled,
body input.disabled,
html select.disabled,
body select.disabled,
html textarea.disabled,
body textarea.disabled {
  background: #ffffff;
  color: #C1C1C1;
}
html button:active,
body button:active,
html input:active,
body input:active,
html select:active,
body select:active,
html textarea:active,
body textarea:active,
html button.active,
body button.active,
html input.active,
body input.active,
html select.active,
body select.active,
html textarea.active,
body textarea.active {
  color: #ffffff;
  background: #666666;
}
html button.hidden,
body button.hidden,
html input.hidden,
body input.hidden,
html select.hidden,
body select.hidden,
html textarea.hidden,
body textarea.hidden {
  display: none;
}
html button.error,
body button.error,
html input.error,
body input.error,
html select.error,
body select.error,
html textarea.error,
body textarea.error {
  border: 1px solid rgba(255, 0, 0, 0.7);
}
html .switch,
body .switch {
  width: 5rem;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}
html .switch .slider.mobile-menu-toolbar,
body .switch .slider.mobile-menu-toolbar {
  height: 2rem;
}
html .switch .slider.mobile-menu-toolbar:before,
body .switch .slider.mobile-menu-toolbar:before {
  height: 1rem;
  width: 1rem;
}
html .switch .slider:before,
body .switch .slider:before {
  height: 2rem;
  width: 2rem;
}
html .switch .slider:before:disabled,
body .switch .slider:before:disabled,
html .switch .slider:before.disabled,
body .switch .slider:before.disabled {
  background: #ededed;
}
html .switch .slider:before:active,
body .switch .slider:before:active,
html .switch .slider:before.active,
body .switch .slider:before.active {
  background: #ffffff;
}
html .switch .slider:before.error,
body .switch .slider:before.error {
  background: rgba(255, 0, 0, 0.7);
}
html .switch input:checked + .slider:before,
body .switch input:checked + .slider:before {
  -webkit-transform: translateX(2rem);
  -ms-transform: translateX(2rem);
  transform: translateX(2rem);
}
html .day-navigation,
body .day-navigation {
  display: flex;
  line-height: 1.3 ;
}
@media only screen and (max-width: 480px) {
  html .day-navigation,
  body .day-navigation {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  html .day-navigation,
  body .day-navigation {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  html .day-navigation,
  body .day-navigation {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  html .day-navigation,
  body .day-navigation {
    font-size: 1.5rem ;
  }
}
html .day-navigation > div,
body .day-navigation > div {
  flex: 1 0 auto;
  padding: 2vw 0;
  text-align: center;
  color: #666666;
}
html .day-navigation .day,
body .day-navigation .day {
  line-height: 8vw;
  font-size: 6vw;
}
html .day-navigation .menu-activeday .day,
body .day-navigation .menu-activeday .day {
  color: #908D8D;
}
html .day-navigation .menu-currentday,
body .day-navigation .menu-currentday {
  border-bottom: 1px solid #2e2e2e;
}
html .day-navigation .menu-currentday .day,
body .day-navigation .menu-currentday .day {
  color: #2e2e2e !important;
}
html .day-navigation .menu-pastday,
body .day-navigation .menu-pastday {
  color: #BFBFBF;
}
.select {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.select.disabled:after {
  display: none;
}
.select label {
  font-weight: bold;
  color: #666666;
}
.select > .selectWrapper {
  position: relative;
}
.select > .selectWrapper:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 3rem;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3 ;
  cursor: pointer;
  pointer-events: none;
}
@media only screen and (max-width: 480px) {
  .select > .selectWrapper:after {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  .select > .selectWrapper:after {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .select > .selectWrapper:after {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .select > .selectWrapper:after {
    font-size: 1.5rem ;
  }
}
.select select {
  position: relative;
  z-index: 1;
  padding-right: 3rem;
  width: 100%;
  border-radius: 5px;
  background: #ffffff;
  /*
     * hide drop down arrows
     */
  -webkit-appearance: none;
  -moz-appearance: none;
  /*
     * hide outline
     */
  outline: none;
}
.select select:hover {
  cursor: pointer;
}
.select select::-ms-expand {
  display: none;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 6rem;
  height: 3rem;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
/* The slider */
.slider {
  cursor: pointer;
  background-color: #C1C1C1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding-left: 0.5rem;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
}
.slider:before {
  content: "";
  height: 1.9rem;
  width: 1.9rem;
  left: 0.3rem;
  bottom: 0.3rem;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #2e2e2e;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2e2e2e;
}
input:checked + .slider:before {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
/* Rounded sliders */
.slider.round {
  border-radius: 40px;
}
.slider.round:before {
  border-radius: 50%;
}
.imprint {
  color: #666666;
}
.imprint .headline {
  font-size: 2.5rem;
  line-height: 3rem;
  padding: 2rem;
}
.imprint iframe {
  width: 100%;
  height: 100%;
}
/*
 * intial config view
 */
.initialConfig .centerContainer {
  max-width: 100%;
  background: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1920px) {
  .initialConfig .centerContainer {
    min-width: 310px;
  }
}
@media only screen and (min-width: 760px) {
  .initialConfig .centerContainer {
    min-width: 400px;
  }
}
.initialConfig .centerContainer .logo {
  background: #ffffff;
}
.initialConfig .centerContainer select {
  cursor: pointer;
}
.initialConfig .centerContainer button {
  margin-top: 2vh;
  background: #2e2e2e;
  border: 0;
  color: #ffffff;
}
.initialConfig .centerContainer .logo {
  border-top: 0.5vh solid #2e2e2e;
  height: 18.5vh;
}
.initialConfig .centerContainer .logo img {
  max-height: 65%;
  max-width: 65%;
  flex: 0 0 auto;
}
@media only screen and (min-height: 1079px) and (orientation:portrait) {
  .initialConfig .centerContainer {
    width: 50vw;
  }
}
.lightboxWrapper {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.lightboxWrapper.visible {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightboxWrapper .lightboxBackground {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
}
.lightboxWrapper .lightboxContent {
  width: auto;
  height: auto;
  z-index: 11;
  display: flex;
  position: relative;
  overflow: visible;
  background: transparent;
  max-height: 100%;
}
.lightboxContent {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.listTop {
  align-items: flex-start;
}
.listCenter {
  align-items: center;
}
.listCount1 {
  width: 100%;
  padding: 1.3vw;
}
.listCount2 {
  width: 50%;
  padding: 1.3vw;
}
.listCount3,
.listCount4,
.listCount5,
.listCount6,
.listCount7,
.listCount8,
.listCount9 {
  width: 33.333%;
  padding: 1.3vw;
}
body.portrait .listCount1 {
  width: 100%;
}
body.portrait .listCount2 {
  width: 100%;
  padding-left: 5vw;
  padding-right: 5vw;
}
body.portrait .listCount3 {
  width: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
}
body.portrait .listCount4,
body.portrait .listCount5,
body.portrait .listCount6,
body.portrait .listCount7,
body.portrait .listCount8,
body.portrait .listCount9 {
  width: 50%;
  padding: 1.3vw;
}
/*
 * login
 */
.login-container {
  display: flex;
  background: #ffffff url(/7fa818dfa3a2977e4b98.jpg) no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-container .logo,
.login-container input {
  margin: 1rem;
  width: 40rem;
  text-align: center;
}
.login-container .passwordWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 700px;
}
.login-container .errorContainer {
  position: relative;
}
.login-container input {
  color: #666666;
  background: #ffffff;
}
.login-container .back,
.login-container .submit {
  background: #ffffff;
  color: #2e2e2e;
}
.login-container .logo {
  padding: 2rem;
}
.simple-keyboard {
  max-width: 850px;
}
.keyboard {
  position: absolute;
}
body.tablet .menuToolBar,
body.phone .menuToolBar {
  grid-template-areas: 'daySelection daySelection' 'menuSelection menuSelection' 'weekSelection filterSelection' 'categorySelection categorySelection';
  background-color: #ffffff;
}
body.tablet .menuToolBar .navbar-horizontal-scroll.scrollspy-scroll-container,
body.phone .menuToolBar .navbar-horizontal-scroll.scrollspy-scroll-container {
  background-color: #ffffff;
}
@media only screen and (max-width: 480px) {
  body.tablet .menuToolBar,
  body.phone .menuToolBar {
    grid-template-columns: 0.5fr minmax(0, 3fr);
  }
}
@media only screen and (min-width: 760px) {
  body.tablet .menuToolBar,
  body.phone .menuToolBar {
    grid-template-columns: min-content minmax(0, 3fr);
  }
}
body:not(.tablet):not(.phone) .menuToolBar {
  grid-template-columns: max-content min-content min-content min-content max-content min-content;
  /* merck standalone 768 * 1255 */
}
@media only screen and (max-width: 1079px) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-areas: 'daySelection daySelection' 'menuSelection menuSelection' 'weekSelection filterSelection' 'categorySelection categorySelection';
    background-color: #ffffff;
  }
  body:not(.tablet):not(.phone) .menuToolBar .navbar-horizontal-scroll.scrollspy-scroll-container {
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 480px) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-columns: 0.5fr minmax(0, 3fr);
  }
}
@media only screen and (min-width: 760px) and (max-width: 1078px) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-columns: min-content minmax(0, 3fr);
  }
}
@media only screen and (min-width: 760px) and (max-width: 1078px) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-columns: min-content minmax(0, 3fr);
  }
}
@media only screen and (orientation:portrait) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-columns: minmax(min-content, max-content);
  }
}
@media only screen and (orientation:landscape) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-areas: 'menuSelection resetCategorySelection singleCategorySelection daySelection weekSelection menuPdfLink menuPdfDayLink filterSelection' 'categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection';
  }
}
@media only screen and (orientation:portrait) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-areas: 'menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection filterSelection' 'daySelection daySelection daySelection daySelection  daySelection weekSelection weekSelection weekSelection menuPdfLink menuPdfDayLink' 'resetCategorySelection resetCategorySelection resetCategorySelection resetCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection' 'categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection';
    padding-bottom: 1rem;
  }
}
@media only screen and (orientation:portrait) and (max-width: 940px) {
  body:not(.tablet):not(.phone) .menuToolBar {
    grid-template-areas: 'menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection filterSelection filterSelection filterSelection filterSelection' 'daySelection daySelection daySelection daySelection daySelection daySelection weekSelection weekSelection menuPdfLink menuPdfDayLink' 'resetCategorySelection resetCategorySelection resetCategorySelection resetCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection' 'categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection';
    padding-bottom: 0;
  }
}
@media only screen and (orientation:portrait) and (max-width: 940px) {
  body:not(.tablet):not(.phone) .menuToolBar.standalone {
    grid-template-areas: 'menuSelection menuSelection menuSelection menuSelection menuSelection filterSelection filterSelection filterSelection filterSelection' 'daySelection daySelection daySelection daySelection daySelection daySelection weekSelection weekSelection weekSelection' 'resetCategorySelection resetCategorySelection resetCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection' 'categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection';
    padding-bottom: 0;
  }
}
body:not(.tablet):not(.phone) .menuToolBar.dailyAvailable .menuWeekSelection {
  padding-top: 1rem;
}
@media only screen and (orientation:portrait) {
  body:not(.tablet):not(.phone) .menuToolBar.dailyAvailable {
    grid-template-areas: 'menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection menuSelection weekSelection filterSelection filterSelection' 'resetCategorySelection resetCategorySelection resetCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection singleCategorySelection menuPdfLink menuPdfDayLink' 'categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection categorySelection';
    padding-bottom: 1rem;
  }
}
body:not(.tablet):not(.phone) .menuToolBar > .menuToolbarElement:not(.filterSelection) > *:first-child {
  padding-right: 1rem;
  border-left: 1px solid #ffffff;
}
@media only screen and (orientation:portrait) {
  body:not(.tablet):not(.phone) .menuToolBar > .menuToolbarElement:not(.filterSelection).menuPdfLink > *:first-child,
  body:not(.tablet):not(.phone) .menuToolBar > .menuToolbarElement:not(.filterSelection).menuPdfDayLink > *:first-child {
    padding-left: 0;
    border-left: 0;
  }
}
body:not(.tablet):not(.phone) .menuToolBar > .menuToolbarElement:not(.filterSelection):first-child > *:first-child {
  border-left: 0;
}
.hoverScaleToolBar {
  transition: all 125ms ease-in-out;
}
.hoverScaleToolBar:hover {
  cursor: pointer;
  transform: scale(1.05);
  opacity: 0.8;
}
body .menuToolBar .menuWeekWrapper {
  position: relative;
}
body .menuToolBar .menuWeekWrapper:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  position: absolute;
  z-index: 1;
  right: 1rem;
  bottom: 0;
  height: 100%;
  width: 3rem;
  opacity: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3 ;
  cursor: pointer;
  pointer-events: none;
}
@media only screen and (max-width: 480px) {
  body .menuToolBar .menuWeekWrapper:after {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  body .menuToolBar .menuWeekWrapper:after {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  body .menuToolBar .menuWeekWrapper:after {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  body .menuToolBar .menuWeekWrapper:after {
    font-size: 1.5rem ;
  }
}
body .menuToolBar a:hover {
  color: #2e2e2e;
  text-decoration: none;
}
body .menuToolBar .menuSelection {
  grid-area: menuSelection;
}
body .menuToolBar .daySelection {
  grid-area: daySelection;
}
body .menuToolBar .weekSelection {
  grid-area: weekSelection;
}
@media only screen and (max-width: 1079px) {
  body .menuToolBar .weekSelection {
    border: 1px solid #ededed;
    border-right: 1px dotted #ededed;
  }
}
body .menuToolBar .categorySelection {
  grid-area: categorySelection;
}
body .menuToolBar .resetCategorySelection {
  grid-area: resetCategorySelection;
}
body .menuToolBar .singleCategorySelection {
  grid-area: singleCategorySelection;
}
body .menuToolBar .filterSelection {
  grid-area: filterSelection;
}
@media only screen and (max-width: 1079px) {
  body .menuToolBar .filterSelection {
    border: 1px solid #ededed;
    border-left: 0;
  }
  body .menuToolBar .filterSelection .filter-settings {
    border-right: 1px dotted #ededed;
  }
}
body .menuToolBar .menuPdfLink {
  grid-area: menuPdfLink;
}
@media only screen and (max-width: 1079px) {
  body .menuToolBar .menuPdfLink {
    display: none;
  }
}
body .menuToolBar .menuPdfLink i {
  padding-right: 1rem;
}
body .menuToolBar .menuPdfDayLink {
  grid-area: menuPdfDayLink;
}
@media only screen and (max-width: 1079px) {
  body .menuToolBar .menuPdfDayLink {
    display: none;
  }
}
body .menuToolBar .menuPdfDayLink i {
  padding-right: 1rem;
}
/*
 * IE 11 Fixes Desktop layout
 */
@media only screen and (min-width: 1079px) and (-ms-high-contrast: none) {
  .menuToolBar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
  }
  .menuToolBar .menuSelection {
    grid-column: 1;
  }
  .menuToolBar .daySelection {
    -ms-grid-column: 2;
  }
  .menuToolBar .weekSelection {
    -ms-grid-column: 3;
  }
  .menuToolBar .categorySelection {
    -ms-grid-column: 2;
  }
  .menuToolBar .filterSelection {
    -ms-grid-column: 5;
  }
  .menuToolBar .menuPdfLink {
    -ms-grid-column: 4;
  }
  .menuToolBar .menuPdfDayLink {
    -ms-grid-column: 4;
  }
}
.menu .menuListWrapper .mealBtn {
  outline: none !important;
  border: none;
  background-color: inherit;
}
.menu .menuListWrapper .mealBtn:hover,
.menu .menuListWrapper .mealBtn:focus,
.menu .menuListWrapper .mealBtn:active {
  outline: none !important;
  border: none;
  box-shadow: none;
  background-color: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.menu .menuListWrapper .emptyLabel {
  font-size: 2rem;
  padding: 10rem;
  line-height: 5rem;
  text-align: center;
  font-weight: normal;
}
.menu .menuListWrapper .meal {
  transition: all 125ms ease-in-out;
}
@media only screen and (max-width: 1079px) {
  .menu .menuListWrapper .meal {
    border: 1px solid #C1C1C1;
  }
}
.menu .menuListWrapper .meal.no-top-border {
  border-top: 0;
}
.menu .menuListWrapper .meal:hover {
  cursor: pointer;
  transform: scale(1.02);
  opacity: 0.8;
}
.menu .menuListWrapper .meal-wrapper {
  flex: 0 0 100%;
}
.menu .menuListWrapper .category-wrapper {
  flex: 0 0 auto;
}
@media only screen and (min-width: 760px) {
  .menu .menuListWrapper .category-wrapper,
  .menu .menuListWrapper .meal-wrapper {
    padding: 0.5rem 0.5rem 0 0;
    flex: 0 0 50%;
  }
}
@media only screen and (min-width: 760px) and (orientation:landscape) {
  .menu .menuListWrapper .category-wrapper,
  .menu .menuListWrapper .meal-wrapper {
    padding: 0.5rem 0.5rem 0 0;
    flex: 0 0 33.333%;
  }
}
@media only screen and (min-width: 1079px) {
  .menu .menuListWrapper .category-wrapper,
  .menu .menuListWrapper .meal-wrapper {
    padding: 1rem 1rem 0 0;
    flex: 0 0 16.666%;
  }
}
@media only screen and (min-width: 1079px) and (orientation: portrait) {
  .menu .menuListWrapper .category-wrapper,
  .menu .menuListWrapper .meal-wrapper {
    padding: 1rem 1rem 0 0;
    flex: 0 0 33.333%;
  }
}
.menu .menuListWrapper .meal,
.menu .menuListWrapper .category {
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
.menu .menuListWrapper .category {
  display: flex;
  flex-direction: column;
}
.menu .menuListWrapper .category .categoryNameWrapper {
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  display: flex;
}
.menu .menuListWrapper .meal {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
.menu .menuListWrapper .meal .categoryTopBar {
  border-top: 0.25rem solid #2e2e2e;
}
.menu .menuListWrapper .meal .image-meal {
  flex: 0 0 auto;
  width: 100%;
}
.menu .menuListWrapper .meal .categoryName {
  font-size: 1.8rem;
  padding: 0.8rem 1rem 0.8rem;
  background: #2e2e2e;
  color: #ffffff;
}
.menu .menuListWrapper .meal .mealNameWrapper {
  flex: 1 1 auto;
}
.menu .menuListWrapper .meal .interactions {
  display: flex;
  flex-direction: row;
  border-radius: 0;
  flex: 0 0 5rem;
  border-top: 1px solid #ededed;
}
.menu .menuListWrapper .meal .interactions .btn {
  display: inline-block;
  border-radius: 0;
  color: #908D8D;
  padding: 0;
  outline: none;
  flex: 1 1 50%;
  line-height: 4rem;
  border-right: 1px solid #ededed;
}
.menu .menuListWrapper .meal .interactions .btn:last-child {
  border-right: 0;
}
.menu .menuListWrapper .meal .interactions .btn i.active,
.menu .menuListWrapper .meal .interactions .btn i.active:after {
  color: #2e2e2e;
}
.menu .menuListWrapper .meal .interactions .btn i.hasFeature {
  color: green;
}
.menu .menuListWrapper .meal .interactions .btn i.isFiltered {
  color: orangered;
}
.menu .menuListWrapper .meal .priceWrapper .empty-message {
  width: 100%;
  margin: 0;
}
.menu .menuListWrapper .meal .empty-message,
.menu .menuListWrapper .meal .price {
  border-top: 1px solid #ededed;
  font-size: 1.4rem;
  line-height: 2.1rem;
  font-weight: normal;
  padding: 0 1rem;
  color: #666666;
}
.menu .menuListWrapper .meal .empty-message .label,
.menu .menuListWrapper .meal .price .label {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: normal;
  padding: 0;
  color: #666666;
}
.menu .menuListWrapper .meal .price {
  display: flex;
  flex: 1 0 auto;
  flex-direction: row;
  justify-content: space-between;
}
.menu .menuListWrapper .meal .features {
  margin: 0.5rem 1rem;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  overflow: hidden;
}
.menu .menuListWrapper .meal .features .feature {
  flex: 0 1 6rem;
  height: 100%;
  display: flex;
}
.menu .menuListWrapper .meal .features .feature .imageWrapper {
  text-align: left;
}
.menu .menuListWrapper .meal .features .feature .imageWrapper .image-feature {
  max-height: 100%;
  max-width: 100%;
  padding: 0 0.25rem;
  display: inline-block;
}
.menu .menuListWrapper .meal .features .featureImg {
  max-width: 6rem;
  max-height: 100%;
  margin: 0 0.5rem 0 0;
}
.menu .menuListWrapper .meal .additionalInformation {
  flex: 0 0 auto;
  padding: 0;
}
.menu .menuListWrapper .meal .additionalInformation .nutritionalSignalRow {
  border-top: 1px solid #ededed;
  line-height: 2rem;
  height: 2.5rem;
  padding: 0.25rem 1rem;
}
.menu .menuListWrapper .meal .additionalInformation .nutritionalSignalRow .nutritionalInformation {
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #666666;
}
.menu .menuListWrapper .meal .additionalInformation .signal {
  max-width: 3rem;
  height: 100%;
  align-items: center;
  vertical-align: top;
  display: inline-flex;
  overflow: hidden;
  margin-right: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
.menu .menuListWrapper .meal .additionalInformation .signal img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.menu .menuListWrapper .meal .sustainability-wrapper {
  display: flex;
  align-items: center;
  margin: 0.5rem 1rem;
}
.menu .menuListWrapper .meal.is-filtered {
  background: #ddd;
}
.menu .menuListWrapper .meal.is-filtered img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}
.menu .menuListWrapper .meal.is-filtered .mealNameWrapper,
.menu .menuListWrapper .meal.is-filtered .price {
  color: #c1c1c1;
}
/*
 * meal view configs
 */
.meal-detail-container {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  color: #666666;
  /* TODO exclude to normalize */
}
.meal-detail-container .meal-main-information-wrapper .scroll-container-content > * {
  flex: 1 1 auto;
}
.meal-detail-container .meal-main-information-wrapper .scroll-container-content > *:last-child {
  flex: 0 0 100%;
}
@media only screen and (max-width: 1079px) {
  .meal-detail-container .meal-main-information-wrapper .scroll-container-content > *:last-child {
    min-height: 100%;
  }
}
.meal-detail-container .row {
  margin: 0;
}
.meal-detail-container .sustainability-detail {
  margin: 0;
  padding: 0;
  height: 3rem;
  width: 11rem;
}
.meal-detail-container .sustainability-detail .sustainability-img {
  position: absolute;
  right: 0.5rem;
}
.meal-detail-container .sustainability-detail .sustainability-img img {
  height: 3rem;
}
.meal-detail-container .sustainability-detail .sustainability-text {
  text-align: right;
  width: 100%;
  font-size: 1.5rem;
  line-height: 3rem;
}
@media only screen and (min-width: 760px) {
  .meal-detail-container .sustainability-detail {
    margin: 0;
    padding: 1rem;
    height: 6rem;
    width: 16rem;
  }
  .meal-detail-container .sustainability-detail .sustainability-img img {
    height: 4rem;
  }
  .meal-detail-container .sustainability-detail .sustainability-text {
    font-size: 2rem;
    line-height: 4rem;
  }
}
.meal-detail .selectWrapper-inner {
  display: flex;
}
.meal-detail .selectWrapper-inner .dropdown {
  width: 100%;
}
.meal-detail .selectWrapper-inner .btn-primary {
  background-color: #ededed;
  border-color: #C1C1C1;
  color: #666666;
  line-height: 1.4 ;
  width: 100%;
  outline: none;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 480px) {
  .meal-detail .selectWrapper-inner .btn-primary {
    font-size: 1.75rem ;
  }
}
@media only screen and (min-width: 760px) {
  .meal-detail .selectWrapper-inner .btn-primary {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .meal-detail .selectWrapper-inner .btn-primary {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .meal-detail .selectWrapper-inner .btn-primary {
    font-size: 2rem ;
  }
}
.meal-detail .selectWrapper-inner .btn-primary span {
  flex: 1 1 auto;
  text-align: left;
}
.meal-detail .selectWrapper-inner .btn {
  background: #ededed;
  color: #908D8D;
  text-align: left;
  font-size: 2rem;
}
.meal-detail .selectWrapper-inner .caret {
  position: absolute;
  right: 1rem;
  top: calc(50% - 2px);
}
.meal-detail .selectWrapper-inner .dropdown-menu {
  width: 100%;
  font-size: 2rem;
}
.meal-detail .selectWrapper-inner .dropdown-menu .nav-item {
  font-size: 2rem;
  padding: 1rem 2rem;
}
.meal-detail .selectWrapper-inner .dropdown-menu .nav-item.active {
  background-color: #ededed;
}
.meal-detail .componentIcon {
  line-height: 4rem;
  padding-right: 0.5rem;
}
.meal-detail .hasFeature {
  color: green;
}
.meal-detail .isFiltered {
  color: orangered;
}
.meal-detail .meal-detail-headline {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 4.5rem;
  margin: 0 0 2rem 0;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #C1C1C1;
}
.meal-detail .meal-detail-inner {
  display: flex;
  /* safari bug test
    height: 100%;
    */
  flex-direction: row;
  background: #ffffff;
  overflow: auto;
}
.meal-detail .meal-detail-inner.portrait {
  flex-direction: column;
  height: 100%;
}
.meal-detail .meal-detail-inner .meal-text {
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1079px) {
  .meal-detail .meal-detail-inner .meal-text {
    overflow: auto;
  }
}
@media only screen and (max-width: 1079px) {
  .meal-detail .meal-detail-inner .meal-text {
    overflow: hidden;
  }
}
.meal-detail .meal-detail-inner .scroll-container {
  width: 100%;
  background: #ffffff;
  padding: 0;
}
.meal-detail .meal-detail-inner .scroll-container .scroll-indicator-wrapper {
  right: 0;
}
.meal-detail .meal-detail-inner.portrait {
  flex-direction: column;
  height: 100%;
}
.meal-detail .mealImageWrapper {
  width: 100%;
}
@media only screen and (orientation:landscape) {
  .meal-detail .mealImageWrapper {
    overflow: hidden;
  }
}
.meal-detail .mealImageWrapper img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.meal-detail.is-filtered {
  background: #ededed;
}
.meal-detail.is-filtered .meal-detail-inner {
  background: #ededed;
}
.meal-detail.is-filtered .meal-detail-inner .scroll-container,
.meal-detail.is-filtered .meal-detail-inner .meal-content-wrapper {
  background: #ededed;
}
.meal-detail.is-filtered img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}
.meal-content-wrapper {
  display: flex;
  background: #ffffff;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.meal-content-wrapper .priceContentWrapper > div:not(.price-row):after {
  content: '/';
  padding: 0 0.5rem;
}
.meal-content-wrapper .priceContentWrapper > div:last-child:after {
  content: "";
}
.meal-content-wrapper .price,
.meal-content-wrapper .nutritionalSignalRow,
.meal-content-wrapper .nutritionalCharts,
.meal-content-wrapper .allergen .name,
.meal-content-wrapper .feature .name,
.meal-content-wrapper .empty-message,
.meal-content-wrapper .additive .name,
.meal-content-wrapper .supplier-information {
  display: flex;
  align-items: center;
}
.meal-content-wrapper .nameContainer {
  display: flex;
}
.meal-content-wrapper .name-with-space {
  padding-left: 2rem;
}
.meal-content-wrapper .price {
  display: inline-block;
}
.meal-content-wrapper .row-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.meal-content-wrapper .row.allergen .signal,
.meal-content-wrapper .nutritionalSignalRow .signal,
.meal-content-wrapper .row.additive .signal,
.meal-content-wrapper .feature .signal,
.meal-content-wrapper .row.allergen .image-wrapper,
.meal-content-wrapper .nutritionalSignalRow .image-wrapper,
.meal-content-wrapper .row.additive .image-wrapper,
.meal-content-wrapper .feature .image-wrapper {
  flex: 0 0 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.meal-content-wrapper .signal {
  margin: 0 2rem;
}
.meal-content-wrapper .filtered-element-icon {
  display: flex;
  align-items: center;
  color: orangered;
  padding-right: 0.5rem;
}
.meal-content-wrapper .contraction {
  display: inline-block;
  width: 4.5rem;
  text-align: center;
  padding: 0.5rem;
  border: 1px solid #C1C1C1;
}
.meal-content-wrapper img {
  max-width: 100%;
}
@media only screen and (min-width: 1079px) {
  .meal-content-wrapper img {
    max-height: 4rem;
  }
}
@media only screen and (min-width: 1079px) {
  .meal-content-wrapper .meal-information {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
  }
  .meal-content-wrapper .meal-information > div {
    flex: 1 0 100%;
  }
  .meal-content-wrapper .meal-information > div > div {
    margin-bottom: 1rem;
    border-bottom: 1px solid #C1C1C1;
  }
  .meal-content-wrapper .meal-information > div > div:last-child {
    border-bottom: none;
  }
}
.col2 .meal-content-wrapper .row.allergen,
.col2 .meal-content-wrapper .nutritionalSignalRow,
.col2 .meal-content-wrapper .row.additive,
.col2 .meal-content-wrapper .feature {
  flex: 0 0 50%;
}
.col4 .meal-content-wrapper .row.allergen,
.col4 .meal-content-wrapper .nutritionalSignalRow,
.col4 .meal-content-wrapper .row.additive,
.col4 .meal-content-wrapper .feature {
  flex: 0 0 25%;
}
.tabButtonWidth {
  width: 100% !important;
}
.mealFeedbackWrapper > div {
  border: 1px solid #ededed;
}
/*
 * chart settings
 */
.nutritionalInformationTextBlock {
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0.25rem 2.25rem;
  color: #666666;
  font-weight: normal;
}
.nutritionalCharts {
  display: flex;
  flex-flow: row wrap;
}
.nutritionalCharts .chart .c3-chart-arcs-title {
  fill: #666666;
  dominant-baseline: middle;
}
.nutritionalCharts .chart svg .c3-chart-arc:nth-child(3) path {
  fill: #ededed !important;
}
.nutritionalCharts .chart.low svg .c3-chart-arc:nth-child(2) path {
  fill: green !important;
}
.nutritionalCharts .chart.medium svg .c3-chart-arc:nth-child(2) path {
  fill: yellow !important;
}
.nutritionalCharts .chart.high svg .c3-chart-arc:nth-child(2) path {
  fill: red !important;
}
.nutritionalCharts .chart.grey svg .c3-chart-arc:nth-child(2) path {
  fill: #C1C1C1 !important;
}
.nutritionalCharts .chartWrapper {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 2rem;
  vertical-align: top;
}
@media only screen and (max-width: 480px) {
  .nutritionalCharts .chartWrapper {
    flex: 0 0 50%;
  }
}
.nutritionalCharts .chartWrapper.process {
  background: red;
}
.nutritionalCharts .chartWrapper > .chart {
  position: inherit !important;
}
.nutritionalCharts .chartWrapper .c3-tooltip-container {
  padding: 2rem;
  overflow-x: hidden;
  top: 50% !important;
  left: 50% !important;
  width: 50% !important;
  display: none !important;
  margin-left: -25%;
  margin-top: -15rem;
  opacity: 0.95;
  border-radius: 10px;
  background: #ededed;
  color: #000000;
}
.nutritionalCharts .chartWrapper .chartLabel {
  display: block;
  text-align: center;
}
.nutritionalCharts .chartWrapper .chart.c3 {
  text-align: center;
}
.menuSplitContent {
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  background: #ededed;
}
.menu {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #666666;
}
.menu .menuTitleImage {
  justify-content: center;
  flex: 0 0 auto;
  overflow: hidden;
  max-height: 22rem;
}
.menu .menuTitleImage .image {
  overflow: hidden;
}
.menu .menuTitleImage img {
  width: 100%;
}
.menu .menuListWrapper {
  overflow: auto;
}
@media only screen and (min-width: 1079px) {
  .menu .menuListWrapper {
    padding: 0 0 0 1rem;
  }
}
.menu .menuListWrapper .menuList {
  display: flex;
  padding: 0;
  flex-flow: row wrap;
}
.menu .menuListWrapper .menuList .meal-list-image-wrapper.meal-category-image img {
  width: 100%;
}
.menu .menuListWrapper .categoryNameWrapper,
.menu .menuListWrapper .mealNameWrapper {
  height: auto;
  overflow: hidden;
}
.menu .menuListWrapper .category {
  position: relative;
}
.menu .menuListWrapper .category .categoryImageWrapper img {
  max-width: 100%;
  width: 100%;
}
.menu .menuListWrapper .category .category-name {
  cursor: pointer;
  text-align: center;
  font-size: 1.8rem;
  padding: 1rem;
  background-color: #2e2e2e;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
}
.menu .menuListWrapper .category .category-name.big {
  padding: 2rem;
}
.menu .menuListWrapper.menuListGrid {
  display: -ms-grid;
  display: grid;
  padding: 0;
  grid-template-columns: minmax(1rem, auto) 1fr;
  -ms-grid-columns: auto 12fr;
}
.menu .menuListWrapper.menuListGrid .category-name-container {
  max-height: 100%;
  max-width: 100%;
  display: flex;
  min-height: 0;
  min-width: 0;
  justify-content: stretch;
  align-items: stretch;
  padding: 1rem 1rem 0;
}
.menu .menuListWrapper.menuListGrid .category-name {
  transform: rotate(180deg);
  -ms-writing-mode: bt-rl;
  writing-mode: vertical-rl;
  min-height: 0;
  min-width: 0;
  background-color: #2e2e2e;
  color: #ffffff;
  padding: 0.5rem;
  flex: 1 1 auto;
  margin: 0;
}
body.portrait:not(.phone) section.menu {
  background: #ededed;
}
body.portrait:not(.phone) section.menu .menuSplitContent {
  background: transparent;
}
@media (min-width: 1024px) {
  section.menu {
    background: #ededed;
  }
}
.Modal {
  position: absolute;
  top: 1.4rem;
  left: 1.4rem;
  right: 1.4rem;
  bottom: 1.4rem;
}
.Overlay {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 1079px) {
  .Overlay.leave-headline {
    top: 12rem;
  }
}
.Overlay.onTop {
  z-index: 1002;
}
.Overlay-full {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1;
}
.modal-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}
.modal-wrapper .AccordionPanel {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  box-sizing: border-box;
  height: auto;
  flex: 1;
  overflow: auto;
}
.modal-wrapper .AccordionPanel .panel-body {
  display: flex;
}
.modal-wrapper .AccordionPanel .tabs {
  display: flex;
  width: 100%;
}
.modal-wrapper .AccordionPanel .tabs .nav-item {
  flex: 1;
}
.modal-wrapper .AccordionPanel .tabs .nav-link {
  width: 100%;
  text-align: center;
  margin-right: 0;
  padding: 2rem 1rem;
  text-transform: uppercase;
  font-weight: normal;
  color: #908D8D;
  background-color: #ededed;
  border: none;
  border-radius: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #C1C1C1;
  border-right: 1px solid #C1C1C1;
}
.modal-wrapper .AccordionPanel .tabs .nav-link:first-child {
  border-right: 1px solid #C1C1C1 !important;
}
.modal-wrapper .AccordionPanel .tabs .nav-link:last-child {
  border-right: none;
}
.modal-wrapper .AccordionPanel .tabs .nav-link.active {
  background-color: #ffffff;
  border: none;
  font-weight: bold;
  color: #666666;
}
.modal-wrapper .AccordionPanel .tab-content {
  display: flex;
  overflow: auto;
  height: auto;
  flex: 1 1 auto;
  max-height: 100%;
  max-width: 100%;
}
.modal-wrapper .AccordionPanel .tab-content .tab-pane {
  width: 100%;
}
.modal-wrapper .footer .footer-content {
  border-top: 1px solid #C1C1C1;
  display: flex;
  justify-content: flex-end;
}
.modal-wrapper .footer .footer-content .Wrapper {
  display: flex;
  flex-direction: row;
  margin: 0;
}
@media only screen and (min-width: 1079px) {
  .modal-wrapper .footer .footer-content .Wrapper {
    width: 40rem;
  }
}
@media only screen and (max-width: 1079px) {
  .modal-wrapper .footer .footer-content .Wrapper {
    max-width: 96vw;
  }
}
.modal-wrapper .footer .footer-content .Wrapper.select label {
  line-height: 2rem;
}
.modal-wrapper .footer .footer-content .Wrapper .selectWrapper {
  display: contents;
}
.modal-wrapper .footer .footer-content .Wrapper .selectWrapper select {
  background-color: #ededed;
}
.modal-wrapper .footer .footer-content .Wrapper:after {
  padding: 0;
}
.modal-message-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-message-wrapper .modal-message-content {
  /* iPhone SE fix */
  max-width: 96%;
  border-radius: 5px;
  overflow: hidden;
  background-color: #ffffff;
}
@media only screen and (min-width: 1079px) {
  .modal-message-wrapper .modal-message-content {
    min-width: 35rem;
  }
}
.modal-message-wrapper .message {
  font-size: 2rem;
  padding: 2rem;
  height: 100%;
}
.modal-message-wrapper .footer .footer-content {
  border-top: 1px solid #C1C1C1;
  display: flex;
  justify-content: space-around;
}
.modal-message-wrapper .footer .footer-content button {
  width: auto;
  background-color: #908D8D;
  color: #ffffff;
  white-space: nowrap;
  border-radius: 5px;
  text-transform: uppercase;
  transition: all 125ms ease-in-out;
}
.modal-message-wrapper .footer .footer-content button:hover {
  cursor: pointer;
  transform: scale(1.05);
  opacity: 0.8;
}
.bottomBar {
  flex: 0 0 auto;
  padding-bottom: constant(safe-area-inset-bottom);
}
.bottomBar .bottomBar-content {
  color: #ffffff;
  background-color: #C1C1C1;
}
@media only screen and (min-width: 1079px) {
  .bottomBar .bottomBar-content {
    padding: 0 2rem;
  }
}
.bottomBar .bottomBar-content .copyright,
.bottomBar .bottomBar-content .policy-links {
  line-height: 1.1 ;
}
@media only screen and (max-width: 480px) {
  .bottomBar .bottomBar-content .copyright,
  .bottomBar .bottomBar-content .policy-links {
    font-size: 1rem ;
  }
}
@media only screen and (min-width: 760px) {
  .bottomBar .bottomBar-content .copyright,
  .bottomBar .bottomBar-content .policy-links {
    font-size: 1.25rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .bottomBar .bottomBar-content .copyright,
  .bottomBar .bottomBar-content .policy-links {
    font-size: 1.25rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .bottomBar .bottomBar-content .copyright,
  .bottomBar .bottomBar-content .policy-links {
    font-size: 1.25rem ;
  }
}
.bottomBar .bottomBar-content .copyright {
  text-align: left;
}
.bottomBar .bottomBar-content .policy-links {
  text-align: right;
}
.bottomBar .bottomBar-content .policy-links a,
.bottomBar .bottomBar-content .policy-links .spacer {
  cursor: pointer;
  color: #ffffff;
  display: inline-block;
  margin: 0 0.5rem;
}
/*
 * top bar configs
 */
#app .topBar {
  background: #ffffff;
  flex: 0 0 auto;
  color: #666666;
  /* QUERIES */
}
#app .topBar .navbar-toggler {
  padding: 2rem;
}
@media only screen and (max-width: 1079px) {
  #app .topBar .navbar-toggler:before {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  #app .topBar {
    min-height: 9rem;
  }
}
@media only screen and (min-width: 760px) {
  #app .topBar {
    min-height: 12rem;
  }
}
@media only screen and (min-width: 1079px) {
  #app .topBar {
    min-height: 12rem;
  }
}
@media only screen and (min-width: 1920px) {
  #app .topBar {
    min-height: 12rem;
  }
}
#app .topBar .outlet-logo {
  flex: 1 0 auto;
  max-width: 32rem;
  padding: 2rem;
  object-fit: contain;
}
@media only screen and (max-width: 480px) {
  #app .topBar .outlet-logo {
    max-width: 100%;
    max-height: 9rem;
  }
}
@media only screen and (min-width: 1079px) {
  #app .topBar .outlet-logo {
    max-width: 32rem;
  }
}
#app .topBar .outlet-logo img {
  flex: 0 1 auto;
  max-height: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 1079px) {
  #app .topBar .outlet-logo img {
    max-height: 12rem;
  }
}
@media only screen and (max-width: 480px) {
  #app .topBar .outlet-logo img {
    max-height: 9rem;
  }
}
#app .topBar div.outlet-logo {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
#app .topBar .logo {
  padding: 1.5rem;
  width: auto;
  max-height: 100%;
  flex: 0 0 auto;
}
#app .topBar .logo .logo-image-wrapper {
  max-width: 100%;
  height: 100%;
}
#app .topBar .logo img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 480px) {
  #app .topBar .dropdown-menu {
    width: 100%;
  }
}
#app .topBar .middle {
  display: flex;
  min-height: 9rem;
  align-items: center;
  flex-flow: row wrap;
}
#app .topBar .dropdown-menu.dropdown-mobile {
  width: 100vw;
  background: #ededed;
  color: #666666;
  z-index: 1000;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
  border: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
}
#app .topBar .dropdown-menu.dropdown-mobile.in {
  max-height: none;
}
#app .topBar .modul-navigation {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 1079px) {
  #app .topBar .modul-navigation {
    border-right: 1px solid #C1C1C1;
  }
}
@media only screen and (min-width: 1920px) {
  #app .topBar .modul-navigation {
    border-right: 1px solid #C1C1C1;
  }
}
#app .topBar .modul-navigation .navigation-item {
  top: 1px solid #dbdbdb;
  border-bottom: 1px solid #C1C1C1;
}
#app .topBar .modul-navigation .navigation-item svg {
  background: #ededed;
}
#app .topBar .modul-navigation .navigation-item.active {
  background-color: #d4d4d4;
  border-bottom: 1px solid #dbdbdb;
}
#app .topBar .modul-navigation .navigation-item.active svg {
  background: #d4d4d4;
}
#app .topBar .modul-navigation .navigation-item:last-child {
  border-bottom: 0;
}
#app .topBar .modul-navigation.dropdown-mobile {
  width: 100vw;
  background: #ededed;
  color: #666666;
  z-index: 1000;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
  max-height: 0;
  overflow: hidden;
}
#app .topBar .modul-navigation.dropdown-mobile.in {
  max-height: 100%;
}
#app .topBar .modul-navigation.dropdown-mobile .settings {
  border-bottom: 1px solid #666666;
}
#app .topBar .modul-navigation.dropdown-mobile .settings > .select {
  flex: 0 0 50%;
}
#app .topBar .modul-navigation.dropdown-mobile .navigation-row-svg-wrapper {
  flex: 0 0 10vw;
}
#app .topBar .modul-navigation.dropdown-mobile .navigation-row-svg-wrapper svg {
  width: 100%;
  height: 100%;
}
#app .topBar .modul-navigation .dropdown {
  width: 35rem;
  margin-top: 2rem;
}
#app .topBar .modul-navigation .dropdown .dropdown-toggle::after {
  display: none;
}
#app .topBar .modul-navigation .dropdown .btn {
  padding: 0;
  border: none;
  background-color: unset;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #666666;
  background-color: #ffffff;
}
#app .topBar .modul-navigation .dropdown .activeModule {
  flex: 1 0 auto;
  color: #666666;
}
@media only screen and (min-width: 1079px) {
  #app .topBar .modul-navigation .dropdown .activeModule {
    height: 8rem;
    line-height: 8rem;
    display: flex;
    align-items: center;
  }
}
#app .topBar .modul-navigation .dropdown .activeModule > div {
  display: flex;
}
#app .topBar .modul-navigation .dropdown .activeModule .modulTitle {
  display: block;
  text-align: left;
}
#app .topBar .modul-navigation .dropdown .activeModule .chevron {
  width: auto;
  display: flex;
  justify-content: flex-end;
  padding-right: 2rem;
}
#app .topBar .modul-navigation .dropdown .dropdown-menu {
  display: none;
  margin: 0;
  width: 35rem;
  padding: 1rem;
  height: calc(100vh - 12rem);
  background-color: #fff;
  border: none;
  border-radius: unset;
  border-right: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#app .topBar .modul-navigation .dropdown .dropdown-menu.show {
  display: flex !important;
  flex-flow: column nowrap;
  transform: translate3d(0px, 100px, 0px) !important;
}
#app .topBar .modul-navigation .dropdown a {
  display: flex;
  padding: 0;
  clear: both;
  font-weight: 400;
  line-height: 8rem;
  height: 8rem;
  color: #666666;
  white-space: nowrap;
  flex: 0 0 auto;
  width: auto;
  transition: all 125ms ease-in-out;
}
#app .topBar .modul-navigation .dropdown a:hover {
  cursor: pointer;
  transform: scale(1.05);
  opacity: 0.8;
}
#app .topBar .modul-navigation .dropdown a .modulTitle {
  display: flex;
}
#app .topBar .svgWrapper {
  height: 100%;
  display: flex;
  padding: 0;
  flex: 0 0 auto;
  margin: 1rem;
  background-color: #ededed;
  border-radius: 5px;
  box-sizing: border-box;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  #app .topBar .svgWrapper {
    height: 4rem;
  }
}
@media only screen and (min-width: 760px) {
  #app .topBar .svgWrapper {
    height: 5rem;
  }
}
@media only screen and (min-width: 1079px) {
  #app .topBar .svgWrapper {
    height: 2rem;
  }
}
@media only screen and (min-width: 1920px) {
  #app .topBar .svgWrapper {
    height: 2rem;
  }
}
@media only screen and (min-width: 1079px) {
  #app .topBar .svgWrapper {
    margin: 0 2rem 2rem 2rem;
  }
}
@media only screen and (min-width: 1920px) {
  #app .topBar .svgWrapper {
    margin: 0 2rem 2rem 2rem;
  }
}
#app .topBar .svgWrapper div {
  width: 100%;
  flex: 1 1 auto;
  align-items: center;
}
#app .topBar .svgWrapper div:first-child {
  display: flex;
}
@media only screen and (min-width: 1079px) {
  #app .topBar .svgWrapper div:first-child {
    padding: 0.5rem;
    max-width: 8rem;
  }
}
#app .topBar .svgWrapper svg {
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  width: 100%;
  cursor: pointer;
  flex: 1;
  pointer-events: none;
}
#app .topBar .svgWrapper svg rect,
#app .topBar .svgWrapper svg path {
  fill: #666666 !important;
}
#app .topBar .svgWrapper .modulTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app .topBar .svgWrapper.active {
  background: #C1C1C1;
}
#app .topBar .main-settings {
  height: 12rem;
}
#app .topBar .main-settings.clickblocker:before {
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  content: '';
  z-index: 1000;
}
#app .topBar .main-settings .dropdown {
  z-index: 1000;
  right: 0;
  background-color: #fff;
}
#app .topBar .main-settings .dropdown .settingsWrapper {
  border-left: 1px solid #C1C1C1;
}
#app .topBar .main-settings .dropdown .btn {
  height: 8rem;
  padding: 1rem;
  margin: 2rem;
  width: 31rem;
  background-color: #ededed;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 2rem;
  text-align: left;
  line-height: 3rem;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#app .topBar .main-settings .dropdown .btn.dropdown-toggle:after {
  display: none;
}
#app .topBar .main-settings .dropdown .btn .settings-title {
  color: #666666;
}
#app .topBar .main-settings .dropdown .btn .settings-title .text {
  overflow: hidden;
  flex: 0 0 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app .topBar .main-settings .dropdown .btn .settings-title .chevron {
  float: right;
  padding-right: 1rem;
}
#app .topBar .main-settings .dropdown .btn .settings-title .chevron i {
  line-height: 6rem;
}
#app .topBar .main-settings .dropdown .dropdown-menu {
  display: none;
  padding: 0;
  margin: 0;
  min-width: initial;
  width: 100%;
  height: calc(100vh - 12rem);
  background-color: #fff;
  border: none;
  border-radius: 0px;
  border-left: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#app .topBar .main-settings .dropdown .dropdown-menu .main-settings-content {
  padding-bottom: 2rem;
}
#app .topBar .main-settings .dropdown .dropdown-menu .version {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
}
#app .topBar .main-settings .dropdown.open .dropdown-menu {
  display: block !important;
}
#app .topBar .main-settings .dropdown .main-settings-content .select select {
  cursor: pointer;
  height: 8rem;
  line-height: 8rem;
  background-color: #ededed;
  padding: 0 3rem 0 2rem;
}
#app .topBar .main-settings .dropdown .main-settings-content .select {
  padding: 0.5rem 0;
}
#app .topBar .main-settings .dropdown .main-settings-content .select:after {
  height: 8rem;
  line-height: 6rem;
}
#app .topBar .main-settings .dropdown .main-settings-content .footer-buttons {
  justify-content: flex-start;
}
#app .topBar .main-settings .dropdown .main-settings-content .footer-buttons button {
  width: 90%;
  margin: 1.5rem auto;
}
@media (min-width: 1024px) {
  #app .topBar .middle {
    flex: 1 1 auto;
    justify-content: center;
  }
  #app .topBar .middle .headerContent {
    position: absolute;
    top: 1rem;
    left: 0;
    font-size: 2.5rem;
  }
  #app .topBar .middle .headerContent .select {
    width: auto;
    max-width: 32vw;
    min-width: 15vw;
  }
  #app .topBar .middle .headerContent .select:after {
    height: 4.75rem;
  }
  #app .topBar .middle .headerContent .select select {
    line-height: 1.4 ;
  }
  #app .topBar .middle .headerContent .outlet-name {
    margin: 1.5rem 0 0 0;
  }
}
@media (min-width: 1024px) and only screen and (max-width: 480px) {
  #app .topBar .middle .headerContent .select select {
    font-size: 1.75rem ;
  }
}
@media (min-width: 1024px) and only screen and (min-width: 760px) {
  #app .topBar .middle .headerContent .select select {
    font-size: 2rem ;
  }
}
@media (min-width: 1024px) and only screen and (min-width: 1079px) and (max-width: 1919px) {
  #app .topBar .middle .headerContent .select select {
    font-size: 2rem ;
  }
}
@media (min-width: 1024px) and only screen and (min-width: 1920px) {
  #app .topBar .middle .headerContent .select select {
    font-size: 2rem ;
  }
}
/*
 * News settings
 */
.news-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* list styles */
  /* imageWrapper for list and detail!*/
}
.news-container .news-split-content {
  display: flex;
  width: 100%;
  position: relative;
  max-width: 100%;
  background: #ededed;
  padding: 2rem 0;
  /*
      SAFARI HEIGHT BUG
      max-height: 100%;
      height: 100%;
    */
  flex: 1;
  flex-direction: row;
}
.news-container .newsImageWrapper {
  position: relative;
  width: 100%;
}
.news-container .newsImageWrapper .newsImageWrapperContent {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}
.news-container .newsImageWrapper img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.news-container .newsImageWrapper:after {
  padding-top: 75%;
  /* 4:3 ratio */
  display: block;
  content: '';
}
.news-container .news-content-wrapper {
  color: #666666;
  background-color: #ffffff;
}
.news-container .news-content-wrapper .title {
  font-weight: bold;
}
.news-container .news-content-wrapper .date {
  font-weight: 300;
}
.news-container .news-content-wrapper .description {
  padding-top: 1rem;
}
.news-container .list-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
}
.news-container .list .newsInnerWrapper {
  height: 100%;
  background-color: #ffffff;
  padding-bottom: 1rem;
  margin: 0 1.5rem;
}
.news-container .news-detail {
  display: flex;
  /* safari bug test
    height: 100%;
    */
  overflow: auto;
  flex-direction: row;
  background: #ffffff;
}
.news-container .news-detail .newsImageWrapper {
  height: fit-content;
}
.news-container .news-detail .scroll-container {
  width: 100%;
  background: #ffffff;
}
.news-container .news-detail .news-content-wrapper {
  padding: 0 2rem;
}
.news-container .news-detail.portrait {
  flex-direction: column;
  height: 100%;
}
.news-container .news-detail.portrait .news-content-wrapper {
  padding: 0 1rem 0 0;
}
.news-banner.carousel .carousel-control-prev,
.news-banner.carousel .carousel-control-next {
  width: 8%;
}
.outletImage img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.outletImage img.default-src {
  max-height: 45vh;
}
.container-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1002;
}
.container-overlay .overlay-background {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}
.container-overlay .overlay-content {
  background: #ededed;
  max-width: 90%;
  border-radius: 5px;
  overflow: hidden;
}
.container-overlay .overlay-content h3 {
  padding: 3rem 3rem 0;
  margin: 0;
}
.container-overlay .overlay-content p {
  padding: 3rem;
}
.container-overlay .overlay-content button {
  border: 0;
  border-top: 1px solid #000000;
  text-transform: uppercase;
}
.container-overlay .overlay-content .buttonWrapper {
  display: flex;
}
.container-overlay .overlay-content .buttonWrapper button:first-child {
  border-right: 1px solid #000000;
}
.privacy-content-wrapper > div {
  flex: 0 1 100%;
  margin: 0 0 1rem 0;
  overflow: hidden;
  font-size: 2rem;
  line-height: 3rem;
  padding: 1rem;
  color: #5F5F5F;
  background-color: #ededed;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
}
.privacy-content-wrapper .name {
  display: block;
  margin: 0 1rem;
  width: 100%;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
}
.privacy-content-wrapper .name .subheader {
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3rem;
  padding: 0 0 2rem 0;
}
.privacy-content-wrapper .toggleWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0.5rem;
}
.privacy-content-wrapper .toggleWrapper input:checked + .slider {
  background-color: #1FB403;
}
.privacy-content-wrapper .toggleWrapper .switch {
  width: 4rem;
  height: 2.5rem;
}
.privacy-content-wrapper .toggleWrapper .switch .slider:before {
  height: 1.9rem;
  width: 1.9rem;
}
.privacy-content-wrapper .toggleWrapper .switch input:checked + .slider:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
}
.overlay {
  position: absolute;
  z-index: 11;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.overlay.overlay-main {
  background: rgba(255, 255, 255, 0.4);
}
.overlay.overlay-main i {
  font-size: 20rem;
  line-height: 20rem;
  height: 20rem;
  width: 20rem;
  color: #2e2e2e;
}
#app > div .process {
  position: relative;
  touch-action: none;
  z-index: 4;
}
#app > div .process:before {
  position: absolute;
  content: "\f110";
  font-family: "Font Awesome 6 Pro";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  left: 50%;
  font-size: 2.5vw;
  color: #2e2e2e;
  top: 50%;
  margin-left: -1.5vw;
  margin-top: -2vw;
  width: 2.5vw;
  height: 4vw;
  line-height: 4vw;
  z-index: 3;
}
#app > div .process:after {
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  touch-action: none;
  height: 100%;
  z-index: 2;
}
.recipe-container .recipe-detail-content:not(.phone) {
  display: flex;
  flex-direction: row-reverse;
}
.recipe-container .recipe-detail-content:not(.phone) .recipe-detail-left,
.recipe-container .recipe-detail-content:not(.phone) .recipe-detail-right {
  padding: 1rem;
}
.recipe-container .recipe-detail-content:not(.phone) .recipe-detail-right {
  flex: 0 0 37.5%;
}
.recipe-container .recipe-detail-content:not(.phone) .recipe-detail-left {
  flex: 1 1 62.5%;
}
.recipe-container .recipe-detail-content .recipe-detail-right {
  position: relative;
}
.recipe-container .recipe-detail-content .image-recipe {
  max-width: 100%;
}
.recipe-container .recipe-detail-content .recipe-favorite-btn i {
  color: #C1C1C1;
}
.recipe-container .recipe-detail-content .recipe-favorite-btn.active-favorite i {
  color: #2e2e2e;
}
.recipe-container .recipe-preparation-headline {
  padding: 2rem 0 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  border-bottom: 1px solid #C1C1C1;
}
.recipe-container .recipe-preparation-headline .recipe-preparation-title {
  font-size: 2rem;
  justify-self: flex-start;
  line-height: 3rem;
  flex: 1 0 auto;
}
.recipe-container .recipe-preparation-headline .recipe-spread-btn,
.recipe-container .recipe-preparation-headline .recipe-pdf-btn,
.recipe-container .recipe-preparation-headline .recipe-favorite-btn {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  line-height: 3rem;
  cursor: pointer;
  justify-content: center;
}
.recipe-container .recipe-preparation-headline .recipe-spread-btn i,
.recipe-container .recipe-preparation-headline .recipe-pdf-btn i,
.recipe-container .recipe-preparation-headline .recipe-favorite-btn i {
  padding: 0 1rem;
  font-size: 2rem;
  line-height: 3rem;
}
.recipe-container .recipe-preparation-step {
  display: flex;
  padding: 1rem 0;
  border-bottom: 1px solid #C1C1C1;
}
.recipe-container .recipe-preparation-step .recipe-preparation-step-sequence {
  font-size: 2rem;
  padding: 1rem;
  line-height: 2rem;
  margin: 1rem 1rem 1rem 0;
  width: 4rem;
  background: #ffffff;
  color: #C1C1C1;
  align-self: flex-start;
  border-radius: 25px;
  flex: 0 0 auto;
  text-align: center;
}
.recipe-container .recipe-preparation-step .recipe-preparation-step-description {
  padding: 1rem 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.recipe-container .recipe-ingredients {
  padding: 1rem;
  background: #ffffff;
}
.recipe-container .recipe-ingredients .recipe-ingredient-person {
  font-size: 2rem;
  border: 1px solid #C1C1C1;
  border-radius: 5px;
  padding: 1rem;
  display: flex;
}
.recipe-container .recipe-ingredients .recipe-ingredient-person .recipe-ingredient-person-interaction {
  flex: 0 0 5rem;
  text-align: center;
  line-height: 3rem;
  font-size: 3rem;
}
.recipe-container .recipe-ingredients .recipe-ingredient-person .recipe-ingredient-person-title {
  flex: 1 1 auto;
  text-align: center;
  line-height: 3rem;
}
.recipe-container .recipe-ingredients .recipe-ingredient {
  line-height: 3rem;
  padding: 1rem;
  font-size: 1.5rem;
  border-bottom: 1px solid #C1C1C1;
}
.recipe-container .recipe-nutritional-information-wrapper {
  padding: 1rem;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.recipe-container .recipe-nutritional-information-wrapper .recipe-nutritional-information-title {
  flex: 0 0 100%;
  line-height: 3rem;
  padding: 0 1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-size: 2rem;
  border-bottom: 1px solid #C1C1C1;
}
.recipe-container .recipe-nutritional-information-wrapper .nutritional-information {
  padding: 0 1rem;
  display: flex;
  font-size: 1.3rem;
}
@media only screen and (min-width: 1079px) {
  .recipe-container .recipe-nutritional-information-wrapper .nutritional-information {
    flex: 0 0 50%;
  }
}
.recipe-container .recipe-nutritional-information-wrapper .nutritional-information .name {
  flex: 1 0 auto;
  max-width: 75%;
  text-align: left;
}
.recipe-container .recipe-nutritional-information-wrapper .nutritional-information .value {
  flex: 1 0 auto;
  text-align: right;
}
.recipe-container .recipe-detail-view-wrapper {
  padding: 0;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view {
  padding: 1rem;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view.mobile {
  padding-bottom: 4rem;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view .recipe-favorite-mobile-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view .recipe-favorite-mobile-btn i {
  font-size: 2.5rem;
  line-height: 4rem;
  height: 4rem;
  width: 4rem;
  text-align: center;
  padding: 0;
  border-radius: 25px;
  background: white;
  color: #2e2e2e;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view .recipe-pdf-mobile-btn {
  top: 7rem;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view .recipe-box-info-bar .recipe-info-bar-information {
  padding: 0.5rem 1.5rem;
  margin: 0;
}
.recipe-container .recipe-detail-view-wrapper .recipe-detail-view .recipe-box-info-bar .recipe-info-bar-information.icon:before {
  font-size: 1.5rem;
}
.recipe-container .recipe-filter-bar,
.recipe-container .recipe-filter-bar-mobile {
  margin: 1rem;
  min-height: 6rem;
  z-index: 1;
  display: flex;
}
.recipe-container .recipe-filter-bar > div,
.recipe-container .recipe-filter-bar-mobile > div {
  margin-right: 1rem;
  min-height: 4rem;
}
.recipe-container .recipe-filter-bar > div:last-child,
.recipe-container .recipe-filter-bar-mobile > div:last-child {
  margin-right: 0;
  background-color: unset;
}
.recipe-container .recipe-filter-bar select,
.recipe-container .recipe-filter-bar-mobile select {
  border-radius: 5px;
  -webkit-appearance: menulist;
}
.recipe-container .recipe-filter-bar .pre-select,
.recipe-container .recipe-filter-bar-mobile .pre-select {
  border-radius: 5px 0 0 5px;
}
.recipe-container .recipe-filter-bar-mobile {
  margin: 1rem 0 0;
  min-height: 4rem;
  flex-wrap: nowrap;
}
.recipe-container .recipe-filter-bar-mobile .recipe-filter-bar-search-box {
  width: 100%;
  background-color: unset;
}
.recipe-container .recipe-filter-bar-mobile .recipe-filter-bar-search-box i {
  font-size: 1.8rem;
}
.recipe-container .recipe-filter-bar-mobile .recipe-filter-bar-search-box-input {
  width: 90%;
}
.recipe-container .recipe-filter-bar-mobile .recipe-switch-view-btn-wrapper i {
  font-size: 1.8rem;
}
.recipe-container .recipe-filter-bar-search-box-input {
  background: #ffffff;
  border: 1px solid #ededed;
}
.recipe-container .recipe-filter-bar-search-box,
.recipe-container .recipe-filter-bar-category-filter,
.recipe-container .recipe-filter-bar-preparationtime-filter,
.recipe-container .recipe-filter-bar-difficult-filter {
  display: flex;
}
.recipe-container .recipe-filter-bar-search-box select,
.recipe-container .recipe-filter-bar-category-filter select,
.recipe-container .recipe-filter-bar-preparationtime-filter select,
.recipe-container .recipe-filter-bar-difficult-filter select {
  border-radius: 0 5px 5px 0;
}
.recipe-container .dropdown-container {
  height: 4rem;
  overflow: hidden;
  position: relative;
  background: #ededed;
  margin-right: 1rem;
  padding: 0;
}
.recipe-container .dropdown-container:hover {
  overflow: visible;
}
.recipe-container .dropdown-container .dropdown-container-content {
  top: 0;
  left: 0;
  max-height: 50vh;
}
.recipe-container .dropdown-container .dropdown-container-content img {
  max-width: 100%;
  height: 4rem;
}
.recipe-container .recipe-filter-reset-wrapper button {
  background: #C1C1C1;
  color: #ffffff;
  width: auto;
  border-radius: 5px;
}
.recipe-container .recipe-switch-view-btn-wrapper .recipe-switch-view-btn {
  background: #2e2e2e;
  color: #ffffff;
  width: auto;
  border-radius: 5px;
}
@media only screen and (max-width: 1079px) {
  .recipe-container .recipe-filter-bar {
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    flex: 0 0 auto;
  }
  .recipe-container .recipe-filter-bar > div {
    margin: 0;
    height: auto;
  }
  .recipe-container .content-container.recipe-split-content select,
  .recipe-container .content-container.recipe-split-content input,
  .recipe-container .content-container.recipe-split-content .option {
    width: 100%;
  }
}
@media only screen and (max-width: 1079px) and only screen and (orientation:landscape) {
  .recipe-container .recipe-filter-bar > div {
    flex: 1 0 19%;
    min-width: 20rem;
  }
}
@media only screen and (max-width: 1079px) and only screen and (orientation:portrait) {
  .recipe-container .recipe-filter-bar > div {
    flex: 1 0 32%;
  }
}
.recipe-container {
  background: #ededed;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.recipe-container p {
  margin: 0;
}
.recipe-container .recipe-split-content {
  width: 100%;
}
.recipe-container .recipe-detail-main-content {
  height: 100%;
}
.recipe-container .recipe-detail-topbar {
  position: relative;
  display: flex;
  padding: 1rem 0;
  flex-direction: column;
}
.recipe-container .recipe-category-name-wrapper {
  position: relative;
  display: flex;
  padding: 1rem;
  flex-direction: row;
}
.recipe-container .recipe-category-showonly-btn {
  align-self: flex-end;
  position: absolute;
  right: 1rem;
  font-size: 2rem;
  margin-right: 4rem;
  text-transform: uppercase;
  color: #666666;
}
.recipe-container .close {
  align-self: flex-end;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  z-index: 1;
}
.recipe-container .close i.fa {
  font-size: 3rem;
  line-height: 4rem;
}
.recipe-container .close + .headline {
  padding-right: 2.5rem;
}
.recipe-container .headline {
  padding: 0;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  text-overflow: ellipsis;
  white-space: normal;
}
.recipe-container .recipe-box-info-bar,
.recipe-container .recipe-box-content {
  background: #ffffff;
}
.recipe-container .recipe-box-content {
  padding-bottom: 1rem;
}
.recipe-container .recipe-category-name {
  font-size: 2rem;
  line-height: 3rem;
  padding: 0 1rem;
}
.recipe-container .recipe-category-list {
  display: flex;
  flex-wrap: wrap;
  width: 100vw;
}
@media only screen and (min-width: 1079px) {
  .recipe-container .recipe-category-list {
    padding-bottom: 4rem;
  }
}
.recipe-container .recipe-category-list .recipe-category-box {
  padding: 0;
  position: relative;
  width: 50vw;
  height: 50vw;
  border-right: 1px solid #d1d1d1;
  border-top: 1px solid #d1d1d1;
  background-color: #ffffff;
  color: #666666;
}
.recipe-container .recipe-category-list .recipe-category-box:nth-child(2n) {
  border-right: none;
}
.recipe-container .recipe-category-list .recipe-category-box .recipe-category-image-wrapper {
  height: 80%;
  overflow: hidden;
}
.recipe-container .recipe-category-list .recipe-category-box .recipe-category-image-wrapper img {
  width: 100%;
  height: 100%;
}
.recipe-container .recipe-category-list .recipe-category-box .recipe-category-label {
  text-align: center;
  overflow: hidden;
  padding: 0.3rem;
}
.recipe-container .recipe-category-list .recipe-category-box .recipe-category-label .recipe-category-name {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: bold;
}
.recipe-container .recipe-category-list .recipe-category-box .recipe-category-label .recipe-category-counter {
  font-size: 1rem;
}
.recipe-container .recipe-wrapper {
  display: flex;
}
.recipe-container .recipe-wrapper .recipe-box {
  padding: 1rem;
  position: relative;
  flex: 0 0 20%;
  min-width: 20rem;
}
.recipe-container .recipe-wrapper .recipe-box:last-child {
  flex: 0 0 21%;
  min-width: 26rem;
  padding-right: 4rem;
}
.recipe-container .recipe-wrapper .recipe-box:last-child .recipe-favorite-btn {
  right: 6rem;
}
.recipe-container .recipe-wrapper .recipe-box .recipe-image-wrapper {
  height: 15.5rem;
  overflow: hidden;
}
.recipe-container .recipe-wrapper .recipe-box .recipe-favorite-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
}
.recipe-container .recipe-wrapper .recipe-box .recipe-favorite-btn i {
  font-size: 2.5rem;
  line-height: 4rem;
  height: 4rem;
  width: 4rem;
  text-align: center;
  padding: 0;
  border-radius: 25px;
  background: white;
  color: #666666;
}
.recipe-container .recipe-wrapper .recipe-box .recipe-pdf-btn {
  top: 7rem;
}
.recipe-container .recipe-wrapper .recipe-box img {
  max-width: 100%;
}
.recipe-container .recipe-wrapper .recipe-box img.recipe-image {
  width: 100%;
  height: 15.5rem;
  object-fit: cover;
}
.recipe-container .recipe-wrapper .recipe-box .recipe-name {
  margin: 1rem;
  overflow: hidden;
  display: -webkit-box;
  line-height: 2rem;
  height: 4rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recipe-container .recipe-wrapper.cook-book {
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row wrap;
}
.recipe-container .recipe-wrapper.cook-book .recipe-box:last-child {
  padding: 1rem;
  position: relative;
  flex: 0 0 20%;
  min-width: 20rem;
}
.recipe-container .recipe-wrapper.cook-book .recipe-box:last-child .recipe-favorite-btn {
  right: 2rem;
}
.recipe-container .recipe-wrapper.mobile {
  display: block;
  width: 100vw;
  padding-bottom: 4rem;
}
.recipe-container .recipe-wrapper.mobile .recipe-box:last-child {
  padding: 1rem;
  position: relative;
  flex: 0 0 20%;
  min-width: 20rem;
}
.recipe-container .recipe-wrapper.mobile .recipe-box:last-child .recipe-favorite-btn {
  right: 2rem;
}
.recipe-container .recipe-wrapper.mobile .recipe-category-back-btn {
  margin: 0;
  line-height: 3rem;
  height: 3rem;
  padding-left: 3rem;
  position: relative;
  text-transform: uppercase;
}
.recipe-container .recipe-wrapper.mobile .recipe-category-back-btn:before {
  content: '\f0a8';
  font-family: "Font Awesome 6 Pro";
  font-size: 2.5rem;
  padding-right: 0.5rem;
  line-height: 3rem;
  width: 3rem;
  top: 0;
  left: 0;
  position: absolute;
}
.recipe-container .recipe-box-content .recipe-info-bar-information.recipe-signal {
  margin-top: -2.5rem;
  margin-bottom: 2rem;
  padding-right: 0.5rem;
}
.recipe-container .recipe-box-content .recipe-info-bar-information.recipe-signal img {
  max-height: 2rem;
}
.recipe-container .recipe-box-info-bar {
  display: flex;
}
.recipe-container .recipe-box-info-bar .recipe-info-bar-information {
  flex: 1 1 auto;
  overflow: hidden;
}
.recipe-container .recipe-box-info-bar .recipe-info-bar-information.recipe-signal {
  margin-top: -3rem;
  margin-bottom: 2rem;
  background: red;
}
.recipe-container .recipe-box-info-bar .recipe-info-bar-information.recipe-signal img {
  max-height: 2rem;
}
.recipe-container .recipe-bottom-bar-mobile {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  height: 4rem;
  background: #2e2e2e;
  width: 100%;
}
.recipe-container .recipe-bottom-bar-mobile > div {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  justify-content: center;
  color: #ffffff;
}
.recipe-container .recipe-bottom-bar-mobile .recipe-switch-view-btn-wrapper button.recipe-switch-view-btn {
  border-radius: 0;
}
.recipe-container .recipe-bottom-bar-mobile p,
.recipe-container .recipe-bottom-bar-mobile i {
  line-height: 4rem;
  padding: 0 0.5rem;
}
.recipe-container .recipe-list-main-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1079px) {
  .recipe-container .recipe-list-main-content {
    padding: 0;
  }
}
.recipe-container .recipe-list-main-content .main-scroll-container {
  width: 100vw;
}
.phone .recipe-list-main-content {
  padding: 0;
}
.scroll-container {
  flex: 1 1 auto;
  max-height: 100%;
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
}
.scroll-container .scroll-indicator-wrapper {
  position: absolute;
  height: auto;
  width: 0.5rem;
  right: 1rem;
  top: 0;
  bottom: 0;
}
.scroll-container .scroll-indicator-wrapper.hide {
  display: none;
}
.scroll-container .scroll-indicator-wrapper.scrollArrows {
  top: 4rem;
  bottom: 4rem;
}
.scroll-container .scroll-indicator-inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.scroll-container .scroll-indicator {
  position: absolute;
  height: 10%;
  width: 0.5rem;
  background: #C1C1C1;
}
.scroll-container .scroll-container-content {
  overflow: auto;
  flex: 1 1 auto;
  max-height: 100%;
}
.scroll-container.landscape {
  padding: 0;
}
.scroll-container.landscape .scroll-indicator-wrapper {
  height: 0.5rem;
  width: auto;
  right: 0;
  left: 0;
  top: 0;
}
.scroll-container.landscape .scroll-indicator-wrapper.scrollArrows {
  right: 4rem;
  left: 4rem;
}
.scroll-container.landscape .scroll-indicator {
  height: 0.5rem;
  bottom: 0;
  width: 10%;
}
.scroll-container.landscape .scroll-container-content {
  margin: 0 0.5rem;
}
.scroll-container .scroll-backward,
.scroll-container .scroll-forward {
  width: 100%;
  height: 4rem;
  cursor: pointer;
  flex: 0 0 auto;
  z-index: 1;
  left: 0;
  position: relative;
  background: #ededed;
  text-align: center;
  transform: rotate3d(0, 0, 0, 0deg);
  transition: all 1s ease;
}
.scroll-container .scroll-backward:after,
.scroll-container .scroll-forward:after {
  display: block;
  color: #908D8D;
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 50%;
  margin-left: -2rem;
  font-size: 2rem;
  font-family: "Font Awesome 6 Pro";
  line-height: 4rem;
  text-align: center;
}
.scroll-container .scroll-backward.disabled,
.scroll-container .scroll-forward.disabled {
  transform: rotate3d(1, 0, 0, 90deg);
  height: 0;
}
.scroll-container .scroll-backward.disabled:after,
.scroll-container .scroll-forward.disabled:after {
  display: none;
}
.scroll-container .scroll-backward {
  top: 0;
}
.scroll-container .scroll-backward:after {
  content: '\f077';
}
.scroll-container .scroll-forward {
  bottom: 0;
}
.scroll-container .scroll-forward:after {
  content: '\f078';
}
.scroll-container.landscape {
  flex-direction: row;
}
.scroll-container.landscape .scroll-backward,
.scroll-container.landscape .scroll-forward {
  height: auto;
  display: flex;
  align-items: center;
  width: 4rem;
  left: 0;
  margin-left: 0;
}
.scroll-container.landscape .scroll-backward.disabled,
.scroll-container.landscape .scroll-forward.disabled {
  transform: rotate3d(0, 1, 0, 90deg);
  height: 0;
  width: 0;
}
.scroll-container.landscape .scroll-backward.disabled:after,
.scroll-container.landscape .scroll-forward.disabled:after {
  display: none;
}
.scroll-container.landscape .scroll-backward:after,
.scroll-container.landscape .scroll-forward:after {
  height: auto;
  content: '\f053';
}
.scroll-container.landscape .scroll-forward:after {
  content: '\f054';
}
.navbar-horizontal-scroll.scrollspy-scroll-container {
  margin: 0;
  padding: 0;
  background-color: #ededed;
  line-height: 1.4 ;
}
@media only screen and (max-width: 480px) {
  .navbar-horizontal-scroll.scrollspy-scroll-container {
    font-size: 1.75rem ;
  }
}
@media only screen and (min-width: 760px) {
  .navbar-horizontal-scroll.scrollspy-scroll-container {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .navbar-horizontal-scroll.scrollspy-scroll-container {
    font-size: 2rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .navbar-horizontal-scroll.scrollspy-scroll-container {
    font-size: 2rem ;
  }
}
.navbar-horizontal-scroll.scrollspy-scroll-container .scrollspy-nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  white-space: nowrap;
}
@media only screen and (min-width: 1079px) {
  .navbar-horizontal-scroll.scrollspy-scroll-container .scrollspy-nav {
    width: 100%;
  }
}
.navbar-horizontal-scroll.scrollspy-scroll-container .scrollspy-nav li {
  display: inline-block;
}
.navbar-horizontal-scroll.scrollspy-scroll-container .scrollspy-nav li:after {
  padding: 0 2rem;
  color: #666666;
  font-weight: bold;
}
.navbar-horizontal-scroll.scrollspy-scroll-container .scrollspy-nav a {
  color: inherit;
  text-decoration: none;
}
.navbar-horizontal-scroll.scrollspy-scroll-container .scrollspy-nav li:last-child:after {
  content: "";
}
.standalone-config {
  color: #666666;
  /* Customize the label (the container) */
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.standalone-config .main-settings {
  position: relative;
  height: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: stretch;
  border-bottom: 1px solid #C1C1C1;
}
@media only screen and (orientation:landscape) {
  .standalone-config .main-settings > div {
    position: relative;
    padding-left: 3rem;
    border-left: 1px solid #C1C1C1;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .standalone-config .main-settings > div:first-child {
    border-left: none;
  }
}
.standalone-config .main-settings .title {
  font-size: 2.8rem;
  line-height: 4rem;
  color: #666666;
  text-transform: uppercase;
}
.standalone-config .checkboxWrapper label,
.standalone-config .radioWrapper label {
  font-size: 2rem;
  line-height: 2.5rem;
  text-transform: initial;
  padding-bottom: 0.5rem;
}
.standalone-config .checkboxWrapper.error,
.standalone-config .radioWrapper.error {
  border: 1px dotted red;
}
.standalone-config .special-settings {
  padding-top: 2rem;
  padding-bottom: 0;
}
.standalone-config .row {
  display: flex;
  padding: 1.25rem 0;
  margin: 0;
  font-size: 2rem;
  line-height: 3.5rem;
  border-bottom: 1px solid #C1C1C1;
}
.standalone-config .config-label {
  display: flex;
  flex-direction: column;
  width: unset !important;
  max-width: unset !important;
  text-transform: uppercase;
  font-weight: bold;
}
.standalone-config .config-postlabel {
  width: unset;
  padding-left: 1rem;
}
.standalone-config input[type="number"] {
  width: unset;
  height: 50px;
  text-align: center;
  outline: none;
  padding: 1rem 0.75rem;
  background-color: #ededed;
  border-radius: 5px;
}
.standalone-config .inputWrapper {
  display: block;
  position: relative;
  margin-right: 20px;
  margin-bottom: 5px;
  font-weight: normal;
  padding: 0.5rem 0 0.5rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.standalone-config .inputWrapper .name {
  padding: 0.5rem 0;
}
.standalone-config .inputWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.standalone-config .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 3rem;
  width: 3rem;
  background-color: #ededed;
  border-radius: 5px;
}
.standalone-config .inputWrapper:hover input ~ .checkmark {
  background-color: #ededed;
}
.standalone-config .inputWrapper input:checked ~ .checkmark {
  background-color: #ededed;
}
.standalone-config .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.standalone-config .inputWrapper input:checked ~ .checkmark:after {
  display: block;
}
.standalone-config .inputWrapper .checkmark:after {
  left: 1rem;
  top: 0.5rem;
  width: 1rem;
  height: 1.5rem;
  border: solid #666666;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.standalone-config .inputWrapper .readonly:after {
  border: solid #C1C1C1 !important;
  border-width: 0 3px 3px 0 !important;
}
.standalone-config .tooltips {
  top: -1rem;
}
.available-outlet-selection {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  width: unset;
  max-width: unset;
  max-height: 135px;
  flex-wrap: wrap;
}
.keyboardNumpad {
  width: 200px;
  height: 100%;
}
.hg-button-backspace {
  width: 46%;
}
@media (min-width: 1024px) and only screen and (orientation:landscape) {
  .standalone-config .main-settings > div {
    flex: 1 0 25%;
  }
  .standalone-config .row {
    padding: 0.5rem 0;
    font-size: 2.8rem;
    line-height: 4rem;
  }
  .standalone-config .config-label {
    min-width: 50rem;
  }
}
/*
 * ticker settings
 */
.tickerContainer {
  width: 100vw;
  overflow: hidden;
  flex: 0 0 auto;
  background: #ffffff;
  /* Make it pretty */
}
.tickerContainer .ticker-content {
  margin: 0;
  line-height: 1.3 ;
  text-align: right;
  color: #666666;
}
@media only screen and (max-width: 480px) {
  .tickerContainer .ticker-content {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 760px) {
  .tickerContainer .ticker-content {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1079px) and (max-width: 1919px) {
  .tickerContainer .ticker-content {
    font-size: 1.5rem ;
  }
}
@media only screen and (min-width: 1920px) {
  .tickerContainer .ticker-content {
    font-size: 1.5rem ;
  }
}
.tickerContainer .microsoft {
  padding-left: 1.5em;
  position: relative;
}
body.phone .tickerContainer {
  flex: 0 0 auto;
}
.tooltips {
  position: absolute;
  width: auto;
  left: 0;
  top: -5rem;
  z-index: 5;
}
.tooltips .tip {
  margin: 1rem auto;
  padding: 1rem 2rem;
  border-radius: 15px;
  opacity: 0.9;
}
.tooltips .tip.error {
  background: red;
  color: white;
}
.tooltips .tip.success {
  background: green;
}
.tooltips .tip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 1rem 1rem 0 1rem;
  border-style: solid;
  border-color: red transparent transparent transparent;
  bottom: 0;
  left: 1rem;
  margin-left: 2rem;
}
/*
 * voting settings
 */
.vote-container {
  background: #ededed;
}
.vote-container .voting-option-image > img {
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}
.vote-container .voting-option-image.vote-winner > img {
  height: auto;
  width: 100%;
}
.vote-container .vote-option-image img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.vote-container .tooltips {
  position: absolute;
  width: auto;
  left: 0;
  bottom: 5rem;
  z-index: 5;
  top: auto;
}
.vote-container .error-content {
  display: flex;
  align-items: center;
}
.vote-container .error-content .error {
  background: #ffffff;
  border-radius: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 2rem;
}
.vote-container .fill-container {
  background: #ffffff;
  width: 100%;
  margin: 0 0 1rem;
  min-height: 10rem;
  padding: 0 0;
  font-size: 2rem;
  flex: 0 0 auto;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.vote-container .fill-container .fill {
  position: absolute;
  left: 0;
  z-index: 0;
  top: 0;
  height: 100%;
}
.vote-container .fill-container .voting-option-name {
  padding: 2rem 2rem 0;
}
.vote-container .fill-container .voting-option-count,
.vote-container .fill-container .voting-option-name {
  position: relative;
  z-index: 1;
  margin: 0;
  max-width: 100%;
}
.vote-container .fill-container .voting-option-count {
  font-weight: bold;
  padding: 1rem 2rem 2rem;
}
.vote-container .vote-result .voting-option-0 .fill {
  background: #4FD2C2 !important;
}
.vote-container .vote-result .voting-option-0 svg path.c3-arc:not(.c3-arc-left) {
  fill: #4FD2C2 !important;
}
.vote-container .vote-result .voting-option-1 .fill {
  background: #FCAB52 !important;
}
.vote-container .vote-result .voting-option-1 svg path.c3-arc:not(.c3-arc-left) {
  fill: #FCAB52 !important;
}
.vote-container .vote-result .voting-option-2 .fill {
  background: #BB77FF !important;
}
.vote-container .vote-result .voting-option-2 svg path.c3-arc:not(.c3-arc-left) {
  fill: #BB77FF !important;
}
.vote-container .vote-result .voting-option-3 .fill {
  background: purple !important;
}
.vote-container .vote-result .voting-option-3 svg path.c3-arc:not(.c3-arc-left) {
  fill: purple !important;
}
.vote-container .vote-result .voting-option-4 .fill {
  background: blue !important;
}
.vote-container .vote-result .voting-option-4 svg path.c3-arc:not(.c3-arc-left) {
  fill: blue !important;
}
.vote-container .vote-result .voting-option-5 .fill {
  background: #4FD2C2 !important;
}
.vote-container .vote-result .voting-option-5 svg path.c3-arc:not(.c3-arc-left) {
  fill: #4FD2C2 !important;
}
.vote-container .vote-result .voting-option-6 .fill {
  background: red !important;
}
.vote-container .vote-result .voting-option-6 svg path.c3-arc:not(.c3-arc-left) {
  fill: red !important;
}
.vote-container .vote-result .voting-option-7 .fill {
  background: green !important;
}
.vote-container .vote-result .voting-option-7 svg path.c3-arc:not(.c3-arc-left) {
  fill: green !important;
}
.vote-container .vote-result .voting-option-8 .fill {
  background: yellow !important;
}
.vote-container .vote-result .voting-option-8 svg path.c3-arc:not(.c3-arc-left) {
  fill: yellow !important;
}
.vote-container .vote-result .voting-option-9 .fill {
  background: #ffffff !important;
}
.vote-container .vote-result .voting-option-9 svg path.c3-arc:not(.c3-arc-left) {
  fill: #ffffff !important;
}
.vote-container .vote-list,
.vote-container .vote-detail-container {
  display: flex;
  align-items: center;
  overflow: auto;
  align-content: center;
}
.vote-container .vote-name {
  padding: 2rem 2rem 0;
  font-size: 2rem;
  line-height: 3rem;
  text-align: center;
  flex: 0 0 auto;
}
.vote-container .vote-list {
  background: #ededed;
  flex: 1 1 auto;
}
.vote-container .bottom-bar {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  background: #ffffff;
  flex-direction: row;
}
.vote-container .bottom-bar .btn-wrapper {
  position: relative;
  width: auto;
  flex: 1 1 auto;
  padding: 0;
}
.vote-container .bottom-bar .btn-wrapper > p {
  cursor: pointer;
  transition: all 125ms ease-in-out;
}
.vote-container .bottom-bar .btn-wrapper > p:hover {
  transform: scale(1.05);
  opacity: 0.8;
}
.vote-container .vote-list-item,
.vote-container .vote-option-list-item,
.vote-container .fill-container {
  text-align: center;
  cursor: pointer;
}
.vote-container .vote-list-item,
.vote-container .vote-option-list-item {
  margin: 1% 1% 0;
}
.vote-container .vote-list-item,
.vote-container .vote-option-list-item {
  flex: 1 0 auto;
  border-bottom: 0;
}
.vote-container .vote-list-item .vote-list-item-text,
.vote-container .vote-option-list-item .vote-list-item-text {
  background: #ffffff;
  padding: 0 0 2rem;
}
.vote-container .vote-list-item:last-child,
.vote-container .vote-option-list-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.vote-container .vote-list-item.has-image .name,
.vote-container .vote-option-list-item.has-image .name {
  border-top: 1px solid #C1C1C1;
}
.vote-container .vote-list-item .name,
.vote-container .vote-option-list-item .name {
  padding: 2rem 2rem 0;
  margin: 0;
  font-size: 2rem;
  line-height: 2.5rem;
}
.vote-container .vote-list-item img,
.vote-container .vote-option-list-item img {
  max-width: 100%;
  max-height: 16.5rem;
}
.vote-container .vote-list-item img.ip,
.vote-container .vote-option-list-item img.ip {
  max-height: none;
  width: 100%;
}
.vote-container .vote-list-item img.ip + .name,
.vote-container .vote-option-list-item img.ip + .name,
.vote-container .vote-list-item img.default-src + .name,
.vote-container .vote-option-list-item img.default-src + .name {
  border-top: 1px solid #C1C1C1;
}
@media (min-width: 1024px) {
  .vote-container .bottom-bar {
    flex: 0 0 8rem;
    align-items: center;
    justify-content: center;
  }
  .vote-container .bottom-bar .btn-wrapper {
    width: 30%;
    min-width: 35rem;
    padding: 1rem 2rem;
    flex: 0 0 auto;
  }
  .vote-container .vote-list,
  .vote-container .vote-detail-container,
  .vote-container .vote-detail {
    /* scroll error justify-content: center; */
  }
  .vote-container .vote-list .bottom-bar,
  .vote-container .vote-detail-container .bottom-bar,
  .vote-container .vote-detail .bottom-bar {
    flex: 0 0 6rem;
  }
  .vote-container .vote-list-item,
  .vote-container .vote-option-list-item {
    border-bottom: 0;
    width: 55%;
    flex: 0 0 auto;
    border-radius: 15px;
    overflow: hidden;
    padding: 0;
  }
  .vote-container .vote-list-item .name,
  .vote-container .vote-option-list-item .name {
    padding: 2rem 2rem 0;
  }
  .vote-container .vote-list-item.has-image,
  .vote-container .vote-option-list-item.has-image {
    min-height: 26rem;
  }
  .vote-container .vote-list-item.has-image .vote-list-item-text,
  .vote-container .vote-option-list-item.has-image .vote-list-item-text {
    border-radius: 0 0 10px 10px;
  }
  .vote-container .fill-container {
    margin: 0 0 2rem;
  }
}
section.webLink {
  height: 100%;
  display: flex;
  flex-direction: column;
}
section.webLink .menuSplitContent {
  background: #ededed;
}
section.webLink .webLink-list-item {
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  background: #ffffff;
  justify-content: center;
}
section.webLink .webLink-list-item .webLink-list-item-text,
section.webLink .webLink-list-item img {
  flex: 0 0 auto;
}
section.webLink .webLink-list-item img {
  max-height: 6rem;
}
section.webLink .menuSplitContent {
  display: flex;
  flex-direction: row;
}
section.webLink .menuSplitContent iframe {
  height: 100%;
  max-width: 100%;
  flex: 1 1 auto;
}
/*
 * THIN
 */
@font-face {
  font-family: 'Roboto';
  src: url(/47dec0babef3753113fa.woff2) format('woff2'), url(/66fae3ba4277ef21efbd.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/2c821b649b12ec42085c.woff2) format('woff2'), url(/36d4d7910d9b4493a95e.woff) format('woff');
  font-weight: 100;
  font-style: italic;
}
/*
 * LIGHT
 */
@font-face {
  font-family: 'Roboto';
  src: url(/3fbe80dcdafefba7c753.woff2) format('woff2'), url(/ff6f74baf0ea2e5b10a8.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/4ade089c8798d82d29b0.woff2) format('woff2'), url(/46c45565c028a887134f.woff) format('woff');
  font-weight: 300;
  font-style: italic;
}
/*
 * REGULAR
 */
@font-face {
  font-family: 'Roboto';
  src: url(/706a6e3bbccd90999b40.woff2) format('woff2'), url(/737c190c3d938dfbc50b.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/9dfc8b34cc76bcbd4238.woff2) format('woff2'), url(/b709e10794425a696145.woff) format('woff');
  font-weight: 500;
  font-style: italic;
}
/*
 * BOLD
 */
@font-face {
  font-family: 'Roboto';
  src: url(/8c58e84e0d73deb3f25c.woff2) format('woff2'), url(/9eba4984450bbca9ce43.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/ae8e36cee2c09976f9a2.woff2) format('woff2'), url(/f336d84be48b8fa8e29b.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}
/*
 * BOLDER
 */
@font-face {
  font-family: 'Roboto';
  src: url(/46e92bfae26ee89207f5.woff2) format('woff2'), url(/978f3b40376878ae8666.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url(/b162853de6c47ca0c385.woff2) format('woff2'), url(/f3486e6a340c015ef456.woff) format('woff');
  font-style: italic;
  font-weight: 900;
}
@-moz-document url-prefix() {
  /*
   * hide scrollbar, bad hack
   * TODO think about better one
   */
  * {
    scrollbar-width: none;
  }
  .mealDetail .tabs {
    overflow: auto;
  }
  .sideBar {
    overflow-x: hidden;
  }
  .scroll-container:not(.landscape) {
    overflow-x: hidden;
  }
  .scroll-container:not(.landscape) .scroll-container-content {
    margin-right: -1.75rem !important;
    overflow: auto;
    max-width: 100%;
    overflow-x: hidden;
  }
  .scroll-container:not(.landscape) .scroll-container-content .mealFeedback,
  .scroll-container:not(.landscape) .scroll-container-content .recipe-list {
    padding-right: 1.75rem;
  }
  .scroll-container.landscape {
    overflow-y: hidden;
  }
  .scroll-container.landscape .scroll-container-content {
    max-height: none;
    overflow: hidden;
    overflow-y: hidden;
  }
  body:not(.portrait) .sideBar .sidebar-content {
    margin-right: -1.75rem;
    padding-right: 1.75rem;
    flex: 1 0 9.75rem;
    width: 9.75rem;
    overflow-x: hidden;
  }
  .mealDetail .nutritionalChartsWrapper .nutritionalCharts .chartWrapper {
    min-height: 18rem !important;
  }
  .contentCenter {
    overflow-x: hidden !important;
  }
  .mealDetail .tabs .tab-content .active {
    height: 100%;
  }
  .default-list-wrapper .default-list-mapper .default-list-item .default-list-item-container .default-list-item-image {
    overflow: hidden;
  }
  .settings .filterAccordionPanel {
    flex: 1 1 auto;
  }
  .settings .desktopView .mainSettings {
    width: 100%;
  }
  .feedback-detail .scroll-container .scroll-container-content,
  .settings .filterAccordionPanel .filter.filterWrapper,
  .settings .filterAccordionPanel .tab-content .filterWrapper,
  .scroll-container .scroll-indicator-wrapper {
    margin-right: -1.75rem;
    padding-right: 1.75rem;
    overflow: auto;
    overflow-x: hidden;
    max-width: none !important;
  }
  .scroll-container .scroll-indicator-wrapper {
    right: 0 !important;
  }
  .settings .filterAccordionPanel .tab-content,
  .menu .menuListWrapper,
  .settings .desktopView .mainSettings {
    overflow-x: hidden !important;
  }
  .scroll-container .scroll-backward::after,
  .scroll-container .scroll-forward::after {
    top: 50%;
    margin-top: -2rem;
  }
  .settings .filter .tab-content > .active {
    padding-bottom: 6rem;
  }
  .sideBar.portrait .sidebar-content,
  .scroll-container.landscape {
    width: 100%;
  }
  body.mozilla-57 .scroll-container .scroll-container-content {
    margin: 0;
    padding: 0;
  }
}
body.mozilla.portrait .sideBar + div,
body.mozilla.portrait .sideBar + .menuSplitContent {
  min-height: 0;
}
body.mozilla .menu .menuListWrapper {
  margin-right: -1.75rem;
  padding-right: 1.75rem;
  overflow-x: hidden;
  overflow-y: auto;
}
body.mozilla .menu .menuListWrapper .meal .image-meal {
  max-height: none;
}
body.mozilla .vote-container .vote-list-item,
body.mozilla .vote-container .vote-option-list-item {
  margin: 2rem 1% 0;
}
body.mozilla .menu .menuListWrapper .meal .features .feature .imageWrapper .image-feature {
  height: 3rem;
}
body.msie #app .topBar .outlet-logo {
  flex: 0 0 auto;
}
body.msie .select select {
  color: #000000;
}
body.msie .feedback-list-item .imageWrapper .imageWrapperContent,
body.msie .news-container .list .newsIimageWrapper .newsImageWrapperContent {
  overflow: hidden;
}
body.msie .feedback-list-item .imageWrapper .imageWrapperContent img,
body.msie .news-container .list .newsIimageWrapper .newsImageWrapperContent img {
  width: auto !important;
}
body.msie .recipe-container .recipe-nutritional-information-wrapper .recipe-nutritional-information-title {
  max-width: 100%;
}
body.msie .content-container.recipe-split-content {
  width: 100%;
}
body.msie .meal-content-wrapper .signal img {
  max-width: 8rem !important;
}
body.msie .menuList .image-signal {
  max-height: 2rem;
}
body.msie .recipe-detail-main-content > .scroll-container {
  height: 100%;
}
body.msie .recipe-detail-main-content > .scroll-container .scroll-container-content {
  flex: 1 1 100%;
}
@media all and (max-width: 960px) {
  body.msedge .menu .menuListWrapper,
  body.msie .menu .menuListWrapper {
    flex: 0 0 auto;
  }
}
@media all and (max-width: 960px) and (orientation: portrait) {
  body.msedge.phone .vote-container .vote-list-item,
  body.msie.phone .vote-container .vote-list-item,
  body.msedge.phone .vote-container .vote-option-list-item,
  body.msie.phone .vote-container .vote-option-list-item {
    padding: 0.5rem 0.25rem 0;
    margin: 0;
  }
  body.msedge.phone #app .topBar.phone,
  body.msie.phone #app .topBar.phone {
    height: 6.5rem;
  }
  body.msedge.phone #app .topBar.phone .iconLeft,
  body.msie.phone #app .topBar.phone .iconLeft,
  body.msedge.phone #app .topBar.phone .iconRight,
  body.msie.phone #app .topBar.phone .iconRight {
    height: 6.5rem;
    width: 6.5rem;
  }
  body.msedge.phone #app .topBar.phone .iconLeft i,
  body.msie.phone #app .topBar.phone .iconLeft i,
  body.msedge.phone #app .topBar.phone .iconRight i,
  body.msie.phone #app .topBar.phone .iconRight i {
    font-size: 3rem;
  }
}
@media all and (min-width: 960px) and (orientation: portrait) {
  .portrait .sideBar + div,
  .portrait .sideBar + .menuSplitContent {
    min-height: 0;
  }
}
@media all and (min-width: 960px) and (orientation: landscape) {
  body.msedge .menu .menuListWrapper .category-wrapper .categoryImageWrapper,
  body.msie .menu .menuListWrapper .category-wrapper .categoryImageWrapper,
  body.msedge .menu .menuListWrapper .meal-wrapper .categoryImageWrapper,
  body.msie .menu .menuListWrapper .meal-wrapper .categoryImageWrapper {
    min-height: 1px;
  }
}
@media (min-width: 320px) {
  body.msie .menu .menuListWrapper .category-wrapper .categoryImageWrapper {
    min-height: 1px;
  }
}
body.msedge .select::after,
body.msie .select::after {
  height: 4rem;
  line-height: 100%;
}
body.msedge input,
body.msie input,
body.msedge textarea,
body.msie textarea {
  -ms-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}
body.msedge.phone .mealDetail .tabs,
body.msie.phone .mealDetail .tabs {
  min-height: 1px;
}
body.msedge .scroll-container .scroll-forward::after,
body.msie .scroll-container .scroll-forward::after,
body.msedge .scroll-container .scroll-backward::after,
body.msie .scroll-container .scroll-backward::after {
  position: relative;
}
body.msedge .contact-container .contact-content .contact,
body.msie .contact-container .contact-content .contact,
body.msedge .contact-container .split-content,
body.msie .contact-container .split-content,
body.msedge .mealFeedback,
body.msie .mealFeedback {
  min-height: 1px;
}
body.msedge #app .topBar .middle .headerContent .select::after,
body.msie #app .topBar .middle .headerContent .select::after {
  height: 4.25rem;
  line-height: 100%;
}
body.msedge #app .topBar,
body.msie #app .topBar {
  position: relative;
}
body.msedge .menu .menuListWrapper .meal .features .feature .imageWrapper .image-feature,
body.msie .menu .menuListWrapper .meal .features .feature .imageWrapper .image-feature {
  height: 3rem;
}
body.msedge .menu .menuListWrapper .meal .meal-list-image-wrapper,
body.msie .menu .menuListWrapper .meal .meal-list-image-wrapper {
  min-height: 1px;
}
body.msedge .menu .menuListWrapper .meal .meal-list-image-wrapper .image-meal,
body.msie .menu .menuListWrapper .meal .meal-list-image-wrapper .image-meal {
  flex: 0 1 auto;
  max-height: none;
}
body.msedge .menu .menuListWrapper .meal .additionalInformation .signal img,
body.msie .menu .menuListWrapper .meal .additionalInformation .signal img {
  flex: 0 0 auto;
}
body.msedge #app .topBar .logo,
body.msie #app .topBar .logo {
  max-width: none;
  width: auto;
  height: 100%;
  flex: 0 0 auto;
}
body.msedge #app .topBar .logo img,
body.msie #app .topBar .logo img {
  -ms-interpolation-mode: bicubic;
  display: block;
  height: 100%;
  width: auto;
}
body.msedge #app .topBar .logo .logo-image-wrapper,
body.msie #app .topBar .logo .logo-image-wrapper {
  max-width: none;
}
body.msedge .mealDetail .tabs .tab-content .active,
body.msie .mealDetail .tabs .tab-content .active {
  height: 100%;
  overflow: hidden;
}
body.msedge .mealDetail .image,
body.msie .mealDetail .image {
  flex: 0 1 35%;
}
body.msedge .sideBar svg,
body.msie .sideBar svg {
  pointer-events: all;
}
body.msedge select:focus::-ms-value,
body.msie select:focus::-ms-value {
  background: transparent;
  color: #666666;
}
body.msedge .select select.active[disabled] .select select.active:disabled,
body.msie .select select.active[disabled] .select select.active:disabled {
  color: #ffffff !important;
}
body.msedge .news-container .list-wrapper,
body.msie .news-container .list-wrapper {
  width: 100%;
}
body.msedge .scroll-container .scroll-bottom:after,
body.msie .scroll-container .scroll-bottom:after,
body.msedge .scroll-container .scroll-top:after,
body.msie .scroll-container .scroll-top:after {
  line-height: 100%;
}
body.msedge .scroll-container .scroll-bar-content,
body.msie .scroll-container .scroll-bar-content {
  padding: 4em 0;
}
body.msedge .sideBar .scroll-bottom:after,
body.msie .sideBar .scroll-bottom:after,
body.msedge .sideBar .scroll-top:after,
body.msie .sideBar .scroll-top:after {
  line-height: 2.5em;
}
body.msedge .news-container .pagination li.first:after,
body.msie .news-container .pagination li.first:after,
body.msedge .news-container .pagination li.before:after,
body.msie .news-container .pagination li.before:after,
body.msedge .news-container .pagination li.last:after,
body.msie .news-container .pagination li.last:after,
body.msedge .news-container .pagination li.next:after,
body.msie .news-container .pagination li.next:after,
body.msedge .contact-container .contact-content .bottom-bar a:before,
body.msie .contact-container .contact-content .bottom-bar a:before {
  line-height: 100%;
}
body.msedge .mealDetail .rightContent,
body.msie .mealDetail .rightContent {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
}
body.msedge .standalone-config.settings .row input:not(.checkbox),
body.msie .standalone-config.settings .row input:not(.checkbox) {
  height: 7rem;
}
body.msedge .menuToolBar .menu-toggle-personal-filter-wrapper .menuTogglePersonalFilter .label,
body.msie .menuToolBar .menu-toggle-personal-filter-wrapper .menuTogglePersonalFilter .label {
  height: 4.75rem;
  padding: 1rem 0.5rem 0.5rem;
}
body.msedge .settings .select:after,
body.msie .settings .select:after {
  height: 2rem;
  line-height: 100%;
}
body.msedge .modal-filter-wrapper .tabs,
body.msie .modal-filter-wrapper .tabs,
body.msedge .settings .tabs,
body.msie .settings .tabs {
  width: 100%;
}
body.msedge .modal-filter-wrapper .footer .policy-links,
body.msie .modal-filter-wrapper .footer .policy-links,
body.msedge .settings .footer .policy-links,
body.msie .settings .footer .policy-links {
  justify-content: flex-start;
}
body.msedge .modal-filter-wrapper .desktopView,
body.msie .modal-filter-wrapper .desktopView,
body.msedge .settings .desktopView,
body.msie .settings .desktopView {
  max-height: 100%;
  overflow: hidden;
}
body.msedge .modal-filter-wrapper .desktopView .filterAccordionPanel,
body.msie .modal-filter-wrapper .desktopView .filterAccordionPanel,
body.msedge .settings .desktopView .filterAccordionPanel,
body.msie .settings .desktopView .filterAccordionPanel {
  overflow: hidden;
}
body.msedge .modal-filter-wrapper .filterAccordionPanel .tab-content,
body.msie .modal-filter-wrapper .filterAccordionPanel .tab-content,
body.msedge .settings .filterAccordionPanel .tab-content,
body.msie .settings .filterAccordionPanel .tab-content {
  -ms-flex-direction: column;
  flex-direction: column;
}
@media all and (min-width: 1024px) {
  body.msedge .filterWrapper > div .name,
  body.msie .filterWrapper > div .name {
    max-height: 8.5rem !important;
  }
  body.msedge .settings .select:after,
  body.msie .settings .select:after {
    height: 3rem;
  }
  body.msedge .settings .footer,
  body.msie .settings .footer {
    height: 8rem;
  }
  body.msedge .menuToolBar .select:after,
  body.msie .menuToolBar .select:after {
    height: 3.5rem;
  }
  body.msedge .menuToolBar .menu-toggle-personal-filter-wrapper .menuTogglePersonalFilter .label,
  body.msie .menuToolBar .menu-toggle-personal-filter-wrapper .menuTogglePersonalFilter .label {
    height: 4.5rem;
    padding: 0.5rem;
  }
}
@media all and (min-width: 1081px) {
  body.msie .filterWrapper > div {
    flex: 0 1 47%;
  }
}
@media (min-width: 1921px) {
  body.msie .filterWrapper > div {
    flex: 0 1 31%;
  }
}
@media all and (min-width: 1024px) {
  body.msie #app .topBar .modul-navigation .svgWrapper div:first-child {
    max-width: 10rem;
  }
  body.msie #app .topBar .modul-navigation .svgWrapper .chevron {
    width: 6rem;
  }
}
@media all and (min-width: 1024px) {
  body.msedge #app .topBar .language-flags,
  body.msie #app .topBar .language-flags {
    flex: 1 1 auto;
    min-width: 28rem;
  }
  body.msedge .vote-container .vote-list-item,
  body.msie .vote-container .vote-list-item,
  body.msedge .vote-container .vote-option-list-item,
  body.msie .vote-container .vote-option-list-item {
    margin: 1rem;
  }
}
@media (orientation: landscape) and (min-width: 1000px) {
  .mealDetail .detailInformation .col {
    flex: 1 1 31%;
  }
}
@supports (-ms-ime-align:auto) {
  .settings .filterAccordionPanel .tab-content {
    margin-bottom: 4rem;
  }
}
/* Screen Only */
@media screen {
  .noshow {
    display: none !important;
  }
}
/* Print Only */
@media print {
  html,
  body {
    height: auto !important;
  }
  .noprint {
    display: none !important;
  }
  .noshow {
    display: block !important;
  }
  .scroll-container {
    display: inline  !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  .sideBar + div {
    width: auto !important;
    min-height: auto !important;
    overflow: visible !important;
  }
  .content-center,
  .recipe-container,
  .recipe-detail-content {
    display: inline !important;
  }
  .recipe-detail-content > div {
    float: right !important;
    width: 50% !important;
  }
}
body.safari.phone * {
  -webkit-overflow-scrolling: touch;
}
body.safari #app {
  margin-top: constant(safe-area-inset-top);
  margin-top: env(safe-area-inset-top);
}
body.safari .bottombar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
body.safari .d-flex > .h-100 {
  height: inherit !important;
  align-self: stretch;
}
body.safari .select select {
  overflow: hidden;
}
body.safari .scroll-container-content {
  -webkit-overflow-scrolling: touch;
}
body.safari .news-container .title {
  text-overflow: clip;
}
body.safari .menu .menuListWrapper .meal {
  height: auto;
}
body.safari .menu .menuListWrapper .meal-wrapper {
  display: flex;
}
body.safari .news-container .list-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  width: 100%;
}
body.safari .news-container .list-wrapper > .default-list-wrapper.h-100 {
  height: auto !important;
}
body.safari .filterWrapper > div .name {
  text-overflow: clip;
}
body.safari .mealDetail .nutritionalChartsOuterWrapper,
body.safari .mealFeedback {
  height: auto;
}
body.safari .feedback-container .feedback-content {
  width: 100%;
}
body.safari .feedback-detail {
  height: auto;
  flex: 1 1 auto;
}
body.safari .mealDetail .tabs .tab-content {
  max-height: 100%;
  height: auto;
}
body.safari .vote-container .vote-list {
  max-height: 100%;
}
body.safari #app .topBar .logo {
  max-width: 30%;
}
@media (min-width: 650px) {
  body.safari.phone #app .topBar.phone {
    height: 6.5rem;
  }
  body.safari.phone #app .topBar.phone .iconLeft,
  body.safari.phone #app .topBar.phone .iconRight {
    height: 6.5rem;
    width: 6.5rem;
  }
  body.safari.phone #app .topBar.phone .iconLeft i,
  body.safari.phone #app .topBar.phone .iconRight i {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 1079px) {
  body.mac #app .vote-detail-container .default-list-wrapper,
  body.mac #app .webLink > .default-list-wrapper {
    flex: 1 1 auto;
  }
}
@media (min-width: 640px) {
  body.ios #app .topBar .logo {
    height: 100%;
  }
}
/*
 * import external libs
 */
html {
  font-size: 10px;
}
html,
body {
  font-family: "Roboto", Helvetica, Arial, sans-serif !important;
  height: 100vh;
  width: 100vw;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  -ms-overflow-style: none;
  position: relative;
  /* TODO Clean up after style guide */
}
html.ReactModal__Body--open,
body.ReactModal__Body--open {
  overflow: hidden;
}
html ::-webkit-scrollbar,
body ::-webkit-scrollbar {
  display: none;
}
html *,
body * {
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
html * ::-webkit-scrollbar,
body * ::-webkit-scrollbar {
  display: none;
}
html .content-center,
body .content-center,
html .contentCenter,
body .contentCenter {
  display: flex;
  overflow: auto;
  position: relative;
  flex-direction: row;
  flex: 1;
}
html img.is-blank,
body img.is-blank {
  height: 0;
  width: 0;
  flex: 0 0 0;
}
html .fa-font,
body .fa-font {
  font-family: "Font Awesome 6 Pro", "Roboto", Helvetica, Arial, sans-serif;
}
html #app,
body #app {
  min-height: 100%;
  display: flex;
  flex-flow: column nowrap;
  background: #ffffff url(/7fa818dfa3a2977e4b98.jpg) no-repeat;
  background-size: cover;
}
html #app .main-content-wrapper,
body #app .main-content-wrapper {
  flex: 1 1 auto;
}
@media only screen and (min-width: 1079px) {
  html #app,
  body #app {
    height: 100%;
  }
}
@media only screen and (min-width: 1079px) {
  html #app > div,
  body #app > div {
    height: 100%;
  }
}
body:not(.responsive) {
  min-width: 1280px;
  min-height: 740px;
}