/* vietnamese */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Crimson_Text/wlp2gwHKFkZgtmSR3NB0oRJfYAhTIfFd3IhG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Crimson_Text/wlp2gwHKFkZgtmSR3NB0oRJfYQhTIfFd3IhG.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Crimson_Text/wlp2gwHKFkZgtmSR3NB0oRJfbwhTIfFd3A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lujVj9_mf.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lujVj9_mf.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lujVj9_mf.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lujVj9_mf.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lujVj9_mf.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lujVj9_mf.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Source_Sans_Pro/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 300;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4QIFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4SYFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4ToFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4QoFqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4Q4FqL_KWxWMT.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Comfortaa';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Comfortaa/1Ptsg8LJRfWJmhDAuUs4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Zilla_Slab/dFa6ZfeM_74wlPZtksIFajQ6_V6LVlBKdA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 400;
  src: url(../font/Zilla_Slab/dFa6ZfeM_74wlPZtksIFajo6_V6LVlA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Zilla_Slab/dFa5ZfeM_74wlPZtksIFYoEf6H2pW3pwfa3Efg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Zilla Slab';
  font-style: normal;
  font-weight: 700;
  src: url(../font/Zilla_Slab/dFa5ZfeM_74wlPZtksIFYoEf6HOpW3pwfa0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* :::::::::::::::::::::::::::::::::::::::::: */
/* DEFINITIONS                                */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* BASICS                                     */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* HEAD                                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* SUBPAGE                                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FONT                                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM                                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* TABLE                                      */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* TICKETS                                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FOOTER                                     */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* RGBA                                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* NAVIGATION                                 */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* BUTTONS                                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* MISC                                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
::-webkit-input-placeholder {
  color: #E4E4E4;
}
::-moz-placeholder {
  color: #E4E4E4;
}
:-ms-input-placeholder {
  color: #E4E4E4;
}
:-moz-placeholder {
  color: #E4E4E4;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* CROSSBROWSER                               */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* MEDIA QUERIES                              */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* BUTTONS                                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
.btn,
.cc-btn {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
  color: #ffb000;
  font-size: 18px;
  background-color: #3f475a;
  outline: 0;
  text-align: center;
  font-family: 'Comfortaa', cursive;
  line-height: 1.2em;
  font-weight: 700;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  padding: 5px 12px;
  width: auto;
  cursor: pointer;
  border: 2px solid #3f475a;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
  /* negative button */
  /* medium button */
  /* large button */
  /* wide button */
}
.btn:hover,
.cc-btn:hover {
  color: #ffb000;
}
@media only screen and (min-width: 992px) {
  .btn:hover,
  .cc-btn:hover {
    background-color: transparent;
    color: #3f475a;
    border-color: #ffb000;
  }
}
.btn:focus,
.cc-btn:focus {
  color: #ffb000;
}
.btn.btn-primary,
.cc-btn.btn-primary {
  background-color: #ffb000;
  border-color: #ffb000;
  color: #fff;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.btn.btn-primary:hover,
.cc-btn.btn-primary:hover {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .btn.btn-primary:hover,
  .cc-btn.btn-primary:hover {
    background-color: transparent;
    color: #ffb000;
  }
}
.btn.btn-primary:focus,
.cc-btn.btn-primary:focus,
.btn.btn-primary:active,
.cc-btn.btn-primary:active {
  background-color: transparent;
  border-color: #ffb000;
  color: #ffb000;
}
.btn.btn-primary.btn-negative,
.cc-btn.btn-primary.btn-negative {
  color: #ffb000;
}
.btn.btn-icon,
.cc-btn.btn-icon {
  padding-right: 40px;
}
.btn.btn-icon i.fa,
.cc-btn.btn-icon i.fa {
  position: absolute;
  font-size: 12px;
}
.btn.btn-white,
.cc-btn.btn-white,
.btna.btn-white:link,
.cc-btna.btn-white:link,
.btna.btn-white,
.cc-btna.btn-white {
  color: #ffb000;
  background-color: #fff;
}
.btn.btn-white.btn,
.cc-btn.btn-white.btn,
.btna.btn-white:link.btn,
.cc-btna.btn-white:link.btn,
.btna.btn-white.btn,
.cc-btna.btn-white.btn,
.btn.btn-white.button,
.cc-btn.btn-white.button,
.btna.btn-white:link.button,
.cc-btna.btn-white:link.button,
.btna.btn-white.button,
.cc-btna.btn-white.button {
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.btn.btn-white.btn:visited,
.cc-btn.btn-white.btn:visited,
.btna.btn-white:link.btn:visited,
.cc-btna.btn-white:link.btn:visited,
.btna.btn-white.btn:visited,
.cc-btna.btn-white.btn:visited,
.btn.btn-white.button:visited,
.cc-btn.btn-white.button:visited,
.btna.btn-white:link.button:visited,
.cc-btna.btn-white:link.button:visited,
.btna.btn-white.button:visited,
.cc-btna.btn-white.button:visited,
.btn.btn-white.btn:focus,
.cc-btn.btn-white.btn:focus,
.btna.btn-white:link.btn:focus,
.cc-btna.btn-white:link.btn:focus,
.btna.btn-white.btn:focus,
.cc-btna.btn-white.btn:focus,
.btn.btn-white.button:focus,
.cc-btn.btn-white.button:focus,
.btna.btn-white:link.button:focus,
.cc-btna.btn-white:link.button:focus,
.btna.btn-white.button:focus,
.cc-btna.btn-white.button:focus,
.btn.btn-white.btn:active,
.cc-btn.btn-white.btn:active,
.btna.btn-white:link.btn:active,
.cc-btna.btn-white:link.btn:active,
.btna.btn-white.btn:active,
.cc-btna.btn-white.btn:active,
.btn.btn-white.button:active,
.cc-btn.btn-white.button:active,
.btna.btn-white:link.button:active,
.cc-btna.btn-white:link.button:active,
.btna.btn-white.button:active,
.cc-btna.btn-white.button:active {
  color: #fff;
  background-color: #fff;
}
@media only screen and (min-width: 992px) {
  .btn.btn-white.btn:hover,
  .cc-btn.btn-white.btn:hover,
  .btna.btn-white:link.btn:hover,
  .cc-btna.btn-white:link.btn:hover,
  .btna.btn-white.btn:hover,
  .cc-btna.btn-white.btn:hover,
  .btn.btn-white.button:hover,
  .cc-btn.btn-white.button:hover,
  .btna.btn-white:link.button:hover,
  .cc-btna.btn-white:link.button:hover,
  .btna.btn-white.button:hover,
  .cc-btna.btn-white.button:hover {
    text-decoration: none;
    background-color: #ffb000;
  }
}
.btn.btn-white.btn:before,
.cc-btn.btn-white.btn:before,
.btna.btn-white:link.btn:before,
.cc-btna.btn-white:link.btn:before,
.btna.btn-white.btn:before,
.cc-btna.btn-white.btn:before,
.btn.btn-white.button:before,
.cc-btn.btn-white.button:before,
.btna.btn-white:link.button:before,
.cc-btna.btn-white:link.button:before,
.btna.btn-white.button:before,
.cc-btna.btn-white.button:before {
  border-color: #fff;
}
.btn.btn-grey,
.cc-btn.btn-grey,
.btna.btn-grey:link,
.cc-btna.btn-grey:link,
.btna.btn-grey,
.cc-btna.btn-grey {
  color: #fff;
  background-color: #85868a;
}
.btn.btn-grey.btn,
.cc-btn.btn-grey.btn,
.btna.btn-grey:link.btn,
.cc-btna.btn-grey:link.btn,
.btna.btn-grey.btn,
.cc-btna.btn-grey.btn,
.btn.btn-grey.button,
.cc-btn.btn-grey.button,
.btna.btn-grey:link.button,
.cc-btna.btn-grey:link.button,
.btna.btn-grey.button,
.cc-btna.btn-grey.button {
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.btn.btn-grey.btn:visited,
.cc-btn.btn-grey.btn:visited,
.btna.btn-grey:link.btn:visited,
.cc-btna.btn-grey:link.btn:visited,
.btna.btn-grey.btn:visited,
.cc-btna.btn-grey.btn:visited,
.btn.btn-grey.button:visited,
.cc-btn.btn-grey.button:visited,
.btna.btn-grey:link.button:visited,
.cc-btna.btn-grey:link.button:visited,
.btna.btn-grey.button:visited,
.cc-btna.btn-grey.button:visited,
.btn.btn-grey.btn:focus,
.cc-btn.btn-grey.btn:focus,
.btna.btn-grey:link.btn:focus,
.cc-btna.btn-grey:link.btn:focus,
.btna.btn-grey.btn:focus,
.cc-btna.btn-grey.btn:focus,
.btn.btn-grey.button:focus,
.cc-btn.btn-grey.button:focus,
.btna.btn-grey:link.button:focus,
.cc-btna.btn-grey:link.button:focus,
.btna.btn-grey.button:focus,
.cc-btna.btn-grey.button:focus,
.btn.btn-grey.btn:active,
.cc-btn.btn-grey.btn:active,
.btna.btn-grey:link.btn:active,
.cc-btna.btn-grey:link.btn:active,
.btna.btn-grey.btn:active,
.cc-btna.btn-grey.btn:active,
.btn.btn-grey.button:active,
.cc-btn.btn-grey.button:active,
.btna.btn-grey:link.button:active,
.cc-btna.btn-grey:link.button:active,
.btna.btn-grey.button:active,
.cc-btna.btn-grey.button:active {
  color: #fff;
  background-color: #85868a;
}
@media only screen and (min-width: 992px) {
  .btn.btn-grey.btn:hover,
  .cc-btn.btn-grey.btn:hover,
  .btna.btn-grey:link.btn:hover,
  .cc-btna.btn-grey:link.btn:hover,
  .btna.btn-grey.btn:hover,
  .cc-btna.btn-grey.btn:hover,
  .btn.btn-grey.button:hover,
  .cc-btn.btn-grey.button:hover,
  .btna.btn-grey:link.button:hover,
  .cc-btna.btn-grey:link.button:hover,
  .btna.btn-grey.button:hover,
  .cc-btna.btn-grey.button:hover {
    text-decoration: none;
    background-color: #ffb000;
  }
}
.btn.btn-grey.btn:before,
.cc-btn.btn-grey.btn:before,
.btna.btn-grey:link.btn:before,
.cc-btna.btn-grey:link.btn:before,
.btna.btn-grey.btn:before,
.cc-btna.btn-grey.btn:before,
.btn.btn-grey.button:before,
.cc-btn.btn-grey.button:before,
.btna.btn-grey:link.button:before,
.cc-btna.btn-grey:link.button:before,
.btna.btn-grey.button:before,
.cc-btna.btn-grey.button:before {
  border-color: #fff;
}
.btn.disabled,
.cc-btn.disabled,
.btn:disabled,
.cc-btn:disabled,
.btn[disabled],
.cc-btn[disabled] {
  opacity: 0.5;
  background-color: rgba(63, 71, 90, 0.8);
  color: #fff;
  cursor: default;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.btn.disabled:hover,
.cc-btn.disabled:hover,
.btn:disabled:hover,
.cc-btn:disabled:hover,
.btn[disabled]:hover,
.cc-btn[disabled]:hover {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .btn.disabled:hover,
  .cc-btn.disabled:hover,
  .btn:disabled:hover,
  .cc-btn:disabled:hover,
  .btn[disabled]:hover,
  .cc-btn[disabled]:hover {
    background-color: rgba(63, 71, 90, 0.8);
    color: #fff;
    border-color: rgba(63, 71, 90, 0.8);
  }
  .btn.disabled:hover i.fa,
  .cc-btn.disabled:hover i.fa,
  .btn:disabled:hover i.fa,
  .cc-btn:disabled:hover i.fa,
  .btn[disabled]:hover i.fa,
  .cc-btn[disabled]:hover i.fa {
    color: #fff;
    background-color: rgba(63, 71, 90, 0.8);
  }
}
.btn.btn-negative,
.cc-btn.btn-negative {
  background-color: transparent;
  color: #3f475a;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.btn.btn-negative:focus,
.cc-btn.btn-negative:focus {
  background-color: #ffb000;
  color: #fff;
  border-color: #ffb000;
}
.btn.btn-negative:hover,
.cc-btn.btn-negative:hover {
  color: #3f475a;
}
@media only screen and (min-width: 992px) {
  .btn.btn-negative:hover,
  .cc-btn.btn-negative:hover {
    background-color: #ffb000;
    color: #fff;
    border-color: #ffb000;
  }
}
.btn.btn-small,
.cc-btn.btn-small {
  padding: 9px 25px 8px 25px;
  line-height: 1.3em;
}
.btn.btn-small.btn-icon,
.cc-btn.btn-small.btn-icon {
  padding: 4px 40px 4px 15px;
  /* icon */
}
.btn.btn-small.btn-icon i.fa,
.cc-btn.btn-small.btn-icon i.fa {
  width: 21px;
  height: 21px;
  text-indent: 2px;
  line-height: 21px;
  right: 10px;
  top: 5px;
}
.btn.btn-medium,
.cc-btn.btn-medium {
  padding: 12px 25px 12px 25px;
  line-height: 1.5em;
}
.btn.btn-medium:before,
.cc-btn.btn-medium:before {
  left: 0;
  top: 4px;
  line-height: 26px;
  text-indent: 1px;
  font-size: 22px;
}
.btn.btn-medium.btn-icon,
.cc-btn.btn-medium.btn-icon {
  padding: 12px 40px 12px 30px;
  /* icon */
}
.btn.btn-medium.btn-icon i.fa,
.cc-btn.btn-medium.btn-icon i.fa {
  right: 22px;
  top: 16px;
}
.btn.btn-large,
.cc-btn.btn-large {
  padding: 18px 40px 18px 40px;
  font-size: 20px;
  line-height: 20px;
  height: 59px;
}
.btn.btn-large.btn-icon,
.cc-btn.btn-large.btn-icon {
  padding: 18px 60px 18px 40px;
  /* icon */
}
.btn.btn-large.btn-icon i.fa,
.cc-btn.btn-large.btn-icon i.fa {
  right: 15px;
  top: 16px;
}
.btn.btn-full-width,
.cc-btn.btn-full-width {
  width: 100%;
}
.btn.btn-full-width i.fa,
.cc-btn.btn-full-width i.fa {
  right: 15px;
  top: 15px;
}
.btn.btn-wide,
.cc-btn.btn-wide {
  padding-right: 55px;
  padding-left: 55px;
}
.cc-btn {
  padding: 7px 15px 7px 15px;
  font-weight: 400;
}
button:visited,
.btn:visited,
.button:visited,
button:focus,
.btn:focus,
.button:focus,
button:active,
.btn:active,
.button:active,
button:focus:hover,
.btn:focus:hover,
.button:focus:hover {
  text-decoration: none;
  outline: none;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button:hover,
.btn:hover,
.button:hover {
  text-decoration: none;
}
.btn:focus,
button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.btn-white:hover {
  text-decoration: none;
}
/* Textbutton */
.textbutton {
  position: relative;
  display: inline-block;
  color: #fff;
}
.textbutton i {
  position: absolute;
  font-size: 14px;
  display: inline-block;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  top: -1px;
  right: -30px;
  text-indent: 1px;
  line-height: 22px;
}
.textbutton.textbtn-medium i {
  height: 23px;
  width: 23px;
}
.textbutton.textbtn-negative {
  color: #ffb000;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* Contact form button fix                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
.kontakt .form-navigation .btn-toolbar .btn-group {
  float: right;
}
.kontakt .form-navigation .btn-toolbar .btn-group .next button.btn.btn-primary {
  float: right;
  padding: 12px 40px 12px 40px;
  line-height: 1.35em;
  color: #ffb000;
  background-color: transparent;
}
.kontakt .form-navigation .btn-toolbar .btn-group .next button.btn.btn-primary:active,
.kontakt .form-navigation .btn-toolbar .btn-group .next button.btn.btn-primary:focus {
  border-color: #ffb000;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kontakt .form-navigation .btn-toolbar .btn-group .next button.btn.btn-primary:hover {
  background-color: #ffb000;
  color: #fff;
}
/* Loaders */
@-webkit-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@-moz-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@-o-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
.m-progress {
  position: relative;
  color: transparent !important;
  text-shadow: none !important;
}
.m-progress:hover,
.m-progress:active,
.m-progress:focus {
  cursor: default;
  color: transparent;
  outline: none !important;
  box-shadow: none;
}
.m-progress:after {
  content: '';
  display: inline-block;
  position: absolute;
  background: transparent;
  border: 2px solid #ffb000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 26px;
  height: 26px;
  -webkit-animation: ld 1s ease-in-out infinite;
  -moz-animation: ld 1s ease-in-out infinite;
  -o-animation: ld 1s ease-in-out infinite;
  animation: ld 1s ease-in-out infinite;
}
.favorite-label :hover {
  text-decoration: none;
}
.favorite-label :focus {
  text-decoration: none;
}
.page--golf .btn,
.page--golf .cc-btn {
  color: #52ae32;
}
.page--golf .btn:hover,
.page--golf .cc-btn:hover {
  color: #52ae32;
}
.page--golf .btn:hover,
.page--golf .cc-btn:hover {
  border-color: #52ae32;
}
.page--golf .btn.btn-negative:hover,
.page--golf .cc-btn.btn-negative:hover {
  background-color: #52ae32;
  color: #fff;
  border-color: #52ae32;
}
.page--golf .font-light a:not(.btn),
.page--golf .mw-text a:not(.btn) {
  border-bottom: 2px solid #52ae32;
}
.page--golf .font-light a:not(.btn):hover,
.page--golf .mw-text a:not(.btn):hover {
  color: #52ae32;
}
.page--golf .mw-section.register .bubble table .service-price {
  color: #52ae32;
}
.page--golf .mw-section.register .bubble ul li:before {
  color: #52ae32;
}
.page--golf .mw-section.register .register-wrap .notLoggedInAccount {
  border-bottom: 1px solid #52ae32;
}
.page--golf .login-btn {
  color: #52ae32;
}
.page--golf header#header nav.navbar.navbar-default .navbar-nav > li ul > li > a:hover {
  color: #52ae32;
}
.page--golf header#header .btn.login-btn:hover {
  color: #52ae32;
}
.page--golf .shopbox .shop-action .about:before {
  background-color: #52ae32;
}
.page--golf .mw-section.register .register-wrap label a {
  border-bottom: 1px solid #52ae32;
}
.page--golf #footer .footer-nav ul li a:hover {
  color: #52ae32;
}
.page--golf .favorite-label:hover {
  text-decoration: none;
  color: #fff;
  background-color: #52ae32;
}
.page--golf .favorite-label:hover span:hover {
  color: #52ae32;
}
.page--golf .favorite-label:focus {
  text-decoration: none;
  color: #fff;
  background-color: #52ae32;
}
.page--basis .btn,
.page--basis .cc-btn {
  color: #ffb000;
}
.page--basis .btn:hover,
.page--basis .cc-btn:hover {
  color: #ffb000;
}
.page--basis .btn:hover,
.page--basis .cc-btn:hover {
  border-color: #ffb000;
}
.page--basis .btn.btn-negative:hover,
.page--basis .cc-btn.btn-negative:hover {
  background-color: #ffb000;
  color: #fff;
  border-color: #ffb000;
}
.page--basis .font-light a:not(.btn),
.page--basis .mw-text a:not(.btn) {
  border-bottom: 2px solid #ffb000;
}
.page--basis .font-light a:not(.btn):hover,
.page--basis .mw-text a:not(.btn):hover {
  color: #ffb000;
}
.page--basis .mw-section.register .bubble table .service-price {
  color: #ffb000;
}
.page--basis .mw-section.register .bubble ul li:before {
  color: #ffb000;
}
.page--basis .mw-section.register .register-wrap .notLoggedInAccount {
  border-bottom: 1px solid #ffb000;
}
.page--basis .login-btn {
  color: #ffb000;
}
.page--basis header#header nav.navbar.navbar-default .navbar-nav > li ul > li > a:hover {
  color: #ffb000;
}
.page--basis header#header .btn.login-btn:hover {
  color: #ffb000;
}
.page--basis .shopbox .shop-action .about:before {
  background-color: #ffb000;
}
.page--basis .mw-section.register .register-wrap label a {
  border-bottom: 1px solid #ffb000;
}
.page--basis #footer .footer-nav ul li a:hover {
  color: #ffb000;
}
.page--basis .favorite-label:hover {
  text-decoration: none;
  color: #fff;
  background-color: #ffb000;
}
.page--basis .favorite-label:hover span:hover {
  color: #ffb000;
}
.page--basis .favorite-label:focus {
  text-decoration: none;
  color: #fff;
  background-color: #ffb000;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM                                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
label {
  font-weight: normal;
  font-size: 14px;
  margin-top: 0;
}
.input-group-lg > .form-control {
  padding: 13px 15px 15px 45px;
  border: none;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  font-size: 18px;
}
.input-group-addon {
  cursor: pointer;
  padding: 6px 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: rgba(63, 71, 90, 0.8);
  text-align: center;
  background-color: transparent;
  border: 2px solid #E4E4E4;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
}
.input-group-addon.active,
.input-group-addon:hover {
  color: #ffb000;
}
.input-group-btn {
  padding-left: 3px;
}
.input-group-btn .button {
  width: 50px;
  border: none;
}
.input-group-btn .button i {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
  color: #ffb000;
}
.input-group-btn .button-newsletter {
  font-size: 13px;
}
form {
  /* Inputs with Icon */
  /* Dark Form BG */
}
form textarea,
form input,
form select,
form input[type="email"],
form input[type="tel"],
form input[type="file"],
form input[type="text"],
form input[type="password"] {
  outline: 0;
}
form textarea.error,
form input.error,
form select.error,
form input[type="email"].error,
form input[type="tel"].error,
form input[type="file"].error,
form input[type="text"].error,
form input[type="password"].error {
  border-color: #e45350;
}
form input[type="file"] {
  line-height: 1;
}
form textarea.form-control {
  border-radius: 28px;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
}
form .form-control {
  font-size: inherit;
  box-shadow: none;
  border: 2px solid #E4E4E4;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  padding: 10px 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 47px;
}
form .form-control.large {
  height: 59px;
}
form .form-control:focus {
  border-color: rgba(63, 71, 90, 0.8);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
form .form-control:focus:hover {
  border-color: rgba(63, 71, 90, 0.8);
}
form .form-control:hover {
  border-color: #ccc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
form .form-control .errorhandle {
  position: relative;
}
form textarea.form-control {
  min-height: 95px;
}
form .form-icon > i {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 26px;
  height: 26px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
  left: 10px;
  top: 6px;
  font-size: 18px;
}
form.dark-form input {
  color: rgba(255, 255, 255, 0.75);
  background-color: rgba(255, 255, 255, 0.15);
}
form.dark-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff !important;
}
form.dark-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
}
form.dark-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff !important;
}
form.dark-form :-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
}
form .input-group-lg > .input-group-btn .btn,
form .input-group-lg > .input-group-btn button[type='button'],
form .input-group-lg > .input-group-btn input[type='button'],
form .input-group-lg > .input-group-btn button[type='submit'],
form .input-group-lg > .input-group-btn input[type='submit'] {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.alert {
  padding-left: 30px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.alert h4 {
  font-size: 18px;
}
.alert .btn + .btn {
  margin-top: 1em;
}
.input-unit input {
  padding-right: 40px;
}
.input-unit span {
  position: absolute;
  top: 0;
  right: 25px;
  margin-left: -36px;
  margin-top: 9px;
  font-size: 12px;
  color: #E4E4E4;
}
.typeahead {
  position: relative;
}
.typeahead .glyphicon-refresh {
  position: absolute;
  top: 11px;
  right: 11px;
}
legend {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #E4E4E4;
  border: none;
}
.search-input input[type="text"] {
  padding-right: 43px;
  float: left;
}
.search-input button[type="submit"] {
  position: relative;
  margin-left: -43px;
}
.search-input button[type="submit"]:before {
  color: #ffb000;
  font-size: 32px;
}
.form-cut {
  position: relative;
  padding: 1.5em 0 0 0;
}
.form-cut .h5 {
  font-size: 20px;
  background-color: #fff;
  display: inline-block;
  padding-right: 5px;
}
.form-cut .h5 i {
  vertical-align: top;
  position: relative;
  width: 26px;
  height: 26px;
  top: -5px;
  margin-right: 7px;
  text-align: center;
  background-color: #3f475a;
  color: #fff;
  line-height: 25px;
  font-size: 16px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.form-cut:before {
  content: '';
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}
.form-group-small {
  margin-bottom: 10px;
}
.form-group2x {
  margin-bottom: 20px;
}
.form-group3x {
  margin-bottom: 30px;
}
.form-group4x {
  margin-bottom: 40px;
}
.grey {
  margin-top: 15px;
  color: #85868a;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: INLINE FORM                          */
/* :::::::::::::::::::::::::::::::::::::::::: */
.inline-form {
  margin-bottom: 20px;
  font-size: 17px;
}
.inline-form .form-wrap {
  width: 100%;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border: 2px solid #E4E4E4;
  display: inline-table;
  position: relative;
}
.inline-form .form-wrap select.select2-hidden-accessible {
  top: 100%;
  left: 50%;
}
.inline-form .form-wrap.error {
  border-color: #e45350;
}
.inline-form .form-wrap .form-group {
  position: relative;
  display: table-cell;
}
.inline-form .form-wrap .form-group select,
.inline-form .form-wrap .form-group input:not(.btn) {
  width: 100%;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border: none;
  padding: 0 20px;
  height: 54px;
  background-color: transparent;
}
.inline-form .form-wrap .actions {
  display: table-cell;
  width: 1%;
  padding: 2px 2px 2px 0;
}
.inline-form .form-wrap .actions .btn.btn-medium {
  padding-left: 40px;
  padding-right: 40px;
}
.inline-form .form-wrap.select2-open {
  border-radius: 25px 25px 0 0;
  -webkit-border-radius: 25px 25px 0 0;
  -moz-border-radius: 25px 25px 0 0;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: SELECT                               */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mwform .row {
  margin-right: -5px;
  margin-left: -5px;
}
.mwform [class^="col-"],
.mwform [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: SELECT                               */
/* :::::::::::::::::::::::::::::::::::::::::: */
select::-ms-expand {
  display: none;
}
.select {
  position: relative;
  clear: both;
}
.select select {
  padding-right: 35px;
}
.select:after {
  content: '\e252';
  font-family: "Glyphicons Halflings";
  color: #E4E4E4;
  right: 10px;
  top: 9px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}
.select:focus:after {
  content: '\e250';
  font-family: "Glyphicons Halflings";
  color: #E4E4E4;
  right: 10px;
  top: 9px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: SELECT2 -> DROPDOWN                  */
/* :::::::::::::::::::::::::::::::::::::::::: */
.select2-container--default {
  height: 54px;
  outline: 0;
  /* if open */
  /* ABOVE */
}
.select2-container--default:focus {
  outline: 0;
}
.select2-container--default .select2-selection--single {
  height: 54px;
  border: none;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  /* blue outline fix */
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  position: relative;
  border: none;
  height: 54px;
  line-height: 54px;
  padding: 0 50px 0 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
  border: none;
  outline: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 1px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: auto;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  text-decoration: none;
  color: #ffb000;
  font-size: 18px;
  background-color: #3f475a;
  outline: 0;
  text-align: center;
  font-family: 'Comfortaa', cursive;
  line-height: 1.2em;
  font-weight: 700;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  padding: 5px 12px;
  width: auto;
  cursor: pointer;
  border: 2px solid #3f475a;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
  /* negative button */
  /* medium button */
  /* large button */
  /* wide button */
  padding: 12px 25px 12px 25px;
  line-height: 1.5em;
  background-color: transparent;
  border: none;
  height: 50px;
  top: 1px;
  right: 1px;
  float: right;
  width: 72px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:hover {
  color: #ffb000;
}
@media only screen and (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b:hover {
    background-color: transparent;
    color: #3f475a;
    border-color: #ffb000;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:focus {
  color: #ffb000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-primary {
  background-color: #ffb000;
  border-color: #ffb000;
  color: #fff;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-primary:hover {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b.btn-primary:hover {
    background-color: transparent;
    color: #ffb000;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-primary:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-primary:active {
  background-color: transparent;
  border-color: #ffb000;
  color: #ffb000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-primary.btn-negative {
  color: #ffb000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-icon {
  padding-right: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-icon i.fa {
  position: absolute;
  font-size: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white {
  color: #ffb000;
  background-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.btn,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.btn,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.btn,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.button,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.button,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.button {
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.btn:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.btn:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.btn:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.button:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.button:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.button:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.btn:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.btn:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.btn:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.button:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.button:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.button:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.btn:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.btn:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.btn:active,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.button:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.button:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.button:active {
  color: #fff;
  background-color: #fff;
}
@media only screen and (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.btn:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.btn:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.btn:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.button:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.button:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.button:hover {
    text-decoration: none;
    background-color: #ffb000;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.btn:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.btn:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.btn:before,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-white.button:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white:link.button:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-white.button:before {
  border-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey {
  color: #fff;
  background-color: #85868a;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.btn,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.btn,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.btn,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.button,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.button,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.button {
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.btn:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.btn:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.btn:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.button:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.button:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.button:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.btn:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.btn:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.btn:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.button:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.button:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.button:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.btn:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.btn:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.btn:active,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.button:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.button:active,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.button:active {
  color: #fff;
  background-color: #85868a;
}
@media only screen and (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.btn:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.btn:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.btn:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.button:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.button:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.button:hover {
    text-decoration: none;
    background-color: #ffb000;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.btn:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.btn:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.btn:before,
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-grey.button:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey:link.button:before,
.select2-container--default .select2-selection--single .select2-selection__arrow ba.btn-grey.button:before {
  border-color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.disabled,
.select2-container--default .select2-selection--single .select2-selection__arrow b:disabled,
.select2-container--default .select2-selection--single .select2-selection__arrow b[disabled] {
  opacity: 0.5;
  background-color: rgba(63, 71, 90, 0.8);
  color: #fff;
  cursor: default;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.disabled:hover,
.select2-container--default .select2-selection--single .select2-selection__arrow b:disabled:hover,
.select2-container--default .select2-selection--single .select2-selection__arrow b[disabled]:hover {
  color: #fff;
}
@media only screen and (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b.disabled:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow b:disabled:hover,
  .select2-container--default .select2-selection--single .select2-selection__arrow b[disabled]:hover {
    background-color: rgba(63, 71, 90, 0.8);
    color: #fff;
    border-color: rgba(63, 71, 90, 0.8);
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b.disabled:hover i.fa,
  .select2-container--default .select2-selection--single .select2-selection__arrow b:disabled:hover i.fa,
  .select2-container--default .select2-selection--single .select2-selection__arrow b[disabled]:hover i.fa {
    color: #fff;
    background-color: rgba(63, 71, 90, 0.8);
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-negative {
  background-color: transparent;
  color: #3f475a;
  /* ========================================================== */
  /* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
  /* ========================================================== */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-negative:focus {
  background-color: #ffb000;
  color: #fff;
  border-color: #ffb000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-negative:hover {
  color: #3f475a;
}
@media only screen and (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__arrow b.btn-negative:hover {
    background-color: #ffb000;
    color: #fff;
    border-color: #ffb000;
  }
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-small {
  padding: 9px 25px 8px 25px;
  line-height: 1.3em;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-small.btn-icon {
  padding: 4px 40px 4px 15px;
  /* icon */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-small.btn-icon i.fa {
  width: 21px;
  height: 21px;
  text-indent: 2px;
  line-height: 21px;
  right: 10px;
  top: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-medium {
  padding: 12px 25px 12px 25px;
  line-height: 1.5em;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-medium:before {
  left: 0;
  top: 4px;
  line-height: 26px;
  text-indent: 1px;
  font-size: 22px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-medium.btn-icon {
  padding: 12px 40px 12px 30px;
  /* icon */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-medium.btn-icon i.fa {
  right: 22px;
  top: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-large {
  padding: 18px 40px 18px 40px;
  font-size: 20px;
  line-height: 20px;
  height: 59px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-large.btn-icon {
  padding: 18px 60px 18px 40px;
  /* icon */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-large.btn-icon i.fa {
  right: 15px;
  top: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-full-width {
  width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-full-width i.fa {
  right: 15px;
  top: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-wide {
  padding-right: 55px;
  padding-left: 55px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:visited,
.select2-container--default .select2-selection--single .select2-selection__arrow b:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b:active,
.select2-container--default .select2-selection--single .select2-selection__arrow b:focus:hover {
  text-decoration: none;
  outline: none;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:hover {
  text-decoration: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  left: 0;
  top: 4px;
  line-height: 26px;
  text-indent: 1px;
  font-size: 22px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-icon {
  padding: 12px 40px 12px 30px;
  /* icon */
}
.select2-container--default .select2-selection--single .select2-selection__arrow b.btn-icon i.fa {
  right: 22px;
  top: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: "\f107";
  position: absolute;
  font-family: 'FontAwesome';
  left: 25px;
  top: 11px;
  font-size: 28px;
  color: #ffb000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:hover:before {
  color: #3f475a;
}
.select2-container--default .select2-selection--single:focus {
  outline: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #ffb000;
  color: #fff;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 2px;
  border-color: #ffb000;
  background-color: #fff;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
  color: #3f475a;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  box-shadow: none;
  border: 2px solid #E4E4E4;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  padding: 10px 15px;
  outline: 0;
}
.select2-container--default .select2-results > .select2-results__options {
  min-height: 320px;
}
.select2-container--default.select2-container--above .inline-form .form-wrap.select2-open {
  border-radius: 0 0 25px 25px;
  -webkit-border-radius: 0 0 25px 25px;
  -moz-border-radius: 0 0 25px 25px;
}
.mwselect-inline-form .select2-container--default,
.mwselect-inline-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.mwselect-inline-form .select2-container--default .select2-selection--single {
  height: 47px;
  line-height: 47px;
}
.mwselect-inline-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  height: 47px;
}
.mwselect-inline-form .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  top: 11px;
}
.mwselect-open.select2-container--default .select2-results > .select2-results__options {
  min-height: auto;
}
#select2-productType-results {
  max-height: 300px;
}
@media (max-width: 1199.98px) {
  #select2-productType-results {
    min-height: auto;
    max-height: unset;
  }
}
#select2-productType-results .select2-results__option {
  line-height: 17px;
}
#select2-productCategory-results .select2-results__option {
  line-height: 17px;
}
.select2-dropdown {
  font-size: 16px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
  border-bottom: 2px solid #E4E4E4;
}
.select2-dropdown:before,
.select2-dropdown:after {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  width: 2px;
  background: #E4E4E4;
  height: 100%;
}
.select2-dropdown:after {
  left: auto;
  right: -2px;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: RADIO                                */
/* :::::::::::::::::::::::::::::::::::::::::: */
.radio {
  margin-top: 0;
  margin-left: 13px;
}
.radio input[type='radio'] {
  opacity: 0;
}
.radio + .radio {
  margin-top: 0;
}
.radio.horizontal {
  display: inline-block;
}
.radio.horizontal + .radio.horizontal.horizontal {
  margin-left: 20px;
}
.radio input ~ .radioimg {
  width: 25px;
  height: 25px;
  margin-left: -33px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 25px;
  border: 1px solid #E4E4E4;
  position: relative;
  vertical-align: top;
  margin-top: -3px;
}
.radio input:focus ~ .radioimg {
  border-color: #E4E4E4;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180, 218, 4, 0.5);
}
.radio input:disabled ~ .radioimg,
.radio input:disabled ~ .radioimg:before {
  cursor: not-allowed !important;
  background: transparent;
}
.radio-toggle {
  margin: 0;
  padding: 0;
}
.radio-toggle li {
  position: relative;
}
.radio-toggle li + li {
  margin: 0;
}
.radio-toggle input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.radio-toggle input ~ label {
  box-shadow: none;
  border: 1px solid #E4E4E4;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  width: 100%;
  color: #E4E4E4;
  font-weight: 600;
  float: none;
  transition: all 0.2s;
  margin-top: 0;
  padding: 9px 12px;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  margin-bottom: 0;
}
.radio-toggle input:checked ~ label {
  background: #ffb000;
  color: #fff;
}
.radio-toggle input:focus ~ label {
  border-color: #E4E4E4;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180, 218, 4, 0.5);
}
.radio-toggle input:disabled ~ label {
  background: #E4E4E4;
  color: #fff;
  cursor: not-allowed;
  opacity: 0.65;
}
.radio-toggle #kontaktformular label,
.radio-toggle #newsletter label {
  display: none;
}
.radio-toggle.horizontal {
  display: inline-block;
}
.radio-toggle.horizontal.two-full-width {
  width: 100%;
}
.radio-toggle.horizontal.two-full-width li {
  width: 50%;
}
.radio-toggle.horizontal li {
  float: left;
  display: inline-block;
}
.radio-toggle.horizontal li:first-of-type > label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.radio-toggle.horizontal li:not(:first-child):not(:last-child) > label {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.radio-toggle.horizontal li:last-of-type > label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.radio-toggle.horizontal li:not(:first-child) label {
  border-left: none;
}
.radio-toggle.horizontal li:not(:last-child) label {
  border-right: none;
}
.radio-toggle.vertical {
  display: block;
}
.radio-toggle.vertical li {
  display: block;
}
.radio-toggle.vertical li:not(:first-child):not(:last-child) > label {
  border-radius: 0;
}
.radio-toggle.vertical li:first-of-type > label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.radio-toggle.vertical li:last-of-type > label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.radio-toggle.vertical li:not(:first-child) label {
  border-top: none;
}
.radio-toggle.vertical li:not(:last-child) label {
  border-bottom: none;
}
.radio-toggle.vertical li:only-of-type > label {
  border-radius: 6px;
}
.radio-toggle.big li > label {
  border-width: 2px;
  font-size: 18px;
}
.radio-toggle-content {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  display: none;
}
.radio-toggle-content.active-content {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
  display: block;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: CHECKBOX                             */
/* :::::::::::::::::::::::::::::::::::::::::: */
.checkbox {
  margin-top: 0;
  margin-left: 10px;
}
.checkbox input[type='checkbox'] {
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox + .checkbox {
  margin-top: 0;
}
.checkbox label {
  margin-top: 0;
  padding-left: 20px;
}
.checkbox input ~ .checkboximg {
  box-shadow: none;
  border: 2px solid #E4E4E4;
  background-color: #fff;
  width: 24px;
  height: 24px;
  margin-left: -10px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.checkbox input.error:focus ~ .checkboximg {
  border-color: #e45350;
}
.checkbox input.error ~ .checkboximg {
  border-color: #e45350;
}
.checkbox input ~ .checkboximg.label-invisible {
  margin-right: 0;
}
.checkbox input ~ .checkboximg:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  display: block;
  opacity: 0;
  position: absolute;
  top: -2px;
  left: 4px;
  font-size: 14px;
}
.checkbox input:checked ~ .checkboximg:before {
  opacity: 1;
  color: #ffb000;
  top: -3px;
  left: 1px;
  font-size: 22px;
}
.checkbox input:focus ~ .checkboximg {
  border-color: #85868a;
}
.checkbox input:disabled ~ .checkboximg,
.checkbox input:disabled ~ .checkboximg:before {
  cursor: not-allowed !important;
  content: '';
}
.checkbox input:disabled:checked ~ .checkboximg:before {
  content: "\f00c";
  color: #85868a;
}
.checkbox.big input ~ .checkboximg {
  border-width: 2px;
  width: 34px;
  height: 34px;
  vertical-align: middle;
}
.checkbox.big input ~ .checkboximg:before {
  font-size: 20px;
}
.checkbox.big input:checked ~ .checkboximg:before {
  top: -2px;
  font-size: 26px;
}
.checkbox input:checked ~ .checkboximg:hover:before,
.checkbox label:hover input:checked ~ .checkboximg:before {
  opacity: 1;
}
.checkbox .has-error .checkbox input ~ .checkboximg {
  border-color: #e45350;
}
.checkbox.checkbox-right.checkbox {
  margin-left: 0;
}
.checkbox.checkbox-right label {
  padding-left: 0;
  width: 100%;
}
.checkbox.checkbox-right input ~ .checkboximg {
  right: 0;
  left: auto;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FORM: RADIO                                */
/* :::::::::::::::::::::::::::::::::::::::::: */
.radio {
  margin-top: 0;
  margin-left: 13px;
}
.radio input[type='radio'] {
  opacity: 0;
  height: 0;
  width: 0;
}
.radio + .radio {
  margin-top: 0;
}
.radio.horizontal {
  display: inline-block;
}
.radio.horizontal + .radio.horizontal.horizontal {
  margin-left: 20px;
}
.radio input ~ .radioimg {
  width: 25px;
  height: 25px;
  margin-left: -33px;
  margin-right: 5px;
  display: inline-block;
  border-radius: 25px;
  border: 2px solid #E4E4E4;
  position: relative;
  vertical-align: top;
  margin-top: -3px;
}
.radio input ~ .radioimg:before {
  content: '';
  display: block;
  border-radius: 13px;
  background: rgba(110, 110, 110, 0);
  position: absolute;
  top: 8px;
  left: 8px;
  width: 7px;
  height: 7px;
}
.radio label:hover .radioimg:before,
.radio input ~ .radioimg:hover:before {
  content: "\f111";
  font-family: 'FontAwesome';
  color: #e3e3e3;
  display: block;
  position: absolute;
  top: -1px;
  left: 5px;
  font-size: 14px;
}
.radio input:checked ~ .radioimg:before {
  content: "\f111";
  font-family: 'FontAwesome';
  display: block;
  position: absolute;
  opacity: 1;
  color: #ffb000;
  top: -1px;
  left: 3px;
  font-size: 18px;
}
.radio input:focus ~ .radioimg {
  border-color: #E4E4E4;
}
.radio input:disabled ~ .radioimg,
.radio input:disabled ~ .radioimg:before {
  cursor: not-allowed !important;
  background: transparent;
}
.radio-toggle {
  margin: 0;
  padding: 0;
}
.radio-toggle li {
  position: relative;
}
.radio-toggle li + li {
  margin: 0;
}
.radio-toggle input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.radio-toggle input ~ label {
  box-shadow: none;
  border: 2px solid #E4E4E4;
  border-radius: 6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1;
  width: 100%;
  color: #85868a;
  font-weight: 600;
  float: none;
  margin-top: 0;
  padding: 9px 12px;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  margin-bottom: 0;
}
.radio-toggle input:checked ~ label {
  background: #ffb000;
  color: #fff;
}
.radio-toggle input:focus ~ label {
  border-color: #ffb000;
}
.radio-toggle input:disabled ~ label {
  background: #f8f8f8;
  color: #fff;
  cursor: not-allowed;
  opacity: 0.65;
}
.radio-toggle.horizontal {
  display: inline-block;
}
.radio-toggle.horizontal.two-full-width {
  width: 100%;
}
.radio-toggle.horizontal.two-full-width li {
  width: 50%;
}
.radio-toggle.horizontal li {
  float: left;
  display: inline-block;
}
.radio-toggle.horizontal li:first-of-type > label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.radio-toggle.horizontal li:not(:first-child):not(:last-child) > label {
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.radio-toggle.horizontal li:last-of-type > label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.radio-toggle.horizontal li:not(:first-child) label {
  border-left: none;
}
.radio-toggle.horizontal li:not(:last-child) label {
  border-right: none;
}
.radio-toggle.vertical {
  display: block;
}
.radio-toggle.vertical li {
  display: block;
}
.radio-toggle.vertical li:not(:first-child):not(:last-child) > label {
  border-radius: 0;
}
.radio-toggle.vertical li:first-of-type > label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.radio-toggle.vertical li:last-of-type > label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.radio-toggle.vertical li:not(:first-child) label {
  border-top: none;
}
.radio-toggle.vertical li:not(:last-child) label {
  border-bottom: none;
}
.radio-toggle.vertical li:only-of-type > label {
  border-radius: 6px;
}
.radio-toggle.big li > label {
  border-width: 2px;
  font-size: 18px;
}
.radio-toggle-content {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.radio-toggle-content.active-content {
  opacity: 1;
  visibility: visible;
  display: block;
}
#warranty-form .float-right {
  width: 100%;
}
#warranty-form .btn-negative {
  float: left;
  max-width: 39%;
}
#warranty-form .btn.btn-wide {
  float: right;
  max-width: 59%;
  padding-left: 45px;
  padding-right: 45px;
}
/* DATA TABLES ***/
div.dataTables_wrapper div.dataTables_length select {
  width: 65px;
}
table.dataTable tbody td {
  padding: 10px 3px;
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile-ls] >= 479px                 */
/* ========================================================== */
@media only screen and (min-width: 479px) {
  label {
    margin-top: 7px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 50px 0 20px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [tablet] >= 767px                    */
/* ========================================================== */
@media only screen and (min-width: 768px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 120px;
    background: -moz-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.85) 65%, transparent 100%);
    background: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.85) 65%, transparent 100%);
    background: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0.9) 30%, rgba(255, 255, 255, 0.85) 65%, transparent 100%);
    border-radius: 0 100px 100px 0;
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
  }
  #warranty-form .btn-negative {
    float: none;
  }
  .alter .btn + .btn {
    margin-top: 0;
  }
  /* DATA TABLES ***/
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                 */
/* ========================================================== */
@media only screen and (min-width: 992px) {
  .checkbox label:hover .checkboximg:before,
  .checkbox input ~ .checkboximg:hover:before {
    opacity: 0.5;
  }
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* BASICS                                     */
/* :::::::::::::::::::::::::::::::::::::::::: */
body {
  font-family: 'Zilla Slab', serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.65em;
  color: rgba(63, 71, 90, 0.8);
  background-color: #f8f8f8;
  overflow-x: hidden;
  padding: 0;
}
/* ========================================================== */
/* LAYOUT: CONTAINER [mobile]                                 */
/* ========================================================== */
.container {
  max-width: 1380px;
  width: 100%;
}
.small-container {
  max-width: 1150px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.full-container {
  width: 100%;
  max-width: 1680px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.mw-content {
  min-height: 680px;
}
.textlink.readmore:hover {
  color: inherit;
}
.text-grey {
  color: #85868a;
}
.text-grey .h3 {
  color: #85868a;
}
.small blockquote,
small blockquote {
  font-size: 100%;
}
p {
  margin: 0 0 1.5em;
  line-height: 1.7em;
}
ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
  margin-bottom: 5px;
}
ul li a {
  border-color: transparent;
}
ul.mw-list li {
  position: relative;
  padding-left: 20px;
}
ul.mw-list li:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  left: 1px;
  top: 8px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  background-color: #ffb000;
}
.mw-list-number {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mw-list-number li {
  position: relative;
  padding-left: 30px;
  counter-increment: item;
  list-style: none;
  margin-bottom: 5px;
}
.mw-list-number li:before {
  margin-right: 10px;
  content: counter(item);
  background: #ffb000;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #fff;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 0;
  min-width: 19px;
  height: 19px;
  font-size: 14px;
  line-height: 21px;
  top: 2px;
}
.nice-ul li {
  position: relative;
}
.nice-ul li a {
  padding: 3px 0 3px 15px;
  position: relative;
}
.nice-ul li a:before {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
  transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  background-color: #ffb000;
}
.nice-ul li a:hover,
.nice-ul li a.active {
  color: #ffb000;
}
.nice-ul li a:hover:before,
.nice-ul li a.active:before {
  height: 100%;
  width: 2px;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
}
img {
  width: 100%;
  height: auto;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  color: #3f475a;
  font-weight: 700;
  position: relative;
}
h4,
.h4 {
  letter-spacing: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-family: 'Comfortaa', cursive;
  margin-bottom: 30px;
  line-height: 1.35em;
}
h1 em,
.h1 em,
h2 em,
.h2 em,
h3 em,
.h3 em,
h4 em,
.h4 em,
h1 i,
.h1 i,
h2 i,
.h2 i,
h3 i,
.h3 i,
h4 i,
.h4 i {
  color: #ffb000;
  font-style: normal;
}
h1,
.h1 {
  font-size: 30px;
}
h2,
.h2 {
  font-size: 26px;
}
h3,
.h3 {
  font-size: 32px;
  font-weight: 700;
  color: #3f475a;
}
h4,
.h4 {
  font-size: 25px;
  color: #3f475a;
}
.page-header {
  margin: 0 0 30px 0;
  border-bottom: none;
}
.page-header small {
  clear: both;
  float: left;
  display: block;
  width: 100%;
  margin-top: 9px;
  line-height: 1.5em;
}
.subtitle {
  font-family: 'Zilla Slab', serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.65em;
  color: #3f475a;
  margin-bottom: 25px;
}
iframe {
  border: none;
  width: 100%;
  min-height: 650px;
  overflow-x: hidden;
}
.font-light a:not(.btn),
.mw-text a:not(.btn) {
  border-bottom: 2px solid #ffb000;
  padding-bottom: 3px;
  color: #3f475a;
}
.font-light a:not(.btn):hover,
.mw-text a:not(.btn):hover {
  color: #ffb000;
  text-decoration: none;
}
.font-light ul li,
.mw-text ul li {
  margin-bottom: 5px;
}
.font-light ul li a:not(.btn),
.mw-text ul li a:not(.btn) {
  border-color: transparent;
}
.font-light ul li a:not(.btn):hover,
.mw-text ul li a:not(.btn):hover {
  color: rgba(63, 71, 90, 0.8);
  border-bottom: 2px solid #ffb000;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* SUBPAGE HEADLINE                           */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-link-hover {
  position: relative;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.mw-link-hover:hover:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: MODAL                              */
/* :::::::::::::::::::::::::::::::::::::::::: */
.modal .modal-dialog {
  margin-top: 160px;
  max-width: 460px;
  /* modal size */
}
.modal .modal-dialog .modal-content {
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border: none;
}
.modal .modal-dialog .modal-content .modal-body {
  position: relative;
  padding: 15px;
}
.modal .modal-dialog .modal-content .modal-body .close-modal {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
}
.modal .modal-dialog .modal-content .modal-body .close-modal i {
  font-size: 26px;
  position: absolute;
  bottom: 3px;
  left: 3px;
}
.modal .modal-dialog .modal-content .modal-body .close-modal:hover {
  color: #ffb000;
}
.modal .modal-dialog .modal-content .modal-body .login-title {
  margin-bottom: 20px;
}
.modal .modal-dialog.mdl-large {
  max-width: 860px;
}
.nobreak:before,
.nobreak:after {
  content: none;
}
.modal-open .modal {
  position: absolute;
}
.modal-open .modal.is_fixed {
  position: fixed;
}
.modal-backdrop {
  background-color: #3f475a;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: ANIMATE CSS                        */
/* :::::::::::::::::::::::::::::::::::::::::: */
.animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
.animated-750ms {
  animation-duration: 0.75s;
  animation-fill-mode: both;
}
.animated-1000ms {
  animation-duration: 1s;
  animation-fill-mode: both;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: DATEPICKER                         */
/* :::::::::::::::::::::::::::::::::::::::::: */
.datepicker table tr td span.active.active {
  background-color: #3f475a;
  background-image: none;
}
.datepicker table tr td span.active.active:hover {
  background-color: #ffb000;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: FAQ                                */
/* :::::::::::::::::::::::::::::::::::::::::: */
[id^="accordion-"],
[id*=" accordion-"] {
  margin-bottom: 40px;
}
[id^="accordion-"] .panel,
[id*=" accordion-"] .panel {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}
[id^="accordion-"] .panel .panel-heading,
[id*=" accordion-"] .panel .panel-heading {
  padding: 0;
  color: rgba(63, 71, 90, 0.8);
  background-color: #fff;
  border-color: #fff;
}
[id^="accordion-"] .panel .panel-heading .panel-title,
[id*=" accordion-"] .panel .panel-heading .panel-title {
  margin-bottom: 0;
  font-weight: 400;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle {
  padding: 10px 15px 10px 45px;
  display: block;
  background-color: #f8f8f8;
  border: 1px solid #eef0f2;
  position: relative;
  margin-bottom: 5px;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:after,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:after {
  content: '\f067';
  position: absolute;
  font-family: 'FontAwesome';
  color: #E4E4E4;
  font-size: 17px;
  left: 17px;
  top: 10px;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus {
  color: rgba(63, 71, 90, 0.8);
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover {
  color: #ffb000;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover:after,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover:after {
  color: #ffb000;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover {
  color: #ffb000;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover:after,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover:after {
  color: #ffb000;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true'],
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true'] {
  color: #ffb000;
}
[id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true']:after,
[id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true']:after {
  content: '\f068';
  color: #ffb000;
}
[id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body {
  position: relative;
  border: none;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  padding: 25px 25px 5px 25px;
}
[id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
[id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:before,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 0;
  left: 0;
  top: 0;
  background-color: #ffb000;
  display: inline-block;
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
}
[id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after {
  left: auto;
  right: 0;
}
[id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body > div,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body > div {
  transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -webkit-transform: translateY(-150px) scale(0.5);
  -moz-transform: translateY(-150px) scale(0.5);
  transform: translateY(-150px) scale(0.5);
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  transform-origin: 0;
  opacity: 0;
}
[id^="accordion-"] .panel .panel-heading + .panel-collapse[aria-expanded='true'] > .panel-body > div,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse[aria-expanded='true'] > .panel-body > div {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -moz-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}
[id^="accordion-"] .panel .panel-heading + .panel-collapse[aria-expanded='true'] > .panel-body:after,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse[aria-expanded='true'] > .panel-body:after,
[id^="accordion-"] .panel .panel-heading + .panel-collapse[aria-expanded='true'] > .panel-body:before,
[id*=" accordion-"] .panel .panel-heading + .panel-collapse[aria-expanded='true'] > .panel-body:before {
  content: '';
  height: 100%;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: HELPER                             */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mwbox {
  position: relative;
  background-color: #fff;
  padding: 20px;
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
}
.inlinebox {
  padding: 2.5em;
}
/* typo3 image overflow fix */
.ce-gallery {
  overflow: hidden;
}
/* typo3 overflow fix */
.ce-textpic {
  overflow: visible;
}
/* ANIMATION */
.animated {
  animation-duration: 0.3s;
  animation-fill-mode: both;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
.mw-center {
  display: block;
  float: none;
}
.inline-bg,
.icon-bg {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
}
.noclick:hover,
.noclick {
  cursor: default;
}
.noclick:hover.topnav_21,
.noclick.topnav_21 {
  cursor: pointer;
}
.clearfix {
  clear: both;
}
body .mw-content .p-t-0 {
  padding-top: 0;
}
.posrel {
  position: relative;
}
.posabs {
  position: absolute;
}
.no-padding {
  padding: 0;
}
.p-l-2-5em {
  padding-left: 2.5em;
}
.p-r-0 {
  padding-right: 0;
}
.p-r-1em {
  padding-right: 1em;
}
.m-l-10 {
  margin-left: 10px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* ========================================================== */
/* LAYOUT: CONTAINER [mobile-p]                                */
/* ========================================================== */
.row {
  margin-right: -5px;
  margin-left: -5px;
}
.small-container,
.container,
[class^="col-"],
[class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
/* ========================================================== */
/* LAYOUT: CONTAINER [mobile-ls]                                */
/* ========================================================== */
@media only screen and (min-width: 479px) {
  .modal .modal-dialog .modal-content .modal-body {
    padding: 25px 30px;
  }
}
/* ========================================================== */
/* LAYOUT: CONTAINER [desktop]                                */
/* ========================================================== */
@media only screen and (min-width: 768px) {
  .m-b-1 {
    margin-bottom: 1em;
  }
  .m-b-2 {
    margin-bottom: 2em;
  }
  .m-b-3 {
    margin-bottom: 3em;
  }
  .m-b-4 {
    margin-bottom: 4em;
  }
  .m-t-2 {
    margin-top: 2em;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .small-container,
  .container,
  [class^="col-"],
  [class*=" col-"] {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 992px) {
  h1,
  .h1 {
    font-size: 40px;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  .mw-center {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1200px) {
  .mwbox {
    padding: 2.5em;
  }
}
/* == PURPORT ==
*
* LAYOUT: VARIED [MOBILE]
*         - HEADER
*         - REGISTERED/NOT-REGISTERED CLASS
*         - SUB-NAVIGATION BACKGROUND
*         - LOGIN BUTTON HEADER
*         - NAVIGATION
*         - SUBMENU
*         - STICKY MENU
* MEDIA QUERIES
*/
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: HEADER [MOBILE]                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
.logo-secondary {
  fill: #3f475a;
}
.logo-primary {
  fill: #ffb000;
}
header {
  /* :::::::::::::::::::::::::::::::::: */
  /* LOGIN BUTTON HEADER [MOBILE]       */
  /* :::::::::::::::::::::::::::::::::: */
  /* :::::::::::::::::::::: */
  /*   NAVIGATION [MOBILE]  */
  /* :::::::::::::::::::::: */
  /* :::::::::::::::: */
  /*   STICKY MOBILE  */
  /* :::::::::::::::: */
}
header#header {
  background-color: #fff;
  position: fixed;
  z-index: 995;
  height: 59px;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -webkit-backface-visibility: hidden;
  /* SUB-NAVIGATION BACKGROUND */
}
header#header.headroom--pinned {
  transform: translateY(0%);
}
header#header.headroom--pinned + .subpage .singleview .receipt-affix {
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
header#header.headroom--pinned + .subpage .singleview .receipt-affix.affix {
  top: 90px;
}
header#header.headroom--pinned.headroom--top {
  border-bottom: none;
}
header#header.headroom--unpinned {
  -webkit-transform: translateY(-110%);
  -moz-transform: translateY(-110%);
  transform: translateY(-110%);
}
header#header.headroom--unpinned .logo {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}
header#header.headroom--not-top {
  background-color: rgba(255, 255, 255, 0.95);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
  /* ::::::::::::::::::::::::::::::::::::::::::::: */
  /* REGISTERED/NOT-REGISTERED [MOBILE]            */
  /* ::::::::::::::::::::::::::::::::::::::::::::: */
  /* header cashback credit box */
}
header#header.headroom--not-top nav.navbar.navbar-default .navbar-nav {
  margin-top: 20px;
}
header#header.headroom--not-top.not-registered .logo {
  margin-top: 15px;
}
header#header.headroom--not-top.start {
  background-color: rgba(255, 255, 255, 0.95);
}
header#header.headroom--not-top .cashback-credit-wrap {
  -webkit-transform: translateY(-101%) scale(0.5);
  -moz-transform: translateY(-101%) scale(0.5);
  transform: translateY(-101%) scale(0.5);
  opacity: 0;
}
header#header #mobile {
  display: block;
  position: absolute;
  top: 4px;
  right: 20px;
  float: right;
  width: 50px;
  height: 50px;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out, background 1s ease-out;
  transition: all 0.2s ease-out, background 1s ease-out;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  z-index: 992;
}
header#header #mobile.is-scroll {
  top: 5px;
  right: 5px;
}
header#header #mobile .burger-box {
  z-index: 999;
  position: fixed;
  top: 15px;
  left: 20px;
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
header#header #mobile .burger {
  content: '';
  font-size: 0;
  user-select: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 1px;
  background: #ffb000;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
header#header #mobile .burger:before,
header#header #mobile .burger:after {
  content: '';
  position: absolute;
  right: 0;
  width: 40px;
  height: 1px;
  background: #ffb000;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  top: -10px;
}
header#header #mobile .burger:after {
  top: 10px;
}
header#header #mobile.is-open {
  position: fixed;
  /* pinned */
}
header#header #mobile.is-open.is-scroll {
  background-color: #fff;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header#header #mobile.is-open .burger {
  -webkit-transform: translateX(0px) rotate(90deg);
  -moz-transform: translateX(0px) rotate(90deg);
  transform: translateX(0px) rotate(90deg);
  background: transparent;
}
header#header #mobile.is-open .burger:before {
  width: 40px;
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
header#header #mobile.is-open .burger:after {
  width: 40px;
  top: 0;
  -webkit-transform: rotateZ(135deg);
  -moz-transform: rotateZ(135deg);
  transform: rotateZ(135deg);
}
header#header #mobile.is-open + nav.navbar.navbar-default .navbar-nav {
  display: block;
  margin-top: 0;
  right: 10px;
  -webkit-box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.05);
  box-shadow: -3px 8px 15px rgba(0, 0, 0, 0.05);
  background-size: cover;
  background-repeat: no-repeat;
}
header#header #mobile.is-open + nav.navbar.navbar-default .navbar-nav li {
  width: 100%;
}
header#header .subnav-bg {
  display: none;
}
header#header.sub .login-btn {
  margin-right: 65px;
}
header .btn.login-btn {
  margin-top: 10px;
  padding: 7px 25px 7px 25px;
  float: right;
  margin-right: 0;
  font-weight: 700;
  font-size: 16px;
}
header .btn.login-btn.notLoggedInAccount {
  padding-left: 25px;
  padding-right: 25px;
}
header nav.navbar {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin-bottom: 12px;
  background-color: transparent;
}
header nav.navbar.navbar-default {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
header nav.navbar.navbar-default .navbar-nav {
  display: none;
  float: right;
  position: absolute;
  width: 290px;
  background-color: #fff;
  top: 59px;
  right: 110px;
  border-top: 1px solid #e3e3e3;
  transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
}
header nav.navbar.navbar-default .navbar-nav > li {
  position: relative;
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /*   SUBMENU [MOBILE]                         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
}
header nav.navbar.navbar-default .navbar-nav > li > a {
  font-size: 14px;
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  width: 100%;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  border-bottom: 1px solid #f8f8f8;
}
header nav.navbar.navbar-default .navbar-nav > li > a.active {
  color: #ffb000;
}
header nav.navbar.navbar-default .navbar-nav > li > a > i {
  border-left: 1px solid #f8f8f8;
  height: 100%;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(63, 71, 90, 0.8);
  font-size: 20px;
  cursor: pointer;
}
header nav.navbar.navbar-default .navbar-nav > li > a > i:before {
  position: absolute;
  top: 22px;
  left: 23px;
}
header nav.navbar.navbar-default .navbar-nav > li > a .subnav-menu {
  position: absolute;
  border-left: 1px solid #f8f8f8;
  height: 100%;
  width: 65px;
  right: 0;
  top: 0;
  font-size: 24px;
}
header nav.navbar.navbar-default .navbar-nav > li > a .subnav-menu.active:before {
  content: '\f106';
}
header nav.navbar.navbar-default .navbar-nav > li > a .subnav-menu:before {
  position: absolute;
  top: 18px;
  left: 20px;
}
header nav.navbar.navbar-default .navbar-nav > li ul {
  padding-left: 0;
  list-style: none;
  visibility: hidden;
  opacity: 0;
  float: left;
  display: none;
}
header nav.navbar.navbar-default .navbar-nav > li ul.active {
  visibility: visible;
  opacity: 1;
  display: block;
}
header nav.navbar.navbar-default .navbar-nav > li ul li {
  position: relative;
}
header nav.navbar.navbar-default .navbar-nav > li ul li a {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #f8f8f8;
}
header nav.navbar.navbar-default .navbar-nav > li ul li a:last-child {
  border-bottom: none;
}
header nav.navbar.navbar-default .navbar-nav > li ul li a:before {
  content: '\f105';
  font-family: 'FontAwesome';
  position: absolute;
  left: 15px;
  margin: auto;
}
header nav.navbar.navbar-default .navbar-nav > li ul li a.active {
  color: #ffb000;
}
header nav.navbar.navbar-default .navbar-nav.is-visible {
  opacity: 1;
  visibility: visible;
}
header nav.navbar.navbar-default .navbar-nav.is-visible.android {
  display: block;
  zoom: 1;
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
}
header nav.navbar.navbar-default .navbar-nav.is-visible.android .navbar-nav {
  z-index: 999;
}
header nav.navbar.navbar-default .navbar-nav.animated {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
}
header nav.navbar.navbar-default .navbar-header {
  width: 100%;
}
header .logo {
  position: absolute;
  margin-top: 16px;
  max-width: 150px;
  padding: 0;
  transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: NOTIFICATION                       */
/* :::::::::::::::::::::::::::::::::::::::::: */
.notification-wrap {
  float: right;
}
#notifications {
  cursor: pointer;
  position: relative;
  right: 75px;
  top: 15px;
}
#notifications:after {
  content: '';
  position: absolute;
  left: -1px;
  top: -1px;
  width: 30px;
  height: 30px;
  background-color: transparent;
  z-index: 99;
}
#notifications:hover .notification:after {
  background-color: #ffb000;
  color: #3f475a;
}
#notifications .notification i {
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  font-size: 28px;
  color: #ffb000;
}
#notifications .notification i.close-this {
  color: rgba(63, 71, 90, 0.8);
  margin-top: 3px;
}
#notifications .notification i.close-this:hover {
  color: #ffb000;
}
#notifications .notification:before,
#notifications .notification:after {
  color: #fff;
}
#notifications .notification:after {
  font-size: 12px;
  font-weight: 300;
  position: absolute;
  top: -3px;
  right: -3px;
  padding: 2px 5px;
  line-height: 100%;
  border: 2px solid #fff;
  border-radius: 60px;
  background-color: #3f475a;
  color: #fff;
  content: attr(data-count);
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.2);
  transition: transform, opacity;
  transition-duration: 0.3s;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition-timing-function: ease-out;
}
#notifications .notification.notify::before {
  -webkit-animation: ring 1.5s ease;
  animation: ring 1.5s ease;
}
#notifications .notification.show-count::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
#notifications .notification .notinfo {
  cursor: default;
  position: absolute;
  width: 100%;
  min-width: 290px;
  height: auto;
  margin-left: -1px;
  margin-top: 17px;
  text-align: left;
  background: #fff;
  right: -75px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.25s ease-in-out;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 75% 0;
  -moz-transform-origin: 75% 0;
  transform-origin: 75% 0;
}
#notifications .notification .notinfo.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
#notifications .notification .notinfo.active:after {
  content: '';
  position: absolute;
  top: -72px;
  left: 0;
  height: 80px;
  width: 100%;
  z-index: 999;
}
#notifications .notification .notinfo:before {
  content: '';
  top: -5px;
  right: 84px;
  margin: auto;
  height: 5px;
  width: 5px;
  position: absolute;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  border: 5px solid #fff;
  border-color: transparent transparent #fff #fff;
}
#notifications .notification .notinfo > div {
  padding: 20px;
}
#notifications .notification .notinfo .notify-titel {
  border-bottom: 2px solid #f8f8f8;
  font-weight: 700;
  font-size: 20px;
  margin: 0;
}
#notifications .notification .notinfo .notify-titel > i {
  float: right;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}
#notifications .notification .notinfo ul li {
  position: relative;
  padding: 15px 20px 15px 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #f8f8f8;
}
#notifications .notification .notinfo ul li:last-child {
  padding: 20px;
  border-bottom: none;
  width: 100%;
}
#notifications .notification .notinfo ul li strong {
  margin-bottom: 10px;
  display: block;
}
#notifications .notification .notinfo ul li:hover a,
#notifications .notification .notinfo ul li:hover {
  color: inherit;
}
#notifications .notification .notinfo ul li a:not(.btn) {
  min-width: 220px;
  padding: 10px 15px;
  background-color: #ffb000;
  color: #3f475a;
}
#notifications .notification .notinfo ul li .btn:hover {
  background-color: #ffb000;
  color: #fff;
}
#notifications .notification .notinfo ul li .qty {
  position: absolute;
  top: 22px;
  right: 15px;
  background-color: #ffb000;
  color: #fff;
  display: block;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  padding: 3px 0 0;
  height: 22px;
  min-width: 22px;
  text-align: center;
  font-size: 16px;
  line-height: 1;
}
#notifications .notification .notinfo a:not(.btn):hover {
  background-color: #3f475a;
  color: #ffb000;
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile] >= 321px                    */
/* ========================================================== */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile] >= 380px                    */
/* ========================================================== */
@media only screen and (min-width: 380px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /*  LAYOUT: NOTIFICATION [mobile] >= 380px    */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #notifications .notification .notinfo {
    min-width: 320px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile-ls] >= 479px                 */
/* ========================================================== */
@media only screen and (min-width: 479px) {
  header#header #mobile.is-open + nav.navbar.navbar-default .navbar-nav {
    position: absolute;
    right: 5px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile] >= 620px                    */
/* ========================================================== */
@media only screen and (min-width: 620px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HEADER [mobile] >= 620px           */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  header#header {
    height: 65px;
  }
  header#header #mobile {
    top: 7px;
  }
  header#header.headroom--not-top.start .logo {
    margin-top: 15px;
    max-width: 210px;
  }
  header#header.headroom--not-top.start .btn.login-btn {
    margin-top: 15px;
  }
  header#header.start .btn.login-btn {
    margin-right: 0;
  }
  header#header .btn.login-btn {
    margin-top: 8px;
    padding: 12px 25px 12px 25px;
    margin-right: 75px;
  }
  header#header .logo {
    max-width: 210px;
    margin-top: 15px;
  }
  header#header nav.navbar.navbar-default .navbar-nav {
    top: 65px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /*  LAYOUT: NOTIFICATION  [mobile] >= 620px   */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #notifications {
    top: 20px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [tablet] >= 767px                    */
/* ========================================================== */
@media only screen and (min-width: 768px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HEADER [mobile] >= 620px           */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  header#header #mobile.is-open + nav.navbar.navbar-default .navbar-nav {
    right: -15px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [tablet-ls] > 1024px                 */
/* ========================================================== */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                  */
/* ========================================================== */
@media only screen and (min-width: 992px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HEADER [desktop-s > 992px]         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .home header {
    position: absolute;
  }
  header#header {
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /*   STICKY [desktop-s > 992px]               */
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /* LOGO */
    background-color: transparent;
    height: 80px;
    /* ::::::::::::::::::::::::::::::::::::::::::::: */
    /* REGISTERED/NOT-REGISTERED [desktop-s > 992px] */
    /* ::::::::::::::::::::::::::::::::::::::::::::: */
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /*   NAVIGATION [desktop-s > 992px]           */
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /* SUB-NAVIGATION BACKGROUND */
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /*  if loggedin [desktop-s > 992px]           */
    /* :::::::::::::::::::::::::::::::::::::::::: */
  }
  header#header .logo {
    max-width: 200px;
    position: absolute;
    margin-top: 20px;
  }
  header#header #mobile {
    display: none;
  }
  header#header.not-registered {
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  }
  header#header.registered {
    background-color: #fff;
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  }
  header#header.start {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /* :::::::::::::::::::: */
    /* LOGIN BUTTON HEADER  */
    /* :::::::::::::::::::: */
  }
  header#header.start .logo {
    margin-top: 5em;
    max-width: 315px;
  }
  header#header.start .login-btn {
    margin-top: 6em;
    float: right;
    padding: 12px 55px 12px 55px;
  }
  header#header.sub .login-btn {
    margin-top: 15px;
    margin-right: 0;
    position: absolute;
    right: 0;
  }
  header#header .btn.login-btn:hover {
    color: #ffb000;
  }
  header#header nav.navbar {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
  }
  header#header nav.navbar.navbar-default {
    background-color: transparent;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  header#header nav.navbar.navbar-default .navbar-nav {
    display: block;
    position: relative;
    float: right;
    right: 110px;
    margin-top: 20px;
    background-image: none;
    width: auto;
    top: auto;
    border-top: none;
    background-color: transparent;
    transition: all 250ms ease;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li {
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /*   SUBMENU [desktop-s > 992px]              */
    /* :::::::::::::::::::::::::::::::::::::::::: */
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a {
    color: #3f475a;
    font-size: 19px;
    position: relative;
    margin: 0 2.25em;
    padding: 13px 0 10px 0;
    float: none;
    width: auto;
    border-bottom: none;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a i {
    padding-left: 7px;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 2px;
    left: 0;
    background-color: transparent;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a:hover {
    color: #3f475a;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a:hover:before {
    background-color: #85868a;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a.active {
    color: #3f475a;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a.active:before {
    background-color: #ffb000;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a .subnav-menu {
    position: relative;
    border-left: none;
    height: auto;
    width: auto;
    right: auto;
    top: auto;
    font-size: 18px;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a .subnav-menu.active:before {
    content: '\f107';
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a .subnav-menu:before {
    position: relative;
    top: auto;
    left: auto;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li > a i {
    display: none;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li ul {
    position: absolute;
    padding: 0;
    z-index: 100;
    text-align: left;
    width: 210px;
    top: 85px;
    left: 45px;
    transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    /* submenu fix */
  }
  header#header nav.navbar.navbar-default .navbar-nav > li ul:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    left: 0;
    background-color: transparent;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li ul > li {
    display: block;
    padding: 0;
    position: relative;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li ul > li > a {
    color: #fff;
    padding: 0;
    padding-bottom: 3px;
    font-size: 16px;
    display: block;
    width: 100%;
    text-decoration: none;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li ul > li > a:hover {
    color: #ffb000;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li ul > li > a:before {
    content: none;
    position: absolute;
    right: 10px;
    top: 18px;
  }
  header#header nav.navbar.navbar-default .navbar-nav > li:last-child > a {
    padding-right: 0;
    margin-right: 30px;
  }
  header#header .subnav-bg {
    display: block;
    width: 100%;
    background-color: #3f475a;
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
    height: 130px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    transform: scale(0.95);
  }
  header#header .subnav-bg.is-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  header#header.registered nav.navbar.navbar-default .navbar-nav {
    right: 0;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /*  LAYOUT: NOTIFICATION  [desktop-s > 992px] */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #notifications {
    right: 0;
    top: 26px;
  }
  #notifications .notification .notinfo {
    right: 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  #notifications .notification .notinfo:before {
    right: 9px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop > 1200px]                   */
/* ========================================================== */
@media only screen and (min-width: 1200px) {
  header {
    /* LOGO */
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /* :::::::::::::::::::::::::::::::::::::::::: */
    /*   NAVIGATION [desktop-s > 992px]           */
    /* :::::::::::::::::::::::::::::::::::::::::: */
  }
  header .logo {
    max-width: 250px;
    margin-top: 15px;
  }
  header nav.navbar.navbar-default .navbar-nav > li > a {
    margin: 0 3em;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop-l > 1300px]                 */
/* ========================================================== */
@media only screen and (min-width: 1300px) {
  header {
    /* :::::::::::::::::::: */
    /* LOGIN BUTTON HEADER  */
    /* :::::::::::::::::::: */
  }
  header .login-btn {
    margin-right: 15px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [widescreen > 1480px]                */
/* ========================================================== */
@media only screen and (min-width: 1480px) {
  header {
    /* :::::::::::::::::::: */
    /* LOGIN BUTTON HEADER  */
    /* :::::::::::::::::::: */
  }
  header .login-btn {
    margin-right: -50px;
  }
  header #notifications {
    position: absolute;
    right: -45px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [widescreen > 1580px]                */
/* ========================================================== */
@media only screen and (min-width: 1580px) {
  header#header {
    /* :::::::::::::::::::: */
    /* LOGIN BUTTON HEADER  */
    /* :::::::::::::::::::: */
    /* :::::::::::::::::::::::::::::::::::::: */
    /*   NAVIGATION [widescreen > 1580px]     */
    /* :::::::::::::::::::::::::::::::::::::: */
  }
  header#header .login-btn {
    margin-right: -75px;
  }
  header#header.sub .login-btn {
    margin-right: -100px;
  }
  header#header nav.navbar.navbar-default .navbar-nav {
    right: -15px;
  }
}
/* :::::::::::::::::::::::::::::::::::::: */
/*   NAVIGATION [phone > 380px]     */
/* :::::::::::::::::::::::::::::::::::::: */
@media (max-width: 380px) {
  header .navbar-header--home .LoggedInAccount {
    margin-top: 10px;
    padding: 7px 5px 7px 5px !important;
    float: right;
    margin-right: 0;
    font-weight: 700;
    font-size: 12px !important;
  }
}
/* == PURPORT ==
*
* LAYOUT: VARIED [MOBILE]
*         - HEADER in _header.less
*         - REGISTERED/NOT-REGISTERED CLASS in _header.less
*         - SUB-NAVIGATION BACKGROUND in _header.less
*         - LOGIN BUTTON HEADER in _header.less
*         - NAVIGATION in _header.less
*         - SUBMENU in _header.less
*         - STICKY MENUin _header.less
* LAYOUT: HERO
* LAYOUT: HERO CAPTION
* LAYOUT: MW Section
* LAYOUT: SUBPAGES
* LAYOUT: STARTPAGE -> SERVICES
* LAYOUT: STARTPAGE -> SHOPS OVERVIEW
* LAYOUT: STARTPAGE -> TOP ANGEBOTE
* LAYOUT: WERBEBOXEN / SPARBOX / ADS
* LAYOUT: CASHBACK
*         - SINGLE VIEW
*         - CATEGORIES
*	      - SHOPBOX
* LAYOUT: REISEN
* LAYOUT: DEIN KONTO / DEIN SPARMAX
* LAYOUT: REGISTER
* LAYOUT: TABLES
* LAYOUT: KONTAKT
* LAYOUT: FOOTER NEWSLETTER FORM
* LAYOUT: MODAL LOGIN & CO.
* LAYOUT: FOOTER
* PAGINATION
*
* MEDIA QUERIES
*/
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: VARIED [MOBILE]                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
table.complain .status {
  padding: 5px 7px;
  text-transform: uppercase;
  font-size: 0.75em;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  min-width: 80px;
  display: inline-block;
  min-width: 140px;
}
table.complain .status.cancelled {
  background-color: #ff654f;
}
table.complain .status.paid {
  background-color: #4CBF22;
}
table.complain .status.open,
table.complain .status .confirmed {
  background-color: #ffb000;
}
table.complain .status.requested {
  background-color: #3f475a;
}
table.complain .status.waiting {
  background-color: grey;
}
table.complain .status.rejected {
  background-color: #ff654f;
}
table.complain .status.done {
  background-color: #4CBF22;
}
@keyframes ring {
  0% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  12.5% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  37.5% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  62.5% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  75% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.shopdateselect-error,
.shopdateselect-error,
.shopselect-error {
  position: absolute;
  top: -74px;
  right: 15px;
  float: left;
  z-index: 10;
  font-size: 18px;
  background: rgba(228, 83, 80, 0.15);
  padding: 5px 10px;
  line-height: 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #e45350;
}
.shopproduct-error {
  position: absolute;
  top: -74px;
  right: 36px;
  float: left;
  z-index: 10;
  background: rgba(228, 83, 80, 0.15);
  padding: 5px 10px;
  line-height: 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #e45350;
}
.shopbill-error {
  position: absolute;
  top: -74px;
  right: 36px;
  float: left;
  z-index: 10;
  background: rgba(228, 83, 80, 0.15);
  padding: 5px 10px;
  line-height: 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #e45350;
}
.shoporderid-error {
  position: absolute;
  top: -74px;
  right: 36px;
  float: left;
  z-index: 10;
  background: rgba(228, 83, 80, 0.15);
  padding: 5px 10px;
  line-height: 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #e45350;
}
.shopcustomerid-error {
  position: absolute;
  top: -74px;
  right: 36px;
  float: left;
  z-index: 10;
  background: rgba(228, 83, 80, 0.15);
  padding: 5px 10px;
  line-height: 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #e45350;
}
.shopemail-error {
  position: absolute;
  top: -74px;
  right: 36px;
  float: left;
  z-index: 10;
  background: rgba(228, 83, 80, 0.15);
  padding: 5px 10px;
  line-height: 18px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: #e45350;
}
.shopdateselect-error {
  top: 235px;
  margin-right: -9px;
  line-height: 23px;
}
.shopproduct-error {
  top: 583px;
  margin-right: -9px;
  line-height: 23px;
}
.shopbill-error {
  top: 583px;
  margin-right: -9px;
  line-height: 23px;
}
.shoporderid-error {
  top: 583px;
  margin-right: -9px;
  line-height: 23px;
}
.shopcustomerid-error {
  top: 583px;
  margin-right: -9px;
  line-height: 23px;
}
.shopemail-error {
  top: 583px;
  margin-right: -9px;
  line-height: 23px;
}
#tamolashopcomplain,
#tamolashopcomplaindate {
  background: transparent;
}
/* IF SUBNAV OPEN | BACKDROP */
.subnav-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  transition: all 0.75s;
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  background-color: #3f475a;
}
.subnav-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: HERO                               */
/* :::::::::::::::::::::::::::::::::::::::::: */
#hero {
  background-size: cover;
  background-position: center;
  padding: 0;
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 0;
  /* gradient */
  /* ::::::::::::::::::::::::::::: */
  /* HERO: SMALL SIZE [MOBILE]     */
  /* cashback | reisen |           */
  /* ::::::::::::::::::::::::::::: */
}
#hero:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 15%;
  background: -moz-linear-gradient(top, #f8f8f8 0%, rgba(248, 248, 248, 0.9) 30%, rgba(248, 248, 248, 0.5) 65%, transparent 100%);
  background: -webkit-linear-gradient(top, #f8f8f8 0%, rgba(248, 248, 248, 0.9) 30%, rgba(248, 248, 248, 0.5) 65%, transparent 100%);
  background: linear-gradient(to top, #f8f8f8 0%, rgba(248, 248, 248, 0.9) 30%, rgba(248, 248, 248, 0.5) 65%, transparent 100%);
  z-index: 1;
}
#hero.subpage {
  background-image: none;
  background-color: #fff;
}
#hero.small-hero {
  height: 50vh;
  min-height: 480px;
  background-position: 100% 0;
  margin-top: 59px;
}
#hero.small-hero.reisen-hero {
  height: 60vh;
  min-height: 700px;
  background-position: 55% 0;
}
#hero.small-hero.einkaufsschutz-hero {
  background-position: 55% 0;
}
/* HERO BG */
.startpage #hero {
  background-position: 80% 0;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: HERO CAPTION TEXT [MOBILE]         */
/* :::::::::::::::::::::::::::::::::::::::::: */
.introCaption {
  position: relative;
  margin-top: 290px;
  margin-bottom: 50px;
  left: 0;
  float: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 15px;
  z-index: 99;
  /* Subpage */
}
.introCaption .h2 {
  margin: 0;
  font-size: 22px;
}
.introCaption h1 {
  font-size: 26px;
  line-height: 1.15em;
  margin: 0;
  margin-bottom: 15px;
}
.introCaption h1 span {
  padding-bottom: 2px;
  border-bottom: 2px solid #ffb000;
}
.introCaption p {
  font-size: 20px;
}
.introCaption a:not(.btn) {
  font-weight: 700;
  padding-bottom: 3px;
  border-bottom: 2px solid #ffb000;
}
.introCaption.introSubCaption h1 {
  font-size: 26px;
  line-height: 1.15em;
  margin: 0;
}
.introCaption.introSubCaption h1 span {
  padding-bottom: 2px;
  border-bottom: 2px solid #ffb000;
}
.cta-button-wrapper {
  white-space: nowrap;
  padding-bottom: 50px;
}
@media (max-width: 620px) {
  .cta-button-wrapper {
    white-space: unset;
    padding-bottom: unset;
    width: 280px;
    text-align: center;
  }
  .cta-button-wrapper .btn.btn-medium.btn-negative.btn-wide {
    padding-right: 55px;
    padding-left: 55px;
  }
}
/* :::::::::::::::::::::::::: */
/* CAPTION [MOBILE]           */
/* :::::::::::::::::::::::::: */
.caption {
  position: relative;
  margin-top: 20%;
  z-index: 5;
}
.caption h1,
.caption .h1,
.caption h2,
.caption .h2,
.caption h3,
.caption .h3 {
  margin-top: 0;
}
.caption .call-us {
  margin-top: 2em;
  float: left;
  width: 100%;
}
.caption .call-us .h3 {
  float: left;
  font-size: 26px;
  line-height: 1.65em;
}
.caption .call-us .service-hours {
  float: left;
  text-align: left;
  font-size: 16px;
  line-height: 1.9em;
  margin-bottom: 15px;
}
.caption .call-us .your-fkn {
  float: left;
  clear: both;
}
.hero.grey .caption {
  position: relative;
  background: none;
  color: #85868a;
}
.hero.grey .caption h1 {
  color: #ffb000;
}
.hero.grey .caption-img:before {
  content: none;
}
/* caption image */
.caption-img {
  position: relative;
  float: right;
  height: auto;
}
.caption-img:before {
  content: '';
  position: absolute;
  width: 80%;
  height: 100%;
  right: 0;
  top: -70px;
  background-color: #f8f8f8;
  z-index: -1;
}
/* invert hero */
.invert .caption-img {
  float: left;
  right: -70px;
  left: auto;
}
.invert .caption-img:before {
  left: -70px;
  top: -70px;
  right: auto;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: MW Section                         */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section {
  padding: 3em 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 50px;
  /* unternehmensberatung => vorgehen */
  /* seminare fix */
}
.mw-section h1,
.mw-section .h1,
.mw-section h2,
.mw-section .h2 {
  margin-top: 0;
}
.mw-section h3,
.mw-section .h3,
.mw-section h4,
.mw-section .h4,
.mw-section h5,
.mw-section .h5 {
  margin-top: 0;
  margin-bottom: 10px;
}
.mw-section h3.subtitle,
.mw-section .h3.subtitle,
.mw-section h4.subtitle,
.mw-section .h4.subtitle,
.mw-section h5.subtitle,
.mw-section .h5.subtitle {
  font-size: 16px;
  margin-bottom: 15px;
}
.mw-section p + p.h3 {
  margin-top: 20px;
}
.mw-section .no-headline-margin .h1,
.mw-section .no-headline-margin .h2,
.mw-section .no-headline-margin .h3,
.mw-section .no-headline-margin .h4 {
  margin-bottom: 0;
}
.mw-section.footer {
  padding: 40px 0 15px 0;
}
.mw-section.vorgehen-section img {
  margin: 0 auto 2em auto;
}
.mw-section.seminare {
  padding: 0;
}
.mw-section.buchen {
  background-color: #f8f8f8;
  padding: 4em 0 4em 0;
}
.mw-section.no-padding {
  padding: 0;
}
.mw-section.hero-section {
  margin-top: 50px;
  padding-bottom: 2em;
}
.mw-section .ce-bodytext ul li {
  list-style: none;
}
.mw-section .ce-bodytext ul li:before {
  content: '\f00c';
  font-family: 'FontAwesome';
  color: #ffb000;
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
}
.mw-text.inline-bg {
  border: 1.1em solid #fff;
  padding: 1.4em;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: SUBPAGES [MOBILE]                  */
/* :::::::::::::::::::::::::::::::::::::::::: */
.subpage {
  float: left;
  width: 100%;
}
.subpage .hero {
  margin-top: 70px;
  margin-bottom: 30px;
  width: 100%;
  float: left;
  height: 100%;
  position: relative;
}
.subpage .caption {
  position: relative;
  float: left;
  margin-top: 80px;
  margin-bottom: 50px;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  padding: 15px;
  z-index: 99;
}
.subpage .caption p:not(h1) {
  font-size: 18px;
}
.subpage .caption .subtitle {
  font-size: 23px;
}
.subpage h1,
.subpage .h1 {
  font-size: 26px;
  line-height: 1.15em;
  margin-bottom: 15px;
}
.content p {
  max-width: 90%;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: STARTPAGE -> SERVICES [MOBILE]     */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section.services {
  padding: 0;
  position: relative;
  margin-top: -1em;
  z-index: 15;
}
.mw-section.services [class^="col-"] > div,
.mw-section.services [class*=" col-"] > div {
  padding: 20px 15px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
  text-align: center;
}
.mw-section.services .service-item {
  padding-right: 5px;
  padding-left: 5px;
}
.mw-section.services .section-title {
  text-align: center;
}
.mw-section.services .mw-title p {
  font-size: 19px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 20px;
}
.mw-section.services p {
  font-size: 17px;
}
.mw-section.services p:last-child {
  margin-bottom: 10px;
}
.mw-section.services .icon img {
  height: 50px;
  display: table;
  margin: 0 auto 20px auto;
  width: auto;
}
.mw-section.services .service-box {
  background-color: #fff;
  padding: 30px 20px;
  margin-bottom: 30px;
  line-height: 1.5em;
  border: 1px solid #eef0f2;
}
.mw-section.services .service-box .subtitle {
  text-align: center;
}
.mw-section.services .service-box h3,
.mw-section.services .service-box .h3,
.mw-section.services .service-box h4,
.mw-section.services .service-box .h4 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 5px;
  color: #ffb000;
  font-family: 'Zilla Slab', serif;
  text-transform: uppercase;
}
/* ::::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: STARTPAGE -> SHOPS OVERVIEW [MOBILE]*/
/* ::::::::::::::::::::::::::::::::::::::::::: */
.mw-section.shops-overview {
  padding: 20px 0 30px 0;
  position: relative;
  overflow: visible;
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: 105% 80%;
}
.mw-section.shops-overview .h1 {
  max-width: 405px;
  font-size: 26px;
  line-height: 1.65em;
  margin-bottom: 20px;
}
.mw-section.shops-overview .inline-btn {
  text-align: center;
  position: relative;
  top: 100px;
  margin-bottom: 35px;
}
.mw-section.shops-overview .inline-btn a {
  margin: 0 7px 15px 7px;
}
/* ::::::::::::::::::::::::::::::::::::::::::*/
/* LAYOUT: STARTPAGE -> TOP ANGEBOTE [MOBILE]*/
/* ::::::::::::::::::::::::::::::::::::::::::*/
#topangebote {
  margin: 0 0 1.5em 0;
  max-width: 100%;
}
#topangebote.topangebote-start .topangebot {
  width: 50%;
}
#topangebote.topangebote-start .topangebot img {
  max-width: 146px;
}
.inline-btn a:first-child {
  margin-right: 30px;
}
.shop-banner {
  background-color: #fff;
  padding: 10px;
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.04);
  transition: box-shadow 300ms ease-out;
  -webkit-transition: box-shadow 300ms ease-out;
  -moz-transition: box-shadow 300ms ease-out;
}
.shop-banner.cross {
  border: 1px solid #f8f8f8;
  min-height: 100%;
}
.shop-banner.cross:hover {
  border-color: transparent;
}
.shop-banner img {
  width: 100%;
  max-width: 260px;
  height: auto;
}
/* ::::::::::::::::::::::::::::::::::::::::::*/
/* LAYOUT: WERBEBOXEN / SPARBOX / ADS [MOBILE]*/
/* ::::::::::::::::::::::::::::::::::::::::::*/
.sparbox {
  display: none;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: STANDARD CONTENT [MOBILE]          */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section.content {
  float: left;
  width: 100%;
  position: relative;
  z-index: 15;
}
.mw-section.content .h4 {
  margin-bottom: 20px;
}
.mw-section.content .shop-categories .p-l-2-5em {
  padding-left: 20px;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: CASHBACK [MOBILE]                  */
/* :::::::::::::::::::::::::::::::::::::::::: */
/* header cashback credit box */
.cashback-credit-wrap {
  position: absolute;
  background-color: #ffb000;
  text-align: right;
  right: 0;
  padding: 15px;
  top: 59px;
  min-width: 290px;
  width: auto;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  z-index: -1;
}
.cashback-credit-wrap p {
  margin-bottom: 0;
}
.cashback-credit-wrap .cb-title {
  font-size: 17px;
}
.cashback-credit-wrap .cb-amount {
  font-size: 22px;
  margin-bottom: 0;
  margin-top: 7px;
}
.cashback-credit-wrap a:focus {
  color: #3f475a;
}
.cashback-credit-wrap:hover a {
  color: #3f475a;
  background-color: #ffb000;
}
.cashback-credit-wrap .incomplete-data {
  padding-top: 10px;
  max-width: 518px;
  text-align: left;
}
.cashback-credit-wrap .incomplete-data strong {
  font-size: 28px;
  margin-bottom: 10px;
  display: inline-block;
}
.cashback-credit-wrap .incomplete-data p {
  padding-left: 70px;
}
.cashback-credit-wrap .incomplete-data i {
  position: running();
  float: left;
  left: 0;
  top: 0;
  width: 51px;
  height: 51px;
  background-color: #fff;
  color: #ffb000;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  line-height: 54px;
  text-align: center;
  font-size: 46px;
}
.mw-section.cashback {
  margin-top: -2em;
  float: left;
  width: 100%;
  position: relative;
  z-index: 15;
}
.mw-section.cashback .h4 {
  margin-bottom: 20px;
}
.mw-section.cashback .shop-categories .p-l-2-5em {
  padding-left: 20px;
}
.ergebnisse {
  margin-top: 20px;
  padding-left: 2.5em;
  color: #85868a;
  font-size: 17px;
}
.sortable {
  float: right;
  display: inline-block;
}
.sortable ul li {
  position: relative;
  display: inline-block;
  float: left;
  font-size: 17px;
}
.sortable ul li label,
.sortable ul li a {
  transition: all 100ms ease-in-out 0s;
  color: rgba(63, 71, 90, 0.8);
  padding: 0 5px;
  margin: 0 4px;
  position: relative;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: block;
  overflow: visible;
  font-size: 17px;
  font-weight: 300;
  height: auto;
}
.sortable ul li label:hover,
.sortable ul li a:hover {
  color: #ffb000;
}
.sortable ul li label.active,
.sortable ul li a.active {
  font-weight: 700;
  border-bottom: 2px solid #ffb000;
}
.sortable ul li label:before,
.sortable ul li a:before {
  content: '';
  position: absolute;
  right: -4px;
  top: 4px;
  height: 15px;
  width: 1px;
  background-color: #E4E4E4;
}
.sortable ul li label input {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}
.sortable ul li:last-child label:before,
.sortable ul li:last-child a:before {
  content: none;
}
.sortable ul li ul li label,
.sortable ul li ul li a {
  margin: 2px 4px;
  height: auto;
}
.sortable ul li ul li label:before,
.sortable ul li ul li a:before {
  content: none;
}
.sortable ul li ul li label.active,
.sortable ul li ul li a.active {
  border-bottom: none;
}
.bonsort ul {
  display: none;
  position: absolute;
  margin-top: 5px;
  background-color: #fff;
  box-shadow: none;
  border: 2px solid #E4E4E4;
  -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
  z-index: 99;
}
.bonsort ul label {
  margin: 0;
  padding: 4px 10px;
  cursor: pointer;
  float: left;
}
.bonsort ul:before {
  top: -5px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  height: 5px;
  width: 5px;
  position: absolute;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  border: 5px solid #fff;
  border-color: transparent transparent #fff #fff;
}
.bonsort ul li {
  width: 100%;
  padding: 0;
}
.bonsort ul li:first-child {
  margin-top: 5px;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: CASHBACK SINGLE VIEW               */
/* :::::::::::::::::::::::::::::::::::::::::: */
.singlecontent {
  background-color: #fff;
  padding: 20px;
  margin-top: 10px;
  float: left;
  width: 100%;
  /* CROSS SELLING */
}
.singlecontent .shop-logo {
  position: relative;
  float: left;
  margin-right: 30px;
  margin-bottom: 15px;
}
.singlecontent .shop-logo img {
  float: none;
  max-width: 240px;
  margin: 0 auto;
  display: block;
}
.singlecontent .shop-desc {
  display: block;
}
.singlecontent .shop-desc .metaAction {
  margin: 20px 0;
}
.singlecontent p {
  max-width: 90%;
}
.singlecontent .shop-table {
  float: left;
  clear: both;
  width: 100%;
  /* :::::::::::::::::: */
  /* VOUCHERS           */
  /* :::::::::::::::::: */
}
.singlecontent .shop-table .h4 {
  margin-top: 15px;
}
.singlecontent .shop-table .table {
  position: relative;
  display: block;
  float: left;
  padding: 20px;
  border: 1px solid #e3e3e3;
  margin: 20px 0;
  width: 100%;
}
.singlecontent .shop-table .percent {
  font-size: 16px;
  color: #ffb000;
  font-weight: 200;
  position: relative;
  display: block;
  float: left;
  width: 25%;
}
.singlecontent .shop-table .table-desc {
  display: block;
  float: left;
  width: 75%;
  border-left: 1px solid #e3e3e3;
  padding-left: 35px;
}
.singlecontent .shop-table .button:before {
  float: right;
  margin-top: 7px;
  padding-left: 7px;
}
.singlecontent .shop-table #gutscheine {
  position: relative;
  float: left;
}
.singlecontent .shop-table #gutscheine .h4 {
  margin-bottom: 0;
}
.singlecontent .shop-table .vouchers {
  padding-bottom: 7px;
}
.singlecontent .shop-table .vouchers:before {
  content: '';
  position: absolute;
  background-color: #3f475a;
  width: 46px;
  height: 46px;
  left: -10px;
  top: -10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  z-index: 98;
}
.singlecontent .shop-table .vouchers .voucher-type {
  color: #ffb000;
  position: absolute;
  top: 2px;
  left: 6px;
  z-index: 99;
}
.singlecontent .shop-table .vouchers .vvalue {
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
  margin-top: 60px;
  margin-bottom: 10px;
  display: block;
}
.singlecontent .shop-table .vouchers .table-desc {
  display: block;
  float: left;
  width: 75%;
  border-left: 1px solid #e3e3e3;
  padding-left: 35px;
}
.singlecontent .shop-table .vouchers .vbox .vtitle {
  font-size: 18px;
  margin-bottom: 10px;
}
.singlecontent .shop-table .vouchers .vbox .vcode {
  position: relative;
  font-size: 18px;
  padding: 15px 25px;
  margin: 1em 0 1.5em 0;
  border: 2px dashed #ffb000;
  background-color: rgba(255, 176, 0, 0.06);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.singlecontent .shop-table .vouchers .vbox .vcode strong {
  color: #ffb000;
  cursor: text;
}
.singlecontent .shop-table .vouchers .vbox .vcode i {
  font-size: 38px;
  position: absolute;
  top: -28px;
  color: #ffb000;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  right: 20px;
}
.singlecontent .shop-table .vouchers .vbox .vdescription {
  text-align: left;
}
.singlecontent .shop-table .vouchers .percent {
  text-align: center;
  padding-right: 20px;
  color: rgba(63, 71, 90, 0.8);
}
.singlecontent .shop-table .vouchers .percent .vvalue {
  color: #ffb000;
}
.singlecontent .shop-table .vouchers .vvalidTo {
  color: rgba(133, 134, 138, 0.6);
  font-size: 14px;
  margin-top: 20px;
  float: left;
  border-top: 1px solid #e3e3e3;
  width: 100%;
  padding-top: 10px;
  margin-bottom: 4px;
  text-align: right;
}
.singlecontent .notice {
  width: 100%;
  float: left;
  clear: both;
  color: #85868a;
  font-size: 15px;
}
.singlecontent .notice .h4 {
  color: rgba(63, 71, 90, 0.8);
  margin-bottom: 25px;
  margin-top: 15px;
}
.singlecontent .cross-content h4 {
  font-size: 18px;
  margin-bottom: 10px;
}
.singlecontent .shop-banner.cross img {
  max-width: 72px;
}
.singlecontent .shop-banner.cross .shop-name {
  height: 60px;
  margin-bottom: 0;
}
.singlecontent.receipt-affix {
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.singlecontent.receipt-affix p {
  min-width: 100%;
  margin-bottom: 0;
}
.singlecontent.receipt-affix .shop-img {
  margin-bottom: 20px;
}
.singlecontent.receipt-affix.affix {
  position: fixed;
  top: 15px;
}
.singlecontent.receipt-affix .favorite-label {
  opacity: 1;
  visibility: visible;
  color: #fff;
}
.singlecontent.receipt-affix .shop-img {
  float: none;
  max-width: 240px;
  margin: 0 auto;
  display: block;
}
/* :::::::::::::::::: */
/* CATEGORIES         */
/* :::::::::::::::::: */
#categoryselect {
  width: 100%;
}
.parrentcategory {
  font-weight: bold;
}
.subcategory {
  padding-left: 20px;
}
.shop-categories {
  float: left;
  width: 100%;
  margin-top: 30px;
}
/* :::::::::::::::::: */
/* SHOPBOX            */
/* :::::::::::::::::: */
.shopbox-wrap {
  margin-bottom: 20px;
}
.shopbox {
  position: relative;
  display: inline-block;
  background-color: #fff;
  width: 100%;
  padding: 25px 25px 80px 25px;
}
.shopbox .shop-image {
  position: relative;
  max-width: 100%;
  display: block;
  overflow: hidden;
}
.shopbox .shop-image a {
  position: relative;
  display: block;
}
.shopbox .shop-image img {
  position: relative;
  float: none;
  margin: 0 auto;
  display: block;
  max-width: 145px;
  margin-bottom: 20px;
}
.shopbox .desc-content {
  text-align: center;
  font-size: 17px;
}
.shopbox .shop-action {
  font-size: 17px;
  position: absolute;
  bottom: 25px;
  width: 100%;
  left: 0;
  padding-left: 25px;
  padding-right: 25px;
}
.shopbox .shop-action .btn {
  font-size: 17px;
  font-weight: 700;
  float: right;
}
.shopbox .shop-action .about {
  position: relative;
  float: left;
  margin-top: 13px;
  color: #85868a;
}
.shopbox .shop-action .about:before {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ffb000;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.shopbox .shop-action .about:hover:before {
  width: 100%;
}
.shopbox:hover .favorite-label {
  opacity: 1;
  visibility: visible;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* FAVORITE LABEL [MOBILE]                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
.favorite-label {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  background-color: rgba(228, 228, 228, 0.9);
  color: #fff;
  display: table;
  text-align: center;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.favorite-label i {
  display: table-cell;
  vertical-align: middle;
}
.favorite-label span {
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 50%;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  top: 7px;
  width: 100px;
  z-index: -1;
}
.favorite-label span:before {
  content: '';
  position: absolute;
  right: -7px;
  width: 10px;
  height: 100%;
}
.favorite-label:hover {
  background-color: #ffb000;
  color: rgba(63, 71, 90, 0.8);
}
.favorite-label:hover span {
  z-index: 1;
  right: 100%;
  margin-right: 7px;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  opacity: 1;
  visibility: visible;
  background-color: rgba(255, 255, 255, 0.85);
}
.favorite-label:hover span:hover {
  color: #ffb000;
}
.favorite-label.favorite {
  opacity: 1;
  visibility: visible;
  background-color: #ffb000;
}
.favorite-label.favorite i {
  color: #fff;
}
.favorite-label.favorite span {
  opacity: 0;
  visibility: hidden;
}
.tx-mehrwerkplus-tamola {
  position: relative;
  float: left;
  width: 100%;
}
.overview {
  margin-top: 20px;
  float: left;
  width: 100%;
}
.overview .grid-sizer {
  min-height: 0;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: REISEN                             */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section.reisen {
  padding: 0;
  float: left;
  margin-top: -2em;
  width: 100%;
  position: relative;
  z-index: 15;
}
.mw-section.reisen .no-headline-margin {
  margin-top: 50px;
}
.mw-section.reisen .mw-text.inline-bg {
  padding: 0;
  position: relative;
}
.mw-section.reisen .mw-text.inline-bg:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}
.mw-section.reisen .h4 {
  margin-bottom: 20px;
}
.mw-section.reisen .sparbox-content {
  height: 120%;
}
.mw-section.reisen .topangebot {
  margin-bottom: 2em;
}
.mw-section.reisen .reisesuche {
  bottom: 0;
  position: relative;
}
.mw-section.reisen .row {
  position: relative;
}
.mw-section.reisen .sparbox {
  margin-bottom: 25px;
}
.mw-section.reisen .topangebot {
  margin-bottom: -20px;
}
.mw-section.reisen .mw-section.reisen .mw-text:not(.mwbox) {
  margin-left: 2.5em;
}
.mw-section.reisen p {
  font-size: 17px;
  max-width: 100%;
}
.mw-section.reisen .h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: RADAR                             */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section.radar {
  padding: 0;
  float: left;
  margin-top: -2em;
  width: 100%;
  position: relative;
  z-index: 15;
}
.mw-section.radar .no-headline-margin {
  margin-top: 50px;
}
.mw-section.radar .h4 {
  margin-bottom: 20px;
}
.mw-section.radar .row {
  position: relative;
}
.mw-section.radar .h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.mw-section.radar .radar-user-info {
  color: #929396;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
.mw-section.radar .install-radar-wrap {
  margin-top: 15px;
}
.mw-section.radar .install-radar-wrap .checkbox {
  margin-top: 20px;
}
.mw-section.radar .install-radar-wrap label {
  font-size: 14px;
}
.mw-section.radar .install-radar-wrap label a {
  border-bottom: 1px solid rgba(63, 71, 90, 0.8);
}
.mw-section.radar .install-radar-wrap label a:hover {
  border-color: #ffb000;
}
.mw-section.reiseframe {
  padding-bottom: 30px;
  /* reise if not logged in */
}
.mw-section.reiseframe .iframe-wrap {
  padding: 4em 1em;
}
.mw-section.reiseframe .iframe-wrap iframe {
  min-height: 650px;
}
.mw-section.reiseframe .mw-text:not(.mwbox) {
  margin-left: 2.5em;
}
.mw-section.reiseframe .mw-text:not(.mwbox).notlogedin-bg {
  margin-left: 0;
}
.mw-section.reiseframe .notlogedin-bg {
  width: 100%;
  height: 870px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.mw-section.reiseframe .notlogedin-bg .login-hover-box {
  position: relative;
  max-width: 450px;
  height: 450px;
  margin: auto;
  top: 105px;
  color: #fff;
  font-weight: 300;
  background-color: rgba(63, 71, 90, 0.95);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  padding: 6.5em 3.5em 0 3.5em;
  vertical-align: middle;
  z-index: 1;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.mw-section.reiseframe .notlogedin-bg .login-hover-box:hover {
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 431px) {
  .mw-section.reiseframe .notlogedin-bg .login-hover-box {
    height: unset;
    padding: 30px;
    -webkit-border-radius: 25px;
  }
}
.mw-section.reiseframe .notlogedin-bg .login-hover-box .h3 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 700;
}
.mw-section.reiseframe .notlogedin-bg .login-hover-box p {
  font-weight: 300;
}
.mw-section.reiseframe .notlogedin-bg .login-hover-box .button-log {
  margin-top: 40px;
  text-align: center;
}
.faq-content .nice-ul {
  margin-bottom: 30px;
}
.call-us {
  position: relative;
  float: right;
  margin-top: 4em;
}
.call-us p .fa {
  vertical-align: top;
  position: relative;
  background-color: #ffb000;
  color: #fff;
  width: 33px;
  height: 33px;
  margin-right: 10px;
  text-align: center;
  line-height: 34px;
  font-size: 26px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.call-us .setFKN {
  font-weight: 700;
}
/* text image container */
.img-right .icon {
  position: relative;
  float: right;
  margin-top: -20px;
  margin-right: -20px;
  width: 50%;
}
.img-right .icon img {
  position: absolute;
}
.img-right .h4 {
  font-size: 28px;
}
.img-right p {
  position: relative;
  max-width: 60%;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: TICKETS                            */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section.tickets {
  padding: 0;
  float: left;
  width: 100%;
  position: relative;
  margin-top: -23em;
  z-index: 15;
}
.mw-section.tickets .h4 {
  margin-bottom: 20px;
}
.tickets-wrap .shopbox .shop-action .btn {
  float: none;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: TICKETS SINGLE PAGE                */
/* :::::::::::::::::::::::::::::::::::::::::: */
.tickets-events {
  float: left;
  width: 100%;
  /* Basket view */
  /* filter */
  /**/
}
.tickets-events .back-to-list {
  margin-left: 5px;
  font-size: 16px;
  color: #85868a;
  font-weight: 300;
}
.tickets-events .back-to-list:hover {
  border-bottom: 2px solid #ffb000;
}
.tickets-events .event-box .img {
  background-position: center;
}
.tickets-events.checkout,
.tickets-events.basket-view {
  margin-top: -5em;
}
.tickets-events.checkout .hero,
.tickets-events.basket-view .hero {
  display: none;
}
.tickets-events.checkout .grey,
.tickets-events.basket-view .grey {
  padding: 110px 0 100px 0;
  min-height: 680px;
}
.tickets-events .shop-categories .sword input[type="text"] {
  border-color: #e2e2e2;
}
.tickets-events .shop-categories .category-select .select2-container,
.tickets-events .shop-categories .city-select .select2-container {
  padding: 4px;
  border: 2px solid #e2e2e2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.tickets-events .shop-categories .category-select .select2-container.select2-container--open,
.tickets-events .shop-categories .city-select .select2-container.select2-container--open {
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
}
.tickets-events .shop-categories .category-select .select2-container.select2-container--open.select2-container--above,
.tickets-events .shop-categories .city-select .select2-container.select2-container--open.select2-container--above {
  border-bottom: 2px solid;
  border-color: #e2e2e2;
  border-top: none;
  margin-top: 2px;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
}
.tickets-events .shop-categories .category-select select {
  width: 100%;
}
.tickets-events .shop-categories .city-select select {
  width: 100%;
}
.tickets-events .shop-categories .city-select button {
  padding: 8px;
  height: 40px;
  width: 40px;
  display: inline-block;
  float: right;
  position: relative;
  right: -5px;
}
.tickets-events .shop-categories .city-select .select2-container {
  width: calc(100% - 45px) !important;
  float: left;
}
.tickets-events .shop-categories .sword,
.tickets-events .shop-categories .category-select,
.tickets-events .shop-categories .city-select {
  padding-left: 5px;
  padding-right: 5px;
}
.tickets-events .shop-categories .sword + .button {
  width: 40px;
  height: 40px;
  padding: 0;
}
.tickets-events #order-checkout .order-button {
  margin-top: 40px;
}
.tickets-events .shop-content {
  float: left;
  width: 100%;
  /* pagination */
}
.tickets-events .shop-content .eventtable {
  /* sub table */
}
.tickets-events .shop-content .eventtable#eventtable-checkout {
  margin-bottom: 40px;
}
.tickets-events .shop-content .eventtable#eventtable-checkout td ul li {
  display: block;
}
.tickets-events .shop-content .eventtable#eventtable-checkout td ul li span.dtr-title {
  display: inline-block;
}
.tickets-events .shop-content .eventtable tbody .even {
  background-color: #fff;
}
.tickets-events .shop-content .eventtable .back-to-list {
  display: block;
  margin-bottom: 20px;
}
.tickets-events .shop-content .eventtable.hover tbody tr {
  /* subtable hover fix */
}
.tickets-events .shop-content .eventtable.hover tbody tr:hover {
  background-color: #f8f8f8;
}
.tickets-events .shop-content .eventtable.hover tbody tr tr:hover {
  background-color: transparent;
}
.tickets-events .shop-content .eventtable .properties {
  position: relative;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.tickets-events .shop-content .eventtable .properties .prop-entry .prop-name {
  margin-bottom: 0;
  min-width: 85px;
  display: inline-block;
}
.tickets-events .shop-content .eventtable .properties .prop-entry .prop-value {
  font-style: italic;
  clear: both;
}
.tickets-events .shop-content .eventtable .properties .img {
  position: relative;
  max-width: 90px;
  width: 100%;
  height: 90px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  overflow: hidden;
  right: 15px;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.tickets-events .shop-content .eventtable ul {
  width: 100%;
  margin-bottom: 40px;
  border-bottom: 2px solid #f8f8f8;
  padding-bottom: 40px;
}
.tickets-events .shop-content .eventtable ul li {
  display: none;
}
.tickets-events .shop-content .eventtable ul li:last-child {
  display: block;
}
.tickets-events .shop-content .eventtable ul li span.dtr-title {
  display: none;
}
.tickets-events .shop-content .eventtable form {
  /* mobile titles */
  /*  + | - counter */
}
.tickets-events .shop-content .eventtable form thead th,
.tickets-events .shop-content .eventtable form thead td {
  background-color: #f8f8f8;
  color: rgba(63, 71, 90, 0.8);
  font-weight: 700;
}
.tickets-events .shop-content .eventtable form input {
  width: 95px;
  display: inline-block;
  text-align: center;
  padding: 10px 5px 10px 15px;
}
.tickets-events .shop-content .eventtable form .mob-title {
  display: none;
}
.tickets-events .shop-content .eventtable form .product-counter {
  float: left;
}
.tickets-events .shop-content .eventtable form .product-counter .btn-plus,
.tickets-events .shop-content .eventtable form .product-counter .btn-minus {
  position: relative;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  height: 47px;
  width: 47px;
  background-color: transparent;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.tickets-events .shop-content .eventtable form .product-counter .btn-plus i,
.tickets-events .shop-content .eventtable form .product-counter .btn-minus i {
  position: absolute;
  color: rgba(63, 71, 90, 0.8);
  top: 14px;
  left: 14px;
  font-size: 20px;
}
.tickets-events .shop-content .eventtable form .product-counter .btn-plus.disabled,
.tickets-events .shop-content .eventtable form .product-counter .btn-minus.disabled {
  background-color: #eaeaea;
}
.tickets-events .shop-content .eventtable form .product-counter .btn-plus.disabled i,
.tickets-events .shop-content .eventtable form .product-counter .btn-minus.disabled i {
  color: rgba(150, 159, 182, 0.8);
}
.tickets-events .shop-content .eventtable form .product-counter .btn-plus:hover i,
.tickets-events .shop-content .eventtable form .product-counter .btn-minus:hover i {
  color: #ffb000;
}
.tickets-events .shop-content .eventtable form button {
  float: right;
}
.tickets-events .shop-content .eventtable form button:before {
  top: 50%;
  left: 50%;
}
.tickets-events .shop-content .eventtable form button i:before {
  position: absolute;
  right: 5px;
  top: -1px;
}
.tickets-events .shop-content .eventtable form button.loading {
  background-color: #ffd066;
  pointer-events: none;
}
.tickets-events .shop-content .eventtable form button.loading i {
  display: none;
}
.tickets-events .shop-content .eventtable form button.loading span {
  visibility: hidden;
}
.tickets-events .shop-content .eventtable form button.loading-not-okay span,
.tickets-events .shop-content .eventtable form button.loading-okay span {
  visibility: hidden;
}
.tickets-events .shop-content .eventtable form button.loading-not-okay i,
.tickets-events .shop-content .eventtable form button.loading-okay i {
  border: none;
  font-size: 24px;
  left: 0;
  right: 0;
  margin: auto;
}
.tickets-events .shop-content .eventtable form button.loading-not-okay i:before,
.tickets-events .shop-content .eventtable form button.loading-okay i:before {
  content: '\f00c';
}
.tickets-events .shop-content .eventtable form button.loading-not-okay:hover i,
.tickets-events .shop-content .eventtable form button.loading-okay:hover i {
  background-color: transparent;
  color: #fff;
}
.tickets-events .shop-content .eventtable form button.loading-not-okay i:before {
  content: '\f00d';
}
.tickets-events .shop-content .eventtable .details-control {
  float: right;
}
.tickets-events .shop-content .eventtable .details-control .btn {
  right: 0;
  font-weight: 700;
}
.tickets-events .shop-content .eventtable .details-control .btn span {
  font-weight: 700;
}
.tickets-events .shop-content .eventtable .btn {
  cursor: pointer;
  float: right;
  right: 30px;
  font-weight: 700;
}
.tickets-events .shop-content .eventtable .btn span {
  font-weight: 700;
}
.tickets-events .shop-content .eventtable .btn:disabled,
.tickets-events .shop-content .eventtable .btn[disabled] {
  cursor: default;
}
.tickets-events .shop-content .eventtable .locationname {
  font-weight: 400;
}
.tickets-events .shop-content .eventtable span {
  font-weight: 300;
  /* STATUS */
}
.tickets-events .shop-content .eventtable span.available {
  background-color: #74bf61;
}
.tickets-events .shop-content .eventtable span.sold-out {
  background-color: #ff654f;
}
.tickets-events .shop-content .eventtable tr.group {
  background-color: #f8f8f8 !important;
}
.tickets-events .shop-content .eventtable tr.group td {
  font-size: 20px;
  color: rgba(63, 71, 90, 0.8);
  font-weight: 700;
  padding-left: 7px;
}
.tickets-events .shop-content .eventtable .mobile-info {
  display: none;
}
.tickets-events .shop-content .eventtable .mobile-info .mobile-info-qty,
.tickets-events .shop-content .eventtable .mobile-info .mobile-info-category,
.tickets-events .shop-content .eventtable .mobile-info .mobile-info-date,
.tickets-events .shop-content .eventtable .mobile-info .mobile-info-time,
.tickets-events .shop-content .eventtable .mobile-info .mobile-info-price {
  display: none;
}
.tickets-events .shop-content .eventtable#eventtable-basket {
  position: relative;
}
.tickets-events .shop-content .eventtable#eventtable-basket > tbody > tr.child ul li {
  clear: both;
  border: none;
}
.tickets-events .shop-content .eventtable#eventtable-basket > tbody > tr.child ul li span.dtr-title {
  float: left;
}
.tickets-events .shop-content .eventtable#eventtable-basket td ul li {
  display: block;
}
.tickets-events .shop-content .eventtable#eventtable-basket td ul li span.dtr-title {
  display: inline-block;
}
.tickets-events .shop-content .eventtable#eventtable-basket tr {
  position: relative;
}
.tickets-events .shop-content .eventtable#eventtable-basket tr:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #e3e3e3;
}
.tickets-events .shop-content .eventtable.notlogged td.child {
  display: none;
}
.tickets-events .shop-content .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: rgba(63, 71, 90, 0.8) !important;
  border: none;
  border-radius: 0;
}
.tickets-events .shop-content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.tickets-events .shop-content .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #ffb000 !important;
  border: none;
  background-color: transparent;
  background: transparent;
}
.tickets-events .shop-content .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: transparent;
  background: transparent;
  box-shadow: none;
}
.tickets-events .shop-content .dataTables_wrapper .col-sm-6:first-child {
  float: right;
}
.tickets-events .shop-content .dataTables_wrapper .dataTables_length {
  float: right;
  position: relative;
  right: 0;
}
.tickets-events .shop-content .dataTables_wrapper .dataTables_length label {
  margin-bottom: 15px;
}
.tickets-events .shop-content {
  padding-top: 40px;
}
.tickets-events .image {
  background-position: center;
  background-size: cover;
  width: 100%;
  max-width: 350px;
  height: 350px;
  float: left;
  margin: 5px 40px 25px 20px;
  margin-bottom: 15px;
}
.tickets-events .image + h1 {
  margin-top: 20px;
}
.tickets-events .shop-content img {
  visibility: hidden;
  display: none;
}
.tickets-events .description {
  position: relative;
  margin-bottom: 20px;
}
.tickets-events .description.is-big {
  height: 100%;
  max-height: 320px;
  overflow: hidden;
}
.tickets-events .description.is-big:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70px;
  border-bottom: 20px solid #fff;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.tickets-events .description.is-open:after {
  content: none;
}
.tickets-events .description.is-open .descopener {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}
.tickets-events .description.is-open .descopener i:before {
  content: '\f077';
}
.tickets-events .description .descopener {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  z-index: 10;
  color: #ffb000;
}
.tickets-events .shop-content h1 {
  display: inline-block;
}
.tickets-events .shop-content .h4 {
  margin: 10px;
  float: left;
  clear: both;
}
/* CART */
/**/
.shop-content {
  /* sub table */
}
.shop-content .delete-item {
  font-size: 20px;
  float: right;
  margin-right: 10px;
}
.shop-content .delete-item:hover {
  color: #ffb000;
}
.shop-content form#basket {
  /*  + | - counter */
}
.shop-content form#basket .basket-button,
.shop-content form#basket .refresh {
  margin-top: 40px;
}
.shop-content form#basket thead th,
.shop-content form#basket thead td {
  font-weight: 700;
}
.shop-content form#basket input {
  width: 95px;
  display: inline-block;
  text-align: center;
  padding: 10px 5px 10px 15px;
}
.shop-content form#basket .product-counter {
  float: left;
}
.shop-content form#basket .product-counter .btn-plus,
.shop-content form#basket .product-counter .btn-minus {
  position: relative;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  height: 47px;
  width: 47px;
  background-color: transparent;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.shop-content form#basket .product-counter .btn-plus i,
