@charset "utf-8";
/** ------------------------------------------------------------------------------------
 *
 * Basics – Variables
 *
 * ---------------------------------------------------------------------------------- */
/*
 * Layout
 * ---------------------------------------------------------------------------------- */
/*
 * Colors
 * ---------------------------------------------------------------------------------- */
/** ------------------------------------------------------------------------------------
 *
 * Basics – Media queries
 *
 * ---------------------------------------------------------------------------------- */
/** ------------------------------------------------------------------------------------
 *
 * Basics – Fonts
 *
 * ---------------------------------------------------------------------------------- */
@font-face {
  font-family: 'Lora';
  font-weight: 400;
  font-style: normal;
  src: url('assets/fonts/Lora-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-weight: 400;
  font-style: italic;
  src: url('assets/fonts/Lora-Italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-weight: 500;
  font-style: normal;
  src: url('assets/fonts/Lora-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-weight: 500;
  font-style: italic;
  src: url('assets/fonts/Lora-MediumItalic.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-weight: 800;
  font-style: normal;
  src: url('assets/fonts/Lora-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Lora';
  font-weight: 800;
  font-style: italic;
  src: url('assets/fonts/Lora-BoldItalic.woff2') format('woff2');
}
@font-face {
  font-family: "Competition";
  src: url('assets/fonts/CompetitionSolidRegular/font.woff2') format('woff2'), url('assets/fonts/CompetitionSolidRegular/font.woff') format('woff');
}
@font-face {
  font-family: "Competition Condensed";
  src: url('assets/fonts/CompetitionSolidCondensed/font.woff2') format('woff2'), url('assets/fonts/CompetitionSolidCondensed/font.woff') format('woff');
}
/** ------------------------------------------------------------------------------------
 *
 * Basics – Typography
 *
 * ---------------------------------------------------------------------------------- */
body {
  font-family: 'Lora', serif;
  font-size: 18px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.01em;
  color: #191919;
  font-weight: 500;
}
@media only screen and ( max-width: 1440px ) {
  body {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
}
/*
 * Headlines
 * ---------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
.t-h1,
.t-h2,
.t-h3,
.t-h4 {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
}
h1,
.t-h1 {
  font-size: 42px;
}
@media only screen and ( max-width: 1440px ) {
  h1,
  .t-h1 {
    font-size: calc(42/1440 * 100vw);
  }
}
@media all and (max-width: calc(32 / (42/1440) * 1px)) {
  h1,
  .t-h1 {
    font-size: 32px;
  }
}
@media all and (max-width: 400px) {
  h1,
  .t-h1 {
    font-size: calc(30/393 * 100vw);
  }
}
h1.has--bg span,
.t-h1.has--bg span {
  line-height: calc(63/42);
}
.has--bg {
  display: inline-block;
}
.has--bg span {
  display: inline-block;
  padding: 0 8px;
  margin: 3px 0;
  background-color: #ED0006;
  color: #FFFFFF;
}
h2,
.t-h2 {
  font-size: 36px;
}
@media only screen and ( max-width: 1440px ) {
  h2,
  .t-h2 {
    font-size: calc(36/1440 * 100vw);
  }
}
@media all and (max-width: calc(30 / (36/1440) * 1px)) {
  h2,
  .t-h2 {
    font-size: 30px;
  }
}
h3,
.t-h3 {
  font-size: 30px;
}
@media only screen and ( max-width: 1440px ) {
  h3,
  .t-h3 {
    font-size: calc(30/1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  h3,
  .t-h3 {
    font-size: 24px;
  }
}
h3.has--bg span,
.t-h3.has--bg span {
  line-height: calc(41/30);
}
.t-h3--secondary {
  font-family: 'Lora', serif;
  letter-spacing: 0.01em;
  font-weight: 500 !important;
}
h4,
.t-h4,
.t-h4 p,
.t-h4 a {
  font-size: 22px;
  font-weight: 400;
}
@media only screen and ( max-width: 1440px ) {
  h4,
  .t-h4,
  .t-h4 p,
  .t-h4 a {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  h4,
  .t-h4,
  .t-h4 p,
  .t-h4 a {
    font-size: 18px;
  }
}
/*
 * Paragraphs
 * ---------------------------------------------------------------------------------- */
p,
li,
blockquote {
  margin: 0;
  padding: 0;
}
p,
li,
.t-p--copy,
.t-p--copy p {
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and ( max-width: 1440px ) {
  p,
  li,
  .t-p--copy,
  .t-p--copy p {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  p,
  li,
  .t-p--copy,
  .t-p--copy p {
    font-size: 16px;
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .col--team p,
  .col--team li,
  .col--team .t-p--copy,
  .col--team .t-p--copy p {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .col--team p,
  .col--team li,
  .col--team .t-p--copy,
  .col--team .t-p--copy p {
    font-size: 12px;
  }
}
.t-p--small,
.t-p--small a,
.t-p--small p,
.t-p--small li {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and ( max-width: 1440px ) {
  .t-p--small,
  .t-p--small a,
  .t-p--small p,
  .t-p--small li {
    font-size: calc(14/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .t-p--small,
  .t-p--small a,
  .t-p--small p,
  .t-p--small li {
    font-size: 12px;
  }
}
.t-p--large {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  font-family: 'Lora', serif;
  letter-spacing: 0.01em;
  font-weight: 500;
}
@media only screen and ( max-width: 1440px ) {
  .t-p--large {
    font-size: calc(30/1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  .t-p--large {
    font-size: 24px;
  }
}
.t-p--large.has--bg span {
  line-height: calc(41/30);
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  .t-p--large {
    font-size: 24px;
  }
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  .col--team .t-p--large {
    font-size: calc(30/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (30/1440) * 1px)) {
  .col--team .t-p--large {
    font-size: 16px;
  }
}
.t--menu,
.t--btn {
  font-family: 'Competition Condensed', sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.06em;
}
.t--menu--mobile {
  font-size: 22px;
}
/**
 * Lists
 * ---------------------------------------------------------------------------------- */
.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--links a {
  width: auto !important;
}
.list--border {
  width: 100%;
}
.list--border li {
  position: relative;
}
.list--border li:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  left: 0;
}
.list--border li:last-child:after {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.2);
  left: 0;
}
.list--border li a .a--inner {
  transition: 0.3s;
}
.list--border li a .a--inner:hover {
  transform: translateX(10px);
}
.bt {
  border-top: 1px solid #191919;
}
.bb {
  border-bottom: 1px solid #191919;
}
@media only screen and ( max-width: 1024px ) {
  .bb--md {
    border-bottom: 1px solid #191919;
  }
}
@media only screen and ( max-width:  640px ) {
  .bb--xs {
    border-bottom: 1px solid #191919;
  }
}
/**
 * Table
 * ---------------------------------------------------------------------------------- */
table {
  height: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
table th,
table td {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
}
@media only screen and ( max-width: 1280px ) {
  table th,
  table td {
    font-size: 13px;
  }
}
@media only screen and ( max-width:  640px ) {
  table th,
  table td {
    font-size: 16px;
  }
}
table th {
  text-align: left;
}
/**
 * Et cetera
 * ---------------------------------------------------------------------------------- */
strong {
  font-weight: 800;
}
.t-color--red {
  color: #FF2E2E;
}
.t-color--messing {
  color: #CDAF87;
}
.t--wysiwyg h1,
.t--wysiwyg h2,
.t--wysiwyg h3,
.t--wysiwyg h4 {
  padding-top: 1em;
  padding-bottom: 16px;
}
.t--wysiwyg h1:first-child,
.t--wysiwyg h2:first-child,
.t--wysiwyg h3:first-child,
.t--wysiwyg h4:first-child {
  padding-top: 0;
}
.t--wysiwyg h1 {
  padding-bottom: 0.875em;
}
.t--wysiwyg p,
.t--wysiwyg ul,
.t--wysiwyg ol {
  padding-bottom: 16px;
}
.t--wysiwyg li {
  font-weight: 800;
  padding-bottom: 8px;
}
.t--wysiwyg p,
.t--wysiwyg ul,
.t--wysiwyg ol,
.t--wysiwyg li {
  margin: 0;
}
.t--wysiwyg p:first-child,
.t--wysiwyg ul:first-child,
.t--wysiwyg ol:first-child,
.t--wysiwyg li:first-child {
  padding-top: 0;
}
.t--wysiwyg p:last-child,
.t--wysiwyg ul:last-child,
.t--wysiwyg ol:last-child,
.t--wysiwyg li:last-child {
  padding-bottom: 0;
}
.t--wysiwyg p + h2,
.t--wysiwyg p + h3 {
  padding-top: 0.75em;
}
.t--wysiwyg ul,
.t--wysiwyg ol {
  padding-left: 1.5em;
}
.t--wysiwyg ol li {
  margin-left: 1.5em;
  padding-left: 0.25em;
}
/*
 * Spacings
 * ---------------------------------------------------------------------------------- */
.pt--0 {
  padding-top: 0px;
}
.pb--0 {
  padding-bottom: 0px;
}
.pl--0 {
  padding-left: 0px;
}
.pr--0 {
  padding-right: 0px;
}
.p--0 {
  padding: 0px;
}
.mt--0 {
  margin-top: 0px;
}
.mb--0 {
  margin-bottom: 0px;
}
.ml--0 {
  margin-left: 0px;
}
.mr--0 {
  margin-right: 0px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--0 {
    padding-top: calc(0 / 1440 * 100vw);
  }
  .pb--0 {
    padding-bottom: calc(0 / 1440 * 100vw);
  }
  .pl--0 {
    padding-left: calc(0 / 1440 * 100vw);
  }
  .pr--0 {
    padding-right: calc(0 / 1440 * 100vw);
  }
  .p--0 {
    padding: calc(0 / 1440 * 100vw);
  }
  .mt--0 {
    margin-top: calc(0 / 1440 * 100vw);
  }
  .mb--0 {
    margin-bottom: calc(0 / 1440 * 100vw);
  }
  .ml--0 {
    margin-left: calc(0 / 1440 * 100vw);
  }
  .mr--0 {
    margin-right: calc(0 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(0 / (0 / 1440) * 1px)) {
  .pt--0 {
    padding-top: 0px;
  }
  .pb--0 {
    padding-bottom: 0px;
  }
  .pl--0 {
    padding-left: 0px;
  }
  .pr--0 {
    padding-right: 0px;
  }
  .p--0 {
    padding: 0px;
  }
  .mt--0 {
    margin-top: 0px;
  }
  .mb--0 {
    margin-bottom: 0px;
  }
  .ml--0 {
    margin-left: 0px;
  }
  .mr--0 {
    margin-right: 0px;
  }
}
.pt--8 {
  padding-top: 8px;
}
.pb--8 {
  padding-bottom: 8px;
}
.pl--8 {
  padding-left: 8px;
}
.pr--8 {
  padding-right: 8px;
}
.p--8 {
  padding: 8px;
}
.mt--8 {
  margin-top: 8px;
}
.mb--8 {
  margin-bottom: 8px;
}
.ml--8 {
  margin-left: 8px;
}
.mr--8 {
  margin-right: 8px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--8 {
    padding-top: calc(8 / 1440 * 100vw);
  }
  .pb--8 {
    padding-bottom: calc(8 / 1440 * 100vw);
  }
  .pl--8 {
    padding-left: calc(8 / 1440 * 100vw);
  }
  .pr--8 {
    padding-right: calc(8 / 1440 * 100vw);
  }
  .p--8 {
    padding: calc(8 / 1440 * 100vw);
  }
  .mt--8 {
    margin-top: calc(8 / 1440 * 100vw);
  }
  .mb--8 {
    margin-bottom: calc(8 / 1440 * 100vw);
  }
  .ml--8 {
    margin-left: calc(8 / 1440 * 100vw);
  }
  .mr--8 {
    margin-right: calc(8 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(8 / (8 / 1440) * 1px)) {
  .pt--8 {
    padding-top: 8px;
  }
  .pb--8 {
    padding-bottom: 8px;
  }
  .pl--8 {
    padding-left: 8px;
  }
  .pr--8 {
    padding-right: 8px;
  }
  .p--8 {
    padding: 8px;
  }
  .mt--8 {
    margin-top: 8px;
  }
  .mb--8 {
    margin-bottom: 8px;
  }
  .ml--8 {
    margin-left: 8px;
  }
  .mr--8 {
    margin-right: 8px;
  }
}
.pt--12 {
  padding-top: 12px;
}
.pb--12 {
  padding-bottom: 12px;
}
.pl--12 {
  padding-left: 12px;
}
.pr--12 {
  padding-right: 12px;
}
.p--12 {
  padding: 12px;
}
.mt--12 {
  margin-top: 12px;
}
.mb--12 {
  margin-bottom: 12px;
}
.ml--12 {
  margin-left: 12px;
}
.mr--12 {
  margin-right: 12px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--12 {
    padding-top: calc(12 / 1440 * 100vw);
  }
  .pb--12 {
    padding-bottom: calc(12 / 1440 * 100vw);
  }
  .pl--12 {
    padding-left: calc(12 / 1440 * 100vw);
  }
  .pr--12 {
    padding-right: calc(12 / 1440 * 100vw);
  }
  .p--12 {
    padding: calc(12 / 1440 * 100vw);
  }
  .mt--12 {
    margin-top: calc(12 / 1440 * 100vw);
  }
  .mb--12 {
    margin-bottom: calc(12 / 1440 * 100vw);
  }
  .ml--12 {
    margin-left: calc(12 / 1440 * 100vw);
  }
  .mr--12 {
    margin-right: calc(12 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (12 / 1440) * 1px)) {
  .pt--12 {
    padding-top: 12px;
  }
  .pb--12 {
    padding-bottom: 12px;
  }
  .pl--12 {
    padding-left: 12px;
  }
  .pr--12 {
    padding-right: 12px;
  }
  .p--12 {
    padding: 12px;
  }
  .mt--12 {
    margin-top: 12px;
  }
  .mb--12 {
    margin-bottom: 12px;
  }
  .ml--12 {
    margin-left: 12px;
  }
  .mr--12 {
    margin-right: 12px;
  }
}
.pt--16 {
  padding-top: 16px;
}
.pb--16 {
  padding-bottom: 16px;
}
.pl--16 {
  padding-left: 16px;
}
.pr--16 {
  padding-right: 16px;
}
.p--16 {
  padding: 16px;
}
.mt--16 {
  margin-top: 16px;
}
.mb--16 {
  margin-bottom: 16px;
}
.ml--16 {
  margin-left: 16px;
}
.mr--16 {
  margin-right: 16px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--16 {
    padding-top: calc(16 / 1440 * 100vw);
  }
  .pb--16 {
    padding-bottom: calc(16 / 1440 * 100vw);
  }
  .pl--16 {
    padding-left: calc(16 / 1440 * 100vw);
  }
  .pr--16 {
    padding-right: calc(16 / 1440 * 100vw);
  }
  .p--16 {
    padding: calc(16 / 1440 * 100vw);
  }
  .mt--16 {
    margin-top: calc(16 / 1440 * 100vw);
  }
  .mb--16 {
    margin-bottom: calc(16 / 1440 * 100vw);
  }
  .ml--16 {
    margin-left: calc(16 / 1440 * 100vw);
  }
  .mr--16 {
    margin-right: calc(16 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (16 / 1440) * 1px)) {
  .pt--16 {
    padding-top: 16px;
  }
  .pb--16 {
    padding-bottom: 16px;
  }
  .pl--16 {
    padding-left: 16px;
  }
  .pr--16 {
    padding-right: 16px;
  }
  .p--16 {
    padding: 16px;
  }
  .mt--16 {
    margin-top: 16px;
  }
  .mb--16 {
    margin-bottom: 16px;
  }
  .ml--16 {
    margin-left: 16px;
  }
  .mr--16 {
    margin-right: 16px;
  }
}
.pt--24 {
  padding-top: 24px;
}
.pb--24 {
  padding-bottom: 24px;
}
.pl--24 {
  padding-left: 24px;
}
.pr--24 {
  padding-right: 24px;
}
.p--24 {
  padding: 24px;
}
.mt--24 {
  margin-top: 24px;
}
.mb--24 {
  margin-bottom: 24px;
}
.ml--24 {
  margin-left: 24px;
}
.mr--24 {
  margin-right: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--24 {
    padding-top: calc(24 / 1440 * 100vw);
  }
  .pb--24 {
    padding-bottom: calc(24 / 1440 * 100vw);
  }
  .pl--24 {
    padding-left: calc(24 / 1440 * 100vw);
  }
  .pr--24 {
    padding-right: calc(24 / 1440 * 100vw);
  }
  .p--24 {
    padding: calc(24 / 1440 * 100vw);
  }
  .mt--24 {
    margin-top: calc(24 / 1440 * 100vw);
  }
  .mb--24 {
    margin-bottom: calc(24 / 1440 * 100vw);
  }
  .ml--24 {
    margin-left: calc(24 / 1440 * 100vw);
  }
  .mr--24 {
    margin-right: calc(24 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (24 / 1440) * 1px)) {
  .pt--24 {
    padding-top: 24px;
  }
  .pb--24 {
    padding-bottom: 24px;
  }
  .pl--24 {
    padding-left: 24px;
  }
  .pr--24 {
    padding-right: 24px;
  }
  .p--24 {
    padding: 24px;
  }
  .mt--24 {
    margin-top: 24px;
  }
  .mb--24 {
    margin-bottom: 24px;
  }
  .ml--24 {
    margin-left: 24px;
  }
  .mr--24 {
    margin-right: 24px;
  }
}
.pt--32 {
  padding-top: 32px;
}
.pb--32 {
  padding-bottom: 32px;
}
.pl--32 {
  padding-left: 32px;
}
.pr--32 {
  padding-right: 32px;
}
.p--32 {
  padding: 32px;
}
.mt--32 {
  margin-top: 32px;
}
.mb--32 {
  margin-bottom: 32px;
}
.ml--32 {
  margin-left: 32px;
}
.mr--32 {
  margin-right: 32px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--32 {
    padding-top: calc(32 / 1440 * 100vw);
  }
  .pb--32 {
    padding-bottom: calc(32 / 1440 * 100vw);
  }
  .pl--32 {
    padding-left: calc(32 / 1440 * 100vw);
  }
  .pr--32 {
    padding-right: calc(32 / 1440 * 100vw);
  }
  .p--32 {
    padding: calc(32 / 1440 * 100vw);
  }
  .mt--32 {
    margin-top: calc(32 / 1440 * 100vw);
  }
  .mb--32 {
    margin-bottom: calc(32 / 1440 * 100vw);
  }
  .ml--32 {
    margin-left: calc(32 / 1440 * 100vw);
  }
  .mr--32 {
    margin-right: calc(32 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (32 / 1440) * 1px)) {
  .pt--32 {
    padding-top: 24px;
  }
  .pb--32 {
    padding-bottom: 24px;
  }
  .pl--32 {
    padding-left: 24px;
  }
  .pr--32 {
    padding-right: 24px;
  }
  .p--32 {
    padding: 24px;
  }
  .mt--32 {
    margin-top: 24px;
  }
  .mb--32 {
    margin-bottom: 24px;
  }
  .ml--32 {
    margin-left: 24px;
  }
  .mr--32 {
    margin-right: 24px;
  }
}
.pt--48 {
  padding-top: 48px;
}
.pb--48 {
  padding-bottom: 48px;
}
.pl--48 {
  padding-left: 48px;
}
.pr--48 {
  padding-right: 48px;
}
.p--48 {
  padding: 48px;
}
.mt--48 {
  margin-top: 48px;
}
.mb--48 {
  margin-bottom: 48px;
}
.ml--48 {
  margin-left: 48px;
}
.mr--48 {
  margin-right: 48px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--48 {
    padding-top: calc(48 / 1440 * 100vw);
  }
  .pb--48 {
    padding-bottom: calc(48 / 1440 * 100vw);
  }
  .pl--48 {
    padding-left: calc(48 / 1440 * 100vw);
  }
  .pr--48 {
    padding-right: calc(48 / 1440 * 100vw);
  }
  .p--48 {
    padding: calc(48 / 1440 * 100vw);
  }
  .mt--48 {
    margin-top: calc(48 / 1440 * 100vw);
  }
  .mb--48 {
    margin-bottom: calc(48 / 1440 * 100vw);
  }
  .ml--48 {
    margin-left: calc(48 / 1440 * 100vw);
  }
  .mr--48 {
    margin-right: calc(48 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (48 / 1440) * 1px)) {
  .pt--48 {
    padding-top: 24px;
  }
  .pb--48 {
    padding-bottom: 24px;
  }
  .pl--48 {
    padding-left: 24px;
  }
  .pr--48 {
    padding-right: 24px;
  }
  .p--48 {
    padding: 24px;
  }
  .mt--48 {
    margin-top: 24px;
  }
  .mb--48 {
    margin-bottom: 24px;
  }
  .ml--48 {
    margin-left: 24px;
  }
  .mr--48 {
    margin-right: 24px;
  }
}
.pt--64 {
  padding-top: 64px;
}
.pb--64 {
  padding-bottom: 64px;
}
.pl--64 {
  padding-left: 64px;
}
.pr--64 {
  padding-right: 64px;
}
.p--64 {
  padding: 64px;
}
.mt--64 {
  margin-top: 64px;
}
.mb--64 {
  margin-bottom: 64px;
}
.ml--64 {
  margin-left: 64px;
}
.mr--64 {
  margin-right: 64px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--64 {
    padding-top: calc(64 / 1440 * 100vw);
  }
  .pb--64 {
    padding-bottom: calc(64 / 1440 * 100vw);
  }
  .pl--64 {
    padding-left: calc(64 / 1440 * 100vw);
  }
  .pr--64 {
    padding-right: calc(64 / 1440 * 100vw);
  }
  .p--64 {
    padding: calc(64 / 1440 * 100vw);
  }
  .mt--64 {
    margin-top: calc(64 / 1440 * 100vw);
  }
  .mb--64 {
    margin-bottom: calc(64 / 1440 * 100vw);
  }
  .ml--64 {
    margin-left: calc(64 / 1440 * 100vw);
  }
  .mr--64 {
    margin-right: calc(64 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (64 / 1440) * 1px)) {
  .pt--64 {
    padding-top: 24px;
  }
  .pb--64 {
    padding-bottom: 24px;
  }
  .pl--64 {
    padding-left: 24px;
  }
  .pr--64 {
    padding-right: 24px;
  }
  .p--64 {
    padding: 24px;
  }
  .mt--64 {
    margin-top: 24px;
  }
  .mb--64 {
    margin-bottom: 24px;
  }
  .ml--64 {
    margin-left: 24px;
  }
  .mr--64 {
    margin-right: 24px;
  }
}
.pt--80 {
  padding-top: 80px;
}
.pb--80 {
  padding-bottom: 80px;
}
.pl--80 {
  padding-left: 80px;
}
.pr--80 {
  padding-right: 80px;
}
.p--80 {
  padding: 80px;
}
.mt--80 {
  margin-top: 80px;
}
.mb--80 {
  margin-bottom: 80px;
}
.ml--80 {
  margin-left: 80px;
}
.mr--80 {
  margin-right: 80px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--80 {
    padding-top: calc(80 / 1440 * 100vw);
  }
  .pb--80 {
    padding-bottom: calc(80 / 1440 * 100vw);
  }
  .pl--80 {
    padding-left: calc(80 / 1440 * 100vw);
  }
  .pr--80 {
    padding-right: calc(80 / 1440 * 100vw);
  }
  .p--80 {
    padding: calc(80 / 1440 * 100vw);
  }
  .mt--80 {
    margin-top: calc(80 / 1440 * 100vw);
  }
  .mb--80 {
    margin-bottom: calc(80 / 1440 * 100vw);
  }
  .ml--80 {
    margin-left: calc(80 / 1440 * 100vw);
  }
  .mr--80 {
    margin-right: calc(80 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (80 / 1440) * 1px)) {
  .pt--80 {
    padding-top: 24px;
  }
  .pb--80 {
    padding-bottom: 24px;
  }
  .pl--80 {
    padding-left: 24px;
  }
  .pr--80 {
    padding-right: 24px;
  }
  .p--80 {
    padding: 24px;
  }
  .mt--80 {
    margin-top: 24px;
  }
  .mb--80 {
    margin-bottom: 24px;
  }
  .ml--80 {
    margin-left: 24px;
  }
  .mr--80 {
    margin-right: 24px;
  }
}
.pt--96 {
  padding-top: 96px;
}
.pb--96 {
  padding-bottom: 96px;
}
.pl--96 {
  padding-left: 96px;
}
.pr--96 {
  padding-right: 96px;
}
.p--96 {
  padding: 96px;
}
.mt--96 {
  margin-top: 96px;
}
.mb--96 {
  margin-bottom: 96px;
}
.ml--96 {
  margin-left: 96px;
}
.mr--96 {
  margin-right: 96px;
}
@media only screen and ( max-width: 1440px ) {
  .pt--96 {
    padding-top: calc(96 / 1440 * 100vw);
  }
  .pb--96 {
    padding-bottom: calc(96 / 1440 * 100vw);
  }
  .pl--96 {
    padding-left: calc(96 / 1440 * 100vw);
  }
  .pr--96 {
    padding-right: calc(96 / 1440 * 100vw);
  }
  .p--96 {
    padding: calc(96 / 1440 * 100vw);
  }
  .mt--96 {
    margin-top: calc(96 / 1440 * 100vw);
  }
  .mb--96 {
    margin-bottom: calc(96 / 1440 * 100vw);
  }
  .ml--96 {
    margin-left: calc(96 / 1440 * 100vw);
  }
  .mr--96 {
    margin-right: calc(96 / 1440 * 100vw);
  }
}
@media all and (max-width: calc(48 / (96 / 1440) * 1px)) {
  .pt--96 {
    padding-top: 48px;
  }
  .pb--96 {
    padding-bottom: 48px;
  }
  .pl--96 {
    padding-left: 48px;
  }
  .pr--96 {
    padding-right: 48px;
  }
  .p--96 {
    padding: 48px;
  }
  .mt--96 {
    margin-top: 48px;
  }
  .mb--96 {
    margin-bottom: 48px;
  }
  .ml--96 {
    margin-left: 48px;
  }
  .mr--96 {
    margin-right: 48px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--0--lg {
    padding-top: 0px;
  }
  .pb--0--lg {
    padding-bottom: 0px;
  }
  .pl--0--lg {
    padding-left: 0px;
  }
  .pr--0--lg {
    padding-right: 0px;
  }
  .p--0--lg {
    padding: 0px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--8--lg {
    padding-top: 8px;
  }
  .pb--8--lg {
    padding-bottom: 8px;
  }
  .pl--8--lg {
    padding-left: 8px;
  }
  .pr--8--lg {
    padding-right: 8px;
  }
  .p--8--lg {
    padding: 8px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--12--lg {
    padding-top: 12px;
  }
  .pb--12--lg {
    padding-bottom: 12px;
  }
  .pl--12--lg {
    padding-left: 12px;
  }
  .pr--12--lg {
    padding-right: 12px;
  }
  .p--12--lg {
    padding: 12px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--16--lg {
    padding-top: 16px;
  }
  .pb--16--lg {
    padding-bottom: 16px;
  }
  .pl--16--lg {
    padding-left: 16px;
  }
  .pr--16--lg {
    padding-right: 16px;
  }
  .p--16--lg {
    padding: 16px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--24--lg {
    padding-top: 24px;
  }
  .pb--24--lg {
    padding-bottom: 24px;
  }
  .pl--24--lg {
    padding-left: 24px;
  }
  .pr--24--lg {
    padding-right: 24px;
  }
  .p--24--lg {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--32--lg {
    padding-top: 24px;
  }
  .pb--32--lg {
    padding-bottom: 24px;
  }
  .pl--32--lg {
    padding-left: 24px;
  }
  .pr--32--lg {
    padding-right: 24px;
  }
  .p--32--lg {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--48--lg {
    padding-top: 24px;
  }
  .pb--48--lg {
    padding-bottom: 24px;
  }
  .pl--48--lg {
    padding-left: 24px;
  }
  .pr--48--lg {
    padding-right: 24px;
  }
  .p--48--lg {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--64--lg {
    padding-top: 24px;
  }
  .pb--64--lg {
    padding-bottom: 24px;
  }
  .pl--64--lg {
    padding-left: 24px;
  }
  .pr--64--lg {
    padding-right: 24px;
  }
  .p--64--lg {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--80--lg {
    padding-top: 24px;
  }
  .pb--80--lg {
    padding-bottom: 24px;
  }
  .pl--80--lg {
    padding-left: 24px;
  }
  .pr--80--lg {
    padding-right: 24px;
  }
  .p--80--lg {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1280px ) {
  .pt--96--lg {
    padding-top: 48px;
  }
  .pb--96--lg {
    padding-bottom: 48px;
  }
  .pl--96--lg {
    padding-left: 48px;
  }
  .pr--96--lg {
    padding-right: 48px;
  }
  .p--96--lg {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--0--md {
    padding-top: 0px;
  }
  .pb--0--md {
    padding-bottom: 0px;
  }
  .pl--0--md {
    padding-left: 0px;
  }
  .pr--0--md {
    padding-right: 0px;
  }
  .p--0--md {
    padding: 0px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--8--md {
    padding-top: 8px;
  }
  .pb--8--md {
    padding-bottom: 8px;
  }
  .pl--8--md {
    padding-left: 8px;
  }
  .pr--8--md {
    padding-right: 8px;
  }
  .p--8--md {
    padding: 8px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--12--md {
    padding-top: 12px;
  }
  .pb--12--md {
    padding-bottom: 12px;
  }
  .pl--12--md {
    padding-left: 12px;
  }
  .pr--12--md {
    padding-right: 12px;
  }
  .p--12--md {
    padding: 12px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--16--md {
    padding-top: 16px;
  }
  .pb--16--md {
    padding-bottom: 16px;
  }
  .pl--16--md {
    padding-left: 16px;
  }
  .pr--16--md {
    padding-right: 16px;
  }
  .p--16--md {
    padding: 16px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--24--md {
    padding-top: 24px;
  }
  .pb--24--md {
    padding-bottom: 24px;
  }
  .pl--24--md {
    padding-left: 24px;
  }
  .pr--24--md {
    padding-right: 24px;
  }
  .p--24--md {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--32--md {
    padding-top: 24px;
  }
  .pb--32--md {
    padding-bottom: 24px;
  }
  .pl--32--md {
    padding-left: 24px;
  }
  .pr--32--md {
    padding-right: 24px;
  }
  .p--32--md {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--48--md {
    padding-top: 24px;
  }
  .pb--48--md {
    padding-bottom: 24px;
  }
  .pl--48--md {
    padding-left: 24px;
  }
  .pr--48--md {
    padding-right: 24px;
  }
  .p--48--md {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--64--md {
    padding-top: 24px;
  }
  .pb--64--md {
    padding-bottom: 24px;
  }
  .pl--64--md {
    padding-left: 24px;
  }
  .pr--64--md {
    padding-right: 24px;
  }
  .p--64--md {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--80--md {
    padding-top: 24px;
  }
  .pb--80--md {
    padding-bottom: 24px;
  }
  .pl--80--md {
    padding-left: 24px;
  }
  .pr--80--md {
    padding-right: 24px;
  }
  .p--80--md {
    padding: 24px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pt--96--md {
    padding-top: 48px;
  }
  .pb--96--md {
    padding-bottom: 48px;
  }
  .pl--96--md {
    padding-left: 48px;
  }
  .pr--96--md {
    padding-right: 48px;
  }
  .p--96--md {
    padding: 48px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--0--sm {
    padding-top: 0px;
  }
  .pb--0--sm {
    padding-bottom: 0px;
  }
  .pl--0--sm {
    padding-left: 0px;
  }
  .pr--0--sm {
    padding-right: 0px;
  }
  .p--0--sm {
    padding: 0px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--8--sm {
    padding-top: 8px;
  }
  .pb--8--sm {
    padding-bottom: 8px;
  }
  .pl--8--sm {
    padding-left: 8px;
  }
  .pr--8--sm {
    padding-right: 8px;
  }
  .p--8--sm {
    padding: 8px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--12--sm {
    padding-top: 12px;
  }
  .pb--12--sm {
    padding-bottom: 12px;
  }
  .pl--12--sm {
    padding-left: 12px;
  }
  .pr--12--sm {
    padding-right: 12px;
  }
  .p--12--sm {
    padding: 12px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--16--sm {
    padding-top: 16px;
  }
  .pb--16--sm {
    padding-bottom: 16px;
  }
  .pl--16--sm {
    padding-left: 16px;
  }
  .pr--16--sm {
    padding-right: 16px;
  }
  .p--16--sm {
    padding: 16px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--24--sm {
    padding-top: 24px;
  }
  .pb--24--sm {
    padding-bottom: 24px;
  }
  .pl--24--sm {
    padding-left: 24px;
  }
  .pr--24--sm {
    padding-right: 24px;
  }
  .p--24--sm {
    padding: 24px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--32--sm {
    padding-top: 24px;
  }
  .pb--32--sm {
    padding-bottom: 24px;
  }
  .pl--32--sm {
    padding-left: 24px;
  }
  .pr--32--sm {
    padding-right: 24px;
  }
  .p--32--sm {
    padding: 24px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--48--sm {
    padding-top: 24px;
  }
  .pb--48--sm {
    padding-bottom: 24px;
  }
  .pl--48--sm {
    padding-left: 24px;
  }
  .pr--48--sm {
    padding-right: 24px;
  }
  .p--48--sm {
    padding: 24px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--64--sm {
    padding-top: 24px;
  }
  .pb--64--sm {
    padding-bottom: 24px;
  }
  .pl--64--sm {
    padding-left: 24px;
  }
  .pr--64--sm {
    padding-right: 24px;
  }
  .p--64--sm {
    padding: 24px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--80--sm {
    padding-top: 24px;
  }
  .pb--80--sm {
    padding-bottom: 24px;
  }
  .pl--80--sm {
    padding-left: 24px;
  }
  .pr--80--sm {
    padding-right: 24px;
  }
  .p--80--sm {
    padding: 24px;
  }
}
@media only screen and ( max-width:  960px ) {
  .pt--96--sm {
    padding-top: 48px;
  }
  .pb--96--sm {
    padding-bottom: 48px;
  }
  .pl--96--sm {
    padding-left: 48px;
  }
  .pr--96--sm {
    padding-right: 48px;
  }
  .p--96--sm {
    padding: 48px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--0--xs {
    padding-top: 0px;
  }
  .pb--0--xs {
    padding-bottom: 0px;
  }
  .pl--0--xs {
    padding-left: 0px;
  }
  .pr--0--xs {
    padding-right: 0px;
  }
  .p--0--xs {
    padding: 0px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--8--xs {
    padding-top: 8px;
  }
  .pb--8--xs {
    padding-bottom: 8px;
  }
  .pl--8--xs {
    padding-left: 8px;
  }
  .pr--8--xs {
    padding-right: 8px;
  }
  .p--8--xs {
    padding: 8px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--12--xs {
    padding-top: 12px;
  }
  .pb--12--xs {
    padding-bottom: 12px;
  }
  .pl--12--xs {
    padding-left: 12px;
  }
  .pr--12--xs {
    padding-right: 12px;
  }
  .p--12--xs {
    padding: 12px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--16--xs {
    padding-top: 16px;
  }
  .pb--16--xs {
    padding-bottom: 16px;
  }
  .pl--16--xs {
    padding-left: 16px;
  }
  .pr--16--xs {
    padding-right: 16px;
  }
  .p--16--xs {
    padding: 16px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--24--xs {
    padding-top: 24px;
  }
  .pb--24--xs {
    padding-bottom: 24px;
  }
  .pl--24--xs {
    padding-left: 24px;
  }
  .pr--24--xs {
    padding-right: 24px;
  }
  .p--24--xs {
    padding: 24px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--32--xs {
    padding-top: 24px;
  }
  .pb--32--xs {
    padding-bottom: 24px;
  }
  .pl--32--xs {
    padding-left: 24px;
  }
  .pr--32--xs {
    padding-right: 24px;
  }
  .p--32--xs {
    padding: 24px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--48--xs {
    padding-top: 24px;
  }
  .pb--48--xs {
    padding-bottom: 24px;
  }
  .pl--48--xs {
    padding-left: 24px;
  }
  .pr--48--xs {
    padding-right: 24px;
  }
  .p--48--xs {
    padding: 24px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--64--xs {
    padding-top: 24px;
  }
  .pb--64--xs {
    padding-bottom: 24px;
  }
  .pl--64--xs {
    padding-left: 24px;
  }
  .pr--64--xs {
    padding-right: 24px;
  }
  .p--64--xs {
    padding: 24px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--80--xs {
    padding-top: 24px;
  }
  .pb--80--xs {
    padding-bottom: 24px;
  }
  .pl--80--xs {
    padding-left: 24px;
  }
  .pr--80--xs {
    padding-right: 24px;
  }
  .p--80--xs {
    padding: 24px;
  }
}
@media only screen and ( max-width:  640px ) {
  .pt--96--xs {
    padding-top: 48px;
  }
  .pb--96--xs {
    padding-bottom: 48px;
  }
  .pl--96--xs {
    padding-left: 48px;
  }
  .pr--96--xs {
    padding-right: 48px;
  }
  .p--96--xs {
    padding: 48px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .pr--0--md {
    padding-right: 0;
  }
}
.pb--gutter {
  padding-bottom: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .pb--gutter {
    padding-bottom: calc(24/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (24/1440) * 1px)) {
  .pb--gutter {
    padding-bottom: 16px;
  }
}
.mb--gutter {
  margin-bottom: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .mb--gutter {
    margin-bottom: calc(24/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (24/1440) * 1px)) {
  .mb--gutter {
    margin-bottom: 16px;
  }
}
@media only screen and ( max-width:  640px ) {
  .mb--gutter--xs {
    margin-bottom: 16px;
  }
}
.pb--gutter--wrapper {
  margin-bottom: -24px;
}
@media only screen and ( max-width: 1440px ) {
  .pb--gutter--wrapper {
    margin-bottom: calc(-24/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (24/1440) * 1px)) {
  .pb--gutter--wrapper {
    margin-bottom: -16px;
  }
}
/** ------------------------------------------------------------------------------------
 *
 * Basics – Form elems
 *
 * ---------------------------------------------------------------------------------- */
[class*='wp'] .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  background: #FFFFFF;
  border-radius: 8px;
  line-height: 50px;
  white-space: nowrap;
  background-color: #CDAF87;
  color: #191919;
  border: 1px solid #CDAF87;
  font-family: 'Competition Condensed', sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.06em;
  transition: 0.3s;
  box-sizing: border-box;
  cursor: pointer;
}
@media only screen and ( max-width:  640px ) {
  [class*='wp'] .btn {
    width: 100%;
  }
}
@media only screen and ( max-width:  640px ) {
  [class*='wp'] .btn.btn--not-full-width {
    width: auto;
  }
}
[class*='wp'] .btn:focus-visible {
  outline: 2px solid #299FFF;
  outline-offset: 2px;
}
@media all and (max-width: calc(16 / (24/1440) * 1px)) {
  [class*='wp'] .btn {
    padding: 0 16px;
  }
}
[class*='wp'] .btn.btn--secondary {
  background-color: transparent;
  border: 2px solid #CDAF87;
  line-height: 48px;
}
[class*='wp'] .btn.btn--small {
  line-height: 38px;
}
[class*='wp'] .btn:after {
  margin-left: 8px;
  width: 24px;
  height: 24px;
  background-size: 600% 100%;
}
[class*='wp'] .btn[target="_blank"],
[class*='wp'] .btn[class*='icon'],
[class*='wp'] .btn[href*="opentable"] {
  padding-right: 16px;
}
[class*='wp'] .btn[target="_blank"]:after,
[class*='wp'] .btn[class*='icon']:after,
[class*='wp'] .btn[href*="opentable"]:after {
  content: '';
}
[class*='wp'] .btn.icon--arrow:after {
  background-image: url('assets/img/icons/icon--arrow.svg');
}
[class*='wp'] .btn.icon--location:after {
  background-image: url('assets/img/icons/icon--location.svg');
}
[class*='wp'] .btn.icon--email:after {
  background-image: url('assets/img/icons/icon--email.svg');
}
[class*='wp'] .btn[target="_blank"]:after {
  background-image: url('assets/img/icons/icon--external-link.svg');
}
[class*='wp'] .btn[target="_blank"][href*="opentable"]:after {
  background-image: url('assets/img/icons/icon--open-table.svg');
}
@media only screen and ( max-width:  640px ) {
  [class*='wp'] .btn {
    width: 100%;
  }
}
[class*='wp'] .btn--color--red {
  background-color: #FF2E2E;
  border-color: #FF2E2E;
  color: #FFFFFF;
}
[class*='wp'] .btn--color--red:after {
  background-position: 20% 0;
}
[class*='wp'] .btn--color--green {
  background-color: #558769;
  border-color: #558769;
  color: #F0E6DC;
}
[class*='wp'] .btn--color--green:after {
  background-position: 100% 0;
}
[class*='wp'] .btn--color--messing--dark-1 {
  background-color: #BE9B73;
  border-color: #BE9B73;
  color: #191919;
}
[class*='wp'] .btn--color--messing--dark-1:after {
  background-position: 20% 0;
}
@media only screen and ( max-width:  640px ) {
  [class*='wp'] .btn--wrapper {
    width: 100%;
  }
}
.no-touchevents [class*='wp'] .btn:hover,
.no-touchevents [class*='wp'] .btn:active,
.no-touchevents [class*='wp'] .btn:focus {
  background-color: #F0E6DC;
}
.no-touchevents [class*='wp'] .btn.btn--secondary:hover,
.no-touchevents [class*='wp'] .btn.btn--secondary:active,
.no-touchevents [class*='wp'] .btn.btn--secondary:focus {
  background-color: #F0E6DC;
}
.no-touchevents [class*='wp'] .btn.btn--color--red:hover,
.no-touchevents [class*='wp'] .btn.btn--color--red:active,
.no-touchevents [class*='wp'] .btn.btn--color--red:focus {
  background-color: #F0191E;
  border-color: #FF6464;
}
.no-touchevents [class*='wp'] .btn.btn--color--green:hover,
.no-touchevents [class*='wp'] .btn.btn--color--green:active,
.no-touchevents [class*='wp'] .btn.btn--color--green:focus {
  background-color: #3C785F;
  border-color: #64A582;
}
/**
 * Links
 * ---------------------------------------------------------------------------------- */
.menu--primary--mobile--wrapper a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ),
.module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ) {
  position: relative;
  color: #191919;
  text-decoration: none;
  background-image: linear-gradient(#191919, #191919);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.4s;
  font-weight: 800;
}
.menu--primary--mobile--wrapper a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ):before,
.module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ):before {
  position: absolute;
  top: -3px;
  left: calc(-24px - 8px);
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
}
.menu--primary--mobile--wrapper a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team )[class*='icon'],
.module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team )[class*='icon'] {
  margin-left: calc(24px + 8px);
}
.menu--primary--mobile--wrapper a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team )[class*='icon']:before,
.module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team )[class*='icon']:before {
  content: '';
}
.menu--primary--mobile--wrapper a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ).icon--location:before,
.module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ).icon--location:before {
  background-image: url('assets/img/icons/icon--map-marker.svg');
}
.menu--primary--mobile--wrapper.bg--color--shop a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ),
.module--inner.bg--color--shop a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ) {
  color: #F0E6DC;
  background-image: linear-gradient(#F0E6DC, #F0E6DC);
}
.menu--primary--mobile--wrapper a[href^="tel"],
.module--inner a[href^="tel"] {
  background-image: none !important;
}
.menu--primary--mobile--wrapper a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ),
.module--footer .module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ) {
  background-size: 0% 1px;
}
.col--address a:not( .btn ):not( .icon--sm ):not( .icon--sector ):before,
.col--infos a:not( .btn ):not( .icon--sm ):not( .icon--sector ):before {
  top: 0;
  left: calc(-16px - 8px);
  width: 16px;
  height: 16px;
}
.col--address a:not( .btn ):not( .icon--sm ):not( .icon--sector )[class*='icon'],
.col--infos a:not( .btn ):not( .icon--sm ):not( .icon--sector )[class*='icon'] {
  margin-left: calc(16px + 8px);
}
.no-touchevents .module--footer .module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ):hover {
  background-size: 100% 1px;
}
.no-touchevents .module--inner a:not( .btn ):not( .icon--sm ):not( .icon--sector ):not( .col--team ):hover {
  background-size: 0 1px;
}
/** ------------------------------------------------------------------------------------
 *
 * Partial – Modules
 *
 * ---------------------------------------------------------------------------------- */
.module {
  position: relative;
  width: 100%;
  line-height: 0;
  font-size: 0;
}
.media--wrapper--pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F0E6DC;
}
.media--wrapper--pattern .elem--parallax--wrapper,
.media--wrapper--pattern .elem--parallax {
  width: 100%;
  height: 100%;
}
.media--wrapper--pattern .elem--parallax {
  position: absolute;
  top: -50vh;
  height: calc(100% + 50vh);
  background-image: url('assets/img/patterns/general--default.svg');
  background-size: 170% auto;
  background-repeat: repeat-y;
  background-position: center center;
}
.module--media--gallery .media--wrapper--pattern {
  background-color: #E9DBCB;
}
.module--media--gallery .media--wrapper--pattern .elem--parallax {
  background-image: url('assets/img/patterns/general--default--light.svg');
}
.module--teaser--banner .bg--color--default .media--wrapper--pattern {
  background-color: #FFFFFF;
}
.module--teaser--banner .bg--color--default .media--wrapper--pattern .elem--parallax {
  background-image: url('assets/img/patterns/general--default--light.svg');
}
.bg--pattern--wrapper h2,
.bg--pattern--wrapper .t-h3 {
  color: #FF2E2E;
}
.bg--pattern--wrapper .bg--pattern {
  position: relative;
  width: 100%;
}
.bg--pattern--wrapper .bg--pattern:before {
  content: '';
  position: absolute;
  left: calc(24px / 2);
  width: calc(100% - 24px);
  height: 100%;
  background-image: url('assets/img/patterns/general--default.svg');
  background-color: #F0E6DC;
}
@media only screen and ( max-width: 1440px ) {
  .bg--pattern--wrapper .bg--pattern:before {
    left: calc(24/1440 * 100vw/2);
    width: calc(100% - 24/1440 * 100vw);
  }
}
@media only screen and ( max-width:  960px ) {
  .bg--pattern--wrapper .bg--pattern:before {
    left: calc(16px / 2);
    width: calc(100% - 16px);
  }
}
@media only screen and ( max-width:  640px ) {
  .bg--pattern--wrapper .bg--pattern:before {
    display: none;
  }
}
.bg--pattern--wrapper .text--wrapper--left {
  margin-left: 48px !important;
}
@media only screen and ( max-width:  960px ) {
  .bg--pattern--wrapper .text--wrapper--left {
    display: none;
  }
}
.bg--pattern--wrapper .text--wrapper--right {
  margin-right: 48px !important;
}
@media only screen and ( max-width:  960px ) {
  .bg--pattern--wrapper .text--wrapper--right {
    display: none;
  }
}
.bg--color--grosshandel {
  background-color: #FF2E2E;
  color: #FFFFFF;
}
.bg--color--grosshandel .media--wrapper--pattern {
  background-color: #FF2E2E;
}
.bg--color--grosshandel .elem--parallax {
  background-image: url('assets/img/patterns/general--grosshandel.svg') !important;
}
.bg--color--grosshandel .btn {
  background-color: #F0E6DC;
  border-color: #F0E6DC;
  color: #FF2E2E;
}
.bg--color--grosshandel .btn:after {
  background-position: 40% 0;
}
.no-touchevents .bg--color--grosshandel .btn:hover,
.no-touchevents .bg--color--grosshandel .btn:active,
.no-touchevents .bg--color--grosshandel .btn:focus {
  background-color: #FFFBF7;
  border-color: #CD0005;
}
.bg--color--grosshandel .has--bg span {
  background-color: #F0E6DC;
  color: #FF2E2E;
}
.grosshandel .bg--color--grosshandel h2 {
  color: #FFFFFF !important;
}
.module--misc--banderole .bg--color--grosshandel.module--inner {
  background-color: #F0191E;
  border-color: #FF2E2E;
}
.bg--color--bistro {
  background-color: #191919;
  color: #CDAF87;
}
.bg--color--bistro .media--wrapper--pattern {
  background-color: #191919;
}
.bg--color--bistro .elem--parallax {
  background-image: url('assets/img/patterns/general--bistro.svg') !important;
}
.bg--color--bistro .btn {
  background-color: #CDAF87;
  color: #191919;
}
.bg--color--bistro .btn:after {
  background-position: 0% 0;
}
.bg--color--bistro .btn.btn--secondary {
  border-color: #B78852;
  color: #F0E6DC;
  background-color: transparent;
}
.bg--color--bistro .btn.btn--secondary:after {
  background-position: 20% 0;
}
.no-touchevents .bg--color--bistro .btn.btn--secondary:hover,
.no-touchevents .bg--color--bistro .btn.btn--secondary:active,
.no-touchevents .bg--color--bistro .btn.btn--secondary:focus {
  background-color: #282828;
}
.bg--color--bistro .has--bg span {
  background-color: #CDAF87;
  color: #191919;
}
.bg--color--bistro h2 {
  color: #CDAF87;
}
.bg--color--bistro p {
  color: #FFFFFF;
}
.bg--color--bistro a:not( .btn ):not( [href^='tel'] ) {
  color: #FFFFFF !important;
  background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
}
.module--misc--banderole .bg--color--bistro.module--inner {
  background-color: #191919;
  background-image: url('assets/img/patterns/banderole--messing.svg');
  border-color: #504637;
}
.bg--color--shop {
  background-color: #558769;
  color: #F0E6DC;
}
.bg--color--shop .media--wrapper--pattern {
  background-color: #558769;
}
.bg--color--shop .elem--parallax {
  background-image: url('assets/img/patterns/general--shop.svg');
}
.bg--color--shop .btn {
  background-color: #F0E6DC;
  border-color: #F0E6DC;
  color: #114735;
}
.bg--color--shop .btn:after {
  background-position: 80% 0;
}
.no-touchevents .bg--color--shop .btn:hover,
.no-touchevents .bg--color--shop .btn:active,
.no-touchevents .bg--color--shop .btn:focus {
  background-color: #FFFBF7;
  border-color: #1E5A46;
}
.bg--color--shop .has--bg span {
  background-color: #F0E6DC;
  color: #558769;
}
.bg--color--shop.bg--color--shop--dark-1 {
  background-color: #3C785F;
}
.bg--color--shop.bg--color--shop--dark-1 h2,
.bg--color--shop.bg--color--shop--dark-1 h3,
.bg--color--shop.bg--color--shop--dark-1 h4 {
  color: #F0E6DC;
}
.bg--color--shop.bg--color--shop--dark-2 {
  background-color: #1E5A46;
}
.bg--color--shop.bg--color--shop--dark-2 h2,
.bg--color--shop.bg--color--shop--dark-2 h3,
.bg--color--shop.bg--color--shop--dark-2 h4 {
  color: #F0E6DC;
}
.bg--color--shop.bg--color--shop--dark-3 {
  background-color: #114735;
}
.bg--color--shop.bg--color--shop--dark-3 h2,
.bg--color--shop.bg--color--shop--dark-3 h3,
.bg--color--shop.bg--color--shop--dark-3 h4 {
  color: #F0E6DC;
}
.bg--color--white {
  background-color: #FFFFFF;
}
.bg--color--white.col--text:before {
  background-color: #FFFFFF;
}
.bg--color--white.col--team {
  color: #191919;
}
.bg--color--messing--light {
  background-color: #F0E6DC;
}
.bg--color--messing--light.col--text:before {
  background-color: #F0E6DC;
}
.bg--color--messing--light-2 {
  background-color: #E9DBCB;
}
.bg--color--messing--light-2.col--text:before {
  background-color: #E9DBCB;
}
.bg--color--messing {
  background-color: #CDAF87;
  color: #191919;
}
.bg--color--messing.col--text:before {
  background-color: #CDAF87;
}
.bg--color--messing p {
  color: #191919;
}
.bg--color--messing .btn {
  background-color: #191919;
  color: #CDAF87;
}
.bg--color--messing .btn:after {
  background-position: 60% 0;
}
.bg--color--messing--dark-1 {
  background-color: #BE9B73;
}
.bg--color--anthrazit {
  background-color: #191919;
  color: #FFFFFF;
}
.bg--color--anthrazit a:not( .btn ) {
  color: #FFFFFF !important;
}
.bg--color--anthrazit a:not( .btn ):not( [href^='tel'] ) {
  background-image: linear-gradient(#FFFFFF, #FFFFFF) !important;
}
.bg--color--anthrazit.col--team {
  color: #FFFFFF;
}
.bg--color--anthrazit--light {
  background-color: #282828;
}
.bg--color--anthrazit--light.col--text:before {
  background-color: #282828;
}
/** ------------------------------------------------------------------------------------
 *
 * Basics – Typography
 *
 * ---------------------------------------------------------------------------------- */
body {
  font-family: 'Lora', serif !important;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #191919;
  font-weight: 500;
}
.t-align--center {
  text-align: center;
}
.is--bold {
  font-weight: 500;
}
.is--ctl-index .content-main a.footer--phone-link,
.footer-main a.footer--phone-link,
.is--ctl-index .content-main a[title="Datenschutzbestimmungen"],
.footer-main a[title="Datenschutzbestimmungen"],
.is--ctl-index .content-main a.product--details,
.footer-main a.product--details,
.is--ctl-index .content-main .html--content a:not( .mut--btn ),
.footer-main .html--content a:not( .mut--btn ) {
  position: relative;
  color: #191919;
  text-decoration: none;
  background-image: linear-gradient(#191919, #191919);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.4s;
  font-weight: 800;
  display: inline-block;
}
.is--ctl-index .content-main a.footer--phone-link:hover,
.footer-main a.footer--phone-link:hover,
.is--ctl-index .content-main a[title="Datenschutzbestimmungen"]:hover,
.footer-main a[title="Datenschutzbestimmungen"]:hover,
.is--ctl-index .content-main a.product--details:hover,
.footer-main a.product--details:hover,
.is--ctl-index .content-main .html--content a:not( .mut--btn ):hover,
.footer-main .html--content a:not( .mut--btn ):hover {
  text-decoration: none !important;
  color: #191919 !important;
}
.is--ctl-index .content-main .row--6 .html--content a:not( .mut--btn ),
.is--ctl-index .content-main .row--7 .html--content a:not( .mut--btn ) {
  color: #F0E6DC;
  background-image: linear-gradient(#F0E6DC, #F0E6DC);
}
.is--ctl-index .content-main .row--6 .html--content a:not( .mut--btn ):hover,
.is--ctl-index .content-main .row--7 .html--content a:not( .mut--btn ):hover {
  text-decoration: none !important;
  color: #F0E6DC !important;
}
.sidebar--navigation.show--active-items .navigation--entry .navigation--link {
  position: relative;
  color: #191919;
  text-decoration: none;
  background-image: linear-gradient(#191919, #191919);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size 0.4s;
  font-weight: 800;
  display: inline-block;
  width: auto;
}
.sidebar--navigation.show--active-items .navigation--entry .navigation--link:hover {
  text-decoration: none !important;
  color: #191919 !important;
}
.sidebar--navigation.show--active-items .navigation--entry .navigation--link.is--active {
  background-size: 100% 1px !important;
  font-weight: 800 !important;
  pointer-events: none;
}
.footer-main a,
a.product--title,
.account--menu a {
  background-size: 0 1px !important;
  font-weight: 500 !important;
}
.no-touchevents .content-main a:hover,
.no-touchevents .footer-main a:hover,
.no-touchevents .content-main a.footer--phone-link:hover,
.no-touchevents .footer-main a.footer--phone-link:hover,
.no-touchevents .content-main a[title="Datenschutzbestimmungen"]:hover,
.no-touchevents .footer-main a[title="Datenschutzbestimmungen"]:hover,
.no-touchevents .content-main .html--content a:not( .mut--btn ):hover,
.no-touchevents .footer-main .html--content a:not( .mut--btn ):hover {
  background-size: 0 1px;
}
.no-touchevents .footer-main a:hover,
.no-touchevents a.product--title:hover,
.no-touchevents .sidebar--navigation .navigation--link:hover {
  background-size: 100% 1px !important;
}
.page-wrap {
  background: none !important;
  /** ------------------------------------------------------------------------------------
 *
 * Header
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Menu
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Layout
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Images
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Product Slider
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Footer
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Category page
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Category page
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Product detail
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Cart
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Checkout
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Blog
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Merkzettel
 *
 * ---------------------------------------------------------------------------------- */
  /** ------------------------------------------------------------------------------------
 *
 * Forms
 *
 * ---------------------------------------------------------------------------------- */
}
.page-wrap .top-bar {
  display: none;
}
.page-wrap .CB-container,
.page-wrap .WCB-Item {
  background: #114735 !important;
}
.page-wrap .header-main {
  background: #3C785F url('assets/img/pattern/pattern--header.svg');
}
.page-wrap .header-main .container.header--navigation {
  height: auto !important;
  line-height: 1 !important;
  padding: 0;
}
@media only screen and ( max-width: 1280px ) {
  .page-wrap .header-main .container.header--navigation {
    padding-top: 6px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .page-wrap .header-main .container.header--navigation {
    padding-top: 9px;
  }
}
@media only screen and ( max-width:  960px ) {
  .page-wrap .header-main .container.header--navigation {
    padding-top: 22px;
  }
}
.page-wrap .header-main .logo--shop,
.page-wrap .header-main .logo-main {
  padding: 18px 0;
  display: flex;
  justify-content: center;
}
.page-wrap .header-main .logo--shop .logo--shop,
.page-wrap .header-main .logo-main .logo--shop {
  width: 545px;
}
@media only screen and ( max-width: 1280px ) {
  .page-wrap .header-main .logo--shop .logo--shop,
  .page-wrap .header-main .logo-main .logo--shop {
    width: 495px;
  }
}
@media only screen and ( max-width: 1024px ) {
  .page-wrap .header-main .logo--shop .logo--shop,
  .page-wrap .header-main .logo-main .logo--shop {
    width: 445px !important;
  }
}
@media only screen and ( max-width:  960px ) {
  .page-wrap .header-main .logo--shop .logo--shop,
  .page-wrap .header-main .logo-main .logo--shop {
    width: 364px !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .page-wrap .header-main .logo--shop .logo--shop,
  .page-wrap .header-main .logo-main .logo--shop {
    width: 144px !important;
  }
}
.page-wrap .header-main .logo--shop .logo--link,
.page-wrap .header-main .logo-main .logo--link {
  display: block;
  height: auto;
  width: 100% !important;
  padding-bottom: calc(72/545 * 100%);
  background-image: url('assets/img/hummer-pedersen--logo--shop.svg');
}
@media only screen and ( max-width:  640px ) {
  .page-wrap .header-main .logo--shop .logo--link,
  .page-wrap .header-main .logo-main .logo--link {
    padding-bottom: 46px;
    background-image: url('assets/img/hummer-pedersen--logo--shop--xs.svg');
  }
}
.page-wrap .header-main .logo--shop .logo--link img,
.page-wrap .header-main .logo-main .logo--link img {
  display: none;
}
.page-wrap .shop--navigation {
  padding: 15px 0 !important;
}
@media only screen and ( max-width:  960px ) {
  .page-wrap .shop--navigation {
    display: flex;
    width: 100% !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .page-wrap .main-search--form {
    display: none !important;
  }
}
.page-wrap .navigation-main {
  top: 0 !important;
  padding-bottom: 16px;
}
.page-wrap .navigation-main .navigation--list.container {
  justify-content: space-between;
}
.page-wrap .navigation-main .navigation--entry {
  margin: 0;
  border: 0 !important;
  line-height: 0 !important;
}
.page-wrap .navigation-main .navigation--entry:nth-of-type(2) {
  margin-left: 0;
}
.page-wrap .navigation-main .navigation--entry:last-of-type {
  margin-right: 0;
}
.page-wrap .navigation-main .navigation--entry.is--home {
  display: none !important;
}
.page-wrap .navigation-main .navigation--entry.is--hovered .navigation--link {
  background: #F0E6DC;
  border-bottom-color: #CDAF87;
  color: #1E5A46;
}
.page-wrap .navigation-main .navigation--list.container .navigation--entry {
  max-width: 10000px !important;
}
.page-wrap .navigation-main .navigation--entry .dvaccess-text {
  white-space: nowrap;
}
.page-wrap .navigation-main .navigation--entry .navigation--link {
  margin-top: 0 !important;
  padding: 4px 8px 2px 8px !important;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  font-size: 20px !important;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .navigation-main .navigation--entry .navigation--link {
    font-size: calc(30/1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  .page-wrap .navigation-main .navigation--entry .navigation--link {
    font-size: 24px;
  }
}
.page-wrap .navigation-main .navigation--entry .navigation--link.has--bg span {
  line-height: calc(41/30);
}
.page-wrap .navigation-main .navigation--entry .navigation--link:hover {
  background: #F0E6DC !important;
  border-bottom-color: #CDAF87;
  color: #1E5A46;
}
.page-wrap .advanced-menu .button-container {
  background-color: #F0E6DC;
  padding: 0 !important;
  text-align: left;
}
.page-wrap .advanced-menu .button-container .button--category {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  color: #1E5A46;
  padding: 10px 16px;
  display: inline-block;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .advanced-menu .button-container .button--category {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .page-wrap .advanced-menu .button-container .button--category {
    font-size: 18px;
  }
}
.page-wrap .advanced-menu .button-container .icon--arrow-right {
  font-size: 0.875em;
  margin-top: -0.6rem;
  right: -0.25em;
}
.page-wrap .advanced-menu .button--close {
  display: flex;
  color: #191919;
  padding: 1em;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.page-wrap .advanced-menu .content--wrapper {
  margin: 0 !important;
  padding: 24px 16px;
}
.page-wrap .advanced-menu .content--wrapper .menu--list-item-link {
  font-weight: 500;
}
.page-wrap .advanced-menu .content--wrapper .menu--level-0 {
  padding: 0;
}
.page-wrap .advanced-menu .item--level-0 {
  padding-bottom: 0.25em;
}
.page-wrap .js--menu-scroller--arrow {
  top: -0.1em;
  background-color: #F0E6DC;
  border: 0;
  border-radius: 0;
  font-size: 1rem;
  color: #ED0006;
}
.page-wrap .account--menu .navigation--entry {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .account--menu .navigation--entry {
    font-size: calc(14/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .page-wrap .account--menu .navigation--entry {
    font-size: 12px;
  }
}
.page-wrap .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--link {
  display: inline-block;
  width: auto;
}
.page-wrap .account--dropdown-navigation .navigation--signin {
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.page-wrap .emotion--product.is--no-border {
  height: auto;
}
.page-wrap .emotion--container.emotion--mode-rows .emotion--element {
  padding-bottom: 0 !important;
}
.page-wrap .mt--negative {
  margin-top: -64px;
}
.page-wrap .mb--negative {
  margin-bottom: -64px;
}
.page-wrap .footer-main,
.page-wrap .emotion--row {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.page-wrap .footer-main.row--1,
.page-wrap .emotion--row.row--1 {
  padding-top: 0 !important;
}
.page-wrap .footer-main.row--1 .t-h2,
.page-wrap .emotion--row.row--1 .t-h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  color: #FF2E2E;
}
.page-wrap .footer-main.row--1 .t-h2 span,
.page-wrap .emotion--row.row--1 .t-h2 span {
  background-color: #F0E6DC;
  line-height: calc(41/30) !important;
  display: inline-block;
  padding: 0 8px;
  margin: 3px 0;
}
.page-wrap .footer-main.row--2,
.page-wrap .emotion--row.row--2 {
  padding-bottom: 24px !important;
  display: none;
}
.page-wrap .footer-main.row--3,
.page-wrap .emotion--row.row--3 {
  padding-bottom: 12px !important;
}
.page-wrap .footer-main.row--4,
.page-wrap .emotion--row.row--4 {
  padding-top: 0 !important;
}
.page-wrap .footer-main.row--9,
.page-wrap .emotion--row.row--9,
.page-wrap .footer-main.row--10,
.page-wrap .emotion--row.row--10 {
  color: #F0E6DC;
  background-color: #1E5A46;
}
.page-wrap .footer-main.row--10,
.page-wrap .emotion--row.row--10 {
  padding-top: 0 !important;
}
.page-wrap .footer-main.row--11,
.page-wrap .emotion--row.row--11 {
  background-image: url('assets/img/pattern/pattern-01.svg');
}
.page-wrap .footer-main.row--12,
.page-wrap .emotion--row.row--12 {
  background-image: url('assets/img/pattern/pattern-02.svg');
  background-position: center right;
}
.page-wrap .footer-main.row--12 .emotion--element:first-of-type,
.page-wrap .emotion--row.row--12 .emotion--element:first-of-type {
  margin-left: 0 !important;
}
.page-wrap .footer-main.row--11,
.page-wrap .emotion--row.row--11,
.page-wrap .footer-main.row--12,
.page-wrap .emotion--row.row--12 {
  display: flex;
  align-items: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.page-wrap .pl--64--outer .emotion--product,
.page-wrap .pl--64--outer .emotion--banner {
  padding-left: 64px;
}
.page-wrap .pr--64--outer .emotion--product,
.page-wrap .pr--64--outer .emotion--banner {
  padding-right: 64px;
}
.page-wrap img {
  border-radius: 0 !important;
}
.page-wrap .image--media {
  display: block;
}
.page-wrap .emotion--product-slider .product-slider--title ~ .product-slider--content {
  padding-top: 0;
}
.page-wrap .panel--title.is--underline.product-slider--title {
  position: static;
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 36px;
  height: auto;
  border-bottom: 0;
  text-align: center;
  color: #FF2E2E;
  padding: 0;
  padding-bottom: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .panel--title.is--underline.product-slider--title {
    font-size: calc(36/1440 * 100vw);
  }
}
@media all and (max-width: calc(30 / (36/1440) * 1px)) {
  .page-wrap .panel--title.is--underline.product-slider--title {
    font-size: 30px;
  }
}
.page-wrap .emotion--product-slider .box--emotion .product--image {
  height: 100%;
}
.page-wrap .emotion--mode-rows .emotion--product-slider,
.page-wrap .product-slider--container,
.page-wrap .emotion--product-slider .box--emotion,
.page-wrap .product--box .product--image .image--element {
  height: auto;
}
.page-wrap .product-slider--container {
  text-align: center;
}
.page-wrap .product-slider--item {
  vertical-align: top;
}
.page-wrap .product--box .product--image .image--element img {
  position: static;
  width: 100%;
}
.page-wrap .emotion--product-slider .product-slider--content {
  position: static;
  padding: 0;
}
.page-wrap .product-slider--arrow {
  transform: none !important;
}
.page-wrap .product-slider--arrow.arrow--prev {
  left: 9px;
}
.page-wrap .product-slider--arrow.arrow--next {
  right: 9px;
}
.page-wrap .emotion--product-slider .box--emotion .product--title,
.page-wrap .product--title {
  display: inline-block !important;
  font-weight: 800;
  font-size: 1em;
  padding-top: 0;
  margin-bottom: 8px;
  padding: 0;
  width: auto;
  overflow: visible;
  line-height: 1.5;
}
.page-wrap .product--box .product--rating-container {
  display: none;
}
.page-wrap .emotion--product-slider .box--emotion .product--price-info .price--unit,
.page-wrap .product--price-info .price--unit {
  display: inline-block;
  font-size: 0.75em;
  padding-bottom: 16px;
}
.page-wrap .emotion--product-slider .box--emotion .product--price-info .price--unit .is--nowrap,
.page-wrap .product--price-info .price--unit .is--nowrap {
  white-space: normal !important;
}
.page-wrap .emotion--product-slider .box--emotion .product--price .price--default,
.page-wrap .product--price .price--default {
  display: inline-block;
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .emotion--product-slider .box--emotion .product--price .price--default,
  .page-wrap .product--price .price--default {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .page-wrap .emotion--product-slider .box--emotion .product--price .price--default,
  .page-wrap .product--price .price--default {
    font-size: 18px;
  }
}
.page-wrap .product--box .product--price,
.page-wrap .emotion--product-slider .box--emotion .product--price-info .price--unit,
.page-wrap .product--box .product--price-info {
  height: auto;
}
.page-wrap .product--btn-container .btn-primary {
  display: none;
}
.page-wrap .footer-main {
  background-image: none;
  background-color: #F0E6DC;
  color: #191919;
}
.page-wrap .footer-main .footer--columns {
  border: 0;
}
@media only screen and ( max-width:  960px ) {
  .page-wrap .footer-main .footer--column {
    padding: 20px;
    border-color: #CDAF87 !important;
  }
}
.page-wrap .footer-main .column--headline {
  color: #191919;
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  padding: 0;
  padding-bottom: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .footer-main .column--headline {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .page-wrap .footer-main .column--headline {
    font-size: 18px;
  }
}
@media only screen and ( max-width:  960px ) {
  .page-wrap .footer-main .column--headline {
    padding-bottom: 0;
  }
}
@media only screen and ( max-width:  960px ) {
  .page-wrap .footer-main .column--content {
    padding-top: 24px;
  }
}
.page-wrap .footer-main p {
  padding-bottom: 1em;
}
.page-wrap .footer-main input,
.page-wrap .footer-main input[type="email"],
.page-wrap .footer-main p,
.page-wrap .footer-main li {
  font-size: 14px;
  line-height: 1.5;
  font-size: 14px !important;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .footer-main input,
  .page-wrap .footer-main input[type="email"],
  .page-wrap .footer-main p,
  .page-wrap .footer-main li {
    font-size: calc(14/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .page-wrap .footer-main input,
  .page-wrap .footer-main input[type="email"],
  .page-wrap .footer-main p,
  .page-wrap .footer-main li {
    font-size: 12px;
  }
}
.page-wrap .footer-main a {
  color: #191919;
}
.page-wrap .footer-main .navigation--link {
  display: inline-block;
}
.page-wrap .footer-main .footer--phone-link {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  margin-bottom: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .footer-main .footer--phone-link {
    font-size: calc(30/1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  .page-wrap .footer-main .footer--phone-link {
    font-size: 24px;
  }
}
.page-wrap .footer-main .footer--phone-link.has--bg span {
  line-height: calc(41/30);
}
.page-wrap .footer-main .footer--logo {
  display: none;
}
.page-wrap .footer-main .navigation--entry {
  padding-bottom: 0.25em;
}
.page-wrap .footer-main .privacy-information {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .footer-main .privacy-information {
    font-size: calc(14/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .page-wrap .footer-main .privacy-information {
    font-size: 12px;
  }
}
.page-wrap .banner-slider--item {
  padding-bottom: 30%;
}
@media only screen and ( max-width:  640px ) {
  .page-wrap .banner-slider--item {
    padding-bottom: 75%;
  }
}
@media only screen and ( max-width:  640px ) {
  .page-wrap .banner-slider--item {
    padding-bottom: 100%;
  }
}
.page-wrap .banner-slider--banner {
  position: absolute !important;
  height: 100%;
}
.page-wrap .banner-slider--banner img {
  height: 100%;
  object-fit: cover;
}
.page-wrap .filter--close-btn {
  display: none !important;
}
.page-wrap .listing {
  display: flex;
  flex-wrap: wrap;
}
.page-wrap .category--teaser.has--bg {
  width: 100%;
  border-radius: 0;
}
.page-wrap .category-name h1 {
  color: #FF2E2E;
}
.page-wrap .box--content.is--rounded {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.page-wrap .product--info .product--image {
  position: relative !important;
  margin-top: 0;
  height: auto;
}
.page-wrap .box--image .product--info {
  padding-left: 0 !important;
}
@media only screen and ( max-width: 1024px ) {
  .page-wrap .is--ctl-search .box--image,
  .page-wrap .is--ctl-listing.is--no-sidebar .box--image,
  .page-wrap .is--ctl-listing .product--box {
    width: 50% !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .page-wrap .is--ctl-search .box--image,
  .page-wrap .is--ctl-listing.is--no-sidebar .box--image,
  .page-wrap .is--ctl-listing .product--box {
    width: 100% !important;
  }
}
@media only screen and ( max-width: 1024px ) {
  .page-wrap .box--image .product--image {
    width: 100% !important;
  }
}
.page-wrap .product--box.box--image {
  padding-bottom: 24px;
}
.page-wrap .product--name {
  padding-bottom: 24px;
}
.page-wrap .product--details .product--buybox .price--content {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 30px;
  padding-bottom: 24px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .product--details .product--buybox .price--content {
    font-size: calc(30/1440 * 100vw);
  }
}
@media all and (max-width: calc(24 / (30/1440) * 1px)) {
  .page-wrap .product--details .product--buybox .price--content {
    font-size: 24px;
  }
}
.page-wrap .product--details .product--buybox .price--content.has--bg span {
  line-height: calc(41/30);
}
.page-wrap .product--delivery .delivery--status-available {
  background: #558769;
}
.page-wrap .product--delivery .delivery--text-available {
  color: #558769;
}
.page-wrap .product--tax {
  padding-bottom: 24px;
}
.page-wrap .product--details .buybox--form {
  padding: 24px 0;
}
.page-wrap .entry--label {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .entry--label {
    font-size: calc(14/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .page-wrap .entry--label {
    font-size: 12px;
  }
}
.page-wrap .kleingedrucktes {
  color: #191919;
}
.page-wrap .content--description .content--title,
.page-wrap .content--description p {
  padding-bottom: 1em;
}
.page-wrap .content--description .content--title:first-child .dvaccess-text {
  font-size: 24px !important;
}
.page-wrap .rightbox .content--title .dvaccess-text {
  font-size: 24px !important;
}
.page-wrap .product--detail-upper {
  padding-bottom: 48px;
}
.page-wrap .tab-menu--cross-selling {
  padding-top: 24px;
}
.page-wrap .image-slider--thumbnails .thumbnail--link {
  border-width: 2px;
  margin-bottom: 12px;
  border-radius: 0;
  padding: 0;
}
.page-wrap .image-slider--container {
  height: auto;
  margin-bottom: 0 !important;
}
.page-wrap .product-notice {
  background-color: #F0E6DC;
  padding: 1em;
  margin-bottom: 24px;
}
.page-wrap .product--configurator {
  padding-top: 24px;
}
.page-wrap .image-slider--container .arrow.is--right,
.page-wrap .image-slider--container .arrow.is--left,
.page-wrap .emotion--product-slider .product-slider--arrow {
  border-radius: 0;
  background-color: #F0E6DC;
  border: 0;
}
.page-wrap .image-slider--item .image--element,
.page-wrap .image-slider--item .image--element .image--media,
.page-wrap .image-slider--item .image--element .image--media img {
  width: 100%;
}
.page-wrap .product--info .product--image {
  padding-bottom: 12px;
}
.page-wrap .container--ajax-cart.off-canvas {
  width: 400px;
}
.page-wrap .off-canvas .ajax--cart {
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .off-canvas .ajax--cart {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .page-wrap .off-canvas .ajax--cart {
    font-size: 16px;
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .col--team .page-wrap .off-canvas .ajax--cart {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .col--team .page-wrap .off-canvas .ajax--cart {
    font-size: 12px;
  }
}
.page-wrap .off-canvas .ajax--cart .cart--item .item--link {
  line-height: 1.3;
}
.page-wrap .ajax--cart .small--information,
.page-wrap .ajax--cart .table--shipping-costs,
.page-wrap .ajax--cart .table--shipping-costs-trigger,
.page-wrap .prices--articles {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 500;
  padding-bottom: 6px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .ajax--cart .small--information,
  .page-wrap .ajax--cart .table--shipping-costs,
  .page-wrap .ajax--cart .table--shipping-costs-trigger,
  .page-wrap .prices--articles {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .page-wrap .ajax--cart .small--information,
  .page-wrap .ajax--cart .table--shipping-costs,
  .page-wrap .ajax--cart .table--shipping-costs-trigger,
  .page-wrap .prices--articles {
    font-size: 16px;
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .col--team .page-wrap .ajax--cart .small--information,
  .col--team .page-wrap .ajax--cart .table--shipping-costs,
  .col--team .page-wrap .ajax--cart .table--shipping-costs-trigger,
  .col--team .page-wrap .prices--articles {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .col--team .page-wrap .ajax--cart .small--information,
  .col--team .page-wrap .ajax--cart .table--shipping-costs,
  .col--team .page-wrap .ajax--cart .table--shipping-costs-trigger,
  .col--team .page-wrap .prices--articles {
    font-size: 12px;
  }
}
.page-wrap .ajax--cart .table--shipping-costs,
.page-wrap .prices--articles {
  font-size: 18px;
  line-height: 1.6;
  display: block;
  font-weight: 500;
  padding-bottom: 6px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .ajax--cart .table--shipping-costs,
  .page-wrap .prices--articles {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .page-wrap .ajax--cart .table--shipping-costs,
  .page-wrap .prices--articles {
    font-size: 16px;
  }
}
@media all and (max-width: calc(16 / (18/1440) * 1px)) {
  .col--team .page-wrap .ajax--cart .table--shipping-costs,
  .col--team .page-wrap .prices--articles {
    font-size: calc(18/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .col--team .page-wrap .ajax--cart .table--shipping-costs,
  .col--team .page-wrap .prices--articles {
    font-size: 12px;
  }
}
.page-wrap .close--off-canvas {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #1E5A46;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .close--off-canvas {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .page-wrap .close--off-canvas {
    font-size: 18px;
  }
}
.page-wrap .off-canvas .close--off-canvas .icon--arrow-left {
  position: relative;
  top: -0.15em;
  font-size: 1rem;
}
.page-wrap .item--container {
  padding: 0;
}
.page-wrap .cart--item,
.page-wrap .prices--container {
  padding: 24px;
}
.page-wrap .product--details .buybox--button {
  width: 100%;
}
.page-wrap .buy-btn--cart-add {
  padding-right: 0.1em;
}
.page-wrap .product--table .benefit--headline {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  padding-bottom: 16px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .product--table .benefit--headline {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .page-wrap .product--table .benefit--headline {
    font-size: 18px;
  }
}
.page-wrap .table--footer.block-group {
  padding-top: 64px;
}
.page-wrap .payment-method {
  width: 50px;
}
.page-wrap .alert.is--warning {
  background-color: #F0E6DC;
  color: #191919;
  border-radius: 0;
}
.page-wrap .alert.is--warning .alert--icon {
  background-color: transparent;
  color: #191919;
}
.page-wrap .panel--title {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  margin: 0rem 1.25rem 0rem 1.25rem;
  padding-bottom: 1rem;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .panel--title {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .page-wrap .panel--title {
    font-size: 18px;
  }
}
.page-wrap .blog--content .blog--box .blog--box-headline,
.page-wrap .blog--detail-headline {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 36px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .blog--content .blog--box .blog--box-headline,
  .page-wrap .blog--detail-headline {
    font-size: calc(36/1440 * 100vw);
  }
}
@media all and (max-width: calc(30 / (36/1440) * 1px)) {
  .page-wrap .blog--content .blog--box .blog--box-headline,
  .page-wrap .blog--detail-headline {
    font-size: 30px;
  }
}
.page-wrap .blog--content .blog--box .blog--box-headline {
  padding-left: 1.25rem;
}
.page-wrap .panel--title {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: 400;
  font-size: 36px;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap .panel--title {
    font-size: calc(36/1440 * 100vw);
  }
}
@media all and (max-width: calc(30 / (36/1440) * 1px)) {
  .page-wrap .panel--title {
    font-size: 30px;
  }
}
.page-wrap .sort--select.select-field .dvaccess-text {
  font-size: 0.875rem;
  color: #525c66;
}
.mut--btn,
.buybox--button-container .buybox--button,
.button--checkout,
.button--open-basket,
.btn--checkout-proceed,
.register--content .register--action .register--submit,
.register--login .register--login-btn,
.review--actions .btn.is--primary,
.blog--box-readmore .btn,
.btn--create-entry,
.form--comment-add .btn,
.btn[class^="cookie-permission"],
.cookie-consent--save-button,
#support .btn,
.shop--navigation .navigation--entry .blocked--link.navigation--signin-btn,
.product--btn-container .btn-primary,
.btn.is--primary,
.btn.is--secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  background: #FFFFFF;
  border-radius: 8px;
  line-height: 50px;
  white-space: nowrap;
  background-color: #CDAF87;
  color: #191919;
  border: 1px solid #CDAF87;
  font-family: 'Competition Condensed', sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 42px;
  font-size: 16px;
  letter-spacing: 0.06em !important;
  transition: 0.3s;
  box-sizing: border-box;
  cursor: pointer;
  height: auto;
  background-color: #FF2E2E;
  border-color: #FF2E2E;
  color: #FFFFFF;
}
.mut--btn:focus-visible,
.buybox--button-container .buybox--button:focus-visible,
.button--checkout:focus-visible,
.button--open-basket:focus-visible,
.btn--checkout-proceed:focus-visible,
.register--content .register--action .register--submit:focus-visible,
.register--login .register--login-btn:focus-visible,
.review--actions .btn.is--primary:focus-visible,
.blog--box-readmore .btn:focus-visible,
.btn--create-entry:focus-visible,
.form--comment-add .btn:focus-visible,
.btn[class^="cookie-permission"]:focus-visible,
.cookie-consent--save-button:focus-visible,
#support .btn:focus-visible,
.shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:focus-visible,
.product--btn-container .btn-primary:focus-visible,
.btn.is--primary:focus-visible,
.btn.is--secondary:focus-visible {
  outline: 2px solid #299FFF;
  outline-offset: 2px;
}
@media all and (max-width: calc(16 / (24/1440) * 1px)) {
  .mut--btn,
  .buybox--button-container .buybox--button,
  .button--checkout,
  .button--open-basket,
  .btn--checkout-proceed,
  .register--content .register--action .register--submit,
  .register--login .register--login-btn,
  .review--actions .btn.is--primary,
  .blog--box-readmore .btn,
  .btn--create-entry,
  .form--comment-add .btn,
  .btn[class^="cookie-permission"],
  .cookie-consent--save-button,
  #support .btn,
  .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn,
  .product--btn-container .btn-primary,
  .btn.is--primary,
  .btn.is--secondary {
    padding: 0 16px;
  }
}
.mut--btn:after,
.buybox--button-container .buybox--button:after,
.button--checkout:after,
.button--open-basket:after,
.btn--checkout-proceed:after,
.register--content .register--action .register--submit:after,
.register--login .register--login-btn:after,
.review--actions .btn.is--primary:after,
.blog--box-readmore .btn:after,
.btn--create-entry:after,
.form--comment-add .btn:after,
.btn[class^="cookie-permission"]:after,
.cookie-consent--save-button:after,
#support .btn:after,
.shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:after,
.product--btn-container .btn-primary:after,
.btn.is--primary:after,
.btn.is--secondary:after {
  background-position: 20% 0;
}
.mut--btn.btn--small,
.buybox--button-container .buybox--button.btn--small,
.button--checkout.btn--small,
.button--open-basket.btn--small,
.btn--checkout-proceed.btn--small,
.register--content .register--action .register--submit.btn--small,
.register--login .register--login-btn.btn--small,
.review--actions .btn.is--primary.btn--small,
.blog--box-readmore .btn.btn--small,
.btn--create-entry.btn--small,
.form--comment-add .btn.btn--small,
.btn[class^="cookie-permission"].btn--small,
.cookie-consent--save-button.btn--small,
#support .btn.btn--small,
.shop--navigation .navigation--entry .blocked--link.navigation--signin-btn.btn--small,
.product--btn-container .btn-primary.btn--small,
.btn.is--primary.btn--small,
.btn.is--secondary.btn--small {
  line-height: 38px;
}
.mut--btn i,
.buybox--button-container .buybox--button i,
.button--checkout i,
.button--open-basket i,
.btn--checkout-proceed i,
.register--content .register--action .register--submit i,
.register--login .register--login-btn i,
.review--actions .btn.is--primary i,
.blog--box-readmore .btn i,
.btn--create-entry i,
.form--comment-add .btn i,
.btn[class^="cookie-permission"] i,
.cookie-consent--save-button i,
#support .btn i,
.shop--navigation .navigation--entry .blocked--link.navigation--signin-btn i,
.product--btn-container .btn-primary i,
.btn.is--primary i,
.btn.is--secondary i {
  display: none !important;
}
.mut--btn[disabled],
.buybox--button-container .buybox--button[disabled],
.button--checkout[disabled],
.button--open-basket[disabled],
.btn--checkout-proceed[disabled],
.register--content .register--action .register--submit[disabled],
.register--login .register--login-btn[disabled],
.review--actions .btn.is--primary[disabled],
.blog--box-readmore .btn[disabled],
.btn--create-entry[disabled],
.form--comment-add .btn[disabled],
.btn[class^="cookie-permission"][disabled],
.cookie-consent--save-button[disabled],
#support .btn[disabled],
.shop--navigation .navigation--entry .blocked--link.navigation--signin-btn[disabled],
.product--btn-container .btn-primary[disabled],
.btn.is--primary[disabled],
.btn.is--secondary[disabled] {
  pointer-events: none;
}
.product--table .add-voucher--field {
  width: calc(100% - 38px - 12px);
  margin-right: 12px;
}
.add-voucher--button.is--medium {
  height: 38px !important;
  width: 38px !important;
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
}
.add-voucher--button.is--medium i {
  display: block !important;
}
.btn.cookie-permission--decline-button,
.btn.cookie-permission--accept-button,
.review--actions .btn.is--primary,
.button--open-basket,
.btn.is--secondary {
  background-color: transparent;
  border: 2px solid #CDAF87;
  line-height: 40px;
  color: #191919;
  background-image: none;
}
.mut--btn {
  background-color: #BE9B73;
  border-color: #BE9B73;
  color: #191919;
}
.dvaccess-page-container .panel--title.is--underline {
  padding-left: 20px;
}
/** ------------------------------------------------------------------------------------
 *
 * Cookie Banner
 *
 * ---------------------------------------------------------------------------------- */
.page-wrap--cookie-permission,
.cookie-consent--description,
.cookie-consent--group-description,
.cookie-consent--group-title-label,
.cookie--label {
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and ( max-width: 1440px ) {
  .page-wrap--cookie-permission,
  .cookie-consent--description,
  .cookie-consent--group-description,
  .cookie-consent--group-title-label,
  .cookie--label {
    font-size: calc(14/1440 * 100vw);
  }
}
@media all and (max-width: calc(12 / (14/1440) * 1px)) {
  .page-wrap--cookie-permission,
  .cookie-consent--description,
  .cookie-consent--group-description,
  .cookie-consent--group-title-label,
  .cookie--label {
    font-size: 12px;
  }
}
#cookie-consent.off-canvas .cookie-consent--header {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #1E5A46;
}
@media only screen and ( max-width: 1440px ) {
  #cookie-consent.off-canvas .cookie-consent--header {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  #cookie-consent.off-canvas .cookie-consent--header {
    font-size: 18px;
  }
}
#cookie-consent .cookie-consent--header .icon--arrow-right {
  font-size: 0.875em;
  margin: 0.1875em;
}
.cookie-permission--container {
  display: flex;
  align-items: center;
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
  width: 100%;
  float: none;
}
.page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
  position: relative;
  width: 470px;
  flex-shrink: 0;
}
@media only screen and ( max-width: 1024px ) {
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
    width: auto;
    flex-shrink: 1;
  }
}
@media only screen and ( max-width: 1024px ) {
  .cookie-permission--container {
    flex-wrap: wrap;
  }
}
@media only screen and ( max-width: 1024px ) {
  .page-wrap--cookie-permission {
    padding: 24px;
  }
}
.no-touchevents .buybox--button-container .buybox--button:hover,
.no-touchevents .button--checkout:hover,
.no-touchevents .btn--checkout-proceed:hover,
.no-touchevents .register--submit:hover,
.no-touchevents .register--login-btn:hover,
.no-touchevents .blog--box-readmore .btn:hover,
.no-touchevents .btn--create-entry:hover,
.no-touchevents .form--comment-add .btn:hover,
.no-touchevents .btn[class^='cookie-permission']:hover,
.no-touchevents .cookie-consent--save-button:hover,
.no-touchevents #support .btn:hover,
.no-touchevents .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:hover,
.no-touchevents .btn.is--primary:hover,
.no-touchevents .buybox--button-container .buybox--button:active,
.no-touchevents .button--checkout:active,
.no-touchevents .btn--checkout-proceed:active,
.no-touchevents .register--submit:active,
.no-touchevents .register--login-btn:active,
.no-touchevents .blog--box-readmore .btn:active,
.no-touchevents .btn--create-entry:active,
.no-touchevents .form--comment-add .btn:active,
.no-touchevents .btn[class^='cookie-permission']:active,
.no-touchevents .cookie-consent--save-button:active,
.no-touchevents #support .btn:active,
.no-touchevents .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:active,
.no-touchevents .btn.is--primary:active,
.no-touchevents .buybox--button-container .buybox--button:focus,
.no-touchevents .button--checkout:focus,
.no-touchevents .btn--checkout-proceed:focus,
.no-touchevents .register--submit:focus,
.no-touchevents .register--login-btn:focus,
.no-touchevents .blog--box-readmore .btn:focus,
.no-touchevents .btn--create-entry:focus,
.no-touchevents .form--comment-add .btn:focus,
.no-touchevents .btn[class^='cookie-permission']:focus,
.no-touchevents .cookie-consent--save-button:focus,
.no-touchevents #support .btn:focus,
.no-touchevents .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:focus,
.no-touchevents .btn.is--primary:focus {
  background-color: #F0E6DC;
}
.no-touchevents .buybox--button-container .buybox--button:hover,
.no-touchevents .button--checkout:hover,
.no-touchevents .btn--checkout-proceed:hover,
.no-touchevents .register--submit:hover,
.no-touchevents .register--login-btn:hover,
.no-touchevents .blog--box-readmore .btn:hover,
.no-touchevents .btn--create-entry:hover,
.no-touchevents .form--comment-add .btn:hover,
.no-touchevents .btn[class^='cookie-permission']:hover,
.no-touchevents .cookie-consent--save-button:hover,
.no-touchevents #support .btn:hover,
.no-touchevents .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:hover,
.no-touchevents .btn.is--primary:hover,
.no-touchevents .buybox--button-container .buybox--button:active,
.no-touchevents .button--checkout:active,
.no-touchevents .btn--checkout-proceed:active,
.no-touchevents .register--submit:active,
.no-touchevents .register--login-btn:active,
.no-touchevents .blog--box-readmore .btn:active,
.no-touchevents .btn--create-entry:active,
.no-touchevents .form--comment-add .btn:active,
.no-touchevents .btn[class^='cookie-permission']:active,
.no-touchevents .cookie-consent--save-button:active,
.no-touchevents #support .btn:active,
.no-touchevents .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:active,
.no-touchevents .btn.is--primary:active,
.no-touchevents .buybox--button-container .buybox--button:focus,
.no-touchevents .button--checkout:focus,
.no-touchevents .btn--checkout-proceed:focus,
.no-touchevents .register--submit:focus,
.no-touchevents .register--login-btn:focus,
.no-touchevents .blog--box-readmore .btn:focus,
.no-touchevents .btn--create-entry:focus,
.no-touchevents .form--comment-add .btn:focus,
.no-touchevents .btn[class^='cookie-permission']:focus,
.no-touchevents .cookie-consent--save-button:focus,
.no-touchevents #support .btn:focus,
.no-touchevents .shop--navigation .navigation--entry .blocked--link.navigation--signin-btn:focus,
.no-touchevents .btn.is--primary:focus {
  background-color: #F0191E;
  border-color: #FF6464;
}
.no-touchevents .btn.cookie-permission--decline-button:hover,
.no-touchevents .btn.cookie-permission--accept-button:hover,
.no-touchevents .review--actions .btn.is--primary:hover,
.no-touchevents .button--open-basket:hover,
.no-touchevents .mut--btn:hover,
.no-touchevents .btn.is--secondary:hover,
.no-touchevents .btn.cookie-permission--decline-button:active,
.no-touchevents .btn.cookie-permission--accept-button:active,
.no-touchevents .review--actions .btn.is--primary:active,
.no-touchevents .button--open-basket:active,
.no-touchevents .mut--btn:active,
.no-touchevents .btn.is--secondary:active,
.no-touchevents .btn.cookie-permission--decline-button:focus,
.no-touchevents .btn.cookie-permission--accept-button:focus,
.no-touchevents .review--actions .btn.is--primary:focus,
.no-touchevents .button--open-basket:focus,
.no-touchevents .mut--btn:focus,
.no-touchevents .btn.is--secondary:focus {
  border-color: #BE9B73;
  background-color: #F0E6DC;
}
/**
 * Mobile menu
 */
.mobile--switches {
  display: none;
}
.navigation--smartphone .entry--close-off-canvas {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px;
  background: #1E5A46;
}
@media only screen and ( max-width: 1440px ) {
  .navigation--smartphone .entry--close-off-canvas {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .navigation--smartphone .entry--close-off-canvas {
    font-size: 18px;
  }
}
.navigation--smartphone .entry--close-off-canvas .navigation--link {
  font-family: 'Competition Condensed', sans-serif;
  margin: 0;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 400;
}
@media only screen and ( max-width: 1440px ) {
  .navigation--smartphone .entry--close-off-canvas .navigation--link {
    font-size: calc(22/1440 * 100vw);
  }
}
@media all and (max-width: calc(18 / (22/1440) * 1px)) {
  .navigation--smartphone .entry--close-off-canvas .navigation--link {
    font-size: 18px;
  }
}
.navigation--smartphone .entry--close-off-canvas .icon--arrow-right {
  font-size: 0.875em;
  margin: 0.1875em;
}
.offcanvas--overlay {
  top: 48px;
}
@media only screen and ( max-width:  960px ) {
  .html--content {
    margin: 0 !important;
  }
}
.emotion--product .product--box .box--content {
  padding: 0;
}
/**
 * Layout
 */
.emotion--row:not( .row--1 ) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 64px 24px !important;
}
@media only screen and ( max-width:  640px ) {
  .emotion--row:not( .row--1 ) {
    padding: 48px 12px !important;
  }
}
.emotion--row:not( .row--1 ) .col-1 {
  margin: 0 !important;
  padding: 0 16px !important;
}
@media only screen and ( max-width: 1024px ) {
  .emotion--row:not( .row--1 ) .col-1 {
    padding: 0 12px !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .emotion--row:not( .row--1 ) .col-1 {
    padding: 0 8px !important;
  }
}
.emotion--row:not( .row--1 ) .image--teaser--wrapper,
.emotion--row:not( .row--1 ) .emotion--banner {
  padding-bottom: 32px !important;
}
@media only screen and ( max-width: 1024px ) {
  .emotion--row:not( .row--1 ) .image--teaser--wrapper,
  .emotion--row:not( .row--1 ) .emotion--banner {
    padding-bottom: 24px !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .emotion--row:not( .row--1 ) .image--teaser--wrapper,
  .emotion--row:not( .row--1 ) .emotion--banner {
    padding-bottom: 16px !important;
  }
}
/**
 * Genussrezepte
 * Row 3
 */
.image--teaser--wrapper {
  position: relative;
}
.image--teaser--wrapper a {
  display: inline-block;
}
.image--teaser--wrapper .t-h3 {
  font-size: 1.4vw;
}
@media only screen and ( max-width: 1280px ) {
  .image--teaser--wrapper .t-h3 {
    font-size: 2vw;
  }
}
@media only screen and ( max-width: 1024px ) {
  .image--teaser--wrapper .t-h3 {
    font-size: 2.8vw;
  }
}
@media only screen and ( max-width:  640px ) {
  .image--teaser--wrapper .t-h3 {
    font-size: 4vw;
  }
}
@media only screen and ( max-width:  393px ) {
  .image--teaser--wrapper .t-h3 {
    font-size: 8vw;
  }
}
.image--teaser--wrapper .title--wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 1.3;
}
.image--teaser--wrapper .title--wrapper .bg--color {
  background-color: #F0E6DC;
  white-space: nowrap;
  padding: 0 8px;
  margin: 3px 0;
}
@media only screen and ( max-width: 1280px ) {
  .row--10 .col-1 {
    width: 25% !important;
  }
}
@media only screen and ( max-width: 1024px ) {
  .row--10 .col-1 {
    width: 35% !important;
  }
}
@media only screen and ( max-width:  960px ) {
  .row--10 .col-1 {
    width: 40% !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .row--10 .col-1 {
    width: 50% !important;
  }
}
@media only screen and ( max-width:  393px ) {
  .row--10 .col-1 {
    width: 100% !important;
  }
}
/**
 * Text/Image
 */
.row--6 {
  color: #F0E6DC;
  background-color: #1E5A46;
}
.row--7 {
  color: #F0E6DC;
  background-color: #114735;
}
@media only screen and ( max-width: 1024px ) {
  .row--6 .col-1,
  .row--7 .col-1,
  .row--11 .col-1,
  .row--12 .col-1 {
    width: 50% !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .row--6 .col-1,
  .row--7 .col-1,
  .row--11 .col-1,
  .row--12 .col-1 {
    width: 100% !important;
  }
}
@media only screen and ( max-width:  960px ) {
  .row--6 img,
  .row--7 img,
  .row--11 img,
  .row--12 img {
    margin-bottom: 24px !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .row--7 .col-1,
  .row--12 .col-1 {
    order: 2;
  }
  .row--7 .col-1:nth-of-type(2),
  .row--12 .col-1:nth-of-type(2) {
    order: 1;
  }
}
/**
 * Product slider
 */
@media only screen and ( max-width: 1024px ) {
  .row--8 .col-1 {
    width: 100% !important;
  }
}
/**
 * Banner
 */
.row--13 {
  background-color: #191919;
  background-image: url('assets/img/pattern/pattern--teaser.svg');
  background-size: cover;
  background-position: center center;
}
.row--13 .bg--color--bistro {
  background-color: transparent;
}
@media only screen and ( max-width: 1024px ) {
  .row--13 .col-1 {
    width: 50% !important;
  }
}
@media only screen and ( max-width:  960px ) {
  .row--13 .col-1 {
    width: 75% !important;
  }
}
@media only screen and ( max-width:  640px ) {
  .row--13 .col-1 {
    width: 100% !important;
  }
}
/**
 * Rezepte
 */
body,
table th,
table td,
p,
.blog--box .blog--box-tags,
.panel--body,
.price--label.label--purchase-unit,
.product--details .price--unit,
.product--details .content--title {
  font-size: 16px !important;
}
.is-hidden--sm {
  display: inline-block !important;
}
@media all and (max-width: 640px) {
  .is-hidden--sm {
    display: none !important;
  }
}
.is-visible--sm {
  display: none !important;
}
@media all and (max-width: 640px) {
  .is-visible--sm {
    display: inline-block !important;
  }
}
.panel--td {
  width: 18.125rem;
}