.shop-content form#basket .product-counter .btn-minus i {
  position: absolute;
  color: rgba(63, 71, 90, 0.8);
  top: 14px;
  left: 14px;
  font-size: 20px;
}
.shop-content form#basket .product-counter .btn-plus.disabled,
.shop-content form#basket .product-counter .btn-minus.disabled {
  background-color: #eaeaea;
}
.shop-content form#basket .product-counter .btn-plus.disabled i,
.shop-content form#basket .product-counter .btn-minus.disabled i {
  color: rgba(150, 159, 182, 0.8);
}
.shop-content form#basket .product-counter .btn-plus:hover i,
.shop-content form#basket .product-counter .btn-minus:hover i {
  color: #ffb000;
}
.shop-content .singleview {
  margin-top: 330px;
}
@media (max-width: 992px) {
  .shop-content .singleview {
    margin-top: 50px;
  }
  .shop-content .singleview .notLoggedInAccount {
    margin-right: 65px;
  }
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: DEIN KONTO / DEIN SPARMAX          */
/* :::::::::::::::::::::::::::::::::::::::::: */
.account-hero.mw-section {
  padding: 120px 0 0 0;
}
.account-hero.mw-section .username {
  padding-left: 20px;
}
.account-hero .mw-text {
  position: relative;
  top: 40px;
  left: 2.5em;
}
.nav-tabs {
  margin-bottom: 0;
  border: none;
  z-index: 20;
}
.nav-tabs > li {
  position: relative;
  margin-bottom: 0;
  width: auto;
}
.nav-tabs > li.active {
  border: none;
}
.nav-tabs > li.active a {
  border: none;
  color: rgba(63, 71, 90, 0.8);
  font-weight: 700;
  background-color: #fff;
}
.nav-tabs > li.active a:after {
  width: 80%;
  opacity: 1;
}
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
  border: none;
}
.nav-tabs > li > a {
  color: rgba(63, 71, 90, 0.8);
  margin-right: 2px;
  line-height: 1.42857143;
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 15px 20px;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  border-color: transparent;
  color: #ffb000;
  background-color: transparent;
}
.nav-tabs > li > a:after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 7px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #ffb000;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
}
.nav-tabs.nav-tabs-dropdown {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid #f8f8f8;
}
.nav-tabs.nav-tabs-dropdown > li {
  display: block;
  padding: 0;
  vertical-align: bottom;
  width: calc(100% - 62px);
}
.nav-tabs.nav-tabs-dropdown > li > a {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  opacity: 0;
  height: 100%;
  display: inline-block;
  border-color: transparent;
  background-color: #fff;
}
.nav-tabs.nav-tabs-dropdown > li.active {
  width: 100%;
}
.nav-tabs.nav-tabs-dropdown > li.active > a {
  opacity: 1;
  background-color: #fff;
  display: block;
  border-color: transparent;
  position: relative;
  z-index: 1;
  width: 100%;
}
.nav-tabs.nav-tabs-dropdown > li.active > a:after {
  content: none;
}
.nav-tabs.nav-tabs-dropdown.open li a {
  position: relative;
  display: block;
  opacity: 1;
  cursor: pointer;
  border-bottom: 1px solid #f8f8f8;
}
.nav-tabs.nav-tabs-dropdown.open li.active {
  width: calc(100% - 62px);
}
.nav-tabs.nav-tabs-dropdown.open li.active > a {
  background-color: #fff;
  opacity: 1;
  color: #ffb000;
}
.nav-tabs.nav-tabs-dropdown.open:after {
  color: #ffb000;
}
.nav-tabs.nav-tabs-dropdown.open > i:before {
  content: '\f077';
  top: 16px;
}
.nav-tabs.nav-tabs-dropdown > i {
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 0;
  width: 62px;
  height: 52px;
  border-left: 1px solid #f8f8f8;
  background-color: #fff;
  z-index: 10;
}
.nav-tabs.nav-tabs-dropdown > i:before {
  font-size: 18px;
  position: absolute;
  top: 17px;
  right: 23px;
}
.nav-tabs.nav-tabs-dropdown > i + li {
  width: 100%;
}
.mw-section.my-account {
  padding: 0;
  margin-top: 0;
}
.mw-section.my-account .tab-pane {
  padding: 0;
  overflow: hidden;
}
.mw-section.my-account .tab-pane .title-warranty {
  margin-top: 30px;
}
.mw-section.my-account .tab-pane .mw-section {
  padding: 2.5em;
  float: left;
  width: 100%;
}
.mw-section.my-account .controls {
  text-align: right;
  margin: 1em 0;
}
.mw-section.my-account .mw-title {
  float: left;
}
.mw-section.my-account .shops.topangebot {
  margin: 20px 0 50px 0;
}
.mw-section.my-account .mw-text:not(.mwbox) {
  margin-left: 2.5em;
}
.mw-section.my-account .mwbox .mw-text {
  margin-left: 0;
}
.mw-section.my-account .mwbox {
  width: 100%;
  float: left;
}
.mw-section.my-account .my-favorite + .no-favorite {
  display: none;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: REGISTER                           */
/* :::::::::::::::::::::::::::::::::::::::::: */
.mw-section.register {
  padding: 0;
  position: relative;
  z-index: 15;
}
.mw-section.register .bubble {
  padding: 15px;
  background-color: #3f475a;
  color: #fff;
  float: left;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 75px;
}
@media (max-width: 767px) {
  .mw-section.register .bubble {
    width: 100%;
  }
}
.mw-section.register .bubble .h2,
.mw-section.register .bubble .h3 {
  color: #fff;
  font-size: 26px;
  margin-bottom: 10px;
}
.mw-section.register .bubble a:not(.btn) {
  color: #fff;
}
.mw-section.register .bubble a:not(.btn):hover {
  color: #ffb000;
}
.mw-section.register .bubble ul {
  margin-top: 28px;
}
.mw-section.register .bubble ul li {
  position: relative;
  padding-left: 20px;
  line-height: 1.65em;
  margin-bottom: 5px;
  font-size: 16px;
}
.mw-section.register .bubble ul li:before {
  content: '\f00c';
  position: absolute;
  font-family: 'FontAwesome';
  color: #ffb000;
  top: -2px;
  left: 0;
}
.mw-section.register .bubble table {
  right: 0;
  float: right;
  top: 0;
  margin-top: 30px;
}
.mw-section.register .register-wrap {
  padding: 15px;
  float: left;
  margin: 20px 0;
  width: 100%;
  /* REGISTER SUCCESS */
}
.mw-section.register .register-wrap .h2,
.mw-section.register .register-wrap .h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
.mw-section.register .register-wrap label {
  font-size: 17px;
}
.mw-section.register .register-wrap label a {
  border-bottom: 1px solid #ffb000;
  padding-bottom: 1px;
}
.mw-section.register .register-wrap .tx-va-login .new-customer .btn {
  padding-right: initial;
  padding-left: initial;
  font-size: 17px;
  margin-top: 10px;
}
.mw-section.register .register-wrap .tx-va-login .new-customer form .form-control {
  height: 49px;
  font-size: 18px;
}
.mw-section.register .register-wrap .tx-va-login .new-customer .small {
  font-size: 12px;
}
.mw-section.register .register-wrap .tx-va-login .new-customer p {
  font-size: 15px;
}
.mw-section.register .register-wrap .voucher {
  padding-left: 20px;
}
.mw-section.register .register-wrap .already-registered {
  margin: 15px 0;
  text-align: center;
}
.mw-section.register .register-wrap .notLoggedInAccount {
  font-size: 17px;
  margin-top: 19px;
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #ffb000;
  padding-bottom: 3px;
}
.mw-section.register .register-wrap .register-success {
  text-align: center;
  -webkit-transform: translateY(45%);
  -moz-transform: translateY(45%);
  transform: translateY(45%);
}
.mw-section.register .register-wrap .register-success .h2,
.mw-section.register .register-wrap .register-success .h3 {
  margin-bottom: 30px;
}
.mw-section.register .register-wrap .register-success .h2 i,
.mw-section.register .register-wrap .register-success .h3 i {
  color: rgba(63, 71, 90, 0.8);
  border: 3px solid rgba(63, 71, 90, 0.8);
  vertical-align: top;
  position: relative;
  width: 36px;
  height: 36px;
  top: -4px;
  margin-right: 10px;
  text-align: center;
  background-color: transparent;
  line-height: 30px;
  font-size: 22px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
.mw-section.register .register-wrap .register-success p {
  margin-bottom: 2em;
}
.mw-section.register .register-wrap .register-success .btn {
  margin-top: 10px;
}
.mw-section.register table {
  float: right;
  position: relative;
  right: 50px;
  top: 20px;
}
.mw-section.register table small {
  font-size: 16px;
}
.mw-section.register table .service-currency {
  font-size: 27px;
}
.mw-section.register table .service-price {
  position: relative;
  color: #ffb000;
  font-size: 75px;
  top: 5px;
  padding-left: 20px;
  vertical-align: bottom;
}
.mw-section.register table .ps-inline {
  font-size: 17px;
  font-weight: 300;
  color: #f8f8f8;
  vertical-align: top;
  position: relative;
  top: -23px;
  left: 5px;
}
.mw-section.register .postscript {
  float: left;
  font-size: 13px;
  font-weight: 300;
  margin-top: 0;
  margin-left: 5px;
}
.register-bg#hero {
  background-position: 80% 0;
  margin-bottom: -170px;
}
@media (max-width: 768px) {
  .register-bg#hero {
    margin-bottom: 20px;
  }
}
.register-bg#hero .register-now {
  float: left;
}
.minibox {
  margin: 0 auto;
  max-width: 600px;
}
.minibox .btn {
  float: right;
}
.minibox .text-center .btn {
  float: none;
  margin-top: 15px;
}
.minibox .text-center p:last-child {
  margin-bottom: 0;
}
.minibox h1 .fa {
  vertical-align: top;
  position: relative;
  background-color: #f8c432;
  color: #fff;
  width: 33px;
  height: 33px;
  margin-right: 10px;
  text-align: center;
  line-height: 34px;
  font-size: 24px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: TABLES                             */
/* :::::::::::::::::::::::::::::::::::::::::: */
table.dataTable tbody .even {
  background-color: rgba(228, 228, 228, 0.5);
}
table.dataTable tbody tr:hover {
  background-color: rgba(228, 228, 228, 0.3);
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border: none;
  font-size: 16px;
}
table.dataTable.row-border tbody th:first-child,
table.dataTable.row-border tbody td:first-child,
table.dataTable.display tbody th:first-child,
table.dataTable.display tbody td:first-child {
  text-align: left;
}
table.dataTable thead th,
table.dataTable thead td {
  background-color: #3f475a;
  color: #fff;
  font-size: 14px;
  border-bottom: none;
  font-weight: 400;
}
table.dataTable thead th.sorting_asc:after,
table.dataTable thead td.sorting_asc:after,
table.dataTable thead th.sorting_desc:after,
table.dataTable thead td.sorting_desc:after,
table.dataTable thead th.sorting:after,
table.dataTable thead td.sorting:after {
  /* content: none; */
}
table.dataTable thead th:last-child,
table.dataTable thead td:last-child {
  border-right: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  border-top: 1px solid #85868a;
  border-bottom: none;
  line-height: 1em;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: left;
  padding-left: 13px;
}
table.dataTable tfoot th:first-child,
table.dataTable tfoot td:first-child {
  padding-left: 10px;
  text-align: left;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 14px;
  left: 6px;
  background-color: #ffb000;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: none;
  line-height: 16px;
}
table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 140px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #3f475a;
}
table.dataTable.no-footer {
  border-bottom: 2px solid #3f475a;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  text-indent: 3.85px;
}
table.dataTable tbody td,
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 13px;
}
table.dataTable tbody td:focus,
table.dataTable thead th:focus,
table.dataTable thead td:focus {
  outline: 0;
}
table.dataTable tbody td {
  padding: 10px 13px;
}
table.dataTable tbody td:first-child {
  padding-top: 10px;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 3;
  color: #3f475a;
  border-bottom: 2px solid #ffb000;
  padding: 0 5px;
  cursor: default;
  background-color: transparent;
}
.pagination > li {
  display: inline-block;
}
.pagination > li > a {
  padding: 4px 10px;
  border: none;
}
.pagination > li > a:hover {
  color: #ffb000;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: KONTAKT                            */
/* :::::::::::::::::::::::::::::::::::::::::: */
.kontakt .h1,
.kontakt h1,
.kontakt .h2,
.kontakt h2 {
  color: #ffb000;
}
.kontakt .h3,
.kontakt h3,
.kontakt .h4,
.kontakt h4 {
  color: #85868a;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: FOOTER NEWSLETTER FORM [MOBILE]    */
/* :::::::::::::::::::::::::::::::::::::::::: */
.subscribe-newsletter {
  float: left;
  background-color: #fff;
  padding: 15px;
  top: 60px;
  position: relative;
  z-index: 10;
  clear: both;
}
.subscribe-newsletter .h4 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
}
.subscribe-newsletter strong span {
  color: #ffb000;
}
.subscribe-newsletter .newsletter {
  font-size: 17px;
}
.subscribe-newsletter .newsletter .form-group {
  top: 1px;
}
.subscribe-newsletter .newsletter .action {
  padding-right: 1px;
}
.subscribe-newsletter .pre-form-text {
  font-size: 17px;
}
.subscribe-newsletter .inline-form .form-wrap .actions {
  vertical-align: top;
}
.subscribe-newsletter .inline-form .form-wrap .actions .btn.btn-medium {
  padding-right: 0;
  padding-left: 0;
  width: 51px;
  height: 49px;
  overflow: hidden;
}
.subscribe-newsletter .inline-form .form-wrap .actions .btn.btn-medium:before {
  content: '\f054';
  font-family: 'FontAwesome';
  top: 0;
  line-height: 16px;
  font-size: 16px;
  left: 1px;
  position: relative;
}
.subscribe-newsletter .inline-form .form-wrap .actions .btn.btn-medium span {
  text-indent: -999em;
  position: absolute;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: MODAL LOGIN & CO. [MOBILE]         */
/* :::::::::::::::::::::::::::::::::::::::::: */
.standardlogin {
  /* FORM */
}
.standardlogin h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
.standardlogin h3 + div {
  font-weight: 300;
}
.standardlogin p {
  font-weight: 300;
}
.standardlogin .loginform {
  margin-top: 1.75em;
}
.standardlogin ul {
  text-align: center;
}
.standardlogin ul li {
  display: inline-block;
  font-size: 15px;
  padding-right: 15px;
}
.standardlogin ul li:last-child {
  padding-right: 0;
}
/* :::::::::::::::::::::::::::::::::::::::::: */
/* LAYOUT: FOOTER [MOBILE]                    */
/* :::::::::::::::::::::::::::::::::::::::::: */
#footer {
  float: left;
  width: 100%;
  padding: 9em 0 1.5em 0;
  background-color: #3f475a;
  /* errorhandle / ajax response */
}
#footer .h3 {
  color: #85868a;
  text-align: center;
}
#footer #mailchimp-form {
  margin-top: 40px;
  position: relative;
}
#footer #mailchimp-form .form-group {
  float: left;
  width: 100%;
  padding: 0;
}
#footer #mailchimp-form .form-group .required {
  display: none;
}
#footer #mailchimp-form .form-group .input {
  position: relative;
}
#footer #mailchimp-form .form-group .input:before {
  content: '\f003';
  font-family: 'FontAwesome';
  position: absolute;
  top: 1em;
  left: 0.35em;
  display: block;
}
#footer #mailchimp-form .form-group .input input {
  border: none;
  border-bottom: 1px solid;
  border-color: #85868A;
  background: none;
  padding-left: 2em;
  color: #ffb000;
}
#footer #mailchimp-form .form-group .input input.error {
  border-color: #e45350;
}
#footer #mailchimp-form .actions {
  float: right;
}
#footer #mailchimp-form .actions button.btn {
  width: 100%;
  padding: 15px 42px;
  background: #85868a;
  border-color: #85868a;
  margin-left: 0;
  outline: 0;
}
#footer #mailchimp-form .actions button.btn:hover {
  background: transparent;
  border-color: #ffb000;
}
#footer #mailchimp-form .actions button.btn:active,
#footer #mailchimp-form .actions button.btn:focus,
#footer #mailchimp-form .actions button.btn:visited {
  color: #ffb000;
}
#footer #mailchimp-form .actions button.btn span {
  opacity: 1;
}
#footer #mailchimp-form .actions button.btn.sent {
  background: transparent;
  border-color: #ffb000;
}
#footer #mailchimp-form .actions button.btn.icon-bad:before,
#footer #mailchimp-form .actions button.btn.icon-okay:before {
  content: "\f00c";
  color: #ffb000;
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 24px;
}
#footer #mailchimp-form .actions button.btn.icon-bad:before {
  content: "\f00d";
}
#footer #mailchimp-form .actions button.btn.hide-text {
  background: transparent;
  border-color: #ffb000;
}
#footer #mailchimp-form .actions button.btn.hide-text span {
  opacity: 0;
}
#footer #mailchimp-form:after {
  display: block;
  clear: both;
  content: '';
}
#footer #mailchimp-ajax-response {
  position: absolute;
  top: 100%;
  left: 0;
  float: left;
  clear: both;
  padding: 10px 15px;
  background-color: #c6e2bb;
  color: #327e16;
  opacity: 0;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  z-index: 1;
}
#footer #mailchimp-ajax-response h3 {
  color: #2d7114;
  font-size: 19px;
}
#footer #mailchimp-ajax-response.alert {
  border: none;
  margin: 1em 0 0 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
#footer #mailchimp-ajax-response.alert.alert.alert-danger {
  color: #e45350;
  background-color: #f0dddf;
}
#footer #mailchimp-ajax-response.active {
  opacity: 1;
}
#footer .logo-secondary {
  fill: #fff;
}
#footer .footer-nav {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
}
#footer .footer-nav ul {
  float: left;
  width: 100%;
  padding-left: 0;
  list-style: none;
  /* social */
}
#footer .footer-nav ul li {
  display: block;
}
#footer .footer-nav ul li a {
  color: #fff;
  width: 100%;
  padding-bottom: 0.25em;
  font-size: 16px;
  display: block;
}
#footer .footer-nav ul li a:first-child {
  padding-left: 0;
}
#footer .footer-nav ul li a:hover {
  color: #ffb000;
  text-decoration: none;
}
#footer .footer-nav ul li a i {
  display: none;
}
#footer .footer-nav ul.nav.nav-list {
  float: left;
  width: 100%;
  text-align: center;
}
#footer .footer-nav ul.nav.nav-list li {
  display: inline-block;
}
#footer .footer-nav ul.nav.nav-list li a {
  font-size: 28px;
  padding: 0.25em 0.35em;
}
#footer .footer-nav ul.nav.nav-list li a:hover {
  background-color: transparent;
}
#footer .copyright {
  color: #fff;
}
#footer .copyright .footer-logo {
  max-width: 222px;
}
#footer .copyright span {
  display: block;
  font-size: 14px;
  font-weight: 300;
}
/* :::::::::::::::::::::::::::::::::: */
/* PAGINATION                         */
/* :::::::::::::::::::::::::::::::::: */
.f3-widget-paginator {
  width: 100%;
  display: inline-block;
  padding: 20px 15px;
  text-align: center;
}
.f3-widget-paginator li {
  display: inline-block;
}
.f3-widget-paginator li a,
.f3-widget-paginator li b {
  transition: all 100ms ease-in-out 0s;
  color: rgba(63, 71, 90, 0.8);
  font-size: 16px;
  height: 30px;
  padding: 0 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-decoration: none;
}
.f3-widget-paginator li a:hover,
.f3-widget-paginator li b:hover {
  color: #ffb000;
}
.f3-widget-paginator li.current {
  font-weight: 700;
  border-bottom: 2px solid #ffb000;
  padding: 0 5px;
}
#tx_cookies {
  position: fixed;
  right: 0;
  bottom: 2em;
  width: auto;
  max-width: 350px;
  padding: 2em;
  font-size: 14px;
  background: rgba(63, 71, 90, 0.95);
  color: #fff;
  z-index: 9999;
}
#tx_cookies #tx_cookies_inner {
  background: none;
}
#tx_cookies h3 {
  color: white;
  font-size: 24px;
}
#tx_cookies .btn.btn-negative {
  border: 2px solid #ffb000;
  color: #ffb000;
  background: none;
  font-size: 16px;
  padding: 0.5em 2em;
  margin: 0.5em 0 1em;
}
#tx_cookies .textLink,
#tx_cookies input[type="submit"].textLink {
  color: #fff !important;
  border-bottom: 1px solid #ffb000;
  padding-bottom: 0.35em;
  display: inline-block;
  margin-bottom: 1em;
  background: 0 !important;
}
#tx_cookies #tx_cookies_close {
  border: none;
  background: none;
  display: inline-block;
  width: 25px;
  height: 25px;
  float: right;
  overflow: hidden;
  position: relative;
  top: -10px;
  right: -20px;
  text-indent: -9999px;
}
#tx_cookies #tx_cookies_close:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  content: '\f00d';
  color: #fff;
  display: block;
  font-family: 'FontAwesome';
  text-indent: 0;
  font-size: 20px;
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile] >= 321px                    */
/* ========================================================== */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile] >= 380px                    */
/* ========================================================== */
@media only screen and (min-width: 380px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK [mobile] >= 380px         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.cashback {
    margin-top: -4em;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REISE [mobile] >= 380px            */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.reisen {
    margin-top: -1em;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: STANDARD CONTENT [mobile] >= 380px */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.content {
    margin-top: -4em;
  }
  /* :::::::::::::::::::::::::: */
  /* CAPTION [mobile] >= 380px  */
  /* :::::::::::::::::::::::::: */
  .caption .call-us {
    margin-top: 2em;
    float: left;
    width: 100%;
  }
  .caption .call-us .h3 {
    float: left;
    font-size: 31px;
    line-height: 1.4em;
  }
  .caption .call-us .service-hours {
    font-size: 18px;
  }
  .caption .call-us .your-fkn {
    float: left;
    clear: both;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REGISTER [mobile] >= 380px         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.register .register-wrap label {
    font-size: 18px;
  }
  .mw-section.register .register-wrap label a {
    padding-bottom: 2px;
  }
  .mw-section.register .register-wrap .voucher {
    padding-left: 2.5em;
  }
  .mw-section.register .register-wrap .tx-va-login .new-customer .btn {
    font-size: 20px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile-ls] >= 479px                 */
/* ========================================================== */
@media only screen and (min-width: 479px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO CAPTION TEXT [mobile-ls]      */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .introCaption {
    margin-top: 120px;
    background-color: transparent;
    max-width: 80%;
  }
  .introCaption h1 {
    font-size: 38px;
    margin-bottom: 20px;
  }
  .startpage #hero {
    background-position: 60% 0;
  }
  .owl-carousel .owl-slide {
    background-position: 60% 0 !important;
  }
  /* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: DEIN KONTO / DEIN SPARMAX [mobile-ls] >= 479px */
  /* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  .account-hero.mw-section {
    padding: 150px 0 0 0;
  }
  .account-hero.mw-section .username {
    padding-left: 40px;
  }
  .account-hero .mw-text {
    position: relative;
    top: 40px;
    left: 2.5em;
  }
  .mw-section.my-account {
    margin-top: 50px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SUBPAGES [mobile-ls] >= 479px      */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .subpage .caption {
    max-width: 80%;
    margin-bottom: 90px;
  }
  .subpage .caption h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REISE [mobile-ls] >= 479px         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.reisen .reisesuche .inlinebox p {
    max-width: 70%;
  }
  /* ::::::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SHOPS OVERVIEW  [mobile-ls] >= 479px  */
  /* ::::::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.shops-overview {
    padding: 290px 0 30px 0;
    margin-top: -180px;
    background-size: 56%;
    background-position: 104% top;
  }
  .mw-section.shops-overview .inline-btn {
    top: auto;
    margin-bottom: 0;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: DETAILS [mobile-ls] >= 479 */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .sideDetails .mw-title {
    font-size: 19px;
    margin: 2.5em 0 1.5em 0;
    font-family: 'Comfortaa', cursive;
  }
  .sideDetails table td {
    padding-bottom: 0.85em;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    display: table-cell;
  }
  .sideDetails table td.order-property {
    width: 190px;
    text-align: left;
    font-weight: normal;
  }
  .sideDetails table td.order-value {
    width: 115px;
    /* von - bis datum */
  }
  .sideDetails table td.order-value.from-to {
    padding-bottom: 0;
    /* last */
  }
  .sideDetails table td.order-value.from-to.from-to-last {
    padding-bottom: 0.85em;
  }
  .sideDetails table td strong {
    color: #ffb000;
  }
  .shop-banner {
    margin-bottom: 20px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: FOOTER NEWSLETTER [mobile-ls] >= 479px */
  /* :::::::::::::::::::::::::::::::::::::::::::::: */
  .subscribe-newsletter {
    padding: 25px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: DATATABLES [mobile-ls] >= 479px        */
  /* :::::::::::::::::::::::::::::::::::::::::::::: */
  table.dataTable.row-border tbody th,
  table.dataTable.row-border tbody td,
  table.dataTable.display tbody th,
  table.dataTable.display tbody td {
    border: none;
    font-size: 17px;
  }
  table.dataTable thead th,
  table.dataTable thead td {
    font-size: 17px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile] >= 620px                    */
/* ========================================================== */
@media only screen and (min-width: 620px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK [mobile] >= 620px         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .cashback-credit-wrap {
    top: 65px;
    min-width: 310px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SHOPS OVERVIEW  [mobile] >= 620px  */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.shops-overview .inline-btn {
    text-align: left;
  }
  .mw-section.shops-overview .inline-btn a {
    margin: 0;
  }
  .mw-section.shops-overview .inline-btn a:first-child {
    margin-right: 15px;
  }
  /* ::::::::::::::::::::::::::::::::::::::::::::::*/
  /* LAYOUT: REGISTER [mobile] >= 620px            */
  /* ::::::::::::::::::::::::::::::::::::::::::::::*/
  .mw-section.register .register-wrap .tx-va-login .new-customer form .form-control {
    height: 59px;
    font-size: 20px;
  }
  /* ::::::::::::::::::::::::::::::::::::::::::::::*/
  /* LAYOUT: TOP ANGEBOTE [mobile] >= 620px        */
  /* ::::::::::::::::::::::::::::::::::::::::::::::*/
  #topangebote.topangebote-start .topangebot {
    width: 33.3333%;
  }
  /* :::::::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: FOOTER NEWSLETTER [mobile-620] >= 620px  */
  /* :::::::::::::::::::::::::::::::::::::::::::::: */
  .subscribe-newsletter {
    padding: 55px 50px 50px 50px;
  }
  .subscribe-newsletter .inline-form .form-wrap .actions .btn.btn-medium {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
    height: auto;
    overflow: hidden;
  }
  .subscribe-newsletter .inline-form .form-wrap .actions .btn.btn-medium:before {
    content: none;
  }
  .subscribe-newsletter .inline-form .form-wrap .actions .btn.btn-medium span {
    text-indent: 0;
    position: relative;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [tablet] >= 768px                    */
/* ========================================================== */
@media only screen and (min-width: 768px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO [tablet] >= 768px             */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #hero {
    min-height: 480px;
    max-height: 1060px;
    height: 70vh;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK [tablet] >= 768px         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .cashback-credit-wrap {
    padding: 20px;
  }
  .cashback-credit-wrap .cb-title {
    font-size: 18px;
  }
  .cashback-credit-wrap .cb-amount {
    margin-top: 20px;
    font-size: 24px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO CAPTION TEXT [tablet]         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .introCaption {
    max-width: 70%;
    margin-bottom: 25vh;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SUBPAGES [tablet] >= 768px         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .subpage .caption {
    margin-top: 70px;
    max-width: 80%;
    margin-left: 2.5em;
  }
  .subpage .caption h1 {
    font-size: 31px;
    margin-bottom: 30px;
  }
  .subpage .reisen-caption .caption {
    background-color: rgba(255, 255, 255, 0.75);
  }
  /* :::::::::::::::::::::::::: */
  /* CAPTION [tablet] >= 768px  */
  /* :::::::::::::::::::::::::: */
  .caption .call-us .service-hours {
    float: right;
    text-align: right;
    margin-bottom: 0;
  }
  /* caption image */
  .caption-img {
    position: relative;
    float: right;
    left: -70px;
  }
  .caption-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: -70px;
    top: -70px;
    background-color: #f8f8f8;
    z-index: -1;
  }
  /* invert hero */
  .invert .caption-img {
    float: left;
    right: -70px;
    left: auto;
  }
  .invert .caption-img:before {
    left: -70px;
    top: -70px;
    right: auto;
  }
  .invert .caption {
    right: 15px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SUBPAGES [tablet > 767px]          */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .subpage .hero {
    margin-top: 0;
    margin-bottom: 80px;
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SERVICES  [tablet > 767px]         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.services {
    margin-top: -12em;
  }
  .mw-section.services .mw-title p {
    font-size: 20px;
  }
  .mw-section.services .icon img {
    height: 70px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REISE [tablet > 767px]             */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.reisen {
    margin-top: -1em;
  }
  .mw-section.reisen .mw-text:not(.mwbox) {
    margin-left: 2.5em;
  }
  .mw-section.reisen p {
    font-size: 18px;
  }
  .mw-section.reisen .h3 {
    font-size: 31px;
  }
  .mw-section.reisen .mw-text.inline-bg {
    padding: 1.4em;
  }
  .mw-section.reisen .mw-text.inline-bg:before {
    content: none;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REGISTER [tablet > 767px]          */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.register .register-wrap {
    padding: 25px 30px;
  }
  .mw-section.register .register-wrap label {
    font-size: 17px;
  }
  .mw-section.register .register-wrap .tx-va-login .new-customer .btn {
    font-size: 18px;
  }
  .mw-section.register .bubble {
    padding: 2.25em 2em 0 4.25em;
    /* border-radius: 50%; */
    -webkit-border-radius: 200px;
    -moz-border-radius: 61%;
    right: -50px;
    top: unset;
    width: unset;
    height: 375px;
  }
  .mw-section.register .bubble ul {
    margin-top: 20px;
  }
  .mw-section.register .bubble ul li {
    margin-bottom: 0;
  }
  .mw-section.register .bubble a:not(.btn) {
    padding-bottom: 1px;
  }
  .mw-section.register .bubble table {
    top: auto;
    margin-top: 30px;
    background-color: #3f475a;
    position: absolute;
    right: 20px;
    bottom: -80px;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-box-shadow: 0 0 0 5px #ffb000;
    -moz-box-shadow: 0 0 0 5px #ffb000;
    box-shadow: 0 0 0 5px #ffb000;
  }
  .mw-section.register .bubble table tr td:first-child {
    padding-left: 15px;
  }
  .mw-section.register .bubble table small {
    font-size: 14px;
  }
  .mw-section.register .bubble table .service-price {
    color: #fff;
    font-size: 48px;
    top: 4px;
    padding-left: 3px;
  }
  .mw-section.register .bubble table .service-currency {
    font-size: 24px;
  }
  .mw-section.register .bubble table .ps-inline {
    font-size: 15px;
    top: -15px;
    left: 0;
  }
  .mw-section.register .bubble table p {
    margin-bottom: 0;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SHOPS OVERVIEW [tablet > 767px]    */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.shops-overview .inline-btn a:first-child {
    margin-right: 30px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: STARTPAGE -> SHOPS OVERVIEW        */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.shops-overview {
    padding: 290px 0 30px 0;
    position: relative;
    overflow: visible;
    margin-top: -180px;
    background-repeat: no-repeat;
    background-size: 56%;
    background-position: 104% top;
  }
  .mw-section.shops-overview .h1 {
    font-size: 50px;
    line-height: 1.35em;
    margin-bottom: 40px;
  }
  /* ::::::::::::::::::::::::::::::::::::::::::::::*/
  /* LAYOUT: STARTPAGE -> TOP ANGEBOTE [mobile-767]*/
  /* ::::::::::::::::::::::::::::::::::::::::::::::*/
  #topangebote {
    margin: 2em 0 1.5em 0;
    max-width: 100%;
    margin-left: 12.5%;
  }
  #topangebote > div .topangebot:nth-of-type(4) {
    clear: left;
    margin-left: -12.5%;
  }
  #topangebote.topangebote-start .topangebot {
    width: auto;
  }
  #topangebote.topangebote-start .topangebot img {
    max-width: 146px;
  }
  .shop-banner {
    margin-bottom: 30px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK SINGLE VIEW  [mobile-767] */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .singlecontent {
    padding: 2.5em;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: NESLETTER/FOOTER [mobile-767]      */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #footer .footer-nav {
    font-weight: 300;
  }
  #footer .footer-nav ul {
    margin-bottom: 1.5em;
    /* social */
  }
  #footer .footer-nav ul li {
    display: inline-block;
  }
  #footer .footer-nav ul li a {
    width: 100%;
    padding: 0 15px;
  }
  #footer .footer-nav ul.nav.nav-list {
    margin-bottom: 0;
  }
  .sideDetails {
    padding-left: 2em;
  }
  .shopdateselect-error,
  .shopselect-error {
    line-height: 26px;
  }
  .shopselect-error {
    top: -46px;
  }
  .form-wrap .shopdateselect-error {
    top: 54px;
    margin-right: -10px;
  }
  .shopproduct-error {
    top: 389px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopbill-error {
    top: 513px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shoporderid-error {
    top: 575px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopcustomerid-error {
    top: 637px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopemail-error {
    top: 722px;
    margin-right: -9px;
    line-height: 25px;
  }
}
@media (min-width: 925px) and (max-width: 1200px) {
  .shopemail-error {
    top: 699px;
    margin-right: -9px;
    line-height: 25px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .shopproduct-error {
    top: 552px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopdateselect-error {
    top: 54px;
  }
  .shopbill-error {
    top: 758px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shoporderid-error {
    top: 861px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopcustomerid-error {
    top: 964px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopemail-error {
    top: 1067px;
    margin-right: -9px;
    line-height: 25px;
  }
}
@media (min-width: 479px) and (max-width: 725px) {
  .shopproduct-error {
    top: 582px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopdateselect-error {
    top: 54px;
  }
  .shopbill-error {
    top: 788px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shoporderid-error {
    top: 891px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopcustomerid-error {
    top: 994px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopemail-error {
    top: 1097px;
    margin-right: -9px;
    line-height: 25px;
  }
}
@media (min-width: 462px) and (max-width: 478px) {
  .shopproduct-error {
    top: 564px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopdateselect-error {
    top: 54px;
    font-size: 12px;
  }
  .shopbill-error {
    top: 758px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shoporderid-error {
    top: 855px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopcustomerid-error {
    top: 952px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopemail-error {
    top: 1048px;
    margin-right: -9px;
    line-height: 25px;
  }
}
@media (min-width: 398px) and (max-width: 462px) {
  .shopproduct-error {
    top: 597px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopdateselect-error {
    top: 54px;
    font-size: 12px;
  }
  .shopbill-error {
    top: 791px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shoporderid-error {
    top: 888px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopcustomerid-error {
    top: 985px;
    margin-right: -9px;
    line-height: 25px;
  }
  .shopemail-error {
    top: 1081px;
    margin-right: -9px;
    line-height: 25px;
  }
}
@media (min-width: 355px) and (max-width: 397px) {
  .shopproduct-error {
    top: 628px;
    margin-right: -9px;
    font-size: 12px;
  }
  .shopdateselect-error {
    top: 53px;
    font-size: 12px;
  }
  .shopbill-error {
    top: 822px;
    margin-right: -9px;
    font-size: 12px;
  }
  .shoporderid-error {
    top: 919px;
    margin-right: -9px;
    font-size: 12px;
  }
  .shopcustomerid-error {
    top: 1016px;
    margin-right: -9px;
    font-size: 12px;
  }
  .shopemail-error {
    top: 1113px;
    margin-right: -9px;
    font-size: 12px;
  }
}
@media (max-width: 354px) {
  .shopproduct-error {
    top: 647px;
    margin-right: -9px;
    line-height: 25px;
    font-size: 12px;
  }
  .shopdateselect-error {
    top: -207px;
    font-size: 12px;
  }
  .shopbill-error {
    top: 841px;
    margin-right: -9px;
    line-height: 25px;
    font-size: 12px;
  }
  .shoporderid-error {
    top: 1035px;
    margin-right: -9px;
    line-height: 25px;
    font-size: 12px;
  }
  .shopcustomerid-error {
    top: 938px;
    margin-right: -9px;
    line-height: 25px;
    font-size: 12px;
  }
  .shopemail-error {
    top: 1132px;
    margin-right: -9px;
    line-height: 25px;
    font-size: 12px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [tablet-ls] > 1024px                 */
/* ========================================================== */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop-s > 992px]                  */
/* ========================================================== */
@media only screen and (min-width: 992px) {
  .container {
    max-width: 1380px;
    width: 100%;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO CAPTION TEXT [desktop-s > 992px] */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .introCaption {
    margin-top: 235px;
    /* Subpage */
  }
  .introCaption .h2 {
    margin: 0 0 5px 0;
    font-size: 30px;
  }
  .introCaption h1 {
    font-size: 48px;
    margin-bottom: 44px;
  }
  .introCaption.introSubCaption .h2 {
    margin: 0 0 5px 0;
    font-size: 30px;
  }
  .introCaption.introSubCaption h1 {
    font-size: 58px;
    margin-bottom: 44px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SUBPAGES [desktop-s > 992px]       */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .subpage {
    /* REISE CAPTION [desktop-s > 992px] */
  }
  .subpage .caption {
    background-color: transparent;
    max-width: 65%;
  }
  .full-container {
    width: 100%;
    max-width: 1680px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .mw-content {
    min-height: 680px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO [desktop-s > 992px]           */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #hero {
    background-size: cover;
    background-position: center;
    padding: 0;
    min-height: 700px;
    height: 100vh;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 90px;
    /* CONTAINER FIX */
    /* ::::::::::::::::::::::::::::::::::::::::::::::: */
    /* HERO: SMALL SIZE [desktop-s > 992px]            */
    /* cashback | reisen |                             */
    /* ::::::::::::::::::::::::::::::::::::::::::::::: */
  }
  #hero.subpage {
    background-image: none;
    background-color: #fff;
  }
  #hero .container {
    position: relative;
  }
  #hero.small-hero {
    margin-top: 80px;
  }
  #hero.small-hero.reisen-hero,
  #hero.small-hero.einkaufsschutz-hero {
    background-position: 100% 0;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: SERVICES  [desktop-s > 992px]      */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.services {
    margin-top: -12em;
  }
  .mw-section.services [class^="col-"] > div,
  .mw-section.services [class*=" col-"] > div {
    padding: 55px 25px 55px 25px;
    margin-bottom: 30px;
  }
  .mw-section.services .mw-title p {
    font-size: 23px;
  }
  .mw-section.services p {
    font-size: 19px;
  }
  .mw-section.services .service-item {
    padding-right: 15px;
    padding-left: 15px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK [desktop-s > 992px]       */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .cashback-credit-wrap {
    top: 80px;
  }
  .cashback-credit-wrap .cb-amount {
    margin-top: 20px;
    font-size: 30px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: MW Section [desktop-s > 992px]     */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section {
    padding: 130px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .mw-section h1,
  .mw-section .h1,
  .mw-section h2,
  .mw-section .h2 {
    margin-top: 0;
  }
  .mw-section h3,
  .mw-section .h3,
  .mw-section h4,
  .mw-section .h4,
  .mw-section h5,
  .mw-section .h5 {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .mw-section h3.subtitle,
  .mw-section .h3.subtitle,
  .mw-section h4.subtitle,
  .mw-section .h4.subtitle,
  .mw-section h5.subtitle,
  .mw-section .h5.subtitle {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .mw-section p + p.h3 {
    margin-top: 20px;
  }
  .mw-section.login-test-spater-loeschen {
    margin-top: 200px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK [desktop > 992px]        */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.cashback {
    margin-top: -20em;
  }
  .mw-section.cashback .shop-categories .p-l-2-5em {
    padding-left: 2.5em;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: STANDARD CONTENT [desktop > 992px] */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.content {
    margin-top: -18em;
    padding: 130px 0 40px 0;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT:  REISE [desktop > 992px]           */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.reisen {
    margin-top: -20em;
    padding: 130px 0 40px 0;
  }
  .mw-section.reisen .no-headline-margin {
    margin-top: 70px;
  }
  .mw-section.reisen .reisesuche {
    margin-top: 30px;
  }
  .mw-section.reisen .reisesuche .inlinebox p {
    max-width: 70%;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT:  RADAR [desktop > 992px]           */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.radar {
    margin-top: -14em;
    padding: 40px 0 40px 0;
  }
  .mw-section.radar .no-headline-margin {
    margin-top: 70px;
  }
  .mw-section.radar .radar-user-info {
    margin-bottom: 5px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REGISTER [desktop-s > 992px]       */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.register .register-wrap {
    padding: 4.5em;
    min-height: 752px;
    margin-top: 0;
  }
  .mw-section.register .register-wrap .tx-va-login .new-customer .btn {
    padding-right: initial;
    padding-left: initial;
    font-size: 17px;
    margin-top: 10px;
  }
  .mw-section.register .bubble {
    padding: 6em 4.5em 0 7em;
    height: 660px;
    width: 660px;
    vertical-align: middle;
    display: table-cell;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    right: -80px;
    top: 45px;
    float: none;
    position: absolute;
  }
  .mw-section.register .bubble .h2,
  .mw-section.register .bubble .h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .mw-section.register .bubble a:not(.btn) {
    padding-bottom: 3px;
  }
  .mw-section.register .bubble ul {
    margin-top: 28px;
  }
  .mw-section.register .bubble ul li {
    padding-left: 30px;
    font-size: 23px;
    margin-bottom: 5px;
  }
  .mw-section.register .bubble table {
    right: 50px;
    float: right;
    top: 0;
    margin-top: 30px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    position: relative;
    bottom: auto;
    width: auto;
    height: auto;
  }
  .mw-section.register .bubble table small {
    font-size: 16px;
  }
  .mw-section.register .bubble table .service-currency {
    font-size: 27px;
  }
  .mw-section.register .bubble table .service-price {
    position: relative;
    color: #ffb000;
    font-size: 75px;
    top: 5px;
    padding-left: 20px;
    vertical-align: bottom;
  }
  .mw-section.register .bubble table .ps-inline {
    font-size: 17px;
    font-weight: 300;
    color: #f8f8f8;
    vertical-align: top;
    position: relative;
    top: -23px;
    left: 5px;
  }
  /* ::::::::::::::::::::::::::::::::::::::::::  */
  /* FAVORITE LABEL [desktop-s > 992px]          */
  /* ::::::::::::::::::::::::::::::::::::::::::  */
  .favorite-label {
    opacity: 0;
    visibility: hidden;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: FOOTER [desktop-s > 992px]         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  #footer {
    /* NESLETTER */
  }
  #footer .footer-nav {
    float: right;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(63, 71, 90, 0.25);
  }
  #footer .footer-nav ul {
    float: right;
    padding-left: 0;
    list-style: none;
    display: table-cell;
    width: auto;
  }
  #footer .footer-nav ul > li {
    float: left;
    text-align: right;
    align-items: right;
    margin-right: 15px;
  }
  #footer .footer-nav ul > li a {
    width: 100%;
    padding: 0 15px;
    font-weight: 700;
  }
  #footer .footer-nav ul > li a:first-child {
    padding-left: 0;
    width: auto;
    display: table-cell;
  }
  #footer .footer-nav ul > li a:hover {
    text-decoration: none;
  }
  #footer .footer-nav ul > li ul {
    float: right;
    padding-left: 0;
    list-style: none;
    display: table-cell;
    width: auto;
  }
  #footer .footer-nav ul > li ul li {
    clear: both;
  }
  #footer .footer-nav ul > li ul li a {
    font-weight: 300;
  }
  #footer .footer-nav ul.legal {
    width: 100%;
    float: left;
  }
  #footer .footer-nav ul.legal li {
    width: 100%;
  }
  #footer .copyright a {
    position: relative;
  }
  #footer .copyright a:focus,
  #footer .copyright a:hover {
    color: #000;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
  }
  #footer .copyright a:focus:after,
  #footer .copyright a:hover:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    background-color: #00ff00;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop > 1200px]                   */
/* ========================================================== */
@media only screen and (min-width: 1200px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: WERBEBOXEN / SPARBOX               */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .sparbox {
    display: block;
    margin-bottom: 20px;
    z-index: 99;
  }
  .sparbox .sparbox-content {
    position: absolute;
    color: #fff;
    padding: 0;
    bottom: -3px;
    width: calc(100% - 30px);
  }
  .sparbox.sparbox_inside .sparbox-content {
    bottom: auto;
    top: 0;
  }
  .sparbox.sparbox_small .sparbox-content {
    /* demo */
    position: relative;
    bottom: auto;
    width: 100%;
    top: 50px;
  }
  .sparbox .shopbox-placeholder {
    position: relative;
    display: inline-block;
    background-color: transparent;
    width: 100%;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO CAPTION TEXT [desktop-s]         */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .introCaption {
    margin-top: 200px;
    margin-bottom: 10vh;
    max-width: 50%;
    /* Subpage */
  }
  .introCaption .h2 {
    margin: 0 0 5px 0;
    font-size: 30px;
  }
  .introCaption h1 {
    font-size: 68px;
    margin-bottom: 44px;
  }
  .introCaption.introSubCaption .h2 {
    margin: 0 0 5px 0;
    font-size: 30px;
  }
  .introCaption.introSubCaption h1 {
    font-size: 58px;
    margin-bottom: 44px;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: CASHBACK [desktop > 1200px]        */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.cashback .shop-categories .p-l-2-5em {
    padding-left: 2.5em;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REISE [desktop > 1200px]           */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.reisen .reisesuche {
    position: absolute;
    margin-top: 0;
  }
  .mw-section.reisen .reisesuche p {
    max-width: 80%;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REGISTER [desktop > 1200px]        */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.register .register-wrap .notLoggedInAccount {
    margin-top: 0;
  }
  /* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: DEIN KONTO / DEIN SPARMAX [desktop > 1200px]   */
  /* :::::::::::::::::::::::::::::::::::::::::::::::::::::: */
  .mw-section.my-account .sparbox.sparbox_small .sparbox-content {
    top: 0;
    margin-top: 50px;
  }
  .subpage .reisen-caption .caption {
    background-color: transparent;
  }
  .shopproduct-error {
    top: 414px;
    margin-right: 17px;
    line-height: 25px;
  }
  .shopbill-error {
    top: 538px;
    margin-right: 17px;
    line-height: 26px;
  }
  .shoporderid-error {
    top: 600px;
    margin-right: 17px;
    line-height: 25px;
  }
  .shopcustomerid-error {
    top: 662px;
    margin-right: 17px;
    line-height: 25px;
  }
  .shopemail-error {
    top: 724px;
    margin-right: 17px;
    line-height: 25px;
  }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .shopemail-error {
    top: 747px;
    margin-right: 17px;
    line-height: 25px;
  }
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [desktop-l > 1300px]                 */
/* ========================================================== */
@media only screen and (min-width: 1300px) {
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: HERO CAPTION TEXT [desktop-l > 1300px] */
  /* :::::::::::::::::::::::::::::::::::::::::: */
  .introCaption {
    margin-top: 333px;
    margin-bottom: 20vh;
  }
  /* :::::::::::::::::::::::::::::::::::::::::: */
  /* LAYOUT: REGISTER [desktop-l > 1300px]      */
  /* :::::::::::::::::::::::::::::::::::::::::: */
}
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [widescreen > 1480px]                */
/* ========================================================== */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [widescreen > 1580px]                */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES  MAX-WIDTH */
/* ========================================================== */
/* LAYOUT: MEDIA QUERIES [mobile-max-ls < 480px]              */
/* ========================================================== */
@media only screen and (max-width: 479px) {
  .mw-section.services .service-item {
    width: 100%;
  }
  .mw-section.shops-overview {
    padding: 20px 0 60px 0;
    background-position: 104% 11%;
  }
  .btn .cc-btn {
    font-size: 16px;
  }
  header .logo {
    max-width: 140px;
  }
  .subpage .btn.btn-medium.btn-negative {
    font-size: 13px;
  }
  #warranty-form .btn.btn-wide {
    float: right;
    max-width: 59%;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .mw-section.content {
    margin-top: -3em;
  }
  #footer {
    padding-top: 80px;
  }
  .logout {
    margin-top: 15px;
  }
  .nav {
    max-height: 700px;
    overflow-y: auto;
  }
  .mw-section.my-account .mw-text:not(.mwbox) {
    margin-top: 10px;
    margin-left: 0.5em;
  }
  #topangebote.topangebote-start .topangebot {
    margin: auto;
  }
  .shop-categories {
    margin-top: -20px;
  }
  p .btn.btn-medium,
  p .cc-btn.btn-medium {
    padding: 12px 10px 12px 10px;
    font-size: 16px;
  }
  .ce-bodytext ul li {
    text-indent: -14px;
    margin-left: 25px;
  }
  .inlinebox {
    padding: 0.5em;
  }
  .form-group-small {
    margin-top: 10px;
  }
  #picture {
    max-width: 100%;
    content: '';
    font-size: 15px;
  }
  .m-l-0-xs {
    margin-left: unset;
  }
  .text-center-xs {
    text-align: center !important;
  }
  .inline-form .form-wrap .form-group #search {
    padding: 0 10px;
  }
  .inline-form .form-wrap .actions .btn.btn-medium {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
  }
  .subpage a {
    word-break: break-all;
    hyphens: auto;
  }
  .mw-text a {
    word-break: break-all;
    hyphens: auto;
  }
  .mw-text h1 {
    font-size: 23px;
  }
  .mw-text h2 {
    font-size: 20px;
  }
  .mw-text h3 {
    font-size: 19px;
  }
  .mw-text h4 {
    font-size: 17px;
  }
  .mw-text h5 {
    font-size: 16px;
    line-height: 1.3em;
  }
  .ce-bodytext .h2 {
    font-size: 20px !important;
  }
  .ce-bodytext a {
    word-break: break-all;
    hyphens: auto;
  }
  .ce-bodytext h1 {
    font-size: 23px;
  }
  .ce-bodytext h2 {
    font-size: 20px;
  }
  .ce-bodytext h3 {
    font-size: 19px;
  }
  .ce-bodytext h4 {
    font-size: 17px;
  }
  .ce-bodytext h5 {
    font-size: 16px;
    line-height: 1.3em;
  }
  .subpage a {
    word-break: break-all;
    hyphens: auto;
  }
  .subpage h1 {
    font-size: 20px;
  }
  .subpage h2 {
    font-size: 19px;
  }
  .subpage h3 {
    font-size: 18px;
  }
  .subpage h4 {
    font-size: 17px;
  }
  .subpage h5 {
    font-size: 16px;
    line-height: 1.3em;
  }
}
@media (max-width: 992px) {
  .notLoggedInAccount {
    margin-right: 65px !important;
  }
  .LoggedInAccount {
    margin-right: 65px !important;
  }
}
@media (min-width: 992px) {
  .navbar-header--home .nav.navbar-nav {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .ce-bodytext ul li {
    text-indent: unset;
    margin-left: unset;
  }
}
@media (min-width: 1200px) and (max-width: 1270px) {
  .shopbox .shop-action {
    font-size: 15px;
  }
  .shopbox .shop-action .btn {
    padding: 12px 20px 12px 20px;
  }
}
@media (max-width: 479px) {
  .owl-carousel .owl-slide {
    background-position: 70% 0 !important;
  }
  .slide_element {
    background: no-repeat right center !important;
  }
}
.owl-prev {
  width: 15px;
  height: 50px;
  position: absolute;
  top: 40%;
  margin-left: 0px;
  display: block !important;
  border: 0px solid black;
  left: 0px;
}
.owl-next {
  width: 15px;
  height: 50px;
  position: absolute;
  top: 40%;
  right: 12px;
  display: block !important;
  border: 0px solid black;
}
.owl-prev i,
.owl-next i {
  transform: scale(1, 1.5);
  color: #ccc;
  font-size: 75px;
}
#owl-hero {
  margin-bottom: 50px;
}
.frame.frame-type-fluidcontent_content .mw-text:not(.bubble) {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.mw-section.register .register-wrap .tx-va-login .tx-va-login-registerform p.font-light {
  font-size: 17px;
}
.mw-section.register .register-wrap .tx-va-login .tx-va-login-registerform p.h3 {
  font-size: 17px;
}
.page--golf [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover,
.page--golf [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover {
  color: #52ae32;
}
.page--golf [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover:after,
.page--golf [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover:after {
  color: #52ae32;
}
.page--golf [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover,
.page--golf [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover {
  color: #52ae32;
}
.page--golf [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover:after,
.page--golf [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover:after {
  color: #52ae32;
}
.page--golf [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true'],
.page--golf [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true'] {
  color: #52ae32;
}
.page--golf [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true']:after,
.page--golf [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true']:after {
  content: '\f068';
  color: #52ae32;
}
.page--golf [id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
.page--golf [id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
.page--golf [id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:before,
.page--golf [id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:before {
  background-color: #52ae32;
}
.page--golf .mw-section.register .bubble table {
  -webkit-box-shadow: 0 0 0 0 #52ae32;
  -moz-box-shadow: 0 0 0 0 #52ae32;
  box-shadow: 0 0 0 0 #52ae32;
}
.page--golf .checkbox input:checked ~ .checkboximg:before {
  color: #52ae32;
}
.page--golf #tx_cookies .btn.btn-negative {
  border: 2px solid #52ae32;
  color: #52ae32;
}
.page--golf #tx_cookies .textLink,
.page--golf #tx_cookies input[type="submit"].textLink {
  border-bottom: 1px solid #52ae32;
}
.page--golf .slide_element {
  background: no-repeat left center;
}
.basis--basis [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover,
.basis--basis [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover {
  color: #ffb000;
}
.basis--basis [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover:after,
.basis--basis [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:focus:hover:after {
  color: #ffb000;
}
.basis--basis [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover,
.basis--basis [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover {
  color: #ffb000;
}
.basis--basis [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover:after,
.basis--basis [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle:hover:after {
  color: #ffb000;
}
.basis--basis [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true'],
.basis--basis [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true'] {
  color: #ffb000;
}
.basis--basis [id^="accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true']:after,
.basis--basis [id*=" accordion-"] .panel .panel-heading .panel-title .accordion-toggle[aria-expanded='true']:after {
  content: '\f068';
  color: #ffb000;
}
.basis--basis [id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
.basis--basis [id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:after,
.basis--basis [id^="accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:before,
.basis--basis [id*=" accordion-"] .panel .panel-heading + .panel-collapse > .panel-body:before {
  background-color: #ffb000;
}
.basis--basis .mw-section.register .bubble table {
  -webkit-box-shadow: 0 0 0 0 #ffb000;
  -moz-box-shadow: 0 0 0 0 #ffb000;
  box-shadow: 0 0 0 0 #ffb000;
}
.basis--basis .checkbox input:checked ~ .checkboximg:before {
  color: #ffb000;
}
.basis--basis #tx_cookies .btn.btn-negative {
  border: 2px solid #ffb000;
  color: #ffb000;
}
.basis--basis #tx_cookies .textLink,
.basis--basis #tx_cookies input[type="submit"].textLink {
  border-bottom: 1px solid #ffb000;
}
.basis--basis .slide_element {
  background: no-repeat left center;
}
/*# sourceMappingURL=styles.css.map */