/*! jr v2.4.8 | 2016-2018 |
 * Juwelier Rieger inh. Gerhard Rathgeber
 * Harnierplatz 1
 * 80939 Muenchen
 * Deutschland
 *
 * Webdesign & Develoment
 * dipl. ing. Piotr Wybraniec
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * Juwelier Rieger Luxusuhren  * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ========================================================================== */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300);
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block; }

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/* Forms
   ========================================================================== */
/**
 * Change font properties to `inherit` in all browsers (opinionated).
 */
button,
input,
select,
textarea {
  font: none; }

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 * 2. Show the overflow in Edge, Firefox, and IE.
 */
button,
input,
select {
  /* 2 */
  overflow: visible; }

/**
 * Remove the margin in Safari.
 * 1. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  /* 1 */
  margin: 0; }

/**
 * Remove the inheritence of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritence of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Change the cursor in all browsers (opinionated).
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer; }

/**
 * Restore the default cursor to disabled elements unset by the previous rule.
 */
[disabled] {
  cursor: default; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the odd appearance of search inputs in Chrome and Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; }

/**
 * Remove the inner padding and cancel buttons in Chrome on OS X and
 * Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

*, *:before, *:after {
  -webkit-font-smoothing: antialiased; }

body.visible {
  overflow: hidden; }

:hover {
  transition: all 0.1s ease-in-out; }

.fl {
  float: left; }

.fr {
  float: right; }

.wrapper-1480 {
  margin: 0 auto;
  width: 97%;
  max-width: 1480px; }

.wrapper-1280 {
  margin: 0 auto;
  width: 97%;
  max-width: 1200px; }

@media only screen and (max-width: 74em) {
  .wrapper-1280 {
    margin: 0 auto;
    width: 92%;
    max-width: 1200px; } }

.no-results,
.information {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background: rgba(66, 13, 18, 0.92);
  border-radius: 2px;
  width: 100%;
  padding: 2% 0;
  display: inline-block;
  text-align: center;
  font-family: "Roboto Slab", sans-serif;
  font-weight: 400;
  font-size: 1.7rem;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.9); }

.information {
  color: #ff4e67; }

@media print {
  a.nodruck {
    display: none; } }

.container {
  margin: 0 auto;
  max-width: 1200px;
  width: 96%;
  display: block; }

.paddingtop {
  margin-top: 54px; }

.g-l {
  width: 19%;
  margin-left: 1%;
  float: left; }

.g-r {
  width: 78%;
  padding: 0 1%;
  float: right; }

.g-2 {
  margin-top: 20px; }

.g-12 {
  display: block;
  margin-left: -100%;
  position: absolute;
  width: 100%;
  z-index: -1; }

.g-12 .trigger-black {
  margin-left: -100%;
  display: none; }

.g-342 {
  display: block;
  margin-left: -100%;
  position: absolute;
  width: 100%;
  z-index: -1; }

.g-342 .trigger-black {
  margin-left: -100%;
  display: none; }

.g-32 {
  visibility: hidden; }

.g-32.visible {
  visibility: visible;
  display: block; }

.g-21 {
  display: none; }

.g-21.visible {
  display: block; }

.g-26 {
  margin-bottom: 10px; }

.g-27 {
  visibility: hidden; }

.g-27.visible {
  visibility: visible;
  display: block; }

.g-30 {
  visibility: hidden; }

.g-30.visible {
  visibility: visible;
  display: block; }

.g-13 {
  width: 50%;
  margin-top: 1%;
  margin-bottom: 5%; }

.g-24 {
  width: 100%;
  margin-top: 1%;
  margin-bottom: 5%; }

.g-41 {
  margin: 0 auto;
  max-width: 1200px;
  width: 96%;
  display: block; }

.g-42 {
  margin: 0 auto;
  max-width: 1200px;
  width: 96%;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background: rgba(255, 255, 255, 0.98); }

.g-43 {
  margin: 40px auto 0;
  max-width: 1200px;
  width: 96%;
  display: block; }

.g-44 {
  margin: 0 auto;
  max-width: 1200px;
  width: 96%;
  display: block; }

.g-19 {
  display: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .g-19 {
    display: block; } }

@media only screen and (max-width: 64em) {
  .desktopabstand {
    display: none; } }

@media only screen and (max-width: 48.75em) {
  .g-19 {
    display: block; }
  .g-30 {
    visibility: hidden; }
  .g-30.visible {
    visibility: visible;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .g-19 {
    display: none; } }

.page-home .g-17 {
  margin-top: 50px; }

.page-home .g-17-2 {
  margin-top: 270px; }

.page-home .g-18 {
  display: none; }

.page-home .g-11 {
  clear: both; }

.page-home .g-versand_desktop {
  display: flex;
  justify-content: center; }

.g-versand {
  display: none; }

#versand_top_desktop {
  display: block; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .page-home .g-17 {
    display: none; }
  .page-home .g-18 {
    display: block; }
  .page-home .g-versand_desktop {
    display: none; }
  .g-versand {
    display: block; }
  #versand_top_desktop {
    display: none; } }

@media only screen and (max-width: 64em) {
  .page-home .g-17 {
    margin-top: 185px; }
  .page-home .g-17-2 {
    margin-top: 185px; } }

@media only screen and (max-width: 60em) {
  .page-home .g-1 {
    position: relative; }
  .page-home .g-2 {
    margin-top: 20px; }
  .page-home .g-17 {
    display: none; }
  .page-home .g-18 {
    display: block;
    margin-top: 120px; }
  .page-home .g-versand_desktop {
    display: none; }
  .page-home .g-11 {
    clear: both; }
  .g-versand {
    display: block; }
  #versand_top_desktop {
    display: none; }
  .container {
    width: 95%; }
  .g-12.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: g9999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-12 .trigger-black {
    margin-left: 0%;
    display: block; }
  .g-342.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: g9999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-342 .trigger-black {
    margin-left: 0%;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .page-home .g-2 {
    margin-top: 15px; }
  .page-home .g-18 {
    margin-top: 105px; }
  .container {
    width: 100%; } }

.page-list .g-2 {
  margin-top: 20px; }

.page-list .g-11 {
  clear: both; }

@media only screen and (max-width: 64em) {
  .page-list .g-2 {
    margin-top: 20px; }
  .page-list .g-3 {
    margin-top: 2.5%; }
  .page-list .g-l {
    display: none; }
  .page-list .desktopabstand {
    display: none; }
  .page-list .g-r {
    float: left;
    width: 98%;
    padding: 0 1%; }
  .page-list .g-11 {
    clear: both; }
  .container {
    width: 95%; }
  .g-12.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-12 .trigger-black {
    margin-left: 0%;
    display: block; }
  .g-342.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-342 .trigger-black {
    margin-left: 0%;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .page-list .g-2 {
    margin-top: 6%;
    margin-bottom: 4%; }
  .page-list .g-6 {
    margin-top: 6%; }
  .container {
    width: 100%; } }

.page-produkt .g-2 {
  margin-top: 20px; }

.page-produkt .g-l {
  float: left;
  width: 19%;
  margin-left: 1%; }

.page-produkt .g-r {
  float: right;
  width: 78%;
  padding: 0 1%; }

.page-produkt .g-6 {
  margin-top: 2%; }

.page-produkt .g-8 {
  margin-top: 2%; }

.page-produkt .g-10 {
  margin-top: 2%;
  margin-bottom: 2%; }

.page-produkt .g-11 {
  clear: both; }

@media only screen and (max-width: 64em) {
  .page-produkt .g-2 {
    margin-top: 20px; }
  .page-produkt .g-3 {
    margin-top: 2.5%; }
  .page-produkt .g-l {
    display: none; }
  .page-produkt .g-r {
    float: left;
    width: 98%;
    padding: 0 1%; }
  .page-produkt .g-6 {
    margin-top: 2%; }
  .page-produkt .g-8 {
    margin-top: 2%; }
  .page-produkt .g-10 {
    margin-top: 0;
    margin-bottom: 2%; }
  .page-produkt .g-11 {
    clear: both; }
  .container {
    width: 95%; }
  .g-12.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-12 .trigger-black {
    margin-left: 0%;
    display: block; }
  .g-342.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-342 .trigger-black {
    margin-left: 0%;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .page-produkt .g-2 {
    margin-top: 6%;
    margin-bottom: 4%; }
  .page-produkt .g-6 {
    margin-top: 6%; }
  .container {
    width: 100%; } }

.page-formular .g-2 {
  margin-top: 20px; }

.page-formular .g-l {
  float: left;
  width: 19%;
  margin-left: 1%; }

.page-formular .g-r {
  float: right;
  width: 78%;
  padding: 0 1%; }

.page-formular .g-6 {
  margin-top: 2%; }

.page-formular .g-8 {
  margin-top: 2%; }

.page-formular .g-10 {
  margin-top: 2%;
  margin-bottom: 2%; }

.page-formular .g-11 {
  clear: both; }

.page-formular .g-13 {
  width: 100%;
  margin-top: 5%;
  margin-bottom: 5%; }

@media only screen and (max-width: 64em) {
  .page-formular .g-2 {
    margin-top: 20px; }
  .page-formular .g-3 {
    margin-top: 2.5%; }
  .page-formular .g-l {
    display: none; }
  .page-formular .g-r {
    float: left;
    width: 98%;
    padding: 0 1%; }
  .page-formular .g-6 {
    margin-top: 5%; }
  .page-formular .g-8 {
    margin-top: 2%; }
  .page-formular .g-10 {
    margin-top: 2%;
    margin-bottom: 2%; }
  .page-formular .g-11 {
    clear: both; }
  .page-formular .g-13 {
    width: 100%;
    margin-top: 5%; } }

.page-kontakt .g-2 {
  margin-top: 20px; }

.page-kontakt .g-22 {
  margin: 40px auto; }

.page-kontakt .g-11 {
  clear: both; }

@media only screen and (max-width: 48.75em) {
  .page-kontakt .g-1 {
    position: relative; }
  .page-kontakt .g-2 {
    margin-top: 20px; }
  .page-kontakt .g-22 {
    margin: 20px auto; }
  .page-kontakt .g-11 {
    clear: both; } }

@media only screen and (max-width: 48.75em) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .page-kontakt .g-22 {
    margin: 40px auto 60px; } }

@media only screen and (max-width: 48.75em) {
  .container {
    width: 100%; }
  .g-12.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-12 .trigger-black {
    margin-left: 0%;
    display: block; }
  .g-342.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-342 .trigger-black {
    margin-left: 0%;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .page-kontakt .g-2 {
    margin-top: 10px; }
  .page-kontakt .g-11 {
    margin-top: 120px; } }

@media only screen and (max-width: 64em) {
  .page-content-1 .g-2 {
    margin-top: 20px; }
  .page-content-1 .g-3 {
    margin-top: 2.5%; }
  .page-content-1 .g-l {
    display: none; }
  .page-content-1 .g-r {
    float: left;
    width: 98%;
    padding: 0 1%; }
  .page-content-1 .g-6 {
    margin-top: 2%; }
  .page-content-1 .g-8 {
    margin-top: 2%; }
  .page-content-1 .g-10 {
    margin-top: 0;
    margin-bottom: 2%; }
  .page-content-1 .g-11 {
    clear: both; }
  .page-content-1 .g-13 {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 5%; }
  .container {
    width: 95%; }
  .g-12.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-12 .trigger-black {
    margin-left: 0%;
    display: block; }
  .g-342.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-342 .trigger-black {
    margin-left: 0%;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .page-content-1 .g-2 {
    margin-top: 6%;
    margin-bottom: 4%; }
  .page-content-1 .g-6 {
    margin-top: 6%; }
  .container {
    width: 100%; } }

.page-content-1 .g-2 {
  margin-top: 20px; }

.page-content-1 .g-6 {
  margin-top: 2%; }

.page-content-1 .g-8 {
  margin-top: 2%; }

.page-content-1 .g-10 {
  margin-top: 2%;
  margin-bottom: 2%; }

.page-content-1 .g-11 {
  clear: both; }

.page-content-1 .g-13 {
  width: 50%;
  margin-top: 2%;
  margin-bottom: 5%; }

@media only screen and (max-width: 64em) {
  .page-content-1 .g-2 {
    margin-top: 20px; }
  .page-content-1 .g-3 {
    margin-top: 2.5%; }
  .page-content-1 .g-l {
    display: none; }
  .page-content-1 .g-r {
    float: left;
    width: 98%;
    padding: 0 1%; }
  .page-content-1 .g-6 {
    margin-top: 2%; }
  .page-content-1 .g-8 {
    margin-top: 2%; }
  .page-content-1 .g-10 {
    margin-top: 0;
    margin-bottom: 2%; }
  .page-content-1 .g-11 {
    clear: both; }
  .page-content-1 .g-13 {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 5%; }
  .container {
    width: 95%; }
  .g-12.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-12 .trigger-black {
    margin-left: 0%;
    display: block; }
  .g-342.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    margin-left: 0%;
    z-index: 9999999999;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%; }
  .g-342 .trigger-black {
    margin-left: 0%;
    display: block; } }

@media only screen and (max-width: 25.875em) {
  .page-content-1 .g-2 {
    margin-top: 6%;
    margin-bottom: 4%; }
  .page-content-1 .g-6 {
    margin-top: 6%; }
  .container {
    width: 100%; } }

@media print {
  .g-6 {
    margin-top: 0 !important; }
  .g-8 {
    margin-top: 0 !important; }
  .g-30 {
    display: none; }
  .g-12 {
    display: none; }
  .g-342 {
    display: none; }
  .g-21 {
    display: none; }
  .g-1 {
    display: none; }
  .g-2 {
    display: none; }
  .g-3 {
    display: none; }
  .g-l {
    display: none; }
  .g-r {
    width: 100% !important;
    padding: 0% !important; }
  .g-28 {
    display: none; }
  .g-11 {
    display: none; }
  .g-10 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }

@-webkit-keyframes rotate3601x {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes rotate3601x {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@-webkit-keyframes opacityfromto {
  from {
    opacity: 0;
    top: -8px; }
  to {
    opacity: 1;
    top: 0; } }

@keyframes opacityfromto {
  from {
    opacity: 0;
    top: -8px; }
  to {
    opacity: 1;
    top: 0; } }

@-webkit-keyframes fadetobottom {
  0% {
    margin-top: 8px; }
  40% {
    margin-top: 12px; }
  60% {
    margin-top: 12px; }
  100% {
    margin-top: 8px; } }

@keyframes fadetobottom {
  0% {
    margin-top: 8px; }
  40% {
    margin-top: 12px; }
  60% {
    margin-top: 12px; }
  100% {
    margin-top: 8px; } }

@-webkit-keyframes pulse_merkliste {
  0% {
    opacity: 0; }
  69% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes pulse_merkliste {
  0% {
    opacity: 0; }
  69% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes bg-formvalid {
  from {
    background: #213457; }
  to {
    background: #3AC662; } }

@keyframes bg-formvalid {
  from {
    background: #213457; }
  to {
    background: #3AC662; } }

@-webkit-keyframes bg-formvalid-stelle {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }

@keyframes bg-formvalid-stelle {
  from {
    opacity: 0.7; }
  to {
    opacity: 1; } }

@-webkit-keyframes rotate901x {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(90deg); } }

@keyframes rotate901x {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(90deg); } }

@-webkit-keyframes rotate-901x {
  from {
    transform: rotate(90deg); }
  to {
    transform: rotate(0deg); } }

@keyframes rotate-901x {
  from {
    transform: rotate(90deg); }
  to {
    transform: rotate(0deg); } }

@-webkit-keyframes fadebox {
  from {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    opacity: 0; }
  to {
    box-shadow: none;
    opacity: 1; } }

@keyframes fadebox {
  from {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    opacity: 0; }
  to {
    box-shadow: none;
    opacity: 1; } }

@-webkit-keyframes rotate3601xfade-sprache1 {
  from {
    transform: rotate(0deg);
    opacity: 0;
    margin-right: -100px; }
  to {
    transform: rotate(360deg);
    opacity: 1;
    margin-right: 0; } }

@keyframes rotate3601xfade-sprache1 {
  from {
    transform: rotate(0deg);
    opacity: 0;
    margin-right: -100px; }
  to {
    transform: rotate(360deg);
    opacity: 1;
    margin-right: 0; } }

@-webkit-keyframes fade-l-to-r {
  from {
    right: 30px; }
  to {
    right: 20px; } }

@keyframes fade-l-to-r {
  from {
    right: 30px; }
  to {
    right: 20px; } }

@-webkit-keyframes fade-b-to-t {
  0% {
    opacity: 0;
    bottom: -100px; }
  70% {
    bottom: 14px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 10px; } }

@keyframes fade-b-to-t {
  0% {
    opacity: 0;
    bottom: -100px; }
  70% {
    bottom: 14px; }
  75% {
    bottom: 10px; }
  100% {
    bottom: 10px; } }

@-webkit-keyframes fade-r-to-l {
  from {
    right: 2%;
    width: 30px;
    height: 30px; }
  to {
    right: 5%;
    width: 37px;
    height: 37px; } }

@keyframes fade-r-to-l {
  from {
    right: 2%;
    width: 30px;
    height: 30px; }
  to {
    right: 5%;
    width: 37px;
    height: 37px; } }

@-webkit-keyframes fade-bg {
  from {
    background: rgba(43, 131, 237, 0); }
  to {
    background: #2b83ed; } }

@keyframes fade-bg {
  from {
    background: rgba(43, 131, 237, 0); }
  to {
    background: #2b83ed; } }

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased; }

body, select {
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  letter-spacing: 0.021em;
  overflow-x: hidden; }

img {
  image-rendering: auto; }

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: url(../images/background.jpg) top center no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  background-position-y: -15px; }

div.ssl {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 50px;
  margin-top: 15px; }
  div.ssl span.ico-ssl {
    align-self: center;
    background: url(../images/ssl.svg) no-repeat;
    width: 14px;
    height: 21px;
    margin: 0 12px 0 0;
    padding: 0 !important; }
  div.ssl p {
    font-size: 1.3rem;
    line-height: 18px !important;
    font-weight: 400;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: initial;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.4); }

div.pflicht {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0px;
  margin-top: 20px; }
  div.pflicht span.ico-ssl {
    align-self: center;
    background: url(../images/info.svg) no-repeat;
    width: 18px;
    height: 25px;
    margin: 0 12px 0 0;
    padding: 0 !important; }
  div.pflicht p {
    font-size: 1.3rem;
    line-height: 18px !important;
    font-weight: 400;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    text-transform: initial;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.4); }
    div.pflicht p a {
      color: #213457; }

#cookies {
  margin: 0;
  padding: 0;
  width: 98%;
  position: fixed;
  z-index: 9999999999999;
  top: 0;
  left: 0;
  padding: 1% 1%;
  background: #471f21; }
  #cookies div {
    line-height: 21px;
    margin: 0 auto;
    width: 97%;
    max-width: 1200px;
    letter-spacing: 0.021em; }
    #cookies div h4 {
      font-size: 1.4rem;
      margin: 0;
      padding: 0;
      color: #ead7d7;
      margin-bottom: 5px; }
    #cookies div p {
      margin: 0;
      font-size: 1.3rem;
      padding: 0;
      line-height: 20px;
      font-weight: 400;
      color: #d7c4c4;
      color: rgba(215, 196, 196, 0.75); }
    #cookies div a.hier {
      font-weight: 700;
      color: #f2bea3;
      opacity: 0.9;
      text-decoration: none; }
    #cookies div a:hover {
      opacity: 1;
      text-decoration: underline; }
  #cookies a[title="close"] {
    font-size: 1.2rem;
    position: absolute;
    top: 12px;
    right: 12px;
    color: rgba(255, 255, 255, 0.5);
    background: url(../images/close_grey.svg) top center no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    text-indent: -999999999;
    overflow: hidden; }
    #cookies a[title="close"]:hover {
      color: white; }

@media only screen and (max-width: 64em) {
  body {
    background-size: contain; } }

@media only screen and (max-width: 960px) {
  body {
    background-size: 100%;
    background-position-y: 100px; } }

@media only screen and (max-width: 770px) {
  body {
    background: url(../images/background_ipadretina.jpg) top center no-repeat;
    background-size: 110%;
    background-position-y: 110px;
    background-position-y: 200px; } }

@media only screen and (max-width: 768px) {
  body {
    background-size: 100%; } }

@media only screen and (max-width: 640px) {
  body {
    background-size: 140%;
    background-position-y: 110px; }
  #cookies {
    margin: 0;
    width: 98%;
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    left: 0;
    padding: 2.5% 1%;
    box-shadow: 0 0 100px rgba(36, 14, 14, 0.7); }
    #cookies div {
      line-height: 21px;
      margin: 0 auto;
      width: 97%;
      max-width: 1200px;
      font-size: 1.3rem;
      letter-spacing: 0.021em; }
      #cookies div h4 {
        font-size: 1.1rem;
        margin: 0;
        padding: 0;
        color: #ead7d7;
        margin-bottom: 5px; }
      #cookies div p {
        margin: 0;
        font-size: 1.1rem;
        padding: 0;
        line-height: 14px;
        font-weight: 400;
        color: #d7c4c4;
        color: rgba(215, 196, 196, 0.75); }
      #cookies div a.hier {
        font-weight: 700;
        color: #f2bea3;
        opacity: 0.9;
        text-decoration: none; }
      #cookies div a:hover {
        opacity: 1;
        text-decoration: underline; }
    #cookies a[title="close"] {
      font-size: 1.2rem;
      position: absolute;
      top: 12px;
      right: 12px;
      color: rgba(255, 255, 255, 0.5);
      background: url(../images/close_grey.svg) top center no-repeat;
      width: 14px;
      height: 14px;
      display: block;
      text-indent: -999999999;
      overflow: hidden; }
      #cookies a[title="close"]:hover {
        color: white; } }

@media only screen and (max-width: 414px) {
  body {
    background: url(../images/background_iphonesix.jpg) top center no-repeat;
    background-size: 100%;
    background-position-y: 130px; } }

@media only screen and (max-width: 360px) {
  body {
    background: url(../images/background_360.jpg) top center no-repeat;
    background-size: 100%; } }

@media only screen and (max-width: 320px) {
  body {
    background: url(../images/background_iphonefive.jpg) top center no-repeat;
    background-size: 100%; } }

body.visible {
  overflow: hidden; }

@media print {
  body {
    background: none; }
  .nodruck {
    display: none; } }

#toolbar-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  overflow: hidden;
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 16px 0 14px;
  position: relative;
  background: rgba(255, 255, 255, 0.4);
  background-size: cover; }
  #toolbar-top a {
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    font-weight: 300; }
    #toolbar-top a:hover {
      text-decoration: underline; }
  #toolbar-top a[href^="#"] {
    display: inline-block; }
    #toolbar-top a[href^="#"]:before {
      content: '';
      display: block;
      float: left;
      width: 25px;
      height: 20px;
      background: url(../images/favorite.svg) no-repeat;
      margin-top: -5px;
      padding-left: 6px; }
  #toolbar-top a[href^="tel"] {
    display: inline-block; }
    #toolbar-top a[href^="tel"]:before {
      content: 'Tel.: '; }
  #toolbar-top a[href^="mail"] {
    display: inline-block;
    margin-left: 20px;
    text-transform: uppercase; }
    #toolbar-top a[href^="mail"]:before {
      content: 'E-mail: '; }
  #toolbar-top form {
    position: absolute;
    right: 0;
    margin-bottom: 0;
    bottom: -9px; }
    #toolbar-top form:before {
      color: rgba(0, 0, 0, 0.7);
      padding-right: 5px; }
    #toolbar-top form select {
      font-size: 1.3rem;
      font-weight: 400;
      letter-spacing: 0.037em;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      color: #2b83ed;
      outline: 0;
      text-transform: uppercase;
      padding: 9px;
      margin-top: -9px;
      background: none;
      border-radius: 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0); }
      #toolbar-top form select:hover {
        cursor: pointer;
        border-bottom: 1px solid #2b83ed;
        background: rgba(0, 0, 0, 0.04); }

@media only screen and (max-width: 48em) {
  #toolbar-top {
    box-shadow: none; }
    #toolbar-top a[href^="#"] {
      display: none; }
    #toolbar-top a[href^="tel"] {
      font-weight: 300;
      color: #2b83ed;
      margin-left: 5px;
      font-size: 1.7rem; }
      #toolbar-top a[href^="tel"]:before {
        content: '';
        float: left;
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        margin-top: -4px;
        background: url(../images/tel-toolbar-top-mobile.svg) no-repeat; }
      #toolbar-top a[href^="tel"]:hover {
        text-decoration: none; }
        #toolbar-top a[href^="tel"]:hover:before {
          -webkit-animation-name: rotate3601x;
                  animation-name: rotate3601x;
          -webkit-animation-duration: 400ms;
                  animation-duration: 400ms;
          -webkit-animation-iteration-count: 1;
                  animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out;
          background: url(../images/tel-toolbar-top-mobile_hover.svg) no-repeat; }
    #toolbar-top a[href^="mail"] {
      display: none; }
    #toolbar-top form {
      display: none; }
      #toolbar-top form:before {
        display: none; }
      #toolbar-top form select {
        font-size: 1.7rem;
        font-weight: 100; } }

/*375px*/
@media only screen and (max-width: 25.875em) {
  #toolbar-top {
    background: #fff; }
    #toolbar-top a {
      font-weight: 300;
      font-size: 1.5rem; }
    #toolbar-top a[href^="tel"] {
      font-weight: 300;
      color: #2b83ed;
      margin-left: 5px;
      font-size: 1.5rem; }
      #toolbar-top a[href^="tel"]:before {
        margin-top: -4px;
        background: url(../images/tel-toolbar-top-mobile.svg) no-repeat; }
      #toolbar-top a[href^="tel"]:hover {
        text-decoration: none; }
        #toolbar-top a[href^="tel"]:hover:before {
          -webkit-animation-name: rotate3601x;
                  animation-name: rotate3601x;
          -webkit-animation-duration: 400ms;
                  animation-duration: 400ms;
          -webkit-animation-iteration-count: 1;
                  animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out;
          background: url(../images/tel-toolbar-top-mobile_hover.svg) no-repeat; }
    #toolbar-top form {
      display: block; }
      #toolbar-top form select {
        font-weight: 300;
        padding: 4px; }
  .page-kontakt #toolbar-top a[href^="tel"] {
    font-weight: 300;
    color: #2b83ed;
    margin-left: 5px;
    font-size: 1.7rem; }
    .page-kontakt #toolbar-top a[href^="tel"]:before {
      margin-top: -4px;
      background-color: #2b83ed;
      -webkit-animation-name: pulse;
              animation-name: pulse;
      -webkit-animation-duration: 1000ms;
              animation-duration: 1000ms;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      background: url(../images/tel-toolbar-top-mobile.svg) no-repeat;
      opacity: 1; }
    .page-kontakt #toolbar-top a[href^="tel"]:hover {
      text-decoration: none; }
      .page-kontakt #toolbar-top a[href^="tel"]:hover:before {
        -webkit-animation-name: rotate3601x;
                animation-name: rotate3601x;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        background: url(../images/tel-toolbar-top-mobile_hover.svg) no-repeat; }
  .page-kontakt #toolbar-top form {
    display: block; }
    .page-kontakt #toolbar-top form select {
      font-weight: 300; } }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #toolbar-top a {
    font-weight: 100; } }

#toolbar-top-125 {
  box-shadow: 0px 2px 15px rgba(167, 138, 116, 0.47);
  background: #D2CEC8 url(../images/schneeflocken.png) repeat-x; }
  #toolbar-top-125 div.wrap {
    display: flex;
    justify-content: space-between;
    align-content: center;
    height: 45px;
    overflow: hidden;
    font-size: 1.3rem;
    text-transform: uppercase; }
    #toolbar-top-125 div.wrap div {
      display: flex;
      flex-direction: row; }
      #toolbar-top-125 div.wrap div a {
        display: flex;
        align-items: center;
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none;
        font-weight: 400;
        text-transform: initial; }
        #toolbar-top-125 div.wrap div a:hover {
          text-decoration: underline; }
      #toolbar-top-125 div.wrap div a[href^="tel"]:before {
        content: 'Tel.: '; }
      #toolbar-top-125 div.wrap div a[href^="mail"] {
        margin-left: 20px; }
        #toolbar-top-125 div.wrap div a[href^="mail"]:before {
          content: 'E-mail: '; }
    #toolbar-top-125 div.wrap div.weihnachtsbaum {
      width: 71px;
      height: auto;
      margin-right: 30px;
      background: url(../images/weihnachtsbaum2019.png) bottom no-repeat; }
    #toolbar-top-125 div.wrap div.merkliste-top a {
      padding: 0 20px;
      margin: 0 20px;
      background: rgba(190, 141, 133, 0.1);
      color: #be8d85;
      color: rgba(255, 255, 255, 0.85);
      background: #A29C93; }
      #toolbar-top-125 div.wrap div.merkliste-top a span {
        font-weight: 400;
        padding-left: 5px; }
      #toolbar-top-125 div.wrap div.merkliste-top a:hover {
        text-decoration: underline;
        color: rgba(255, 255, 255, 0.85);
        background: #A29C93; }
    #toolbar-top-125 div.wrap div.merkliste-top.active a {
      color: rgba(255, 255, 255, 0.85);
      background: #A29C93; }
    #toolbar-top-125 div.wrap form {
      align-self: center;
      margin: 0; }
      #toolbar-top-125 div.wrap form:before {
        color: rgba(0, 0, 0, 0.7); }
      #toolbar-top-125 div.wrap form select {
        font-size: 1.3rem;
        font-weight: 400;
        letter-spacing: 0.037em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        color: #2b83ed;
        outline: 0;
        text-transform: uppercase;
        background: none;
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0); }
        #toolbar-top-125 div.wrap form select:hover {
          cursor: pointer;
          border-bottom: 1px solid #2b83ed;
          background: rgba(0, 0, 0, 0.04); }

@media only screen and (max-width: 48em) {
  #toolbar-top-125 {
    box-shadow: 0px 2px 15px rgba(167, 138, 116, 0.47);
    background: #D2CEC8; }
    #toolbar-top-125 div.wrap {
      height: 55px; }
      #toolbar-top-125 div.wrap div a[href^="#"] {
        display: none; }
      #toolbar-top-125 div.wrap div a[href^="tel"] {
        font-weight: 300;
        color: #2b83ed;
        font-size: 1.5rem; }
        #toolbar-top-125 div.wrap div a[href^="tel"]:before {
          content: ' ';
          width: 20px;
          height: 20px;
          margin-right: 5px;
          margin-top: -4px;
          background: url(../images/tel-toolbar-top-mobile.svg) no-repeat; }
        #toolbar-top-125 div.wrap div a[href^="tel"]:hover {
          text-decoration: none; }
          #toolbar-top-125 div.wrap div a[href^="tel"]:hover:before {
            -webkit-animation-name: rotate3601x;
                    animation-name: rotate3601x;
            -webkit-animation-duration: 400ms;
                    animation-duration: 400ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            background: url(../images/tel-toolbar-top-mobile_hover.svg) no-repeat; }
      #toolbar-top-125 div.wrap div a[href^="mail"] {
        display: none; }
      #toolbar-top-125 div.wrap div div.weihnachtsbaum {
        width: 115px;
        margin-right: 5px;
        background: url(../images/weihnachtsbaum2019.png) right bottom no-repeat;
        height: auto; }
      #toolbar-top-125 div.wrap form:before {
        display: none; }
      #toolbar-top-125 div.wrap form select {
        font-size: 1.5rem;
        font-weight: 100; } }

@media only screen and (max-width: 25.875em) {
  #toolbar-top-125 div.wrap {
    height: 45px; }
    #toolbar-top-125 div.wrap div a {
      font-weight: 400;
      font-size: 1.4rem; }
    #toolbar-top-125 div.wrap div a[href^="tel"] {
      font-weight: 400;
      font-size: 1.4rem; }
      #toolbar-top-125 div.wrap div a[href^="tel"]:before {
        width: 18px;
        height: 18px;
        background: url(../images/tel-toolbar-top-mobile.svg) no-repeat; }
    #toolbar-top-125 div.wrap div.merkliste-top a {
      padding: 0 7px;
      margin: 0 10px; }
      #toolbar-top-125 div.wrap div.merkliste-top a span {
        opacity: 1;
        display: flex;
        padding: 0; }
        #toolbar-top-125 div.wrap div.merkliste-top a span:before {
          content: '';
          background: url(../images/herz_white.svg) no-repeat;
          width: 20px;
          display: none; }
        #toolbar-top-125 div.wrap div.merkliste-top a span:after {
          content: ''; }
    #toolbar-top-125 div.wrap div.merkliste-top.active a {
      color: #be8d85; }
    #toolbar-top-125 div.wrap form {
      display: block; }
      #toolbar-top-125 div.wrap form select {
        font-size: 1.4rem;
        font-weight: 400; }
  #toolbar-top-125 .page-kontakt #toolbar-top-125 div.wrap a[href^="tel"] {
    font-weight: 300;
    color: #2b83ed; }
    #toolbar-top-125 .page-kontakt #toolbar-top-125 div.wrap a[href^="tel"]:before {
      background-color: #2b83ed;
      -webkit-animation-name: pulse;
              animation-name: pulse;
      -webkit-animation-duration: 1000ms;
              animation-duration: 1000ms;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      background: url(../images/tel-toolbar-top-mobile.svg) no-repeat;
      opacity: 1; }
    #toolbar-top-125 .page-kontakt #toolbar-top-125 div.wrap a[href^="tel"]:hover {
      text-decoration: none; }
      #toolbar-top-125 .page-kontakt #toolbar-top-125 div.wrap a[href^="tel"]:hover:before {
        -webkit-animation-name: rotate3601x;
                animation-name: rotate3601x;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        background: url(../images/tel-toolbar-top-mobile_hover.svg) no-repeat; }
  #toolbar-top-125 .page-kontakt #toolbar-top-125 div.wrap form {
    display: block; }
    #toolbar-top-125 .page-kontakt #toolbar-top-125 div.wrap form select {
      font-weight: 300; } }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #toolbar-top-125 a {
    font-weight: 100; } }

#header {
  position: relative;
  z-index: 99; }
  #header .trigger-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: -1;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden; }
    #header .trigger-bg.hoverDropDown {
      opacity: 1;
      visibility: visible;
      transition: opacity .4s ease-out;
      -webkit-transition: opacity .4s ease-out; }
  #header header {
    position: relative; }
    #header header .search-trigger {
      display: none; }
    #header header .ostern {
      position: absolute;
      bottom: 51px;
      left: 0;
      width: 256px;
      height: 100px;
      background: url(../images/header_ostern_dec.svg) left bottom no-repeat; }
    #header header .nav-drawer-trigger {
      display: none; }
    #header header a[href^="./"] {
      margin: 0 auto;
      display: block;
      width: 230px;
      height: 80px;
      background: url(../images/logo.svg) center no-repeat;
      position: relative;
      z-index: 1; }
    #header header .search {
      overflow: hidden;
      position: absolute;
      top: 45px;
      right: 0px;
      margin: 0;
      width: 28%;
      z-index: 1; }
      #header header .search p {
        display: none; }
      #header header .search input {
        display: block;
        float: right; }
      #header header .search input[type=search] {
        width: 58%;
        text-align: center;
        margin-right: 10px;
        letter-spacing: 0.032em;
        transition: width 0.4s ease-in-out;
        font-weight: 300;
        padding: 10px 0;
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
        background: rgba(255, 255, 255, 0);
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        font-size: 1.7rem;
        letter-spacing: 0.032em;
        font-weight: 300;
        color: #2b83ed !important;
        -webkit-appearance: none;
        border-radius: 4px 4px 0 0; }
        #header header .search input[type=search].placeholder {
          color: rgba(0, 0, 0, 0.7);
          font-size: 1.7rem;
          text-transform: uppercase;
          font-weight: 300; }
        #header header .search input[type=search]:-moz-placeholder {
          color: rgba(0, 0, 0, 0.7);
          font-size: 1.7rem;
          text-transform: uppercase;
          font-weight: 300; }
        #header header .search input[type=search]::-moz-placeholder {
          color: rgba(0, 0, 0, 0.7);
          font-size: 1.7rem;
          text-transform: uppercase;
          font-weight: 300; }
        #header header .search input[type=search]::-webkit-input-placeholder {
          color: rgba(0, 0, 0, 0.7);
          font-size: 1.7rem;
          text-transform: uppercase;
          font-weight: 300; }
        #header header .search input[type=search]:focus {
          width: 80%;
          color: #2b83ed !important;
          border-top: none;
          border-right: none;
          border-left: none;
          border-bottom: 1px solid #2b83ed;
          outline: 0;
          background: rgba(0, 0, 0, 0.04); }
        #header header .search input[type=search]::-webkit-input-placeholder {
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          font-size: 1.7rem;
          letter-spacing: 0.032em;
          font-weight: 300;
          opacity: .68;
          text-transform: capitalize; }
      #header header .search input[type=submit] {
        width: 16%;
        border: 0;
        background: transparent;
        background: url(../images/magnifier-desktop.svg) no-repeat;
        display: inline-block;
        padding: 7px 0;
        margin-top: 3px;
        text-transform: uppercase;
        text-indent: -9999;
        opacity: 1;
        outline: none; }
        #header header .search input[type=submit]:hover {
          background: url(../images/magnifier-desktop_hover.svg) no-repeat; }
    #header header nav {
      margin-top: 20px;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      overflow: hidden;
      background: url(../images/border-top.svg) top no-repeat;
      background-size: 100%; }
      #header header nav h2 {
        display: none; }
      #header header nav ul {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 5px; }
        #header header nav ul span:nth-child(1) {
          transition: width 0.4s ease-in-out;
          width: 30%;
          float: left;
          display: table; }
          #header header nav ul span:nth-child(1) li {
            width: 33.333%;
            display: table-cell; }
            #header header nav ul span:nth-child(1) li a {
              letter-spacing: -0.021em;
              border-radius: 4px; }
            #header header nav ul span:nth-child(1) li ul {
              margin-top: 0; }
              #header header nav ul span:nth-child(1) li ul.dropDown {
                overflow: unset;
                border-radius: 4px;
                padding-top: 4px;
                padding-bottom: 4px;
                display: none;
                box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
                background: #fff;
                position: absolute;
                z-index: 99999;
                width: 350px; }
                #header header nav ul span:nth-child(1) li ul.dropDown li {
                  display: block;
                  float: left;
                  width: 100%;
                  border-radius: 4px;
                  border-left: 4px solid #fff;
                  border-right: 4px solid #fff;
                  border-top: 1px solid #fff;
                  border-bottom: 1px solid #fff;
                  border-radius: 4px;
                  box-sizing: border-box; }
                  #header header nav ul span:nth-child(1) li ul.dropDown li a {
                    font-size: 1.3rem;
                    letter-spacing: -0.01em;
                    padding: 2% 8%;
                    width: 84%;
                    text-align: left;
                    display: flex;
                    justify-content: space-between; }
                    #header header nav ul span:nth-child(1) li ul.dropDown li a:hover {
                      background: #E5E5E5;
                      color: black; }
                    #header header nav ul span:nth-child(1) li ul.dropDown li a.active {
                      color: black;
                      font-weight: 400;
                      background: #eee; }
                    #header header nav ul span:nth-child(1) li ul.dropDown li a span {
                      opacity: .4;
                      text-align: right;
                      display: inline;
                      margin-left: 10px; }
                  #header header nav ul span:nth-child(1) li ul.dropDown li.btngo {
                    border-radius: 4px;
                    margin-top: 5px;
                    border: none;
                    margin-left: 1.5%;
                    width: 97%;
                    margin-right: 1.5%;
                    background: #0c192d; }
                    #header header nav ul span:nth-child(1) li ul.dropDown li.btngo a {
                      color: rgba(255, 255, 255, 0.8);
                      text-align: center;
                      font-weight: 400;
                      width: 100%;
                      padding: 4% 0;
                      border-radius: 4px;
                      justify-content: center; }
                      #header header nav ul span:nth-child(1) li ul.dropDown li.btngo a:after {
                        content: '';
                        width: 12px;
                        height: 12px;
                        display: block;
                        float: right;
                        background-color: rgba(255, 255, 255, 0.98);
                        -webkit-mask: url(../images/arrow.svg) no-repeat;
                        mask: url(../images/arrow.svg) no-repeat; }
                      #header header nav ul span:nth-child(1) li ul.dropDown li.btngo a:hover {
                        background: #0c192d;
                        text-decoration: underline;
                        width: 100%; }
              #header header nav ul span:nth-child(1) li ul li.kategorie {
                padding: 2.5%;
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                text-align: center;
                border-radius: 4px;
                margin-top: 5px; }
                #header header nav ul span:nth-child(1) li ul li.kategorie a {
                  width: auto;
                  margin: 1%;
                  box-sizing: border-box;
                  font-size: 1.1rem;
                  border-radius: 50px;
                  color: #2B83ED;
                  border: 1px solid #2B83ED;
                  text-align: center;
                  display: block;
                  padding: 3% 4%; }
                  #header header nav ul span:nth-child(1) li ul li.kategorie a:hover {
                    color: #fff;
                    background: #2B83ED; }
                  #header header nav ul span:nth-child(1) li ul li.kategorie a.active {
                    color: #fff;
                    background: #2B83ED;
                    box-shadow: 0 0 10px rgba(43, 131, 237, 0.4); }
              #header header nav ul span:nth-child(1) li ul ul {
                margin-top: 0; }
                #header header nav ul span:nth-child(1) li ul ul.dropDownRolex {
                  border-radius: 4px;
                  padding-top: 4px;
                  padding-bottom: 4px;
                  display: none;
                  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
                  background: #fff;
                  position: absolute;
                  z-index: 99999;
                  width: 350px;
                  right: -351px;
                  top: 0; }
                  #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li {
                    display: block;
                    float: left;
                    width: 100%;
                    border-left: 4px solid #fff;
                    border-right: 4px solid #fff;
                    border-top: 1px solid #fff;
                    border-bottom: 1px solid #fff;
                    border-radius: 4px;
                    box-sizing: border-box; }
                    #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li a {
                      font-size: 1.3rem;
                      letter-spacing: -0.01em;
                      padding: 2% 8%;
                      width: 84%;
                      text-align: left;
                      display: flex;
                      justify-content: space-between; }
                      #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li a:hover {
                        background: #E5E5E5;
                        color: black; }
                      #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li a.active {
                        color: black;
                        font-weight: 400;
                        background: #eee; }
                      #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li a span {
                        opacity: .4;
                        text-align: right;
                        display: inline;
                        margin-left: 10px; }
                    #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li.btngo {
                      border-radius: 4px;
                      margin-top: 5px;
                      border: none;
                      margin-left: 1.5%;
                      width: 97%;
                      margin-right: 1.5%;
                      background: #0c192d; }
                      #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li.btngo a {
                        color: rgba(255, 255, 255, 0.8);
                        text-align: center;
                        font-weight: 400;
                        width: 100%;
                        padding: 4% 0;
                        justify-content: center; }
                        #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li.btngo a:after {
                          content: '';
                          width: 12px;
                          height: 12px;
                          display: block;
                          float: right;
                          background-color: rgba(255, 255, 255, 0.98);
                          -webkit-mask: url(../images/arrow.svg) no-repeat;
                          mask: url(../images/arrow.svg) no-repeat; }
                        #header header nav ul span:nth-child(1) li ul ul.dropDownRolex li.btngo a:hover {
                          background: #0c192d;
                          text-decoration: underline;
                          width: 100%; }
                #header header nav ul span:nth-child(1) li ul ul li.kategorie {
                  background: #E5E5E5;
                  padding: 2.5%;
                  width: 95%;
                  display: flex;
                  flex-wrap: wrap;
                  text-align: center;
                  border-radius: 4px;
                  margin-top: 5px; }
                  #header header nav ul span:nth-child(1) li ul ul li.kategorie a {
                    width: auto;
                    margin: 1%;
                    box-sizing: border-box;
                    font-size: 1.1rem;
                    border-radius: 50px;
                    color: #2B83ED;
                    border: 1px solid #2B83ED;
                    text-align: center;
                    display: block;
                    padding: 3% 4%; }
                    #header header nav ul span:nth-child(1) li ul ul li.kategorie a:hover {
                      color: #fff;
                      background: #2B83ED; }
                    #header header nav ul span:nth-child(1) li ul ul li.kategorie a.active {
                      color: #fff;
                      background: #2B83ED;
                      box-shadow: 0 0 10px rgba(43, 131, 237, 0.4); }
        #header header nav ul span:nth-child(2) {
          transition: width 0.4s ease-in-out;
          width: 45%;
          float: right;
          display: table; }
          #header header nav ul span:nth-child(2) li {
            width: 10%;
            display: table-cell; }
            #header header nav ul span:nth-child(2) li a {
              font-size: 1.3rem;
              letter-spacing: -0.010em;
              border-radius: 4px; }
      #header header nav li {
        text-align: center; }
        #header header nav li a {
          color: rgba(0, 0, 0, 0.8);
          text-transform: uppercase;
          text-decoration: none;
          font-size: 1.6rem;
          color: rgba(0, 0, 0, 0.65);
          white-space: nowrap;
          padding: 15px 0 15px;
          display: inline-block;
          width: 100%;
          font-weight: 400; }
          #header header nav li a:hover, #header header nav li a.active {
            background: rgba(170, 103, 93, 0.2);
            background: rgba(170, 103, 93, 0.72);
            color: rgba(255, 255, 255, 0.88); }
        #header header nav li:hover ul.dropDown {
          display: block !important; }
    #header header blockquote,
    #header header p[lang="de"] {
      display: none; }

@media only screen and (max-width: 74em) {
  #header header .search input[type=search] {
    width: 70%; }
    #header header .search input[type=search]:focus {
      width: 80%; }
  #header header nav ul span:nth-child(1) {
    width: 35%; }
    #header header nav ul span:nth-child(1) li a {
      font-size: 1.5rem; }
  #header header nav ul span:nth-child(2) {
    width: 60%; }
    #header header nav ul span:nth-child(2) li a {
      font-size: 1.4rem; } }

@media only screen and (max-width: 64em) {
  #header header .ostern {
    display: none; }
  #header header .search-trigger {
    display: block;
    position: absolute;
    display: none;
    width: 30px;
    height: 100%;
    top: -22px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-mask: url(../images/magnifier.svg) center no-repeat;
    mask: url(../images/magnifier.svg) center no-repeat; }
    #header header .search-trigger:hover {
      cursor: pointer;
      background-color: #2b83ed; }
  #header header .nav-drawer-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    left: 10px;
    background: url(../images/hamburger_menu.svg) center no-repeat; }
    #header header .nav-drawer-trigger:hover {
      cursor: pointer;
      background: url(../images/hamburger_menu_hover.svg) center no-repeat; }
  #header header .search-trigger {
    display: block;
    position: absolute;
    width: 30px;
    height: 100%;
    top: 0;
    right: 10px;
    background: url(../images/magnifier-desktop.svg) center no-repeat; }
    #header header .search-trigger:hover {
      cursor: pointer;
      background: url(../images/magnifier-desktop_hover.svg) center no-repeat; }
  #header header .search {
    display: none; }
  #header header nav {
    display: none; } }

/*375px*/
@media only screen and (max-width: 25.875em) {
  #header header .nav-drawer-trigger {
    left: 10px; }
  #header header a[href^="./"] {
    width: 218px;
    height: 68px;
    background: url(../images/logo.svg) center no-repeat; }
  #header header .search-trigger {
    right: 10px; } }

@media only screen and (max-width: 375px) {
  #header header .nav-drawer-trigger {
    left: 10px; }
  #header header a[href^="./"] {
    width: 208px;
    height: 58px;
    background: url(../images/logo.svg) center no-repeat; }
  #header header .search-trigger {
    right: 10px; } }

#nav-drawer {
  overflow: hidden;
  float: left;
  width: 50%; }
  #nav-drawer .wrapper-nav-drawer {
    overflow: hidden;
    width: 100%;
    margin-left: -50%;
    transition: margin-left .41s ease-out;
    -webkit-transition: margin-left .41s ease-out;
    height: auto;
    min-width: 384px;
    text-transform: uppercase;
    float: left;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    background: white; }
    #nav-drawer .wrapper-nav-drawer header {
      overflow: hidden;
      background: #0c192d;
      padding: 6%; }
      #nav-drawer .wrapper-nav-drawer header figure {
        margin: 0; }
        #nav-drawer .wrapper-nav-drawer header figure img {
          display: block;
          margin: 0 auto;
          width: 37%; }
        #nav-drawer .wrapper-nav-drawer header figure figcaption {
          line-height: 21px;
          margin: 15px;
          display: block;
          text-align: center;
          color: #f7ebdd;
          font-size: 1.4rem;
          font-weight: 300; }
          #nav-drawer .wrapper-nav-drawer header figure figcaption.schliesst-bald {
            color: #ff4e67; }
      #nav-drawer .wrapper-nav-drawer header a {
        color: #96b7e7;
        text-decoration: none;
        font-weight: 300;
        display: block;
        float: left;
        width: 100%;
        margin-top: 15px; }
      #nav-drawer .wrapper-nav-drawer header a[href^="tel"] {
        font-size: 1.9rem; }
        #nav-drawer .wrapper-nav-drawer header a[href^="tel"]:before {
          content: '';
          display: block;
          float: left;
          width: 25px;
          height: 25px;
          margin-top: 0px;
          margin-right: 10px;
          background: url(../images/tel-footer.svg) no-repeat; }
        #nav-drawer .wrapper-nav-drawer header a[href^="tel"]:hover:before {
          -webkit-animation-name: rotate3601x;
                  animation-name: rotate3601x;
          -webkit-animation-duration: 400ms;
                  animation-duration: 400ms;
          -webkit-animation-iteration-count: 1;
                  animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out;
          background: url(../images/tel-footer_hover.svg) no-repeat; }
      #nav-drawer .wrapper-nav-drawer header a[href^="http"] {
        font-size: 1.4rem; }
        #nav-drawer .wrapper-nav-drawer header a[href^="http"] address {
          line-height: 24px;
          font-style: normal; }
          #nav-drawer .wrapper-nav-drawer header a[href^="http"] address ins {
            font-style: normal;
            text-decoration: none; }
          #nav-drawer .wrapper-nav-drawer header a[href^="http"] address:before {
            content: '';
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            margin-top: 8px;
            margin-right: 10px;
            background: url(../images/pin-footer.svg) no-repeat; }
          #nav-drawer .wrapper-nav-drawer header a[href^="http"] address:hover:before {
            -webkit-animation-name: fadetobottom;
                    animation-name: fadetobottom;
            -webkit-animation-duration: 300ms;
                    animation-duration: 300ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            background: url(../images/pin-footer_hover.svg) no-repeat; }
    #nav-drawer .wrapper-nav-drawer nav {
      background: #fff; }
      #nav-drawer .wrapper-nav-drawer nav ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #nav-drawer .wrapper-nav-drawer nav ul li a {
          padding: 6%;
          display: block;
          font-weight: 300;
          font-size: 2rem;
          text-decoration: none;
          line-height: 0px;
          color: rgba(0, 0, 0, 0.5); }
          #nav-drawer .wrapper-nav-drawer nav ul li a:hover {
            color: #2b83ed;
            color: #96b7e7;
            font-weight: 400; }
          #nav-drawer .wrapper-nav-drawer nav ul li a.active {
            color: #2b83ed;
            color: #96b7e7;
            font-weight: 400; }
    #nav-drawer .wrapper-nav-drawer footer {
      background: none; }
      #nav-drawer .wrapper-nav-drawer footer p {
        font-size: 1.4rem;
        text-align: center;
        font-weight: 300;
        margin: 0;
        padding: 10% 6% 4% 6%; }

.g-12 .trigger-black {
  opacity: 0;
  transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out; }

.g-12.visible #nav-drawer .wrapper-nav-drawer {
  margin-left: 0%; }

.g-12.visible .trigger-black {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: -1;
  right: 0;
  cursor: pointer; }

@media only screen and (max-width: 45em) {
  #nav-drawer {
    width: 100%; }
    #nav-drawer .wrapper-nav-drawer {
      transition: margin-left .21s ease-out;
      -webkit-transition: margin-left .21s ease-out; }
      #nav-drawer .wrapper-nav-drawer header figure figcaption {
        font-weight: 300; }
      #nav-drawer .wrapper-nav-drawer header a {
        font-weight: 300; } }

#nav-drawer2 {
  width: 50%;
  height: 100%;
  margin-left: -50%; }
  #nav-drawer2 .wrapper-nav-drawer {
    overflow: hidden;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    float: left;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    background: white; }
    #nav-drawer2 .wrapper-nav-drawer header {
      overflow: hidden;
      background-color: #1C0A22;
      background-image: url(../images/baum_2020.png), linear-gradient(0deg, #1c0b1d 0%, #200813 100%);
      background-repeat: no-repeat, no-repeat;
      background-position: right bottom, center center;
      width: 90%;
      padding: 3% 5%; }
      #nav-drawer2 .wrapper-nav-drawer header figure {
        display: flex;
        margin: 0;
        margin-bottom: 10px; }
        #nav-drawer2 .wrapper-nav-drawer header figure img {
          display: block;
          width: 90px;
          height: 90px; }
        #nav-drawer2 .wrapper-nav-drawer header figure figcaption {
          line-height: 20px;
          margin-left: 24px;
          display: block;
          text-align: left;
          color: #EBFCF4;
          font-size: 1.3rem;
          font-weight: 400;
          margin-bottom: 6px; }
          #nav-drawer2 .wrapper-nav-drawer header figure figcaption.schliesst-bald {
            color: #ff4e67; }
      #nav-drawer2 .wrapper-nav-drawer header a {
        color: #EBFCF4;
        text-decoration: none;
        font-weight: 400;
        display: block;
        float: left;
        width: 100%;
        margin-top: 5px; }
        #nav-drawer2 .wrapper-nav-drawer header a:first-child {
          margin-top: 15px; }
      #nav-drawer2 .wrapper-nav-drawer header a[href^="tel"] {
        font-size: 1.3rem; }
        #nav-drawer2 .wrapper-nav-drawer header a[href^="tel"]:before {
          content: '';
          display: block;
          float: left;
          width: 18px;
          height: 18px;
          margin-top: -2px;
          margin-right: 6px;
          background: url(../images/tel-footer.svg) no-repeat; }
        #nav-drawer2 .wrapper-nav-drawer header a[href^="tel"]:hover {
          color: #EBFCF4; }
          #nav-drawer2 .wrapper-nav-drawer header a[href^="tel"]:hover:before {
            -webkit-animation-name: rotate3601x;
                    animation-name: rotate3601x;
            -webkit-animation-duration: 400ms;
                    animation-duration: 400ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            background: url(../images/tel-footer-white.svg) no-repeat; }
      #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] {
        font-size: 1.3rem;
        margin-top: 15px;
        margin-bottom: 15px; }
        #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address {
          line-height: 20px;
          font-style: normal;
          display: flex; }
          #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address ins {
            font-style: normal;
            text-decoration: none; }
          #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address:before {
            content: '';
            width: 21px;
            height: 21px;
            margin-top: 9px;
            margin-right: 4px;
            margin-bottom: 10px;
            background: url(../images/pin-footer.svg) no-repeat;
            align-self: center; }
          #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address:hover {
            color: #EBFCF4; }
            #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address:hover:before {
              -webkit-animation-name: fadetobottom;
                      animation-name: fadetobottom;
              -webkit-animation-duration: 300ms;
                      animation-duration: 300ms;
              -webkit-animation-iteration-count: 1;
                      animation-iteration-count: 1;
              -webkit-animation-timing-function: ease-out;
                      animation-timing-function: ease-out;
              background: url(../images/pin-footer-white.svg) no-repeat; }
    #nav-drawer2 .wrapper-nav-drawer nav {
      width: 100%;
      background: #fff;
      width: 90%;
      padding: 5%; }
      #nav-drawer2 .wrapper-nav-drawer nav ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li a {
          display: block;
          font-weight: 400;
          font-size: 1.4rem;
          text-decoration: none;
          color: rgba(0, 0, 0, 0.5);
          padding: 10px 0; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li a:hover {
            color: #2b83ed; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li a.active.visible {
            color: #2b83ed; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck {
          margin-bottom: 10px; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a {
            padding-bottom: 10px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.5);
            margin-bottom: 1px;
            display: flex;
            justify-content: space-between;
            font-size: 1.6rem; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a span {
              width: 15px;
              height: 15px;
              opacity: 1;
              transition: transform 0.2s ease-in-out;
              display: block;
              background: url(../images/arrow-nav-draw-grey.svg) no-repeat; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a:hover {
              border-bottom: 1px solid #2b83ed; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a:hover span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a:hover span {
                background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a.active.visible {
              border-bottom: 1px solid #2b83ed; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a.active.visible span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a.active.visible span {
                transform: rotate(90deg);
                background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul {
            padding: 0;
            margin: 0;
            display: none; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul.visible {
              display: block; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div {
              display: flex;
              justify-content: space-between; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a {
                font-size: 1.4rem; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a:last-child, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a:last-child {
                  color: rgba(0, 0, 0, 0.4); }
                  #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a:last-child:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a:last-child:hover {
                    color: rgba(0, 0, 0, 0.7); }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.rolex:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.alle:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.rolex:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.alle:hover {
                  background: none;
                  border-bottom: none;
                  padding: 10px 20px;
                  color: #2b83ed;
                  border-bottom: none;
                  border-radius: 0;
                  color: rgba(0, 0, 0, 0.7); }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.rolex.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.alle.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.rolex.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.alle.active.visible {
                  color: #2b83ed; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.alle, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.alle {
                  font-size: 1.2rem; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a {
              font-size: 1.4rem;
              border-bottom: none;
              display: flex;
              justify-content: space-between;
              padding: 10px 20px;
              color: rgba(0, 0, 0, 0.9); }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a i, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a i {
                display: block;
                opacity: 1;
                transition: transform 0.2s ease-in-out;
                display: block;
                background: url(../images/arrow-nav-draw-grey.svg) no-repeat; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a:hover {
                border-bottom: none;
                padding: 10px 40px;
                color: #2b83ed;
                background: #E9E9E9;
                border-bottom: none;
                border-radius: 4px; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active.visible {
                color: #2b83ed;
                border-bottom: none;
                background: #E9E9E9;
                border-radius: 4px; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active.visible span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active.visible span {
                  transform: rotate(0);
                  background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active {
                color: #2b83ed;
                border-bottom: none;
                background: #E9E9E9;
                border-radius: 4px; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active span {
                  transform: rotate(0);
                  background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.alle-produkte, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.alle-produkte {
                text-align: center;
                display: block;
                opacity: 1;
                font-size: 1.1rem;
                border: 1px solid #2b83ed;
                border-radius: 4px; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.alle-produkte:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.alle-produkte:hover {
                  background: none;
                  opacity: 1; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul {
              padding: 10px 0;
              margin-bottom: 1px;
              display: none;
              background: #E9E9E9;
              border-radius: 4px; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul.visible {
                display: block; }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul li a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul li a {
                font-size: 1.2rem;
                padding: 7px 40px; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul li a:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul li a:hover {
                  padding: 7px 40px;
                  color: #2b83ed;
                  background: #DFDFDF;
                  border-bottom: none; }
                #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul li a.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul li a.active.visible {
                  color: #2b83ed;
                  background: #DFDFDF; }
    #nav-drawer2 .wrapper-nav-drawer footer {
      background: none; }
      #nav-drawer2 .wrapper-nav-drawer footer p {
        color: rgba(0, 0, 0, 0.5);
        font-size: 1.2rem;
        text-align: center;
        font-weight: 400;
        margin: 0;
        margin: 10px 0;
        padding: 20px 0; }

.g-12 .trigger-black {
  opacity: 0;
  transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out; }

.g-12.visible #nav-drawer2 {
  display: block;
  margin-left: 0%;
  transition: margin-left .21s ease-out;
  -webkit-transition: margin-left .21s ease-out; }

.g-12.visible .trigger-black {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: -1;
  right: 0;
  cursor: pointer; }

/*375px*/
@media only screen and (max-width: 45em) {
  #nav-drawer2 {
    margin-left: -82%;
    width: 82%; }
  .g-12.visible #nav-drawer2 {
    margin-left: 0%; } }

@media only screen and (max-width: 360px) {
  #nav-drawer2 .wrapper-nav-drawer header {
    overflow: hidden;
    background: #0c192d;
    width: 90%;
    padding: 5%; }
    #nav-drawer2 .wrapper-nav-drawer header figure {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0;
      margin-bottom: 10px; }
      #nav-drawer2 .wrapper-nav-drawer header figure img {
        width: 60px;
        height: 60px; }
      #nav-drawer2 .wrapper-nav-drawer header figure figcaption {
        line-height: 12px;
        margin: 12px;
        font-size: 1.05rem; }
        #nav-drawer2 .wrapper-nav-drawer header figure figcaption.schliesst-bald {
          color: #ff4e67; }
    #nav-drawer2 .wrapper-nav-drawer header a {
      margin-top: 10px; }
    #nav-drawer2 .wrapper-nav-drawer header a[href^="tel"] {
      font-size: 1.2rem; }
      #nav-drawer2 .wrapper-nav-drawer header a[href^="tel"]:before {
        display: none; }
    #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] {
      font-size: 1.2rem; }
      #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address {
        line-height: 16px;
        font-style: normal; }
        #nav-drawer2 .wrapper-nav-drawer header a[href^="http"] address:before {
          display: none; }
  #nav-drawer2 .wrapper-nav-drawer nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #nav-drawer2 .wrapper-nav-drawer nav ul li a {
      display: block;
      font-weight: 400;
      font-size: 1.2rem;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.5);
      padding: 8px 0; }
      #nav-drawer2 .wrapper-nav-drawer nav ul li a:hover {
        color: #2b83ed; }
      #nav-drawer2 .wrapper-nav-drawer nav ul li a.active.visible {
        color: #2b83ed; }
    #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck {
      margin-bottom: 10px; }
      #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        margin-bottom: 1px;
        display: flex;
        justify-content: space-between;
        font-size: 1.4rem; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a span {
          width: 15px;
          height: 15px;
          opacity: 1;
          transition: transform 0.2s ease-in-out;
          display: block;
          background: url(../images/arrow-nav-draw-grey.svg) no-repeat; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a:hover {
          border-bottom: 1px solid #2b83ed; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a:hover span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a:hover span {
            background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a.active.visible {
          border-bottom: 1px solid #2b83ed; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren a.active.visible span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck a.active.visible span {
            transform: rotate(90deg);
            background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
      #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul {
        padding: 0;
        margin: 0;
        display: none; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul.visible {
          display: block; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div {
          display: flex;
          justify-content: space-between; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a {
            font-size: 1.2rem; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a:last-child, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a:last-child {
              color: rgba(0, 0, 0, 0.4); }
              #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a:last-child:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a:last-child:hover {
                color: rgba(0, 0, 0, 0.7); }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.rolex:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.alle:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.rolex:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.alle:hover {
              background: none;
              border-bottom: none;
              padding: 10px 20px;
              color: #2b83ed;
              border-bottom: none;
              border-radius: 0;
              color: rgba(0, 0, 0, 0.7); }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.rolex.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.alle.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.rolex.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.alle.active.visible {
              color: #2b83ed; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li div a.alle, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li div a.alle {
              font-size: 1.2rem; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a {
          font-size: 1.2rem;
          border-bottom: none;
          display: flex;
          justify-content: space-between;
          padding: 8px 16px;
          color: rgba(0, 0, 0, 0.9); }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a i, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a i {
            display: block;
            opacity: 1;
            transition: transform 0.2s ease-in-out;
            display: block;
            background: url(../images/arrow-nav-draw-grey.svg) no-repeat; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a:hover {
            border-bottom: none;
            padding: 10px 40px;
            color: #2b83ed;
            background: #E9E9E9;
            border-bottom: none;
            border-radius: 4px; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active.visible {
            color: #2b83ed;
            border-bottom: none;
            background: #E9E9E9;
            border-radius: 4px; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active.visible span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active.visible span {
              transform: rotate(0);
              background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active {
            color: #2b83ed;
            border-bottom: none;
            background: #E9E9E9;
            border-radius: 4px; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.active span, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.active span {
              transform: rotate(0);
              background: url(../images/arrow-nav-draw-blue.svg) no-repeat; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.alle-produkte, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.alle-produkte {
            text-align: center;
            display: block;
            opacity: 1;
            font-size: 1.1rem;
            border: 1px solid #2b83ed;
            border-radius: 4px; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li a.alle-produkte:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li a.alle-produkte:hover {
              background: none;
              opacity: 1; }
        #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul {
          padding: 10px 0;
          margin-bottom: 1px;
          display: none;
          background: #E9E9E9;
          border-radius: 4px; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul.visible {
            display: block; }
          #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul li a, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul li a {
            font-size: 1.2rem;
            padding: 7px 30px; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul li a:hover, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul li a:hover {
              padding: 7px 40px;
              color: #2b83ed;
              background: #DFDFDF;
              border-bottom: none; }
            #nav-drawer2 .wrapper-nav-drawer nav ul li.uhren ul li ul li a.active.visible, #nav-drawer2 .wrapper-nav-drawer nav ul li.schmuck ul li ul li a.active.visible {
              color: #2b83ed;
              background: #DFDFDF; } }

#side-nav {
  font-family: "Roboto Slab", sans-serif;
  font-size: 1.3rem;
  letter-spacing: -0.010em;
  font-weight: 100;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  background: linear-gradient(to right, rgba(253, 251, 251, 0.25), rgba(255, 255, 255, 0.8)); }
  #side-nav:hover {
    background: linear-gradient(to right, rgba(253, 251, 251, 0.25), rgba(255, 255, 255, 0.8));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  #side-nav nav ul {
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0;
    line-height: 28px; }
    > #side-nav nav ul li:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.18); }
    #side-nav nav ul li a {
      border-radius: 2px;
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      padding: 5px 10px 5px 15px;
      color: rgba(0, 0, 0, 0.8);
      text-decoration: none;
      font-weight: 400; }
      #side-nav nav ul li a span {
        color: rgba(66, 13, 18, 0.39); }
        #side-nav nav ul li a span:before {
          content: '('; }
        #side-nav nav ul li a span:after {
          content: ')'; }
      #side-nav nav ul li a:hover,
      #side-nav nav ul li a .active {
        color: rgba(255, 255, 255, 0.88);
        background: #3e101a; }
        #side-nav nav ul li a:hover span,
        #side-nav nav ul li a .active span {
          color: rgba(247, 235, 221, 0.77); }
    #side-nav nav ul li.active > a {
      color: rgba(255, 255, 255, 0.98);
      background: #3e101a; }
      #side-nav nav ul li.active > a span {
        color: #f7ebdd; }
    #side-nav nav ul li.active > ul li a {
      background: rgba(0, 0, 0, 0.075);
      padding: 3px 10px 3px 40px;
      font-size: 1.25rem; }
      #side-nav nav ul li.active > ul li a:hover {
        background: #3e101a; }
    #side-nav nav ul li ul li.active a {
      font-weight: 400;
      text-decoration: underline;
      color: rgba(0, 0, 0, 0.8); }
      #side-nav nav ul li ul li.active a span {
        color: rgba(0, 0, 0, 0.8); }
      #side-nav nav ul li ul li.active a:hover {
        font-weight: 100;
        color: #f7ebdd; }
        #side-nav nav ul li ul li.active a:hover span {
          color: #f7ebdd; }

/*375px*/
#produkt {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 2%;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.98);
  display: flex;
  border-radius: 2px; }
  #produkt div.left {
    flex: 0.60;
    margin-right: 2%;
    width: 50%; }
    #produkt div.left a {
      display: block; }
      #produkt div.left a:hover {
        cursor: pointer; }
  #produkt div.right {
    flex: 0.4;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    #produkt div.right article {
      display: flex;
      flex-direction: column;
      flex: 1;
      justify-content: space-between;
      color: rgba(0, 0, 0, 0.8);
      width: 100%; }
      #produkt div.right article header {
        padding: 10px 0;
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.25rem;
        font-weight: 100;
        border-bottom: 1px solid rgba(0, 0, 0, 0.18);
        display: flex;
        align-items: center;
        justify-content: space-between; }
        #produkt div.right article header abbr {
          text-decoration: none; }
          #produkt div.right article header abbr b {
            font-weight: 700; }
            #produkt div.right article header abbr b:before {
              content: ' '; }
        #produkt div.right article header a {
          text-decoration: none;
          color: #2B83ED;
          font-weight: 400;
          font-size: 1.25rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          -webkit-animation-name: pulse_merkliste;
                  animation-name: pulse_merkliste;
          -webkit-animation-duration: 800ms;
                  animation-duration: 800ms;
          -webkit-animation-iteration-count: 1;
                  animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-in;
                  animation-timing-function: ease-in; }
          #produkt div.right article header a.cook-set:before {
            content: 'Merken '; }
          #produkt div.right article header a.cook-set:after {
            margin-left: 5px;
            content: '';
            width: 20px;
            height: 17px;
            background: url(../images/herz_cook.svg) no-repeat; }
          #produkt div.right article header a.cook-set:hover:after {
            background: url(../images/herz_cook_hover.svg) no-repeat; }
          #produkt div.right article header a.cook-unset:after {
            margin-left: 5px;
            content: '';
            width: 20px;
            height: 17px;
            background: url(../images/herz_cook_hover.svg) no-repeat; }
          #produkt div.right article header a.cook-unset:hover:after {
            background: url(../images/herz_cook.svg) no-repeat; }
          #produkt div.right article header a.cook-offnen:after {
            margin-left: 5px;
            content: '';
            width: 20px;
            height: 17px;
            background: url(../images/herz_offnen_hover.svg) no-repeat; }
          #produkt div.right article header a.cook-offnen:hover:after {
            background: url(../images/herz_offnen.svg) no-repeat; }
      #produkt div.right article section {
        display: flex;
        flex-direction: column;
        flex: 1;
        justify-content: space-between;
        font-family: "Roboto Slab", sans-serif;
        font-weight: 100;
        padding: 10px 0;
        letter-spacing: -0.05em;
        color: rgba(0, 0, 0, 0.7); }
        #produkt div.right article section .price {
          text-align: right;
          font-size: 2.1rem;
          width: 100%;
          display: inline-block;
          letter-spacing: -0.02em;
          margin-bottom: 15px;
          font-weight: 400; }
        #produkt div.right article section hgroup h1 {
          margin: 0;
          font-size: 2.1rem;
          letter-spacing: -0.02em;
          font-weight: 100;
          line-height: 32px;
          text-align: center;
          text-transform: none; }
          #produkt div.right article section hgroup h1 em {
            font-style: normal; }
        #produkt div.right article section a {
          display: block;
          margin: 0 auto;
          text-decoration: none;
          text-align: center; }
          #produkt div.right article section a.cta {
            color: rgba(255, 255, 255, 0.98);
            font-size: 1.8rem;
            background: rgba(66, 13, 18, 0.98);
            padding: 7% 0;
            letter-spacing: -0.03em;
            width: 100%;
            margin-bottom: 7%;
            margin-top: 7%;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            font-weight: 400;
            color: rgba(255, 255, 255, 0.8); }
            #produkt div.right article section a.cta:hover {
              text-decoration: underline; }
          #produkt div.right article section a[href^="tel"] {
            font-weight: 400;
            margin-bottom: 4%;
            padding: 24px 0;
            font-size: 2.1rem;
            letter-spacing: -0.03em;
            width: 100%;
            color: rgba(0, 0, 0, 0.7); }
            #produkt div.right article section a[href^="tel"]:hover {
              text-decoration: underline; }
            #produkt div.right article section a[href^="tel"] span {
              text-align: center;
              font-size: 1.2rem;
              letter-spacing: -0.01em;
              display: block;
              color: rgba(0, 0, 0, 0.6);
              margin-bottom: 10px;
              text-decoration: none; }
    #produkt div.right footer {
      width: 100%;
      padding: 10px 0;
      font-family: "Roboto Slab", sans-serif;
      letter-spacing: -0.021em; }
      #produkt div.right footer div {
        text-align: left;
        width: 49%;
        float: left;
        padding: 2% 0.5%; }
        #produkt div.right footer div span {
          display: flex;
          flex-direction: column;
          color: rgba(0, 0, 0, 0.6);
          font-size: 1.1rem;
          line-height: 15px;
          font-weight: 400;
          text-align: center; }
          #produkt div.right footer div span::before {
            align-self: center;
            margin-right: 4px;
            margin-bottom: 7px;
            content: '';
            background: url(../images/trust_arrow_ok_braun.svg) no-repeat;
            width: 28px;
            height: 18px; }

@media only screen and (max-width: 53em) {
  #produkt div.right footer {
    display: none; } }

@media only screen and (max-width: 47.938em) {
  #produkt {
    display: flex;
    flex-direction: column-reverse;
    padding: 3.5%; }
    #produkt div.left {
      flex: 1;
      margin-right: 0;
      width: 100%; }
    #produkt div.right {
      display: block; }
      #produkt div.right article {
        display: block; }
        #produkt div.right article section {
          justify-content: flex-start; }
          #produkt div.right article section span.price {
            font-size: 1.8rem;
            margin-bottom: 10px;
            font-weight: 600;
            font-size: 1.6rem; }
          #produkt div.right article section hgroup {
            padding: 0; }
            #produkt div.right article section hgroup h1 {
              letter-spacing: 0;
              text-align: left;
              font-size: 1.6rem;
              line-height: 21px;
              font-weight: 400;
              color: rgba(0, 0, 0, 0.7); }
          #produkt div.right article section div {
            position: fixed;
            z-index: 999999;
            left: 1.5%;
            width: 97%;
            overflow: hidden;
            height: 73px;
            -webkit-animation-name: fade-b-to-t;
                    animation-name: fade-b-to-t;
            -webkit-animation-duration: 500ms;
                    animation-duration: 500ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            bottom: 0px; }
            #produkt div.right article section div div a {
              width: 49%;
              float: right;
              display: block;
              margin: 0 auto;
              text-decoration: none;
              text-align: center;
              border-radius: 4px;
              margin: 0;
              padding: 0;
              margin-top: 0;
              margin: 0; }
              #produkt div.right article section div div a.cta {
                width: 49%;
                padding: 24px 0;
                font-size: 1.5rem;
                margin-top: 0;
                background: rgba(66, 13, 18, 0.92);
                margin-bottom: 0;
                text-transform: capitalize; }
                #produkt div.right article section div div a.cta:hover {
                  text-decoration: underline; }
              #produkt div.right article section div div a[href^="tel"] {
                padding: 24px 0;
                width: 49%;
                font-size: 1.5rem;
                margin-bottom: 0;
                color: rgba(255, 255, 255, 0.98);
                background: #2F040D; }
                #produkt div.right article section div div a[href^="tel"] span {
                  display: none; }
              #produkt div.right article section div div a:last-child {
                float: left; } }

@media print {
  #status {
    display: none; }
  #produkt {
    box-shadow: none;
    flex-direction: column;
    padding: 0;
    clear: both;
    overflow: hidden;
    height: 190px; }
    #produkt div {
      margin-top: 5px; }
      #produkt div.left {
        order: 3;
        width: 50%; }
        #produkt div.left #sliderapp section div.slider {
          display: none;
          border: 0;
          box-shadow: none; }
          #produkt div.left #sliderapp section div.slider a.close-trigger {
            display: none; }
          #produkt div.left #sliderapp section div.slider div.bx-wrapper div.bx-viewport ul li {
            display: none; }
            #produkt div.left #sliderapp section div.slider div.bx-wrapper div.bx-viewport ul li:first-child {
              display: block !important; }
            #produkt div.left #sliderapp section div.slider div.bx-wrapper div.bx-viewport ul li img {
              width: 239px; }
      #produkt div.right article header {
        font-size: 8pt;
        font-weight: bold;
        padding: 10px 0;
        margin: 0 0 10px 0;
        letter-spacing: 0;
        border-bottom: 1px solid #000;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
        #produkt div.right article header a.edit-admin {
          display: none; }
      #produkt div.right article section {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between; }
        #produkt div.right article section span.price {
          order: 2;
          width: 50%;
          margin-bottom: 0;
          padding: 0;
          text-align: right;
          font-size: 12pt;
          font-weight: bold;
          letter-spacing: 0;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
        #produkt div.right article section hgroup {
          width: 50%; }
          #produkt div.right article section hgroup h1 {
            line-height: 20px;
            padding: 0;
            text-align: left;
            font-size: 12pt;
            font-weight: bold;
            letter-spacing: 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
        #produkt div.right article section div {
          display: none; }
      #produkt div.right footer {
        display: none; } }

#text-content {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  height: auto;
  padding: 1%;
  overflow: hidden;
  line-height: 23px;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 2px; }
  #text-content article {
    color: rgba(0, 0, 0, 0.8);
    position: relative; }
    #text-content article p {
      margin: 0;
      letter-spacing: 0.032em;
      font-size: 1.4rem;
      font-weight: 300;
      margin-top: 1%;
      margin-bottom: 1%;
      padding: 0 10px; }
      #text-content article p span {
        font-weight: 400; }
      #text-content article p ins {
        font-weight: 400; }
      #text-content article p img {
        float: right;
        width: 48%;
        height: auto;
        margin: 1%;
        margin-bottom: 2.5%; }
        #text-content article p img.mitarbeiter-roland {
          width: 226px; }
    #text-content article h5 {
      text-align: center;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      font-size: 2.4rem;
      letter-spacing: -0.065em;
      margin: 0;
      margin-bottom: 20px;
      padding-left: 0;
      padding-top: 2%;
      padding-bottom: 2%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
      #text-content article h5:after {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        margin-top: 0px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: -5px;
        display: inline-block;
        background: url(../images/success.svg) no-repeat;
        -webkit-animation-name: rotate3601x;
                animation-name: rotate3601x;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out; }
      #text-content article h5.error:after {
        background: url(../images/error.svg) no-repeat; }
      #text-content article h5.suchen {
        border-bottom: none;
        margin-bottom: 0; }
        #text-content article h5.suchen:after {
          display: none; }
        #text-content article h5.suchen span {
          color: #2b83ed; }
    #text-content article h4 {
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      font-size: 1.8rem;
      letter-spacing: -0.03em;
      margin: 0;
      padding-left: 0;
      padding-top: 2%;
      padding-bottom: 2%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      margin-bottom: 2%; }
    #text-content article h3 {
      text-align: center;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      font-size: 1.8rem;
      letter-spacing: -0.03em;
      margin: 1% 0;
      padding-left: 0;
      padding-top: 2%;
      padding-bottom: 2%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
    #text-content article span.logo-datenschutz {
      width: 166px;
      height: 63px;
      margin: 0 auto;
      display: block !important;
      margin-top: 4%;
      background: url(../images/logo_braun.svg) center no-repeat; }
    #text-content article p.haupt_datenschutz {
      text-align: center;
      padding: 2%;
      width: 80%;
      margin: 5% auto 1%;
      font-weight: 300;
      font-size: 1.4rem; }
      #text-content article p.haupt_datenschutz span {
        font-family: "Roboto Slab", sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        margin-bottom: 2%;
        display: inline-block;
        letter-spacing: -0.03em; }
    #text-content article h3.datenschutz {
      text-align: center;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      font-size: 2.1rem;
      letter-spacing: -0.03em;
      margin: 1% 0;
      padding-left: 0;
      padding-top: 2%;
      padding-bottom: 2%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
    #text-content article h4.datenschutz {
      text-align: center;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      font-size: 2.1rem;
      letter-spacing: -0.03em;
      margin: 1% 0;
      padding-left: 1%;
      padding-top: 4%;
      padding-bottom: 0;
      border-bottom: none; }
    #text-content article h4.datenschutz-grosse {
      text-align: left;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 400;
      font-size: 1.6rem;
      letter-spacing: -0.03em;
      margin: 1% 0;
      padding-left: 1%;
      padding-top: 4%;
      padding-bottom: 0;
      color: rgba(0, 0, 0, 0.4);
      border-bottom: none; }
    #text-content article a.datenschutz-link {
      color: #2b83ed !important;
      font-weight: 400; }
    #text-content article ul.datenschutz-list {
      list-style: circle;
      margin: 4% 1%;
      line-height: 26px; }
      #text-content article ul.datenschutz-list li {
        margin: 0;
        letter-spacing: 0.032em;
        font-size: 1.4rem;
        font-weight: 300; }
    #text-content article h4.datenschutz-klein {
      text-align: left;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 400;
      font-size: 1.6rem;
      letter-spacing: -0.03em;
      margin: 1% 0;
      padding-left: 1%;
      padding-top: 2%;
      padding-bottom: 1%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
    #text-content article ul.ds-gvo {
      list-style: none;
      text-align: left;
      margin: 0;
      padding: 0% 5%;
      font-weight: 300;
      font-size: 1.4rem; }
      #text-content article ul.ds-gvo li h4 {
        text-align: left;
        font-family: "Roboto Slab", sans-serif;
        font-weight: 400;
        font-size: 1.6rem;
        letter-spacing: -0.03em;
        margin: 1% 0;
        padding-left: 1%;
        padding-bottom: 1%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.18);
        color: rgba(0, 0, 0, 0.6); }
      #text-content article ul.ds-gvo li ul {
        list-style: lower-alpha;
        background: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        padding: 1% 4%;
        margin: 1%; }
        #text-content article ul.ds-gvo li ul li {
          line-height: 26px; }
    #text-content article a {
      color: #0c192d;
      text-decoration: none; }
      #text-content article a[href^="http"] {
        color: #0c192d; }
      #text-content article a:hover {
        text-decoration: underline; }

@media only screen and (max-width: 72.625em) {
  #text-content {
    min-width: auto; } }

@media only screen and (max-width: 67.5em) {
  #text-content {
    min-width: auto; }
    #text-content article {
      color: rgba(0, 0, 0, 0.8); } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #text-content p {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2%;
         column-gap: 2%; } }

@media only screen and (max-width: 48em) {
  #text-content {
    min-width: auto;
    height: auto;
    padding: 4%; } }

@media only screen and (max-width: 32.875em) {
  #text-content article h4 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    font-size: 1.4rem;
    letter-spacing: -0.01em;
    margin: 0;
    padding-left: 0;
    padding-top: 2%;
    padding-bottom: 2%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
  #text-content article h4.datenschutz-klein {
    text-align: left;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    letter-spacing: -0.03em;
    margin: 5% 0;
    padding-left: 1%;
    padding-top: 2%;
    padding-bottom: 1%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
  #text-content article ul.ds-gvo {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0% 5%;
    font-weight: 300;
    font-size: 1.4rem; }
    #text-content article ul.ds-gvo li h4 {
      text-align: left;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 400;
      font-size: 1.6rem;
      letter-spacing: -0.03em;
      margin: 5% 0;
      padding-left: 1%;
      padding-bottom: 1%;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      color: rgba(0, 0, 0, 0.6); }
    #text-content article ul.ds-gvo li ul {
      list-style: lower-alpha;
      background: rgba(0, 0, 0, 0.05);
      border-radius: 4px;
      padding: 3% 10%;
      margin: 1%; }
      #text-content article ul.ds-gvo li ul li {
        line-height: 26px; } }

@media print {
  #text-content {
    box-shadow: none;
    height: 110px;
    padding: 1% 0 0 0; }
    #text-content article {
      height: 110px;
      margin-left: 120px; }
      #text-content article p {
        display: none; }
      #text-content article a.cta {
        display: none; }
      #text-content article a[href^="tel"] {
        display: none; } }

#kontakt {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  height: auto;
  width: 45%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(66, 13, 18, 0.92);
  margin: 0 auto;
  font-size: 1.7rem;
  font-family: "Roboto Slab", sans-serif;
  letter-spacing: -0.021em;
  font-weight: 400;
  text-align: center;
  line-height: 26px;
  padding: 35px 0 35px;
  border-radius: 2px;
  max-width: 600px; }
  #kontakt address {
    font-style: normal; }
    #kontakt address ins {
      font-style: normal;
      text-decoration: none; }
  #kontakt div.emails:before {
    content: 'E-mail: ';
    border-bottom: 1px solid rgba(213, 213, 213, 0.23);
    display: inline-block;
    width: 60%;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px; }
  #kontakt div.emails a {
    color: rgba(255, 255, 255, 0.6); }
  #kontakt a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    display: block; }
    #kontakt a.tel:before {
      content: 'Tel.: '; }
    #kontakt a.googlemaps {
      color: rgba(255, 255, 255, 0.7);
      border: 1px solid rgba(255, 255, 255, 0.3);
      background: rgba(0, 0, 0, 0.21);
      display: inline-block;
      width: auto;
      padding: 12px 40px;
      margin: 30px 0 0 0;
      border-radius: 4px; }
      #kontakt a.googlemaps:hover {
        color: rgba(255, 255, 255, 0.92);
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.32); }
        #kontakt a.googlemaps:hover:after {
          background-color: #fff; }
      #kontakt a.googlemaps:after {
        content: '';
        width: 11px;
        height: 11px;
        display: block;
        float: right;
        background-color: rgba(255, 255, 255, 0.7);
        -webkit-mask: url(../images/arrow.svg) no-repeat;
        mask: url(../images/arrow.svg) no-repeat;
        margin-top: 8px;
        margin-left: 5px; }
    #kontakt a:hover {
      text-decoration: underline; }
  #kontakt p {
    margin-bottom: 0; }

@media only screen and (max-width: 67.5em) {
  #kontakt {
    width: 65%; } }

@media only screen and (max-width: 48em) {
  #kontakt {
    width: 70%;
    font-size: 1.6rem;
    font-family: "Roboto Slab", sans-serif;
    letter-spacing: -0.021em;
    font-weight: 100; }
    #kontakt div.social p {
      font-size: 1.2rem;
      text-align: center; }
    #kontakt div.social div {
      justify-content: center; } }

@media only screen and (max-width: 32.875em) {
  #kontakt {
    font-size: 1.4rem;
    letter-spacing: -0.001em;
    line-height: 21px;
    padding: 30px 20px; }
    #kontakt address ins {
      display: inline-block; }
    #kontakt a[href^="tel"] {
      display: none; }
    #kontakt p span:nth-child(1) {
      display: block; } }

#merkliste {
  box-shadow: 0 0 10px rgba(91, 111, 119, 0.4);
  background: #f0f2f4;
  padding: 2%;
  background: rgba(255, 255, 255, 0.98);
  margin: 15px 0;
  font-family: "Roboto Slab", sans-serif;
  overflow: hidden; }
  #merkliste header {
    margin-bottom: 20px; }
    #merkliste header h1 {
      margin: 0;
      padding: 15px 1%;
      color: rgba(121, 82, 53, 0.78);
      font-size: 1.8rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      font-weight: 400; }
  #merkliste div.leer {
    background: #f0f2f4;
    color: rgba(30, 57, 85, 0.5);
    font-family: "Roboto Slab", sans-serif;
    font-size: 1.6rem;
    box-shadow: 0 0 10px rgba(91, 111, 119, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px; }
    #merkliste div.leer p {
      padding: 30px;
      margin: 0; }
  #merkliste div.li-container {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    height: 140px; }
    #merkliste div.li-container div.product {
      display: flex;
      align-items: center; }
      #merkliste div.li-container div.product a {
        text-decoration: none; }
        #merkliste div.li-container div.product a:hover {
          opacity: 0.8; }
      #merkliste div.li-container div.product figure {
        margin: 0;
        padding: 0; }
        #merkliste div.li-container div.product figure img {
          width: 158px;
          height: 140px; }
      #merkliste div.li-container div.product div.product-details {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-left: 20px;
        height: 90%;
        width: 100%; }
        #merkliste div.li-container div.product div.product-details h2 {
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.5rem;
          color: rgba(30, 57, 85, 0.8);
          margin: 0;
          font-weight: 500;
          line-height: 23px;
          width: 70%; }
        #merkliste div.li-container div.product div.product-details span.verkauft {
          padding: 10px 15px;
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          background: rgba(66, 13, 18, 0.92);
          border-radius: 4px;
          color: #ff4e67;
          display: inline-block;
          font-weoght: 400;
          text-transform: uppercase;
          align-self: flex-start; }
        #merkliste div.li-container div.product div.product-details abbr {
          align-self: flex-start;
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          font-size: 1.3rem;
          color: rgba(30, 57, 85, 0.5);
          text-decoration: none;
          font-weight: 500; }
          #merkliste div.li-container div.product div.product-details abbr b {
            font-weight: 500; }
        #merkliste div.li-container div.product div.product-details span {
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.5rem;
          font-weight: 500;
          display: block;
          color: rgba(30, 57, 85, 0.8); }
    #merkliste div.li-container div.entfernen {
      align-self: flex-end; }
      #merkliste div.li-container div.entfernen a {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        font-size: 1.3rem;
        font-weight: 500;
        color: rgba(30, 57, 85, 0.5);
        background: #f0f2f4;
        text-decoration: none;
        padding: 12px 20px;
        border-radius: 3px;
        display: flex;
        align-items: center; }
        #merkliste div.li-container div.entfernen a span {
          white-space: nowrap; }
          #merkliste div.li-container div.entfernen a span:nth-child(1) {
            padding-right: 6;
            width: 9px;
            height: 9px;
            display: block;
            background: url(../images/entfernen_ico.svg) no-repeat; }
          #merkliste div.li-container div.entfernen a span:nth-child(2):before {
            content: 'Merkliste '; }
        #merkliste div.li-container div.entfernen a:hover {
          box-shadow: 0 0 10px rgba(91, 111, 119, 0.2);
          background: #AB7C59;
          color: rgba(255, 255, 255, 0.88);
          box-shadow: 0px 2px 40px rgba(167, 138, 116, 0.67);
          background: rgba(132, 141, 150, 0.95);
          color: white;
          box-shadow: 0px 2px 40px rgba(132, 141, 150, 0.45); }
          #merkliste div.li-container div.entfernen a:hover span:nth-child(1) {
            background: url(../images/entfernen_ico_white.svg) no-repeat; }
  #merkliste a.btn-alle {
    display: block;
    background: #AB7C59;
    box-shadow: 0px 2px 15px rgba(167, 138, 116, 0.67);
    clear: both;
    margin: 50px auto 50px;
    width: 26%;
    border-radius: 3px;
    padding: 19px 8px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.6rem;
    text-decoration: none; }
    #merkliste a.btn-alle:hover {
      background: #AB7C59;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 2px 40px rgba(167, 138, 116, 0.67); }

@media only screen and (max-width: 50em) {
  #merkliste header h1 {
    font-size: 1.6rem; }
  #merkliste div.li-container {
    padding: 20px 0; }
    #merkliste div.li-container div.product div.product-details h2 {
      width: 100%; }
    #merkliste div.li-container div.entfernen a span:nth-child(2):before {
      content: ''; } }

@media only screen and (max-width: 42em) {
  #merkliste div.li-container {
    flex-direction: column;
    margin-bottom: 15px;
    padding: 15px 0; }
    #merkliste div.li-container div.product {
      align-items: flex-end; }
      #merkliste div.li-container div.product figure {
        margin: 0;
        padding: 0; }
        #merkliste div.li-container div.product figure img {
          width: 135px;
          height: 120px; }
      #merkliste div.li-container div.product div.product-details {
        margin-left: 10px; }
        #merkliste div.li-container div.product div.product-details h2 {
          font-size: 1.2rem;
          line-height: 17px;
          width: 90%; }
        #merkliste div.li-container div.product div.product-details span {
          font-size: 1.3rem; }
    #merkliste div.li-container div.entfernen {
      width: 100%;
      margin-top: 10px; }
      #merkliste div.li-container div.entfernen a {
        display: flex;
        justify-content: flex-end;
        padding: 8px 12px; }
        #merkliste div.li-container div.entfernen a span:nth-child(2):before {
          content: ''; } }

#siteerror {
  box-shadow: 0 0 10px rgba(91, 111, 119, 0.4);
  background: #f0f2f4;
  padding: 2%;
  background: rgba(255, 255, 255, 0.98);
  margin: 15px 0;
  font-family: "Roboto Slab", sans-serif;
  overflow: hidden; }
  #siteerror div.leer {
    background: #f0f2f4;
    color: rgba(30, 57, 85, 0.5);
    font-family: "Roboto Slab", sans-serif;
    font-size: 1.6rem;
    box-shadow: 0 0 10px rgba(91, 111, 119, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px; }
    #siteerror div.leer border
p {
      padding: 30px;
      margin: 0; }
  #siteerror a.btn-alle {
    display: block;
    background: #AB7C59;
    box-shadow: 0px 2px 15px rgba(167, 138, 116, 0.67);
    clear: both;
    margin: 50px auto 50px;
    width: 26%;
    border-radius: 3px;
    padding: 19px 8px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.6rem;
    text-decoration: none; }
    #siteerror a.btn-alle:hover {
      background: #AB7C59;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 2px 40px rgba(167, 138, 116, 0.67); }

@media only screen and (max-width: 50em) {
  #siteerror a.btn-alle {
    width: 60%; } }

#formular-produkt {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 1%;
  overflow: hidden;
  text-transform: uppercase;
  position: relative;
  background: #fff; }
  #formular-produkt article {
    color: rgba(0, 0, 0, 0.8); }
    #formular-produkt article a {
      color: rgba(0, 0, 0, 0.7);
      text-decoration: none; }
    #formular-produkt article header {
      overflow: hidden;
      padding: 10px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #formular-produkt article header h2 {
        font-size: 1.8rem;
        letter-spacing: -0.03em;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.021em;
        font-weight: 100;
        margin: 0;
        padding: 5px;
        width: 80%; }
        #formular-produkt article header h2 em {
          font-style: normal; }
        #formular-produkt article header h2 abbr {
          font-size: 1.3rem;
          text-decoration: none;
          font-style: normal;
          letter-spacing: 0.037em;
          font-weight: 400;
          padding: 3px 0;
          display: block; }
      #formular-produkt article header a {
        display: none;
        text-decoration: none;
        width: 10%;
        float: right;
        text-align: right; }
      #formular-produkt article header img {
        width: auto;
        max-height: 80px; }
      #formular-produkt article header div.price {
        align-self: flex-start;
        font-size: 1.8rem;
        letter-spacing: -0.03em;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.021em;
        font-weight: 400;
        white-space: nowrap; }
    #formular-produkt article section {
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      padding: 10px 0;
      letter-spacing: -0.05em;
      color: rgba(0, 0, 0, 0.7); }
      #formular-produkt article section form {
        width: 55%;
        margin: 0 auto;
        margin: 60px auto 30px; }
        #formular-produkt article section form label {
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.7rem;
          letter-spacing: -0.021em;
          margin-bottom: 10px;
          text-transform: initial;
          line-height: 24px; }
          #formular-produkt article section form label input {
            -webkit-appearance: none;
            border-radius: 4px;
            width: 100%;
            margin-top: 10px;
            margin-bottom: 20px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
            border: none;
            padding: 10px;
            font-family: "Roboto Slab", sans-serif;
            font-size: 1.7rem;
            letter-spacing: -0.021em;
            box-shadow: none;
            border: 1px solid rgba(0, 0, 0, 0.21);
            text-align: center; }
            #formular-produkt article section form label input:focus {
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
            #formular-produkt article section form label input:valid {
              background: none;
              color: rgba(0, 0, 0, 0.7);
              text-align: center; }
          #formular-produkt article section form label textarea {
            font-family: "Roboto Slab", sans-serif;
            font-size: 1.7rem;
            letter-spacing: -0.021em;
            width: 100%;
            padding: 2.5%;
            margin-top: 10px;
            height: 220px;
            border: none;
            margin-bottom: 20px;
            box-shadow: none;
            border-radius: 4px;
            border: 1px solid rgba(0, 0, 0, 0.21);
            -webkit-appearance: none; }
            #formular-produkt article section form label textarea:focus {
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
            #formular-produkt article section form label textarea:focus {
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
            #formular-produkt article section form label textarea:valid {
              background: none;
              color: rgba(0, 0, 0, 0.7); }
        #formular-produkt article section form input[type='submit'] {
          color: rgba(255, 255, 255, 0.98);
          background: #213457;
          font-size: 2.1rem;
          font-family: "Roboto Slab", sans-serif;
          letter-spacing: -0.008em;
          font-weight: 100;
          text-transform: uppercase;
          border: none;
          padding: 20px 0;
          width: 100%;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          border-radius: 4px;
          margin-bottom: 10%;
          margin-top: 5%; }
          #formular-produkt article section form input[type='submit']:hover {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
      #formular-produkt article section form:valid input[type='submit'] {
        background: #3AC662;
        font-size: 2.1rem;
        letter-spacing: -0.008em;
        -webkit-animation-name: bg-formvalid;
                animation-name: bg-formvalid;
        -webkit-animation-duration: 200ms;
                animation-duration: 200ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out; }
        #formular-produkt article section form:valid input[type='submit']:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

@media only screen and (max-width: 72.625em) {
  #formular-produkt {
    min-width: auto; } }

/*375px*/
@media only screen and (max-width: 32.875em) {
  #formular-produkt article header {
    align-items: flex-start; }
    #formular-produkt article header h2 {
      font-size: 1.4rem;
      line-height: 19px;
      padding: 0 5px; }
      #formular-produkt article header h2 abbr {
        opacity: 0.4; }
    #formular-produkt article header div.price {
      font-size: 1.4rem;
      font-weight: 700; }
  #formular-produkt article section form {
    width: 75%; } }

@media print {
  #formular-produkt {
    box-shadow: none;
    height: 110px;
    padding: 1% 0 0 0; }
    #formular-produkt .slider {
      width: 110px;
      height: 110px;
      border: 1px solid black; }
    #formular-produkt article {
      height: 110px;
      margin-left: 120px; }
      #formular-produkt article header {
        border: none;
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.2rem;
        font-weight: 100; }
        #formular-produkt article header a {
          display: none; }
      #formular-produkt article section span.price {
        border: 1px solid black;
        padding: 1%;
        float: right;
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.6rem;
        font-weight: 400; } }

#formular-ankauf {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 1%;
  overflow: hidden;
  background: #eee; }
  #formular-ankauf form article {
    overflow: hidden;
    width: 100%;
    color: rgba(0, 0, 0, 0.8); }
    #formular-ankauf form article:nth-child(5) {
      width: 100%; }
    #formular-ankauf form article header {
      overflow: hidden;
      padding: 10px 0;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18);
      margin-bottom: 10px; }
      #formular-ankauf form article header h2 {
        font-size: 1.8rem;
        letter-spacing: -0.03em;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.021em;
        font-weight: 100;
        width: 90%;
        float: left;
        margin: 0;
        padding: 5px 0;
        text-transform: uppercase; }
    #formular-ankauf form article section {
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      padding: 10px 0;
      letter-spacing: -0.05em;
      color: rgba(0, 0, 0, 0.7);
      width: 50%;
      margin: 0 auto; }
      #formular-ankauf form article section label {
        text-transform: uppercase;
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.7rem;
        letter-spacing: -0.021em;
        margin-bottom: 10px; }
        #formular-ankauf form article section label input {
          text-align: center;
          width: 100%;
          margin-top: 10px;
          margin-bottom: 20px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          padding: 10px;
          box-shadow: none;
          border: 1px solid rgba(0, 0, 0, 0.4);
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.7rem;
          letter-spacing: -0.021em;
          border-radius: 4px; }
          #formular-ankauf form article section label input:focus {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
          #formular-ankauf form article section label input:valid {
            background: none;
            color: rgba(0, 0, 0, 0.7); }
        #formular-ankauf form article section label textarea {
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.7rem;
          letter-spacing: -0.021em;
          width: 100%;
          padding: 2.5%;
          margin-top: 10px;
          height: 200px;
          border: none;
          margin-bottom: 20px;
          box-shadow: none;
          border: 1px solid rgba(0, 0, 0, 0.4);
          -webkit-appearance: none;
          border-radius: 4px; }
          #formular-ankauf form article section label textarea:focus {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
          #formular-ankauf form article section label textarea:focus {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
          #formular-ankauf form article section label textarea:valid {
            background: none;
            color: rgba(0, 0, 0, 0.7); }
      #formular-ankauf form article section .mitOption .inputOval {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 100%;
        float: left;
        width: 33.333%;
        margin: 20px 0; }
        #formular-ankauf form article section .mitOption .inputOval label {
          margin: 0 auto;
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.3rem;
          font-weight: 400;
          letter-spacing: -0.01em;
          position: absolute;
          top: 0;
          left: 0;
          width: 80px;
          height: 80px;
          border-radius: 100%;
          cursor: pointer;
          transition: all .21s ease;
          border: 1px solid rgba(0, 0, 0, 0.4);
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0; }
        #formular-ankauf form article section .mitOption .inputOval input[type=checkbox]:checked + label {
          background: #2b83ed;
          color: rgba(255, 255, 255, 0.98);
          border: 1px solid rgba(0, 0, 0, 0.21); }
      #formular-ankauf form article section input[type='text'] {
        -webkit-appearance: none; }
      #formular-ankauf form article section input[type='tel'] {
        -webkit-appearance: none; }
      #formular-ankauf form article section input[type='email'] {
        -webkit-appearance: none; }
      #formular-ankauf form article section input[type='file'] {
        -webkit-appearance: none; }
      #formular-ankauf form article section input[type='checkbox'] {
        visibility: hidden; }
    #formular-ankauf form article.photos {
      margin-top: 5%;
      margin-bottom: 5%; }
      #formular-ankauf form article.photos input[type=file] {
        margin: 2px 0; }
    #formular-ankauf form article.hinweis {
      padding: 20px 0; }
      #formular-ankauf form article.hinweis section {
        line-height: 21px; }
        #formular-ankauf form article.hinweis section label {
          text-transform: none;
          display: block;
          float: left;
          padding: 0; }
          #formular-ankauf form article.hinweis section label a {
            color: #2b83ed; }
        #formular-ankauf form article.hinweis section .checkHinweis {
          width: 30px;
          height: 30px;
          position: relative;
          border-radius: 100%; }
          #formular-ankauf form article.hinweis section .checkHinweis label {
            border: 1px solid rgba(0, 0, 0, 0.4);
            display: block;
            width: 30px;
            height: 30px;
            border-radius: 100%;
            transition: all .5s ease;
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background: none; }
            #formular-ankauf form article.hinweis section .checkHinweis label span {
              font-family: "Roboto Slab", sans-serif;
              font-size: 1.4rem;
              letter-spacing: -0.01em;
              width: 360px;
              position: absolute;
              top: -15px;
              left: 50px;
              display: block; }
          #formular-ankauf form article.hinweis section .checkHinweis input[type=checkbox]:checked + label {
            border: 1px solid rgba(0, 0, 0, 0.21);
            background: #3AC662; }
  #formular-ankauf form input[type='submit'] {
    display: block;
    color: rgba(255, 255, 255, 0.98);
    background: #213457;
    font-family: "Roboto Slab", sans-serif;
    font-size: 2.1rem;
    letter-spacing: -0.008em;
    font-weight: 100;
    text-transform: uppercase;
    border: none;
    padding: 20px 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    margin: 15% auto; }
    #formular-ankauf form input[type='submit']:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  #formular-ankauf form:valid input[type='submit'] {
    background: #3AC662;
    font-size: 2.1rem;
    letter-spacing: -0.008em;
    -webkit-animation-name: bg-formvalid;
            animation-name: bg-formvalid;
    -webkit-animation-duration: 200ms;
            animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
    #formular-ankauf form:valid input[type='submit']:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

@media only screen and (max-width: 67.5em) {
  #formular-ankauf {
    min-width: auto; } }

/*375px*/
@media only screen and (max-width: 48.75em) {
  #formular-ankauf form article {
    width: 100%; }
    #formular-ankauf form article section {
      width: 75%; }
    #formular-ankauf form article.hinweis {
      padding: 25px 0; }
      #formular-ankauf form article.hinweis section .checkHinweis label span {
        width: 260px; }
  #formular-ankauf form input[type='submit'] {
    width: 95%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #formular-ankauf form article {
    width: 100%; }
    #formular-ankauf form article section {
      width: 60%; }
  #formular-ankauf form input[type='submit'] {
    width: 60%; } }

#formular-widerrufs {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 1%;
  overflow: hidden;
  background: #eee; }
  #formular-widerrufs form article {
    width: 100%;
    float: left;
    color: rgba(0, 0, 0, 0.8); }
    #formular-widerrufs form article section {
      font-family: "Roboto Slab", sans-serif;
      font-weight: 100;
      padding: 10px 0;
      letter-spacing: -0.05em;
      color: rgba(0, 0, 0, 0.7);
      width: 50%;
      margin: 0 auto; }
      #formular-widerrufs form article section label {
        text-transform: uppercase;
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.7rem;
        letter-spacing: -0.021em;
        margin-bottom: 10px; }
        #formular-widerrufs form article section label.check {
          overflow: hidden;
          display: block;
          margin: 5% 0; }
        #formular-widerrufs form article section label input {
          -webkit-appearance: none;
          width: 100%;
          margin-top: 10px;
          margin-bottom: 20px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          border: none;
          padding: 10px;
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.7rem;
          letter-spacing: -0.021em;
          box-shadow: none;
          border-radius: 4px;
          border: 1px solid rgba(0, 0, 0, 0.4); }
          #formular-widerrufs form article section label input:focus {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
          #formular-widerrufs form article section label input:valid {
            background: none;
            color: rgba(0, 0, 0, 0.7);
            text-align: center; }
        #formular-widerrufs form article section label textarea {
          width: 100%;
          margin-top: 10px;
          height: 200px;
          border: none;
          margin-bottom: 20px;
          box-shadow: none;
          border-radius: 4px;
          border: 1px solid rgba(0, 0, 0, 0.4);
          -webkit-appearance: none; }
          #formular-widerrufs form article section label textarea:focus {
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
      #formular-widerrufs form article section p {
        letter-spacing: 0.032em;
        font-size: 1.3rem;
        font-weight: 300;
        line-height: 23px; }
      #formular-widerrufs form article section a.pdf-herunterladen {
        display: inline-block;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: 0.032em;
        font-size: 1.3rem;
        color: rgba(0, 0, 0, 0.7);
        font-weight: 400;
        margin-top: 40px;
        margin-bottom: 20px; }
        #formular-widerrufs form article section a.pdf-herunterladen:before {
          content: '';
          float: left;
          margin-top: -10px;
          padding-left: 10px;
          width: 30px;
          height: 30px;
          background: url(../images/pdf-file-outlined-interface-symbol.svg) no-repeat; }
  #formular-widerrufs form input[type='submit'] {
    color: rgba(255, 255, 255, 0.98);
    background: #213457;
    font-family: "Roboto Slab", sans-serif;
    font-size: 2.1rem;
    letter-spacing: -0.008em;
    font-weight: 100;
    text-transform: uppercase;
    border: none;
    padding: 20px 0;
    width: 100%;
    float: right;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    margin-bottom: 10%;
    margin-top: 5%; }
    #formular-widerrufs form input[type='submit']:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  #formular-widerrufs form:valid input[type='submit'] {
    background: #3AC662;
    font-size: 2.1rem;
    letter-spacing: -0.008em;
    -webkit-animation-name: bg-formvalid;
            animation-name: bg-formvalid;
    -webkit-animation-duration: 200ms;
            animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
    #formular-widerrufs form:valid input[type='submit']:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

@media only screen and (max-width: 72.625em) {
  #formular-widerrufs form article {
    width: 100%; }
    #formular-widerrufs form article section {
      width: 60%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #formular-widerrufs form article {
    width: 100%; }
    #formular-widerrufs form article section {
      width: 60%; } }

@media only screen and (max-width: 67.5em) {
  #formular-widerrufs {
    min-width: auto; } }

/*375px*/
@media only screen and (max-width: 32.875em) {
  #formular-widerrufs form article {
    width: 100%; }
    #formular-widerrufs form article section {
      width: 75%; } }

#artikelmerkmale {
  overflow: hidden;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.9); }
  #artikelmerkmale h5 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    font-size: 1.8rem;
    letter-spacing: -0.03em;
    margin: 0;
    padding-left: 1%;
    text-transform: uppercase; }
  #artikelmerkmale > div {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #eee;
    margin-top: 20px;
    overflow: hidden;
    padding: 10px;
    border-radius: 2px; }
    #artikelmerkmale > div table {
      line-height: 21px;
      font-size: 1.4rem;
      float: left;
      width: 50%;
      letter-spacing: 0.032em; }
      #artikelmerkmale > div table tr td:first-child {
        color: rgba(0, 0, 0, 0.9);
        width: 30%;
        vertical-align: top;
        font-weight: 400;
        letter-spacing: 0.037em; }
        #artikelmerkmale > div table tr td:first-child:after {
          content: ':'; }
      #artikelmerkmale > div table tr td:last-child {
        color: rgba(0, 0, 0, 0.9);
        width: 70%;
        font-weight: 400; }
  #artikelmerkmale .print-s {
    color: #2b83ed;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.3rem;
    padding: 12.5px 20px 8px;
    border: 1px solid #2b83ed;
    display: block;
    letter-spacing: -0.01em;
    margin: 10px 0;
    border-radius: 4px; }
    #artikelmerkmale .print-s:before {
      content: '';
      display: block;
      width: 21px;
      height: 21px;
      float: left;
      background: url(../images/print_default.svg) no-repeat;
      margin-top: -3px;
      margin-right: 7px; }
    #artikelmerkmale .print-s:hover {
      color: rgba(255, 255, 255, 0.98);
      background: #2b83ed;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      #artikelmerkmale .print-s:hover:before {
        background: url(../images/print_hover.svg) no-repeat; }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* Style Rules */
  #artikelmerkmale > div table tr td {
    font-weight: 100; } }

@media only screen and (max-width: 48em) {
  #artikelmerkmale h5 {
    padding-left: 2%; }
  #artikelmerkmale > div {
    margin-top: 20px;
    padding: 2%; } }

@media only screen and (max-width: 35.625em) {
  #artikelmerkmale h5 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.7); }
  #artikelmerkmale > div {
    margin-top: 10px; }
    #artikelmerkmale > div table {
      font-size: 1.3rem;
      line-height: 21px;
      width: 100%; }
      #artikelmerkmale > div table tr td:first-child {
        width: 50%;
        text-align: right; }
        #artikelmerkmale > div table tr td:first-child:after {
          content: ': '; }
      #artikelmerkmale > div table tr td:last-child {
        width: 50%;
        font-weight: 400; } }

@media print {
  #artikelmerkmale h5 {
    font-size: 8pt;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 0 10px 0;
    letter-spacing: 0;
    border-bottom: 1px solid #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
    #artikelmerkmale h5:after {
      display: none; }
  #artikelmerkmale > div {
    box-shadow: none;
    background: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border: none;
    padding: 0;
    margin: 0 0 20px 0; }
    #artikelmerkmale > div table {
      font-size: 7pt;
      line-height: 14px;
      letter-spacing: 0;
      font-weight: 400; }
      #artikelmerkmale > div table tr td:first-child {
        letter-spacing: 0; }
  #artikelmerkmale .print-s {
    display: none; } }

#versandkosten {
  padding: 2.5%;
  overflow: hidden;
  text-transform: uppercase;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: #eee; }
  #versandkosten table {
    width: 100%;
    border-collapse: collapse; }
    #versandkosten table thead tr th {
      font-weight: 100;
      text-align: left; }
      #versandkosten table thead tr th h6 {
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.8rem;
        font-weight: 100;
        letter-spacing: -0.05em;
        margin: 0;
        display: inline-block;
        color: black; }
        #versandkosten table thead tr th h6:after {
          display: inline-block;
          content: '';
          margin-right: 14px;
          width: 28px;
          height: 28px;
          background-color: black;
          -webkit-mask: url(../images/versandkosten.svg) no-repeat;
          mask: url(../images/versandkosten.svg) no-repeat;
          margin-bottom: -6px;
          margin-left: 12px; }
      #versandkosten table thead tr th p {
        font-size: 1.4rem;
        margin-bottom: 20px;
        text-transform: initial;
        font-weight: 400;
        color: #213457; }
    #versandkosten table tbody {
      color: #213457;
      font-family: "Roboto Slab", sans-serif;
      font-weight: 400; }
      #versandkosten table tbody tr td {
        border-bottom: 1px solid #213457;
        padding: 15px; }
        #versandkosten table tbody tr td:first-child {
          font-size: 1.4rem; }
        #versandkosten table tbody tr td:last-child {
          font-size: 1.4rem;
          text-align: right; }
          #versandkosten table tbody tr td:last-child span {
            background: #213457;
            color: rgba(255, 255, 255, 0.9);
            border-radius: 100px;
            padding: 4px 15px; }
      #versandkosten table tbody tr:nth-child(6) td {
        border-bottom: none; }
      #versandkosten table tbody tr.warenwert {
        display: none;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        letter-spacing: -0.02em; }
        #versandkosten table tbody tr.warenwert td {
          padding: 12px;
          font-size: 1.4rem;
          border-bottom: 1px solid rgba(0, 0, 0, 0.18);
          text-transform: initial;
          font-weight: 400; }
        #versandkosten table tbody tr.warenwert:last-child td {
          border-bottom: none; }
        #versandkosten table tbody tr.warenwert:nth-child(7) td {
          border-top: 1px solid #213457; }
    #versandkosten table tfoot {
      text-align: center; }
      #versandkosten table tfoot tr td a {
        display: inline-block;
        width: 100%;
        background: #213457;
        padding: 15px 0;
        text-decoration: none;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.05em;
        font-weight: 400;
        border-radius: 4px;
        color: rgba(255, 255, 255, 0.8); }
        #versandkosten table tfoot tr td a:after {
          content: ' ';
          width: 12px;
          height: 12px;
          display: inline-block;
          background-color: rgba(255, 255, 255, 0.98);
          -webkit-mask: url(../images/arrow.svg) top right no-repeat;
          mask: url(../images/arrow.svg) top right no-repeat;
          transform: rotate(90deg);
          margin-left: 10px;
          margin-bottom: -1px; }
        #versandkosten table tfoot tr td a:hover {
          text-decoration: underline;
          text-decoration: none;
          cursor: pointer; }
  #versandkosten.visible table tbody tr:nth-child(1) td, #versandkosten.visible table tbody tr:nth-child(6) td {
    font-weight: 400; }
  #versandkosten.visible table tbody tr td {
    padding: 15px 0; }
  #versandkosten.visible table tbody tr.warenwert {
    display: table-row; }
    #versandkosten.visible table tbody tr.warenwert td {
      font-weight: 400;
      padding: 12px 0; }
      #versandkosten.visible table tbody tr.warenwert td.active {
        background: #fff; }
  #versandkosten.visible table tfoot tr td a:after {
    transform: rotate(-90deg); }

/*375px*/
.art {
  display: none; }

#breadcrumbs {
  display: flex;
  padding: 20px 0 10px; }
  #breadcrumbs .nav-drawer-trigger {
    display: none; }
  #breadcrumbs a.marken {
    display: none; }
  #breadcrumbs a.sortieren {
    display: none; }
  #breadcrumbs > ul {
    align-self: flex-start;
    font-weight: 100;
    text-transform: capitalize;
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
    flex: 1;
    align-self: center;
    display: flex; }
    #breadcrumbs > ul li {
      display: flex;
      justify-content: center;
      align-items: center; }
      #breadcrumbs > ul li:before {
        content: '';
        background: url(../images/arrow-point-to-right.svg) no-repeat;
        width: 8px;
        height: 8px;
        display: block;
        margin: 0 6px; }
      #breadcrumbs > ul li:first-child:before {
        display: none; }
      #breadcrumbs > ul li:nth-child(1) a {
        background: rgba(0, 0, 0, 0.02); }
      #breadcrumbs > ul li:nth-child(2) a {
        background: rgba(0, 0, 0, 0.05); }
      #breadcrumbs > ul li:nth-child(3) a {
        background: rgba(0, 0, 0, 0.08); }
      #breadcrumbs > ul li:nth-child(4) a {
        background: rgba(0, 0, 0, 0.11); }
      #breadcrumbs > ul li a {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.7);
        font-size: 1.4rem;
        letter-spacing: 0.01em;
        font-weight: 400;
        line-height: 18px;
        padding: 5px 7px;
        border-radius: 4px; }
        #breadcrumbs > ul li a.sub {
          font-size: 2.1rem;
          font-weight: 100; }
        #breadcrumbs > ul li a:hover {
          background: rgba(0, 0, 0, 0.08);
          text-decoration: underline; }
      #breadcrumbs > ul li.marken {
        display: none; }
  #breadcrumbs.site ul li:first-child {
    display: block; }
    #breadcrumbs.site ul li:first-child a {
      font-weight: 300;
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.8rem;
      text-transform: uppercase;
      text-wrap: nowrapls; }

@media only screen and (max-width: 64em) {
  #breadcrumbs {
    display: flex;
    align-items: align-items;
    background: #efefef;
    width: 96%;
    padding: 1% 2%;
    margin: 1% auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    #breadcrumbs ul {
      text-align: left;
      align-self: center;
      justify-content: center;
      order: 2;
      flex: 68%;
      text-align: center;
      padding: 0 2%;
      align-items: flex-end;
      line-height: 30px; }
      #breadcrumbs ul li {
        float: none; }
        #breadcrumbs ul li a {
          font-size: 1.2rem; }
          #breadcrumbs ul li a.active {
            font-size: 1.2rem;
            display: block; }
        #breadcrumbs ul li.nomobile {
          display: none; }
    #breadcrumbs a {
      order: 4;
      text-align: center;
      font-weight: 100;
      font-size: 1.2rem;
      letter-spacing: 0.01em; }
      #breadcrumbs a.marken {
        order: 1;
        flex: 18%;
        align-self: center;
        text-decoration: none;
        padding: 11px 5px;
        margin-right: 2px;
        align-self: baseline;
        color: #2b83ed;
        text-transform: uppercase;
        display: block;
        font-weight: 700;
        font-size: 1rem;
        border: 1px solid #2b83ed;
        border-radius: 4px;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        letter-spacing: -0.031em;
        margin: 0 0;
        text-transform: capitalize;
        padding: 8px; }
      #breadcrumbs a.marken.active {
        background: #fff; }
      #breadcrumbs a.marken.zuruck {
        cursor: pointer;
        opacity: 0.8; }
        #breadcrumbs a.marken.zuruck:hover {
          opacity: 1; }
      #breadcrumbs a.sortieren {
        flex: 18%;
        align-self: center;
        display: block;
        text-decoration: none;
        align-self: baseline;
        color: #2b83ed;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1rem;
        border: 1px solid #2b83ed;
        border-radius: 2px;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        letter-spacing: -0.031em;
        border: 1px solid rgba(0, 0, 0, 0.02);
        color: #2b83ed;
        border-radius: 4px;
        border: 1px solid #2b83ed;
        text-transform: capitalize;
        padding: 8px; }
      #breadcrumbs a.sortieren.active {
        color: #fff;
        background: #2b83ed; } }

@media only screen and (max-width: 32.875em) {
  #breadcrumbs {
    width: 96%;
    align-self: center;
    align-items: align-items;
    align-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px; }
    #breadcrumbs .art {
      display: block; }
    #breadcrumbs ul {
      flex: 50%;
      line-height: 30px;
      line-height: 25px; }
      #breadcrumbs ul li {
        float: none; }
        #breadcrumbs ul li:before {
          margin: 0 4px; }
        #breadcrumbs ul li a {
          font-size: 1.1rem;
          text-align: center; }
        #breadcrumbs ul li.active {
          font-size: 1.1rem; }
        #breadcrumbs ul li:after {
          margin: 3.5px 4px; }
        #breadcrumbs ul li:first-child {
          display: none; }
        #breadcrumbs ul li:nth-child(2):before {
          display: none; }
    #breadcrumbs.site ul {
      line-height: 21px; }
      #breadcrumbs.site ul li {
        padding: 2%; }
        #breadcrumbs.site ul li:first-child {
          display: block; }
          #breadcrumbs.site ul li:first-child a {
            font-weight: 400;
            font-family: "Roboto Slab", sans-serif;
            font-size: 1.6rem;
            text-transform: uppercase; }
    #breadcrumbs a.marken {
      white-space: nowrap;
      text-overflow: ellipsis;
      flex: 20%;
      font-size: 1.0rem;
      margin: 0 0;
      border: 1px solid #2b83ed; }
    #breadcrumbs a.sortieren {
      white-space: nowrap;
      text-overflow: ellipsis;
      flex: 20%;
      font-size: 1.0rem;
      margin: 0 0; }
    #breadcrumbs a.sortieren.active {
      white-space: nowrap;
      text-overflow: ellipsis; }
  #breadcrumbs.sticky {
    margin: 0;
    background: #A07556;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999999;
    box-shadow: 0 0 30px rgba(31, 47, 74, 0.5);
    padding-top: 6px;
    padding-bottom: 6px;
    background: #504f4f;
    -webkit-animation-name: opacityfromto;
            animation-name: opacityfromto;
    -webkit-animation-duration: 150ms;
            animation-duration: 150ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
    #breadcrumbs.sticky ul {
      line-height: 22px; }
      #breadcrumbs.sticky ul li:before {
        background: url(../images/arrow-point-to-right_fix.svg) no-repeat; }
      #breadcrumbs.sticky ul li a {
        color: rgba(255, 255, 255, 0.98);
        font-weight: 500; }
      #breadcrumbs.sticky ul li:nth-child(1) a {
        background: rgba(0, 0, 0, 0.21); }
      #breadcrumbs.sticky ul li:nth-child(2) a {
        background: rgba(0, 0, 0, 0.21); }
      #breadcrumbs.sticky ul li:nth-child(3) a {
        background: rgba(0, 0, 0, 0.21); }
      #breadcrumbs.sticky ul li:nth-child(4) a {
        background: rgba(0, 0, 0, 0.25); }
    #breadcrumbs.sticky a.marken {
      color: #eaeef3;
      text-transform: capitalize;
      font-size: 1.0rem;
      border: 1px solid rgba(255, 255, 255, 0.5); }
    #breadcrumbs.sticky a.marken.active {
      background: rgba(58, 40, 28, 0.3);
      background: #2b83ed;
      background: rgba(255, 255, 255, 0.8);
      border: none;
      color: #5f5e5e; }
    #breadcrumbs.sticky a.sortieren {
      color: #eaeef3;
      text-transform: capitalize;
      font-size: 1.0rem;
      border: 1px solid rgba(255, 255, 255, 0.5); }
    #breadcrumbs.sticky a.sortieren.active {
      white-space: nowrap;
      text-overflow: ellipsis;
      background: rgba(58, 40, 28, 0.4);
      background: #2b83ed;
      border: none; } }

#list {
  overflow: hidden; }
  #list a {
    display: block;
    float: left;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin: 0 0.5% 1% 0.5%;
    margin: 0 0.5% 10px 0.5%;
    text-decoration: none;
    width: 23.9%;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid rgba(66, 13, 18, 0.4);
    box-sizing: border-box;
    padding: 5px;
    background: rgba(66, 13, 18, 0.96); }
    #list a article {
      overflow: hidden;
      display: flex;
      flex-direction: column;
      align-content: space-between; }
      #list a article figure {
        margin: 0;
        overflow: hidden;
        background: white; }
        #list a article figure img {
          width: 100%; }
      #list a article hgroup {
        padding: 0 4%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 110px; }
        #list a article hgroup ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          #list a article hgroup ul li h2 {
            font-family: "Roboto Slab", sans-serif;
            font-weight: 400;
            font-size: 1.4rem;
            color: rgba(255, 255, 255, 0.7);
            margin: 0;
            margin-top: 5px;
            line-height: 18px;
            text-transform: uppercase; }
          #list a article hgroup ul li span.artno {
            font-family: "Roboto Slab", sans-serif;
            font-weight: 700;
            font-size: 1.0rem;
            color: rgba(255, 255, 255, 0.6);
            margin: 0;
            margin-top: 5px;
            line-height: 18px;
            text-transform: uppercase; }
        #list a article hgroup span.price {
          color: rgba(255, 255, 255, 0.98);
          font-size: 1.4rem;
          font-family: "Roboto Slab", sans-serif;
          letter-spacing: -0.021em;
          font-weight: 4100;
          display: block;
          border-top: 1px solid rgba(255, 255, 255, 0.21);
          padding-top: 8px;
          margin-top: 5px;
          margin-bottom: 15px;
          color: rgba(255, 255, 255, 0.7);
          text-transform: uppercase; }
    #list a:hover {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      background: #420d12; }
    #list a:visited {
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
      background: #4a2f31; }
      #list a:visited article hgroup ul li h2 {
        color: #ddd; }
      #list a:visited article hgroup ul li span.artno {
        color: #ddd; }
      #list a:visited article hgroup span.price {
        color: #ddd; }

@media only screen and (max-width: 1220px) {
  #list a article figure img {
    width: 100%; } }

/*414px/ with iPhone 6 Plus */
@media only screen and (max-width: 1024px) {
  #list a article hgroup ul li h2 {
    font-size: 1.3rem;
    line-height: 17px; } }

/*414px/ with iPhone 6 Plus */
@media only screen and (max-width: 60em) {
  #list a {
    width: 24%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #list a {
    margin: 1% 0.5%;
    width: 32.33%; } }

@media only screen and (max-width: 610px) {
  #list a {
    margin: 1% 0.5%;
    width: 32.33%; }
    #list a article hgroup {
      height: 110px;
      padding-top: 5px; }
      #list a article hgroup ul li h2 {
        font-size: 1.2rem;
        margin-top: 5px; } }

/*414px/ with iPhone 6 Plus */
@media only screen and (max-width: 32.875em) {
  #list a {
    margin: 1.5%;
    width: 47%; }
    #list a article hgroup {
      height: 90px; }
      #list a article hgroup ul li h2 {
        font-size: 1.10rem;
        line-height: 15.5px; }
      #list a article hgroup ul li span.artno {
        font-family: "Roboto Slab", sans-serif;
        font-weight: 400;
        font-size: 1.0rem;
        letter-spacing: -0.01em;
        color: rgba(255, 255, 255, 0.4);
        margin: 0;
        margin-top: 0;
        line-height: 18px; }
      #list a article hgroup span.price {
        font-size: 1.2rem;
        padding-top: 4px;
        margin-top: 1px;
        margin-bottom: 15px; }
      #list a article hgroup p {
        font-size: 1.1rem;
        line-height: 15.5px; } }

#ipad-home-content blockquote {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-weight: 300;
  background: rgba(66, 13, 18, 0.92);
  margin: 0;
  width: 50%;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto Slab", sans-serif;
  line-height: 21px;
  padding: 3% 0 3% 10%;
  display: inline-block;
  font-size: 1.8rem;
  letter-spacing: -0.03em;
  margin-left: -5%; }
  #ipad-home-content blockquote span {
    font-size: 2.4rem;
    letter-spacing: -0.065em;
    padding-left: 3%;
    color: rgba(255, 255, 255, 0.8); }

#ipad-home-content p {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  font-size: 1.4rem;
  line-height: 21px;
  letter-spacing: -0.021em;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  margin-top: 1.5%; }
  #ipad-home-content p:lang(de), #ipad-home-content p:lang(en) {
    width: 86%;
    padding: 2%;
    background: rgba(255, 255, 255, 0.9); }

#ipad-home-content #content {
  width: 90%;
  margin: 0 auto;
  border-top: 1px solid rgba(0, 0, 0, 0.18);
  margin-top: 4%;
  padding: 4% 0; }
  #ipad-home-content #content .filtr .sl {
    width: 13%;
    float: left;
    position: relative; }
    #ipad-home-content #content .filtr .sl select {
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      text-transform: uppercase;
      border: none;
      font-weight: 300;
      -webkit-appearance: none;
      margin: 0 0 4% 0;
      padding: 0;
      background: none; }
      #ipad-home-content #content .filtr .sl select[name='sort-category'] {
        font-size: 2.2rem;
        letter-spacing: -0.012em;
        float: left; }
    #ipad-home-content #content .filtr .sl:after {
      position: absolute;
      right: 0;
      top: 5px;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.7);
      background: url(../images/arrow.svg) no-repeat;
      transform: rotate(90deg);
      background-position: right;
      -webkit-mask: url(../images/arrow.svg) no-repeat;
              mask: url(../images/arrow.svg) no-repeat; }
  #ipad-home-content #content .filtr .sr {
    width: 40%;
    float: right; }
    #ipad-home-content #content .filtr .sr select {
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      text-transform: uppercase;
      border: none;
      font-weight: 300;
      -webkit-appearance: none;
      margin: 0 0 4% 0;
      padding: 0;
      background: none; }
      #ipad-home-content #content .filtr .sr select[name='sort-uhren'] {
        color: #2b83ed;
        direction: rtl;
        text-align: right;
        font-size: 1.7rem;
        letter-spacing: -0.018em;
        float: right; }
  #ipad-home-content #content .filtr .srs {
    display: none; }
  #ipad-home-content #content #uhren {
    clear: both;
    margin-top: 20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #ipad-home-content #content #uhren a {
      border: 1px solid rgba(0, 0, 0, 0.18);
      border-radius: 2px;
      background: rgba(255, 255, 255, 0.98);
      display: block;
      width: 31.33%;
      padding: 1.5%;
      margin-bottom: 2%;
      box-sizing: border-box;
      text-decoration: none;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
      #ipad-home-content #content #uhren a article figure {
        display: block;
        margin: 0; }
        #ipad-home-content #content #uhren a article figure img {
          width: 100%; }
      #ipad-home-content #content #uhren a article hgroup {
        height: 90px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        #ipad-home-content #content #uhren a article hgroup h2 {
          font-family: "Roboto Slab", sans-serif;
          font-weight: 300;
          font-size: 1.25rem;
          letter-spacing: -0.021em;
          color: rgba(0, 0, 0, 0.8);
          margin: 0;
          margin-top: 10px;
          margin-bottom: 0;
          line-height: 17px;
          text-transform: uppercase; }
        #ipad-home-content #content #uhren a article hgroup span.artno {
          font-family: "Roboto Slab", sans-serif;
          font-weight: 300;
          opacity: 0.7;
          font-size: 0.9rem;
          letter-spacing: -0.021em;
          color: rgba(0, 0, 0, 0.8);
          margin: 0;
          margin-bottom: 5px;
          line-height: 17px;
          text-transform: uppercase; }
        #ipad-home-content #content #uhren a article hgroup p {
          margin: 0; }
          #ipad-home-content #content #uhren a article hgroup p em {
            display: block;
            font-style: normal;
            text-decoration: none; }
          #ipad-home-content #content #uhren a article hgroup p abbr {
            text-decoration: none; }
          #ipad-home-content #content #uhren a article hgroup p span {
            display: block;
            margin-top: 1%;
            font-family: "Roboto Slab", sans-serif;
            font-weight: 300;
            font-size: 1.4rem;
            letter-spacing: -0.021em;
            text-transform: uppercase; }
  #ipad-home-content #content #schmuck {
    display: none; }
  #ipad-home-content #content .slider-control-uhren {
    text-align: left;
    display: block;
    margin: 8% auto -10%;
    width: 100%; }
    #ipad-home-content #content .slider-control-uhren ul {
      display: inline-table;
      list-style: none;
      margin: 0;
      padding: 0; }
      #ipad-home-content #content .slider-control-uhren ul li {
        display: inline;
        float: left; }
        #ipad-home-content #content .slider-control-uhren ul li a {
          display: block;
          width: 4px;
          height: 4px;
          border-radius: 50px;
          background: black;
          opacity: .4;
          margin: 4px; }
          #ipad-home-content #content .slider-control-uhren ul li a.active {
            opacity: 1; }
  #ipad-home-content #content div {
    width: 100%;
    overflow: hidden;
    margin: 0 auto; }
    #ipad-home-content #content div a {
      font-family: "Roboto Slab", sans-serif;
      display: inline-block;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 300; }
      #ipad-home-content #content div a.alle-uhren {
        text-align: center;
        font-size: 1.8rem;
        width: 40%;
        padding: 25px 37px;
        letter-spacing: -0.01em;
        border: 1px solid rgba(0, 0, 0, 0.8);
        margin: 40px auto;
        color: rgba(255, 255, 255, 0.7);
        background: #1d1c31;
        border-radius: 2px;
        display: block;
        font-weight: 300; }
        #ipad-home-content #content div a.alle-uhren:hover {
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          text-decoration: underline; }
        #ipad-home-content #content div a.alle-uhren.touchstart {
          background: #2b83ed;
          color: rgba(255, 255, 255, 0.98);
          border: none;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          -webkit-animation-name: fade-bg;
                  animation-name: fade-bg;
          -webkit-animation-duration: 250ms;
                  animation-duration: 250ms;
          -webkit-animation-iteration-count: 1;
                  animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out; }
          #ipad-home-content #content div a.alle-uhren.touchstart:after {
            position: absolute;
            display: block;
            content: '>';
            width: 15px;
            height: 15px;
            top: 18px;
            right: 20px;
            background-color: rgba(255, 255, 255, 0.98);
            -webkit-mask: url(../images/arrow.svg) no-repeat;
            mask: url(../images/arrow.svg) no-repeat;
            -webkit-animation-name: fade-l-to-r;
                    animation-name: fade-l-to-r;
            -webkit-animation-duration: 400ms;
                    animation-duration: 400ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out; }
      #ipad-home-content #content div a.alle-schmuck {
        display: none; }

@media only screen and (max-width: 32.875em) {
  #ipad-home-content blockquote {
    width: 90%;
    padding: 5% 0 5% 10%; }
  #ipad-home-content p {
    font-size: 1.3rem;
    line-height: 17px;
    font-weight: 300;
    margin-top: 10px; }
    #ipad-home-content p span {
      display: none; }
  #ipad-home-content #content {
    display: block;
    overflow: hidden; }
    #ipad-home-content #content .slider-control-uhren {
      display: none; }
    #ipad-home-content #content .filtr .sl {
      display: none; }
    #ipad-home-content #content .filtr .sr {
      width: 100%;
      background: none;
      padding: 10px 0;
      float: right;
      margin-bottom: 4%; }
      #ipad-home-content #content .filtr .sr select {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        text-transform: uppercase;
        border: none;
        font-weight: 300;
        -webkit-appearance: none;
        margin: 0 0 0 0;
        padding: 0;
        background: none; }
        #ipad-home-content #content .filtr .sr select[name^='sort-'] {
          color: #2b83ed;
          direction: rtl;
          text-align: right;
          font-size: 1.7rem;
          letter-spacing: -0.018em;
          float: right; }
        #ipad-home-content #content .filtr .sr select option:before {
          content: 'Uhren'; }
    #ipad-home-content #content #uhren {
      margin-top: 0; }
      #ipad-home-content #content #uhren a {
        width: 48%; }
        #ipad-home-content #content #uhren a article hgroup {
          height: 80px; }
          #ipad-home-content #content #uhren a article hgroup h2 {
            font-size: 1.15em;
            line-height: 15.5px; }
            #ipad-home-content #content #uhren a article hgroup h2:before {
              padding-top: 30px; }
          #ipad-home-content #content #uhren a article hgroup p span {
            font-size: 1.25rem; }
    #ipad-home-content #content #schmuck {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
      margin-top: 20px;
      overflow: hidden; }
      #ipad-home-content #content #schmuck a {
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, 0.18);
        background: #e0e0e0;
        display: block;
        width: 48%;
        padding: 1.5%;
        margin: 1.5% 0;
        box-sizing: border-box;
        text-decoration: none; }
        #ipad-home-content #content #schmuck a article figure {
          display: block;
          margin: 0; }
          #ipad-home-content #content #schmuck a article figure img {
            width: 100%; }
        #ipad-home-content #content #schmuck a article hgroup h2 {
          font-family: "Roboto Slab", sans-serif;
          font-weight: 300;
          font-size: 1.10em;
          color: rgba(0, 0, 0, 0.8);
          margin: 0;
          margin-top: 10px;
          margin-bottom: 0;
          line-height: 15.5px;
          text-transform: uppercase; }
        #ipad-home-content #content #schmuck a article hgroup span.artno {
          font-family: "Roboto Slab", sans-serif;
          font-weight: 300;
          opacity: 0.7;
          font-size: 0.9rem;
          letter-spacing: -0.021em;
          color: rgba(0, 0, 0, 0.8);
          margin: 0;
          margin-bottom: 5px;
          line-height: 17px;
          text-transform: uppercase; }
        #ipad-home-content #content #schmuck a article hgroup p {
          margin: 0; }
          #ipad-home-content #content #schmuck a article hgroup p em {
            display: block;
            font-style: normal;
            text-decoration: none; }
          #ipad-home-content #content #schmuck a article hgroup p abbr {
            text-decoration: none; }
          #ipad-home-content #content #schmuck a article hgroup p span {
            margin-top: 1%;
            font-family: "Roboto Slab", sans-serif;
            font-weight: 300;
            font-size: 1.25rem;
            letter-spacing: -0.021em;
            text-transform: uppercase;
            display: block; }
      #ipad-home-content #content #schmuck .slider-control-schmuck {
        text-align: center;
        display: block;
        margin: 2% auto;
        width: 100%; }
        #ipad-home-content #content #schmuck .slider-control-schmuck ul {
          display: inline-table;
          list-style: none;
          margin: 0;
          padding: 0; }
          #ipad-home-content #content #schmuck .slider-control-schmuck ul li {
            display: inline;
            float: left; }
            #ipad-home-content #content #schmuck .slider-control-schmuck ul li a {
              display: block;
              width: 4px;
              height: 4px;
              border-radius: 50px;
              background: black;
              opacity: .4;
              margin: 4px; }
              #ipad-home-content #content #schmuck .slider-control-schmuck ul li a.active {
                opacity: 1; }
      #ipad-home-content #content #schmuck a span[class^="arrow"] {
        position: absolute;
        width: 22px;
        height: 22px;
        display: block;
        background-color: rgba(0, 0, 0, 0.18);
        -webkit-mask: url(../images/arrow.svg) no-repeat;
        mask: url(../images/arrow.svg) no-repeat;
        top: 140px; }
        #ipad-home-content #content #schmuck a span[class^="arrow"].arrow-left {
          left: 0px;
          transform: rotate(180deg); }
        #ipad-home-content #content #schmuck a span[class^="arrow"].arrow-right {
          right: 0px; }
      #ipad-home-content #content #schmuck a:hover span[class^="arrow"] {
        background-color: black; }
    #ipad-home-content #content div {
      overflow: inherit; }
      #ipad-home-content #content div a.alle-uhren {
        border-radius: 2px;
        width: 100%;
        padding: 30px 0;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        color: black;
        background: rgba(255, 255, 255, 0.98);
        margin-bottom: 40px;
        margin-top: 20px; }
        #ipad-home-content #content div a.alle-uhren:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          text-decoration: underline; }
      #ipad-home-content #content div a.alle-schmuck {
        border-radius: 2px;
        display: block;
        font-size: 1.8rem;
        letter-spacing: -0.01em;
        width: 100%;
        padding: 30px 0;
        border: none;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        background: #e0e0e0;
        text-align: center;
        color: black;
        margin-bottom: 40px;
        margin-top: 20px; }
        #ipad-home-content #content div a.alle-schmuck:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          text-decoration: underline; } }

#ipad-home-content-125 {
  width: 96%;
  margin: 0 auto; }
  #ipad-home-content-125 #content .haupt-menu {
    display: block;
    overflow: hidden;
    text-align: center;
    clear: both; }
    #ipad-home-content-125 #content .haupt-menu a {
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
      margin: 0;
      border-radius: 4px;
      background: rgba(50, 13, 17, 0.92);
      width: 49.25%;
      float: left;
      display: block;
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.8rem;
      color: rgba(255, 255, 255, 0.8);
      font-weight: 100;
      text-decoration: none;
      text-transform: uppercase;
      padding: 18px 0;
      border-radius: 4px; }
      #ipad-home-content-125 #content .haupt-menu a span {
        font-size: 1.3rem;
        vertical-align: top;
        font-weight: 100;
        margin-left: 2px;
        align-self: flex-start;
        color: rgba(255, 255, 255, 0.4); }
      #ipad-home-content-125 #content .haupt-menu a:last-child {
        float: right; }
      #ipad-home-content-125 #content .haupt-menu a:hover {
        background: rgba(50, 13, 17, 0.98); }
  #ipad-home-content-125 #content #listed {
    overflow: hidden; }
    #ipad-home-content-125 #content #listed h3 {
      border-top: 1px solid rgba(0, 0, 0, 0.2);
      padding-top: 8px;
      margin-top: 20px;
      text-align: center;
      width: 100%;
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.5rem;
      color: rgba(0, 0, 0, 0.6);
      font-weight: 100;
      text-transform: uppercase; }
    #ipad-home-content-125 #content #listed a {
      display: block;
      float: left;
      width: 31.33%;
      margin: 1%;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.21);
      text-decoration: none;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.98);
      display: block;
      box-sizing: border-box; }
      #ipad-home-content-125 #content #listed a article {
        padding: 5%; }
        #ipad-home-content-125 #content #listed a article figure {
          display: block;
          margin: 0; }
          #ipad-home-content-125 #content #listed a article figure img {
            width: 100%; }
        #ipad-home-content-125 #content #listed a article hgroup h2 {
          text-transform: uppercase;
          font-size: 1.20rem;
          font-family: "Roboto Slab", sans-serif;
          color: rgba(0, 0, 0, 0.94);
          line-height: 16px;
          margin: 10px 0;
          font-weight: 100; }
        #ipad-home-content-125 #content #listed a article hgroup span {
          font-family: "Roboto Slab", sans-serif;
          font-size: 1.5rem;
          color: rgba(0, 0, 0, 0.6);
          margin: 0 0 5px 0;
          display: inline-block;
          font-weight: 400; }
      #ipad-home-content-125 #content #listed a.alle-btn {
        align-items: center;
        text-transform: uppercase;
        background: #A07556;
        color: rgba(255, 255, 255, 0.9);
        padding: 18px 0;
        display: block;
        width: 100%;
        margin: 10px auto; }
        #ipad-home-content-125 #content #listed a.alle-btn p {
          font-family: "Roboto Slab", sans-serif;
          font-weight: 100;
          font-size: 2.1rem;
          margin: 0;
          padding: 0;
          text-align: center; }
          #ipad-home-content-125 #content #listed a.alle-btn p span {
            font-size: 1.4rem;
            color: rgba(255, 255, 255, 0.4);
            display: block; }
            #ipad-home-content-125 #content #listed a.alle-btn p span:after {
              content: '';
              background: url(../images/arrow-slider.svg) no-repeat;
              width: 7px;
              height: 10px;
              margin-left: 2px; }

@media only screen and (max-width: 960px) {
  #ipad-home-content-125 #content #listed a {
    width: 31.3%; }
    #ipad-home-content-125 #content #listed a article hgroup h2 {
      height: 40px; }
    #ipad-home-content-125 #content #listed a article hgroup span {
      font-size: 1.5rem; } }

@media only screen and (max-width: 610px) {
  #ipad-home-content-125 #content #listed a {
    margin: 1% 0.5%;
    width: 32.33%; }
    #ipad-home-content-125 #content #listed a article hgroup h2 {
      height: 30px; }
    #ipad-home-content-125 #content #listed a article hgroup span {
      font-size: 1.5rem; } }

@media only screen and (max-width: 414px) {
  #ipad-home-content-125 #content .haupt-menu h1 a {
    font-size: 1.6rem; }
  #ipad-home-content-125 #content #listed a {
    width: 48%; }
    #ipad-home-content-125 #content #listed a article hgroup span {
      font-size: 1.3rem; } }

.searchipad {
  overflow: hidden;
  background: #fff;
  height: 12%;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  position: fixed;
  width: 100%;
  margin: 0;
  z-index: 9999999;
  top: 0;
  left: 0;
  margin: 0; }
  .searchipad p {
    display: none; }
  .searchipad input {
    display: block;
    float: right; }
  .searchipad input[type=search] {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
    letter-spacing: 0.032em;
    transition: width 0.4s ease-in-out;
    font-weight: 300;
    float: left;
    height: 100%;
    font-family: "Roboto Slab", sans-serif;
    font-size: 2.4rem;
    letter-spacing: -0.010em;
    opacity: .9; }
    .searchipad input[type=search].placeholder {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.7rem;
      text-transform: uppercase;
      font-weight: 300; }
    .searchipad input[type=search]:-moz-placeholder {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.7rem;
      text-transform: uppercase;
      font-weight: 300; }
    .searchipad input[type=search]::-moz-placeholder {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.7rem;
      text-transform: uppercase;
      font-weight: 300; }
    .searchipad input[type=search]::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.7rem;
      text-transform: uppercase;
      font-weight: 300; }
    .searchipad input[type=search]::-webkit-input-placeholder {
      font-size: 2.4rem;
      letter-spacing: -0.010em;
      font-weight: 100;
      opacity: .68;
      text-transform: capitalize; }
    .searchipad input[type=search]:focus {
      outline: 0; }
  .searchipad input[type=submit] {
    position: absolute;
    right: 5%;
    width: 1%;
    border: 0;
    background: transparent;
    background: url(../images/magnifier-desktop_hover.svg) no-repeat;
    width: 37px;
    height: 37px;
    top: 50%;
    margin-top: -16px;
    text-indent: -9999;
    -webkit-animation-name: fade-r-to-l;
            animation-name: fade-r-to-l;
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
    .searchipad input[type=submit]:hover {
      background-color: #2b83ed; }

.trigger-bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 998;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.6);
  -webkit-animation-name: fadebox;
          animation-name: fadebox;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out; }

@media only screen and (max-width: 72.625em) {
  #searchipad .searchipad {
    overflow: hidden;
    height: 50%; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  #searchipad .searchipad {
    overflow: hidden;
    height: 12%; } }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* Style Rules */ }

/*375px*/
@media only screen and (max-width: 32.875em) {
  #searchipad .searchipad {
    overflow: hidden;
    height: 40%; }
    #searchipad .searchipad input[type=search] {
      -webkit-appearance: none;
      -webkit-text-decoration-color: rgba(255, 255, 255, 0.98) !important;
              text-decoration-color: rgba(255, 255, 255, 0.98) !important;
      opacity: 1; }
      #searchipad .searchipad input[type=search]::-webkit-input-placeholder {
        font-size: 2.2rem;
        letter-spacing: 0.032em;
        font-weight: 100;
        opacity: .6;
        text-transform: capitalize;
        font-weight: 300;
        -webkit-text-decoration-color: rgba(255, 255, 255, 0.98) !important;
                text-decoration-color: rgba(255, 255, 255, 0.98) !important; }
      #searchipad .searchipad input[type=search]::-webkit-calendar-picker-indicator {
        display: none; }
      #searchipad .searchipad input[type=search]:focus {
        outline: 0; }
    #searchipad .searchipad input[type=submit] {
      display: none;
      background-color: rgba(255, 255, 255, 0.98); }
    #searchipad .searchipad a.search-trigger {
      position: absolute;
      display: block;
      position: fixed;
      z-index: 9999998;
      top: 15px;
      right: 15px;
      width: 17px;
      height: 17px;
      background-color: black;
      -webkit-mask: url(../images/close.svg) no-repeat;
      mask: url(../images/close.svg) no-repeat;
      -webkit-animation-name: rotate3601x;
              animation-name: rotate3601x;
      -webkit-animation-duration: 400ms;
              animation-duration: 400ms;
      -webkit-animation-iteration-count: 2;
              animation-iteration-count: 2;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      display: block; }
      #searchipad .searchipad a.search-trigger:hover {
        cursor: pointer;
        background-color: #2b83ed; } }

#sprache-right {
  box-shadow: none;
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  z-index: 9999998;
  height: 100px; }
  #sprache-right ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #sprache-right ul li.triger {
      background: none; }
      #sprache-right ul li.triger a {
        cursor: pointer;
        padding: 17px;
        font-size: 1.5rem;
        letter-spacing: 0.032em;
        font-weight: 100;
        text-decoration: none;
        text-transform: uppercase;
        display: block;
        color: #2b83ed;
        display: block; }
        #sprache-right ul li.triger a:hover {
          text-decoration: underline; }
    #sprache-right ul li.active {
      background: none; }
      #sprache-right ul li.active a {
        padding: 21.5px;
        font-size: 1.5rem;
        letter-spacing: 0.032em;
        font-weight: 100;
        text-decoration: none;
        text-transform: uppercase;
        color: #2b83ed; }
        #sprache-right ul li.active a:hover {
          text-decoration: underline; }
    #sprache-right ul li a {
      display: none; }

.g-12.visible #sprache-right {
  z-index: -5; }

.visible #sprache-right {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  height: 100%;
  background: white;
  position: fixed; }
  .visible #sprache-right ul li {
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-name: rotate3601xfade-sprache1;
            animation-name: rotate3601xfade-sprache1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
    .visible #sprache-right ul li a {
      padding: 21.5px;
      font-size: 1.7rem;
      letter-spacing: 0.032em;
      font-weight: 100;
      text-decoration: none;
      text-transform: uppercase;
      display: block;
      color: #2b83ed; }
    .visible #sprache-right ul li.triger {
      display: none; }
    .visible #sprache-right ul li.active, .visible #sprache-right ul li:hover {
      background: #2b83ed; }
      .visible #sprache-right ul li.active a, .visible #sprache-right ul li:hover a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.98); }
    .visible #sprache-right ul li:nth-child(1) {
      -webkit-animation-duration: 300ms;
              animation-duration: 300ms; }
    .visible #sprache-right ul li:nth-child(2) {
      -webkit-animation-duration: 500ms;
              animation-duration: 500ms; }
    .visible #sprache-right ul li:nth-child(3) {
      -webkit-animation-duration: 800ms;
              animation-duration: 800ms; }
    .visible #sprache-right ul li:nth-child(4) {
      -webkit-animation-duration: 1000ms;
              animation-duration: 1000ms; }
    .visible #sprache-right ul li:nth-child(5) {
      -webkit-animation-duration: 1100ms;
              animation-duration: 1100ms; }
    .visible #sprache-right ul li:nth-child(6) {
      -webkit-animation-duration: 1200ms;
              animation-duration: 1200ms; }
    .visible #sprache-right ul li:nth-child(7) {
      -webkit-animation-duration: 1300ms;
              animation-duration: 1300ms; }

.trigger-black {
  transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  opacity: 0; }

.visible .trigger-black {
  display: block;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: 9999997;
  right: 0;
  cursor: pointer;
  top: 0; }

/*375px*/
.slider {
  /********** Przyciski **********/ }
  .slider .slide-viewer {
    position: relative;
    /* needed for IE7 */
    overflow: hidden;
    /* */
    height: 185px;
    /* */
    height: 190px;
    /* */ }
    .slider .slide-viewer .slide-group {
      width: 100%;
      /* */
      height: 100%;
      /* */
      position: relative;
      /* */ }
      .slider .slide-viewer .slide-group .slide {
        width: 100%;
        /* */
        height: 100%;
        /* */
        display: none;
        /* */
        position: absolute;
        /* */ }
        .slider .slide-viewer .slide-group .slide:first-child {
          display: block; }
        .slider .slide-viewer .slide-group .slide ul.sl {
          margin: 0 auto;
          padding: 0;
          list-style: none;
          display: flex;
          width: 88%;
          margin: 0 auto; }
          .slider .slide-viewer .slide-group .slide ul.sl li {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
            margin: 0;
            text-decoration: none;
            margin: 0 0.2%;
            overflow: hidden;
            border-radius: 2px;
            width: 33.33%; }
            .slider .slide-viewer .slide-group .slide ul.sl li a {
              display: block;
              text-decoration: none;
              border: 1px solid rgba(66, 13, 18, 0.4);
              box-sizing: border-box;
              border-radius: 4px;
              overflow: hidden; }
              .slider .slide-viewer .slide-group .slide ul.sl li a article {
                height: 150px;
                overflow: hidden;
                display: flex; }
                .slider .slide-viewer .slide-group .slide ul.sl li a article figure {
                  height: 150px;
                  margin: 0;
                  box-sizing: border-box; }
                  .slider .slide-viewer .slide-group .slide ul.sl li a article figure img {
                    height: 100%;
                    background: none;
                    background: #fff; }
                .slider .slide-viewer .slide-group .slide ul.sl li a article figure.werbungbrand-slider {
                  height: 140px;
                  margin: 0;
                  box-sizing: border-box;
                  background: #fff; }
                  .slider .slide-viewer .slide-group .slide ul.sl li a article figure.werbungbrand-slider img {
                    height: 100%;
                    background: none;
                    background: #fff; }
                .slider .slide-viewer .slide-group .slide ul.sl li a article hgroup {
                  background: rgba(66, 13, 18, 0.92);
                  display: block;
                  position: relative;
                  padding: 0 2%; }
                  .slider .slide-viewer .slide-group .slide ul.sl li a article hgroup h2 {
                    font-family: "Roboto Slab", sans-serif;
                    font-weight: 400;
                    font-size: 1.35rem;
                    letter-spacing: -0.021em;
                    color: rgba(255, 255, 255, 0.78);
                    margin: 0;
                    margin-top: 10px;
                    line-height: 18px;
                    text-transform: uppercase; }
                  .slider .slide-viewer .slide-group .slide ul.sl li a article hgroup span.price {
                    position: absolute;
                    bottom: 0;
                    display: block;
                    width: 90%;
                    color: rgba(255, 255, 255, 0.98);
                    font-size: 1.4rem;
                    font-family: "Roboto Slab", sans-serif;
                    letter-spacing: -0.021em;
                    font-weight: 400;
                    display: block;
                    border-top: 1px solid rgba(255, 255, 255, 0.21);
                    padding-top: 7px;
                    margin-top: 15px;
                    margin-bottom: 15px;
                    color: rgba(255, 255, 255, 0.9);
                    text-transform: uppercase; }
              .slider .slide-viewer .slide-group .slide ul.sl li a:hover {
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
                background: rgba(66, 13, 18, 0.99); }
  .slider a span[class^="arrow"] {
    position: absolute;
    width: 22px;
    height: 22px;
    display: block;
    background: url(../images/arrow-slider.svg) no-repeat;
    top: 64.5px; }
    .slider a span[class^="arrow"].arrow-left {
      left: 45px;
      transform: rotate(180deg); }
    .slider a span[class^="arrow"].arrow-right {
      right: 45px; }
  .slider a:hover span[class^="arrow"] {
    cursor: pointer;
    background: url(../images/arrow-slider_hover.svg) no-repeat; }
  .slider .slide-buttons {
    text-align: center;
    margin: -10px auto 0; }
  .slider .next {
    text-align: center; }
  .slider .slide-btn {
    outline: none;
    border: none;
    background: none;
    color: rgba(0, 0, 0, 0.1);
    font-size: 200%;
    line-height: 0.5em; }
  .slider .slide-btn.active, .slider .slide-btn:hover {
    color: #000;
    cursor: pointer; }
  .slider div.btn {
    width: 88%;
    margin: -25px auto 0;
    position: relative;
    z-index: 9; }
    .slider div.btn a {
      font-family: "Roboto Slab", sans-serif;
      display: inline-block;
      margin: 0 auto;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 100;
      float: right;
      border-radius: 2px; }
      .slider div.btn a.alle-uhren {
        background: #fffcf7;
        text-align: center;
        font-size: 1.6rem;
        padding: 14px 35px;
        margin-bottom: 16px;
        letter-spacing: -0.01em;
        border: 1px solid #b5b5b5;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        border-radius: 4px;
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65); }
        .slider div.btn a.alle-uhren:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          text-decoration: underline; }
  .slider div.btn-ads {
    width: 88%;
    margin: 0 auto;
    display: flex;
    justify-content: center; }
    .slider div.btn-ads a {
      font-family: "Roboto Slab", sans-serif;
      display: inline-block;
      text-decoration: none;
      text-transform: uppercase;
      font-weight: 100;
      border-radius: 20px; }
      .slider div.btn-ads a.alle-uhren {
        background: #0c192d;
        color: rgba(255, 255, 255, 0.8);
        text-align: center;
        font-size: 1.4rem;
        padding: 17px 35px;
        margin-bottom: 10px;
        letter-spacing: -0.01em;
        border-radius: 4px;
        font-weight: 500;
        display: flex;
        align-items: center;
        background: #fffcf7;
        margin-bottom: 16px;
        letter-spacing: -0.01em;
        /* border: 1px solid #b5b5b5; */
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
        /* border-radius: 4px; */
        font-weight: 400;
        color: rgba(0, 0, 0, 0.65);
        background: #A07556;
        color: rgba(255, 255, 255, 0.9);
        border: 1px solid #86634a; }
        .slider div.btn-ads a.alle-uhren span {
          margin-right: 3px; }
        .slider div.btn-ads a.alle-uhren:after {
          content: '';
          background: url(../images/arrow-grey.svg) no-repeat;
          width: 10px;
          height: 10px;
          display: block;
          margin-left: 7px;
          transform: rotateZ(90deg); }
        .slider div.btn-ads a.alle-uhren:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
          text-decoration: underline; }
  .slider blockquote {
    display: none; }
  .slider p:lang(de), .slider p:lang(en) {
    width: 88%;
    margin: 0 auto;
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
    font-size: 1.35rem;
    line-height: 18px;
    letter-spacing: -0.011em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin-top: 1.5%;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 14px; }
    .slider p:lang(de) strong a, .slider p:lang(en) strong a {
      color: rgba(0, 0, 0, 0.7);
      text-decoration: none; }

@media only screen and (max-width: 74em) {
  .slider .slide-viewer {
    height: 160px; }
    .slider .slide-viewer .slide-group .slide ul.sl {
      width: 95%; }
      .slider .slide-viewer .slide-group .slide ul.sl li a article {
        height: 120px; }
        .slider .slide-viewer .slide-group .slide ul.sl li a article figure {
          height: 120px; }
        .slider .slide-viewer .slide-group .slide ul.sl li a article hgroup h2 {
          font-size: 1.2rem;
          line-height: 15px; }
        .slider .slide-viewer .slide-group .slide ul.sl li a article hgroup span.price {
          font-size: 1.4rem;
          padding-top: 5px;
          margin-top: 5px;
          margin-bottom: 10px; }
  .slider a span[class^="arrow"] {
    display: none; }
  .slider div.btn {
    width: 95%; }
  .slider p:lang(de), .slider p:lang(en) {
    width: 95%;
    font-size: 1.3rem;
    line-height: 19px; } }

.slider2 .slide-container {
  width: 84%;
  margin: 0 auto;
  display: flex;
  flex-direction: column; }
  .slider2 .slide-container section.uhren {
    display: flex; }
    .slider2 .slide-container section.uhren a {
      display: flex;
      flex-direction: column;
      width: 20%;
      background: rgba(66, 13, 18, 0.92);
      font-size: 1.2rem;
      line-height: 17px;
      color: rgba(255, 255, 255, 0.78);
      text-decoration: none;
      font-family: "Roboto Slab", sans-serif;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      border-radius: 3px;
      box-shadow: 1px 0 5px rgba(43, 9, 12, 0.42);
      padding: 8px;
      margin: 0.35%;
      min-height: 265px; }
      .slider2 .slide-container section.uhren a div.image_content {
        flex: 1;
        margin-bottom: 10px; }
        .slider2 .slide-container section.uhren a div.image_content img {
          width: 100%; }
      .slider2 .slide-container section.uhren a div.title_content {
        justify-content: flex-start;
        display: flex;
        flex-direction: column;
        flex: 1; }
        .slider2 .slide-container section.uhren a div.title_content h3 {
          font-weight: 400;
          margin: 0;
          padding: 0;
          margin-bottom: 15px; }
        .slider2 .slide-container section.uhren a div.title_content span {
          align-self: flex-end; }
          .slider2 .slide-container section.uhren a div.title_content span.price {
            align-self: flex-start;
            font-size: 1.6rem;
            font-weight: 600; }
      .slider2 .slide-container section.uhren a:hover {
        background: rgba(66, 13, 18, 0.98); }
  .slider2 .slide-container a.btn-alle {
    display: block;
    background: #AB7C59;
    box-shadow: 0px 2px 15px rgba(167, 138, 116, 0.67);
    clear: both;
    margin: 20px auto 30px;
    width: 26%;
    border-radius: 3px;
    padding: 19px 8px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.6rem;
    text-decoration: none; }
    .slider2 .slide-container a.btn-alle:hover {
      background: #AB7C59;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 2px 40px rgba(167, 138, 116, 0.67); }

.slider2 p:lang(de), .slider2 p:lang(en) {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  font-size: 1.35rem;
  line-height: 18px;
  letter-spacing: -0.011em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  text-align: center;
  margin-top: 1.5%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 14px; }
  .slider2 p:lang(de) strong a, .slider2 p:lang(en) strong a {
    color: rgba(0, 0, 0, 0.7);
    text-decoration: none; }

@media only screen and (max-width: 74em) {
  .slider2 p:lang(de), .slider2 p:lang(en) {
    width: 95%;
    font-size: 1.3rem;
    line-height: 19px; } }

#sliderapp header {
  display: none; }

#sliderapp section hgroup {
  display: none; }

#sliderapp section div.slider {
  position: relative;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(0, 0, 0, 0.3); }
  #sliderapp section div.slider a.close-trigger {
    font-size: 1.1rem;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    z-index: 9;
    display: block;
    opacity: 0.8;
    display: flex;
    justify-content: flex-end; }
    #sliderapp section div.slider a.close-trigger:before {
      justify-content: flex-end;
      content: '';
      width: 14px;
      height: 14px;
      margin: 10px;
      background: rgba(255, 255, 255, 0.5) url(../images/full-screen.svg) center center no-repeat;
      border: 1px solid #C4C6C8;
      border-radius: 4px;
      padding: 7px 10px;
      transition: all 0.3s ease-in-out; }
    #sliderapp section div.slider a.close-trigger:hover::before {
      background: white url(../images/full-screen.svg) center center no-repeat;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  #sliderapp section div.slider ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #sliderapp section div.slider ul.slides-container {
      overflow: hidden;
      background: #fff; }
      #sliderapp section div.slider ul.slides-container img {
        width: 100%; }

#sliderapp section div#bx-pager {
  width: 100%;
  display: flex;
  Justify-content: space-between;
  padding-bottom: 0;
  margin-top: 10px; }
  #sliderapp section div#bx-pager a {
    margin: 2% 2%;
    display: block;
    width: 65px;
    overflow: hidden;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    padding-bottom: 2px; }
    #sliderapp section div#bx-pager a:hover {
      border-bottom: 2px solid #2b83ed; }
    #sliderapp section div#bx-pager a.active {
      border-bottom: 2px solid #2b83ed; }
    #sliderapp section div#bx-pager a img {
      width: 100%; }
    #sliderapp section div#bx-pager a:first-child {
      margin: 2% 0; }
    #sliderapp section div#bx-pager a:last-child {
      margin: 2% 0; }

#sliderapp.visible {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(49, 49, 49, 0.99);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
  #sliderapp.visible::scrollbar {
    display: none; }
  #sliderapp.visible::-webkit-scrollbar {
    display: none; }
  #sliderapp.visible header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2%;
    height: 80px;
    width: 96%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.25);
    background: #292928;
    position: fixed;
    z-index: 9999999; }
    #sliderapp.visible header a {
      display: block; }
      #sliderapp.visible header a.logo {
        width: 65px;
        height: 42px; }
      #sliderapp.visible header a.close-trigger {
        width: 21px;
        height: 21px;
        opacity: 0.7;
        background: url(../images/cross-out.svg) no-repeat; }
        #sliderapp.visible header a.close-trigger:hover {
          opacity: 0.5;
          -webkit-animation-name: rotate3601x;
                  animation-name: rotate3601x;
          -webkit-animation-duration: 400ms;
                  animation-duration: 400ms;
          -webkit-animation-iteration-count: 1;
                  animation-iteration-count: 1;
          -webkit-animation-timing-function: ease-out;
                  animation-timing-function: ease-out;
          cursor: pointer; }
  #sliderapp.visible section {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90%; }
    #sliderapp.visible section hgroup {
      display: flex;
      justify-content: space-between;
      color: rgba(255, 255, 255, 0.6);
      line-height: 32px;
      padding: 2%; }
      #sliderapp.visible section hgroup h2 {
        margin: 0;
        font-size: 2.4rem;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.02em;
        font-weight: 100; }
        #sliderapp.visible section hgroup h2 em {
          font-style: normal; }
      #sliderapp.visible section hgroup span.price {
        margin: 0;
        font-size: 2.4rem;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.02em;
        font-weight: 100; }
    #sliderapp.visible section div.slider {
      max-width: 639px;
      width: 100%;
      margin: 0 auto; }
      #sliderapp.visible section div.slider ul {
        list-style: none;
        padding: 0;
        margin: 0; }
        #sliderapp.visible section div.slider ul.slides-container {
          overflow: hidden;
          background: #fff; }
          #sliderapp.visible section div.slider ul.slides-container img {
            width: 100%; }
      #sliderapp.visible section div.slider a.close-trigger {
        display: none; }
    #sliderapp.visible section div#bx-pager {
      width: 100%;
      display: flex;
      align-items: center;
      Justify-content: center;
      padding-bottom: 5%;
      overflow: hidden; }
      #sliderapp.visible section div#bx-pager a {
        display: block;
        width: 140px;
        margin: 0.5%;
        overflow: hidden;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        padding-bottom: 2px; }
        #sliderapp.visible section div#bx-pager a:hover {
          border-bottom: 2px solid #2b83ed; }
        #sliderapp.visible section div#bx-pager a.active {
          border-bottom: 2px solid #2b83ed; }
        #sliderapp.visible section div#bx-pager a img {
          width: 100%; }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* Style Rules */ }

@media only screen and (max-width: 768px) {
  #sliderapp section div#bx-pager {
    margin-top: 4%; }
  #sliderapp.visible section hgroup h2 {
    width: 70%; }
  #sliderapp.visible section hgroup span {
    width: 20%; }
    #sliderapp.visible section hgroup span.price {
      text-align: right; } }

/*375px*/
@media only screen and (max-width: 32.875em) {
  #sliderapp section div.slider a.close-trigger {
    right: 4%;
    top: 4%;
    padding: 1.5%;
    display: block;
    width: 96%;
    height: auto; }
    #sliderapp section div.slider a.close-trigger::before {
      padding: 7px 15px;
      margin: 0; }
  #sliderapp.visible header {
    height: 60px; }
    #sliderapp.visible header a.close-trigger {
      width: 21px;
      height: 21px; }
  #sliderapp.visible section hgroup {
    flex-direction: column; }
    #sliderapp.visible section hgroup h2 {
      width: 100%;
      font-size: 1.5rem;
      line-height: 21px;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    #sliderapp.visible section hgroup span {
      width: 100%; }
      #sliderapp.visible section hgroup span.price {
        color: rgba(255, 255, 255, 0.6);
        font-weight: 700;
        font-size: 1.5em;
        text-align: left; }
      #sliderapp.visible section hgroup span.price:before {
        content: "Preis: "; } }

#marke-wahlen {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  position: fixed;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  letter-spacing: 0.032em;
  overflow-x: hidden;
  padding: 5%;
  width: 85%;
  left: 2.5%;
  top: 2.5%;
  height: 87.5%;
  background: #fff;
  z-index: 999999999;
  border-radius: 4px;
  padding-bottom: 40px; }
  #marke-wahlen header {
    margin-bottom: 40px; }
    #marke-wahlen header a {
      position: absolute;
      top: 20px;
      right: 20px;
      -webkit-animation-name: rotate3601x;
              animation-name: rotate3601x;
      -webkit-animation-duration: 400ms;
              animation-duration: 400ms;
      -webkit-animation-iteration-count: 2;
              animation-iteration-count: 2;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out; }
      #marke-wahlen header a.close-trigger {
        width: 20px;
        height: 20px;
        opacity: 0.4;
        background: url(../images/close.svg) no-repeat; }
        #marke-wahlen header a.close-trigger:hover {
          cursor: pointer; }
  #marke-wahlen ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    #marke-wahlen ul li {
      margin: 1px; }
      #marke-wahlen ul li a {
        border-radius: 2px;
        font-size: 1.4rem;
        color: rgba(0, 0, 0, 0.9);
        background: #e5e5e5;
        padding: 17px 0 17px 20px;
        display: block;
        text-transform: uppercase;
        text-decoration: none; }
        #marke-wahlen ul li a span {
          color: rgba(0, 0, 0, 0.4); }
          #marke-wahlen ul li a span:before {
            content: '('; }
          #marke-wahlen ul li a span:after {
            content: ')'; }
        #marke-wahlen ul li a:hover, #marke-wahlen ul li a.active {
          background: #ccc;
          cursor: pointer; }
      #marke-wahlen ul li ul.rolexmarken {
        display: none; }
        #marke-wahlen ul li ul.rolexmarken li a {
          border-radius: 0px;
          background: rgba(255, 255, 255, 0.8);
          padding: 17px 0 17px 40px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
        #marke-wahlen ul li ul.rolexmarken li:hover, #marke-wahlen ul li ul.rolexmarken li.active {
          background: #ccc; }
        #marke-wahlen ul li ul.rolexmarken li:last-child a {
          color: #2b83ed;
          text-decoration: underline; }
      #marke-wahlen ul li ul.rolexmarken.visible {
        display: block; }

@media only screen and (max-width: 32.875em) {
  #marke-wahlen {
    height: 80%;
    width: 80%;
    left: 5%;
    top: 2.5%; } }

#sortieren-mobile {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  position: fixed;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  letter-spacing: 0.032em;
  overflow-x: hidden;
  padding: 5%;
  width: 90%;
  height: 100%;
  background: #fff;
  z-index: 999999999;
  border-radius: 4px;
  padding-bottom: 40px; }
  #sortieren-mobile header {
    margin-bottom: 40px; }
    #sortieren-mobile header a {
      position: absolute;
      top: 20px;
      right: 20px;
      -webkit-animation-name: rotate3601x;
              animation-name: rotate3601x;
      -webkit-animation-duration: 400ms;
              animation-duration: 400ms;
      -webkit-animation-iteration-count: 2;
              animation-iteration-count: 2;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out; }
      #sortieren-mobile header a.close-trigger {
        width: 20px;
        height: 20px;
        opacity: 0.4;
        background: url(../images/close.svg) no-repeat; }
        #sortieren-mobile header a.close-trigger:hover {
          cursor: pointer; }
  #sortieren-mobile div.wrap {
    display: flex;
    flex-direction: column; }
    #sortieren-mobile div.wrap div {
      display: flex;
      flex-wrap: wrap; }
      #sortieren-mobile div.wrap div header {
        width: 100%;
        text-align: center;
        font-size: 1.6rem;
        margin: 15px 0 20px 0;
        padding: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
      #sortieren-mobile div.wrap div a {
        font-size: 1.3rem;
        display: block;
        width: calc( 50% - 34px);
        color: rgba(0, 0, 0, 0.9);
        text-decoration: none;
        background: #e5e5e5;
        border-radius: 3px;
        padding: 15px;
        margin: 2px;
        text-align: center; }
        #sortieren-mobile div.wrap div a:hover {
          background: #ccc; }
        #sortieren-mobile div.wrap div a.active {
          color: #fff;
          background: #2b83ed;
          font-weight: bold; }

#sortieren-mobile2 {
  width: 50%;
  height: 100%;
  margin-right: -200%;
  float: right;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  letter-spacing: 0.021em; }
  #sortieren-mobile2 .wrapper-nav-drawer {
    overflow: hidden;
    width: 100%;
    height: auto;
    text-transform: uppercase;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    background: white; }
    #sortieren-mobile2 .wrapper-nav-drawer nav {
      width: 90%;
      padding: 2% 5% 8%;
      min-height: 100%; }
      #sortieren-mobile2 .wrapper-nav-drawer nav div {
        margin-top: 10px; }
        #sortieren-mobile2 .wrapper-nav-drawer nav div h4 {
          border-bottom: 1px solid #2b83ed;
          color: #2b83ed;
          font-size: 1.6rem;
          padding: 10px 0;
          text-align: center;
          margin: 0;
          font-weight: 400; }
        #sortieren-mobile2 .wrapper-nav-drawer nav div ul {
          margin: 5px 0;
          padding: 10px 0;
          background: #E9E9E9;
          border-radius: 4px;
          list-style: none; }
          #sortieren-mobile2 .wrapper-nav-drawer nav div ul li a {
            text-decoration: none;
            font-size: 1.2rem;
            padding: 8px 0;
            color: rgba(0, 0, 0, 0.9);
            display: block;
            text-align: center; }
            #sortieren-mobile2 .wrapper-nav-drawer nav div ul li a:hover {
              color: #2b83ed;
              background: #dfdfdf; }
            #sortieren-mobile2 .wrapper-nav-drawer nav div ul li a.active {
              color: #fff;
              background: #2b83ed; }
          #sortieren-mobile2 .wrapper-nav-drawer nav div ul li ul {
            padding: 0;
            margin: 10px;
            background: #bbb; }
            #sortieren-mobile2 .wrapper-nav-drawer nav div ul li ul li a:hover {
              background: #5a5a5a;
              color: #fff; }
            #sortieren-mobile2 .wrapper-nav-drawer nav div ul li ul li a.active {
              background: #5a5a5a;
              color: #fff; }

.g-342 .trigger-black {
  opacity: 0;
  transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out; }

.g-342.visible #sortieren-mobile2 {
  display: block;
  margin-right: 0%;
  transition: margin-right .31s ease-out;
  -webkit-transition: margin-right .31s ease-out; }

.g-342.visible .trigger-black {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: -1;
  right: 0;
  cursor: pointer; }

/*375px*/
@media only screen and (max-width: 45em) {
  #sortieren-mobile2 {
    margin-left: -82%;
    width: 82%; }
  .g-342.visible #sortieren-mobile2 {
    margin-left: 0%; } }

#pagination {
  font-family: "Roboto Slab", sans-serif;
  font-size: 1.4rem;
  letter-spacing: -0.010em;
  font-weight: 100;
  text-transform: uppercase;
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }
  #pagination a {
    display: block;
    color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.18);
    padding: 16px;
    padding: 12px 6px;
    border-radius: 4px;
    margin: 0.5%; }
    #pagination a:hover {
      background: rgba(0, 0, 0, 0.06); }
    #pagination a.active {
      font-weight: 400;
      color: #0c192d;
      background: rgba(0, 0, 0, 0.06);
      border-left: 1px solid rgba(0, 0, 0, 0);
      border-top: 1px solid rgba(0, 0, 0, 0);
      border-right: 1px solid rgba(0, 0, 0, 0);
      border-bottom: 1px solid #0c192d;
      font-size: 2.1rem;
      padding: 20px 16px; }
    #pagination a.inactive {
      pointer-events: none;
      cursor: default;
      opacity: 0.4; }

@media only screen and (max-width: 48em) {
  #pagination {
    width: 95%;
    justify-content: space-between; }
    #pagination a {
      display: none;
      padding: 12px 6px;
      font-size: 1.1rem; }
      #pagination a:first-child {
        display: block; }
      #pagination a:nth-last-child(-n+2) {
        display: block;
        border: none;
        opacity: 0.5; }
        #pagination a:nth-last-child(-n+2):before {
          content: '/ von...'; }
      #pagination a:last-child {
        display: block;
        color: rgba(0, 0, 0, 0.8);
        text-decoration: none;
        border: 1px solid rgba(0, 0, 0, 0.18);
        opacity: 1; }
        #pagination a:last-child:before {
          display: none; }
      #pagination a.active {
        display: block;
        flex-item: center;
        flex: 2;
        text-align: center; }
      #pagination a.active {
        display: block; }
      #pagination a.active {
        color: #2b83ed;
        font-weight: 400;
        padding: 15px 10px;
        background: none; } }

#zustand {
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 2px; }
  #zustand h5 {
    cursor: pointer;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    font-size: 1.8rem;
    letter-spacing: -0.03em;
    margin: 0;
    padding: 2% 1%; }
    #zustand h5:after {
      content: '';
      color: rgba(255, 255, 255, 0.98);
      background: #2b83ed;
      text-align: right;
      float: right;
      width: 18px;
      height: 18px;
      display: block;
      padding: 0;
      text-align: center;
      background: url(../images/arrow-nav-draw-blue.svg) no-repeat;
      transform: rotate(90deg); }
  #zustand > div {
    border: 1px solid rgba(0, 0, 0, 0.18);
    margin-top: 20px;
    overflow: hidden;
    padding: 10px;
    border-radius: 2px; }
    #zustand > div table {
      line-height: 21px;
      float: left;
      width: 100%;
      font-weight: 100; }
      #zustand > div table tr {
        margin-top: .3%;
        margin-bottom: 1.3%; }
        #zustand > div table tr td {
          font-weight: 300;
          line-height: 21px;
          font-size: 1.1rem;
          letter-spacing: 0.04em;
          color: rgba(0, 0, 0, 0.7);
          margin-bottom: 10px;
          border-bottom: 1px solid #eee;
          padding-bottom: 10px;
          width: 50%;
          vertical-align: top; }
          #zustand > div table tr td h2 {
            font-family: "Roboto Slab", sans-serif;
            font-weight: 100;
            font-size: 1.7rem;
            letter-spacing: -0.021em;
            margin: 2% 0 3%; }
          #zustand > div table tr td strong {
            display: inline;
            color: black;
            font-size: 1.2rem;
            font-weight: 400;
            letter-spacing: 0.037em; }
  #zustand.visible h5:after {
    content: '';
    color: rgba(255, 255, 255, 0.98);
    text-align: right;
    float: right;
    width: 18px;
    height: 18px;
    display: block;
    padding: 0;
    text-align: center;
    background: url(../images/arrow-nav-draw-blue.svg) no-repeat;
    -webkit-animation-name: rotate-901x;
            animation-name: rotate-901x;
    -webkit-animation-duration: 200ms;
            animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    transform: rotate(0deg); }
  #zustand.visible > div {
    display: none; }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  /* Style Rules */
  #zustand > div table tr td {
    font-weight: 100; } }

@media only screen and (max-width: 600px) {
  #zustand h5 {
    padding: 5% 2%;
    border: none; }
  #zustand > div {
    margin-top: 10px; }
    #zustand > div table {
      display: block; }
      #zustand > div table tr {
        width: 100%; } }

@media only screen and (min-device-pixel-ratio: 2), only screen and (max-width: 35em) {
  #zustand h5 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.7);
    text-align: center; }
  #zustand > div table {
    display: block; }
    #zustand > div table tr {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      #zustand > div table tr td {
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px; } }

@media only screen and (max-width: 35em) {
  #zustand h5 {
    display: block;
    padding: 2% 2%;
    margin-top: 20px; } }

@media print {
  #zustand h5 {
    font-size: 8pt;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 0 10px 0;
    letter-spacing: 0;
    border-bottom: 1px solid #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
    #zustand h5:after {
      display: none; }
  #zustand > div {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border: none;
    padding: 0;
    margin: 0; }
    #zustand > div table tbody {
      display: flex;
      flex-wrap: wrap; }
      #zustand > div table tbody tr {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        display: flex; }
        #zustand > div table tbody tr td {
          width: 50%;
          letter-spacing: 0;
          color: #000;
          font-weight: 400;
          line-height: 12px;
          border-bottom: 0;
          font-size: 5pt; }
          #zustand > div table tbody tr td h2 {
            font-size: 7pt;
            font-weight: bold;
            margin: 0 0 10px 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
          #zustand > div table tbody tr td strong {
            font-size: 7pt;
            font-weight: bold; } }

#beschreibung {
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 2px; }
  #beschreibung h5 {
    cursor: pointer;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    font-size: 1.8rem;
    letter-spacing: -0.03em;
    margin: 0;
    padding: 2% 1%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
    #beschreibung h5:after {
      content: '';
      color: rgba(255, 255, 255, 0.98);
      background: #2b83ed;
      text-align: right;
      float: right;
      width: 18px;
      height: 18px;
      display: block;
      padding: 0;
      text-align: center;
      background: url(../images/arrow-nav-draw-blue.svg) no-repeat;
      transform: rotate(90deg); }
  #beschreibung > div {
    overflow: hidden;
    padding: 1%;
    line-height: 21px; }
    #beschreibung > div p {
      margin: 0;
      padding: 4px;
      letter-spacing: 0.032em;
      font-size: 1.4rem;
      font-weight: 400;
      text-transform: initial;
      font-weight: normal;
      letter-spacing: 0.037em;
      color: rgba(0, 0, 0, 0.9); }
      #beschreibung > div p strong, #beschreibung > div p b {
        text-transform: initial;
        font-weight: normal;
        letter-spacing: 0.037em;
        color: rgba(0, 0, 0, 0.9); }
      #beschreibung > div p:empty {
        display: none; }
  #beschreibung.visible h5 {
    padding-bottom: 2%; }
    #beschreibung.visible h5:after {
      content: '';
      color: rgba(255, 255, 255, 0.98);
      text-align: right;
      float: right;
      width: 18px;
      height: 18px;
      display: block;
      padding: 0;
      text-align: center;
      background: url(../images/arrow-nav-draw-blue.svg) no-repeat;
      -webkit-animation-name: rotate-901x;
              animation-name: rotate-901x;
      -webkit-animation-duration: 200ms;
              animation-duration: 200ms;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      transform: rotate(0deg); }
  #beschreibung.visible > div {
    display: none; }

@media only screen and (max-width: 48em) {
  #beschreibung h5 {
    padding: 2%;
    cursor: pointer; }
  #beschreibung p {
    color: rgba(0, 0, 0, 0.7); } }

@media only screen and (max-width: 35.625em) {
  #beschreibung {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    #beschreibung h5 {
      font-size: 1.6rem;
      font-weight: 400;
      margin-top: 10px;
      color: rgba(0, 0, 0, 0.7);
      text-align: center;
      border: none;
      margin-bottom: 5px; }
    #beschreibung > div {
      padding: 1% 3%;
      line-height: 21px; }
      #beschreibung > div p {
        font-size: 1.3rem; } }

/*375px*/
@media only screen and (max-width: 25.875em) {
  #beschreibung h5 {
    display: block;
    padding: 2%; }
  #beschreibung.visible h5 {
    padding-bottom: 2%; } }

@media print {
  #beschreibung h5 {
    font-size: 8pt;
    font-weight: bold;
    padding: 10px 0;
    margin: 0 0 10px 0;
    letter-spacing: 0;
    border-bottom: 1px solid #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
    #beschreibung h5:after {
      display: none; }
  #beschreibung > div {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    border: none;
    padding: 0;
    margin: 0 0 20px 0; }
    #beschreibung > div p {
      padding: 0;
      margin: 0;
      font-size: 7pt;
      line-height: 14px;
      letter-spacing: 0;
      font-weight: 400; } }

#promo-box-left {
  margin: 5% 0;
  text-transform: initial;
  overflow: hidden;
  border-radius: 2px; }
  #promo-box-left h4 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    letter-spacing: -0.010em;
    text-align: center;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.8);
    margin: 7% 0 7% 0; }
  #promo-box-left a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background: #fff;
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.18);
    display: block;
    width: 60%;
    margin: 0 auto;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.8);
    border-radius: 4px; }
    #promo-box-left a article {
      padding: 10%; }
      #promo-box-left a article p:first-child {
        font-size: 1.4rem;
        margin: 0 0 10% 0;
        text-align: center;
        text-decoration: none; }
        #promo-box-left a article p:first-child abbr {
          color: rgba(0, 0, 0, 0.7);
          text-decoration: none; }
          #promo-box-left a article p:first-child abbr:after {
            content: ': '; }
        #promo-box-left a article p:first-child b {
          font-weight: 700; }
      #promo-box-left a article figure {
        width: auto;
        margin: 0 auto;
        overflow: hidden; }
        #promo-box-left a article figure img {
          width: 100%; }
      #promo-box-left a article hgroup h2 {
        font-weight: 400;
        text-decoration: none;
        text-align: center;
        font-family: "Roboto Slab", sans-serif;
        letter-spacing: -0.010em;
        line-height: 17px;
        font-size: 1.4rem;
        color: rgba(0, 0, 0, 0.7); }
      #promo-box-left a article hgroup p {
        font-size: 1.4rem;
        text-align: center;
        margin: 0; }
        #promo-box-left a article hgroup p em {
          font-style: normal;
          font-family: "Roboto Slab", sans-serif; }
          #promo-box-left a article hgroup p em abbr {
            text-decoration: none; }
            #promo-box-left a article hgroup p em abbr:before {
              content: ' '; }
        #promo-box-left a article hgroup p span {
          margin-top: 40px;
          display: block;
          color: rgba(255, 255, 255, 0.98);
          font-family: "Roboto Slab", sans-serif;
          background: #141b1b;
          background: #0c192d;
          font-weight: 400;
          font-size: 1.5rem;
          margin: 0;
          padding: 11%;
          margin-top: 20%;
          border-radius: 4px; }
          #promo-box-left a article hgroup p span:hover {
            text-decoration: underline; }

/*375px*/
#formular-box-left {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  background: #eee;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.18);
  text-transform: uppercase;
  margin: 30% 0;
  border-radius: 4px; }
  #formular-box-left a.close {
    display: none; }
  #formular-box-left article {
    margin: 5% 5% 10% 5%; }
    #formular-box-left article p {
      font-size: 1.4rem;
      margin: 0; }
      #formular-box-left article p abbr {
        text-decoration: none;
        color: rgba(0, 0, 0, 0.7); }
        #formular-box-left article p abbr:after {
          content: ': '; }
        #formular-box-left article p abbr b {
          font-weight: 700; }
    #formular-box-left article div {
      overflow: hidden;
      width: 90%;
      margin: 5% auto 10%; }
      #formular-box-left article div figure {
        width: 50%;
        height: 100px;
        float: left;
        margin: 0;
        overflow: hidden; }
        #formular-box-left article div figure img {
          height: 100%; }
      #formular-box-left article div hgroup {
        float: right;
        width: 45%;
        font-family: "Roboto Slab", sans-serif; }
        #formular-box-left article div hgroup h3 {
          font-weight: 100;
          font-size: 1.2rem;
          line-height: 17px;
          margin-top: 0; }
        #formular-box-left article div hgroup span {
          font-weight: 400;
          font-size: 1.6rem;
          letter-spacing: -0.03em; }
    #formular-box-left article a {
      font-family: "Roboto Slab", sans-serif;
      font-weight: 400;
      display: block;
      margin: 0 auto;
      text-decoration: none;
      text-align: center;
      box-sizing: border-box;
      padding: 7% 0;
      font-size: 1.6rem;
      width: 90%;
      letter-spacing: -0.01em; }
      #formular-box-left article a.cta {
        color: rgba(255, 255, 255, 0.8);
        background: rgba(66, 13, 18, 0.92);
        border-radius: 4px; }
        #formular-box-left article a.cta:hover {
          text-decoration: underline;
          cursor: pointer; }
      #formular-box-left article a[href^="tel"] {
        font-size: 1.6rem;
        letter-spacing: -0.01em;
        color: rgba(0, 0, 0, 0.8);
        font-weight: 400; }
        #formular-box-left article a[href^="tel"]:hover {
          text-decoration: underline;
          cursor: pointer; }
    #formular-box-left article span.oder {
      text-align: center;
      display: block;
      font-size: 1.4rem;
      letter-spacing: -0.01em;
      color: rgba(0, 0, 0, 0.7);
      font-family: "Roboto Slab", sans-serif;
      padding: 10px 0; }
  #formular-box-left.fix {
    -webkit-animation-name: fadebox;
            animation-name: fadebox;
    -webkit-animation-duration: 200ms;
            animation-duration: 200ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.18);
    position: fixed;
    top: 0;
    left: 0;
    width: 18.2%;
    margin-left: 3%;
    margin-top: 1%;
    z-index: 1; }
    #formular-box-left.fix.fix-close {
      display: none; }
    #formular-box-left.fix a.close {
      cursor: pointer;
      display: block;
      position: absolute;
      top: 12px;
      right: 12px;
      width: 12px;
      height: 12px;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-mask: url(../images/close.svg) no-repeat;
      mask: url(../images/close.svg) no-repeat;
      -webkit-animation-name: rotate3601x;
              animation-name: rotate3601x;
      -webkit-animation-duration: 400ms;
              animation-duration: 400ms;
      -webkit-animation-iteration-count: 1;
              animation-iteration-count: 1;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out; }
      #formular-box-left.fix a.close:hover {
        opacity: .5; }
    #formular-box-left.fix article a.cta {
      color: rgba(255, 255, 255, 0.94);
      background: #0c192d;
      font-size: 1.6rem; }
    #formular-box-left.fix article a[href^="tel"] {
      font-size: 2.1rem;
      letter-spacing: -0.065em;
      color: #b8857c;
      font-weight: 400;
      border: none; }
      #formular-box-left.fix article a[href^="tel"]:hover {
        text-decoration: underline;
        cursor: pointer; }
  #formular-box-left.fix-close {
    display: none; }

/*375px*/
.werbung #footer {
  margin-bottom: 300px; }

#footer .gototop {
  padding: 15px;
  float: right;
  background: none;
  margin-right: 1%;
  opacity: 0;
  transition: opacity 0.4s ease-in-out; }
  #footer .gototop:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: none; }
  #footer .gototop:hover:after {
    background-color: none; }

#footer .gototop.disp {
  background: rgba(0, 0, 0, 0.92);
  opacity: 1;
  transition: opacity 0.4s ease-in-out; }
  #footer .gototop.disp:after {
    background: url(../images/arrow-footer.svg) no-repeat;
    transform: rotate(-90deg); }
  #footer .gototop.disp:hover:after {
    background: url(../images/arrow-footer_hover.svg) no-repeat; }

#footer footer {
  clear: both;
  bottom: 0;
  font-size: 1.2rem;
  letter-spacing: 0.021em;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background: #141414;
  line-height: 23px;
  text-transform: uppercase;
  /* |foot-3-col */
  /* foot-3-col| */ }
  #footer footer .col-3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto; }
    #footer footer .col-3 > div {
      float: left;
      width: 30.333%;
      padding: 0 2%; }
    #footer footer .col-3 > div:nth-child(-n+2) {
      box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.21); }
    #footer footer .col-3 div:nth-child(1) ul {
      padding: 0;
      list-style: none; }
      #footer footer .col-3 div:nth-child(1) ul li a {
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none; }
      #footer footer .col-3 div:nth-child(1) ul li.jobs-und-karriere {
        margin-top: 30px; }
        #footer footer .col-3 div:nth-child(1) ul li.jobs-und-karriere a {
          border: 1px solid rgba(255, 255, 255, 0.2);
          border-radius: 2px;
          padding: 4px 8px;
          margin-top: 10px; }
          #footer footer .col-3 div:nth-child(1) ul li.jobs-und-karriere a:hover {
            cursor: pointer; }
      #footer footer .col-3 div:nth-child(1) ul li:nth-child(-n+2) a {
        font-size: 1.8rem; }
      #footer footer .col-3 div:nth-child(1) ul li a:hover {
        text-decoration: underline; }
      #footer footer .col-3 div:nth-child(1) ul li a.active {
        text-decoration: underline; }
      #footer footer .col-3 div:nth-child(1) ul li:nth-child(2) {
        margin-bottom: 20px; }
    #footer footer .col-3 .trusted-seller {
      margin-top: 10%; }
      #footer footer .col-3 .trusted-seller a {
        color: rgba(255, 255, 255, 0.6); }
        #footer footer .col-3 .trusted-seller a p {
          margin: 0; }
        #footer footer .col-3 .trusted-seller a img {
          width: 80px;
          height: 80px;
          margin: 0 auto;
          margin-left: -14px; }
        #footer footer .col-3 .trusted-seller a:hover {
          text-decoration: underline; }
    #footer footer .col-3 .app-icon {
      overflow: hidden;
      margin-top: 161px; }
      #footer footer .col-3 .app-icon div {
        float: left; }
      #footer footer .col-3 .app-icon a {
        display: block;
        float: left;
        cursor: pointer; }
      #footer footer .col-3 .app-icon .app-store {
        width: 107px;
        height: 32px;
        margin-right: 15px;
        background: url(../images/apple-app-on-app-store.svg) no-repeat; }
      #footer footer .col-3 .app-icon .google-play {
        width: 106px;
        height: 32px;
        background: url(../images/android-ap-on-google-play.svg) no-repeat; }
    #footer footer .col-3 div:nth-child(2) p a:hover {
      text-decoration: underline; }
    #footer footer .col-3 div:nth-child(2) p a.jobs-und-karriere {
      display: none; }
    #footer footer .col-3 div:nth-child(2) p:first-child span {
      display: block; }
    #footer footer .col-3 div:nth-child(2) p:last-child {
      margin-top: 88px; }
    #footer footer .col-3 div:nth-child(3) {
      height: 100%;
      position: absolute;
      right: 0; }
      #footer footer .col-3 div:nth-child(3) p > span {
        display: block; }
      #footer footer .col-3 div:nth-child(3) p span:last-of-type {
        padding-left: 30px; }
      #footer footer .col-3 div:nth-child(3) a[href^="tel"] {
        display: inline-block;
        color: rgba(255, 255, 255, 0.6);
        padding-left: 30px;
        margin-top: 10px;
        margin-bottom: 3px;
        font-weight: 600; }
        #footer footer .col-3 div:nth-child(3) a[href^="tel"]:before {
          content: 'tel.: '; }
      #footer footer .col-3 div:nth-child(3) a[href^="http"] {
        display: block;
        color: rgba(255, 255, 255, 0.4); }
        #footer footer .col-3 div:nth-child(3) a[href^="http"] address {
          font-weight: 600;
          font-style: normal; }
          #footer footer .col-3 div:nth-child(3) a[href^="http"] address ins {
            font-style: normal;
            text-decoration: none; }
          #footer footer .col-3 div:nth-child(3) a[href^="http"] address:before {
            content: '';
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            margin-top: 8px;
            margin-right: 3px;
            background: url(../images/pin-footer.svg) no-repeat; }
          #footer footer .col-3 div:nth-child(3) a[href^="http"] address:hover:before {
            -webkit-animation-name: fadetobottom;
                    animation-name: fadetobottom;
            -webkit-animation-duration: 300ms;
                    animation-duration: 300ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            background: url(../images/pin-footer_hover.svg) no-repeat; }
      #footer footer .col-3 div:nth-child(3) .slogan {
        background: url(../images/footer-shop-front2.png) top right no-repeat;
        padding-bottom: 20px;
        background-size: contain;
        position: relative;
        width: 100%;
        height: 40%;
        bottom: 0px;
        left: 0; }
        #footer footer .col-3 div:nth-child(3) .slogan blockquote {
          font-family: "Roboto Slab";
          color: rgba(255, 255, 255, 0.4);
          text-transform: none;
          margin: 10px 35px; }
          #footer footer .col-3 div:nth-child(3) .slogan blockquote span {
            display: block; }
            #footer footer .col-3 div:nth-child(3) .slogan blockquote span:first-child {
              font-size: 1.4rem;
              letter-spacing: -0.01em; }
            #footer footer .col-3 div:nth-child(3) .slogan blockquote span:last-child {
              padding-left: 13px;
              font-size: 1.8rem;
              letter-spacing: -0.03em; }
        #footer footer .col-3 div:nth-child(3) .slogan .logo-mono {
          display: block;
          bottom: 10px;
          right: 0;
          position: absolute;
          width: 143px;
          height: 56px;
          background: url(../images/logo-mono.svg) no-repeat; }
  #footer footer div.emails {
    margin: 25px 0; }
    #footer footer div.emails:before {
      content: 'E-mail: ';
      display: block;
      width: 60%;
      color: rgba(255, 255, 255, 0.4); }
    #footer footer div.emails a {
      color: rgba(255, 255, 255, 0.4); }
  #footer footer a.fax {
    color: rgba(255, 255, 255, 0.6); }
  #footer footer div.copy {
    clear: both;
    background: rgba(0, 0, 0, 0.42);
    background: rgba(0, 0, 0, 0.15); }
    #footer footer div.copy p {
      margin: 0;
      padding: 20px 0;
      letter-spacing: 0.021em;
      text-align: center; }

@media only screen and (max-width: 74em) {
  #footer footer .col-3 {
    width: 95%; } }

@media only screen and (max-width: 54em) {
  #footer footer {
    /* |foot-3-col */
    /* foot-3-col| */ }
    #footer footer .col-3 > div {
      float: left;
      width: 45%;
      padding: 4% 2% 10%; }
    #footer footer .col-3 > div:nth-child(-n+2) {
      box-shadow: none; }
    #footer footer .col-3 div:nth-child(1) {
      display: none; }
    #footer footer .col-3 div:nth-child(2) p:first-child span {
      display: none; }
    #footer footer .col-3 div:nth-child(2) p:first-child a.jobs-und-karriere {
      display: inline-block;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 2px;
      padding: 8px 12px;
      margin-top: 20px;
      color: rgba(255, 255, 255, 0.6); }
      #footer footer .col-3 div:nth-child(2) p:first-child a.jobs-und-karriere:hover {
        cursor: pointer; }
    #footer footer .col-3 div:nth-child(2) p:nth-last-of-type(-n+2) {
      display: none; }
    #footer footer .col-3 div:nth-child(3) p > span:first-of-type {
      display: none; }
    #footer footer .col-3 div:nth-child(3) p span:last-of-type {
      padding-left: 0; }
    #footer footer .col-3 div:nth-child(3) a[href^="tel"] {
      padding-left: 0; }
      #footer footer .col-3 div:nth-child(3) a[href^="tel"]:before {
        content: '';
        display: block;
        float: left;
        width: 25px;
        height: 25px;
        margin-top: 0px;
        margin-right: 10px;
        background: url(../images/tel-footer.svg) no-repeat; }
      #footer footer .col-3 div:nth-child(3) a[href^="tel"]:hover:before {
        -webkit-animation-name: rotate3601x;
                animation-name: rotate3601x;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        background: url(../images/tel-footer_hover.svg) no-repeat; }
    #footer footer .col-3 div:nth-child(3) .slogan {
      background: url(../images/footer-shop-front2.png) top right no-repeat;
      background-size: contain;
      bottom: 40px; }
      #footer footer .col-3 div:nth-child(3) .slogan blockquote {
        display: none; }
      #footer footer .col-3 div:nth-child(3) .slogan .logo-mono {
        display: none; } }

/*375px*/
@media only screen and (max-width: 25.875em) {
  #footer footer .col-3 {
    position: static; }
    #footer footer .col-3 > div {
      float: none;
      width: 100%;
      padding: 4% 5% 10%;
      box-shadow: none; }
    #footer footer .col-3 div:nth-child(2) {
      display: none; }
    #footer footer .col-3 div:nth-child(3) {
      height: auto;
      position: static; }
      #footer footer .col-3 div:nth-child(3) .slogan {
        background: url(../images/footer-shop-front2.png) top right no-repeat;
        background-size: contain;
        padding-bottom: 0px;
        width: 100%;
        height: 150px;
        margin-bottom: -10px;
        margin-top: -20;
        bottom: 0; } }

.werbung #footer {
  margin-bottom: 300px; }

#footer .gototop {
  padding: 15px;
  float: right;
  background: none;
  margin-right: 1%;
  opacity: 0;
  transition: opacity 0.4s ease-in-out; }
  #footer .gototop:after {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    background-color: none; }
  #footer .gototop:hover:after {
    background-color: none; }

#footer .gototop.disp {
  background: rgba(0, 0, 0, 0.92);
  opacity: 1;
  transition: opacity 0.4s ease-in-out; }
  #footer .gototop.disp:after {
    background: url(../images/arrow-footer.svg) no-repeat;
    transform: rotate(-90deg); }
  #footer .gototop.disp:hover:after {
    background: url(../images/arrow-footer_hover.svg) no-repeat; }

#footer footer {
  clear: both;
  bottom: 0;
  font-size: 1.2rem;
  letter-spacing: 0.021em;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background: #141414;
  line-height: 23px;
  text-transform: uppercase;
  /* |foot-3-col */
  /* foot-3-col| */ }
  #footer footer .col-3 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
    margin: 0 auto; }
    #footer footer .col-3 > div {
      float: left;
      width: 30.333%;
      padding: 0 2%; }
    #footer footer .col-3 > div:nth-child(-n+2) {
      box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.21); }
    #footer footer .col-3 div:nth-child(1) ul {
      padding: 0;
      list-style: none; }
      #footer footer .col-3 div:nth-child(1) ul li a {
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none; }
      #footer footer .col-3 div:nth-child(1) ul li.jobs-und-karriere {
        margin-top: 30px; }
        #footer footer .col-3 div:nth-child(1) ul li.jobs-und-karriere a {
          border: 1px solid rgba(255, 255, 255, 0.2);
          border-radius: 2px;
          padding: 4px 8px;
          margin-top: 10px; }
          #footer footer .col-3 div:nth-child(1) ul li.jobs-und-karriere a:hover {
            cursor: pointer; }
      #footer footer .col-3 div:nth-child(1) ul li:nth-child(-n+2) a {
        font-size: 1.8rem;
        font-weight: 400; }
      #footer footer .col-3 div:nth-child(1) ul li a:hover {
        text-decoration: underline; }
      #footer footer .col-3 div:nth-child(1) ul li a.active {
        text-decoration: underline; }
      #footer footer .col-3 div:nth-child(1) ul li:nth-child(2) {
        margin-bottom: 20px; }
    #footer footer .col-3 .trusted-seller {
      margin-top: 10%; }
      #footer footer .col-3 .trusted-seller a {
        color: rgba(255, 255, 255, 0.6); }
        #footer footer .col-3 .trusted-seller a p {
          margin: 0; }
        #footer footer .col-3 .trusted-seller a img {
          width: 80px;
          height: 80px;
          margin: 0 auto;
          margin-left: -14px; }
        #footer footer .col-3 .trusted-seller a:hover {
          text-decoration: underline; }
    #footer footer .col-3 .app-icon {
      overflow: hidden;
      margin-top: 161px; }
      #footer footer .col-3 .app-icon div {
        float: left; }
      #footer footer .col-3 .app-icon a {
        display: block;
        float: left;
        cursor: pointer; }
      #footer footer .col-3 .app-icon .app-store {
        width: 107px;
        height: 32px;
        margin-right: 15px;
        background: url(../images/apple-app-on-app-store.svg) no-repeat; }
      #footer footer .col-3 .app-icon .google-play {
        width: 106px;
        height: 32px;
        background: url(../images/android-ap-on-google-play.svg) no-repeat; }
    #footer footer .col-3 div:nth-child(2) p a:hover {
      text-decoration: underline; }
    #footer footer .col-3 div:nth-child(2) p a.jobs-und-karriere {
      display: none; }
    #footer footer .col-3 div:nth-child(2) p:first-child span {
      display: block; }
    #footer footer .col-3 div:nth-child(2) p:last-child {
      margin-top: 88px; }
    #footer footer .col-3 div:nth-child(3) {
      height: 100%;
      position: absolute;
      right: 0; }
      #footer footer .col-3 div:nth-child(3) p > span {
        display: block; }
      #footer footer .col-3 div:nth-child(3) p span:last-of-type {
        padding-left: 30px; }
      #footer footer .col-3 div:nth-child(3) a[href^="tel"] {
        display: inline-block;
        color: rgba(255, 255, 255, 0.6);
        padding-left: 30px;
        margin-top: 10px;
        margin-bottom: 3px;
        font-weight: 600; }
        #footer footer .col-3 div:nth-child(3) a[href^="tel"]:before {
          content: 'tel.: '; }
      #footer footer .col-3 div:nth-child(3) a[href^="http"] {
        display: block;
        color: rgba(255, 255, 255, 0.6); }
        #footer footer .col-3 div:nth-child(3) a[href^="http"] address {
          font-weight: 600;
          font-style: normal; }
          #footer footer .col-3 div:nth-child(3) a[href^="http"] address ins {
            font-style: normal;
            text-decoration: none; }
          #footer footer .col-3 div:nth-child(3) a[href^="http"] address:before {
            content: '';
            display: block;
            float: left;
            width: 30px;
            height: 30px;
            margin-top: 8px;
            margin-right: 3px;
            background: url(../images/pin-footer.svg) no-repeat; }
          #footer footer .col-3 div:nth-child(3) a[href^="http"] address:hover:before {
            -webkit-animation-name: fadetobottom;
                    animation-name: fadetobottom;
            -webkit-animation-duration: 300ms;
                    animation-duration: 300ms;
            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            background: url(../images/pin-footer_hover.svg) no-repeat; }
      #footer footer .col-3 div:nth-child(3) .slogan {
        padding-bottom: 20px;
        display: block;
        position: relative;
        width: 100%;
        height: 40%;
        bottom: 0px;
        left: 0;
        background: url(../images/footer-shop-front2.png) top right no-repeat;
        background-size: 100%; }
        #footer footer .col-3 div:nth-child(3) .slogan .logo-mono {
          display: block;
          bottom: 10px;
          right: 0;
          position: absolute;
          width: 143px;
          height: 56px;
          background: url(../images/logo-mono.svg) no-repeat; }
  #footer footer a {
    text-decoration: none; }
    #footer footer a.fax {
      color: rgba(255, 255, 255, 0.6); }
  #footer footer div.copy {
    clear: both;
    background: rgba(0, 0, 0, 0.42);
    background: rgba(0, 0, 0, 0.15); }
    #footer footer div.copy p {
      margin: 0;
      padding: 20px 0;
      letter-spacing: 0.021em;
      text-align: center; }

@media only screen and (max-width: 74em) {
  #footer footer .col-3 {
    width: 95%; } }

@media only screen and (max-width: 54em) {
  #footer footer {
    /* |foot-3-col */
    /* foot-3-col| */ }
    #footer footer .col-3 > div {
      float: left;
      width: 45%;
      padding: 4% 2% 10%; }
    #footer footer .col-3 > div:nth-child(-n+2) {
      box-shadow: none; }
    #footer footer .col-3 div:nth-child(1) {
      display: none; }
    #footer footer .col-3 div:nth-child(2) p:first-child span {
      display: none; }
    #footer footer .col-3 div:nth-child(2) p:first-child a.jobs-und-karriere {
      display: inline-block;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 2px;
      padding: 8px 12px;
      margin-top: 20px;
      color: rgba(255, 255, 255, 0.6); }
      #footer footer .col-3 div:nth-child(2) p:first-child a.jobs-und-karriere:hover {
        cursor: pointer; }
    #footer footer .col-3 div:nth-child(2) p:nth-last-of-type(-n+2) {
      display: none; }
    #footer footer .col-3 div:nth-child(3) p > span:first-of-type {
      display: none; }
    #footer footer .col-3 div:nth-child(3) p span:last-of-type {
      padding-left: 0; }
    #footer footer .col-3 div:nth-child(3) a[href^="tel"] {
      padding-left: 0; }
      #footer footer .col-3 div:nth-child(3) a[href^="tel"]:before {
        content: '';
        display: block;
        float: left;
        width: 25px;
        height: 25px;
        margin-top: 0px;
        margin-right: 10px;
        background: url(../images/tel-footer.svg) no-repeat; }
      #footer footer .col-3 div:nth-child(3) a[href^="tel"]:hover:before {
        -webkit-animation-name: rotate3601x;
                animation-name: rotate3601x;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        background: url(../images/tel-footer_hover.svg) no-repeat; }
    #footer footer .col-3 div:nth-child(3) .slogan {
      background: url(../images/footer-shop-front2.png) top right no-repeat;
      background-size: 100%;
      bottom: 40px; }
      #footer footer .col-3 div:nth-child(3) .slogan blockquote {
        display: none; }
      #footer footer .col-3 div:nth-child(3) .slogan .logo-mono {
        display: none; } }

@media only screen and (max-width: 414px) {
  #footer footer .col-3 {
    width: 90%;
    position: static;
    padding: 0; }
    #footer footer .col-3 > div {
      float: none;
      width: 100%;
      padding: 3% 0% 6%;
      box-shadow: none; }
    #footer footer .col-3 div:nth-child(2) {
      display: none; }
    #footer footer .col-3 div:nth-child(3) {
      height: auto;
      position: static; }
      #footer footer .col-3 div:nth-child(3) .slogan {
        background: url(../images/footer-shop-front2.png) top right no-repeat;
        background-size: 70%;
        padding-bottom: 0px;
        width: 100%;
        height: 150px;
        margin-bottom: -10px;
        margin-top: -20;
        bottom: 0; }
  #footer footer div.copy {
    display: none; } }

#trustbrand {
  overflow: hidden;
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: capitalize;
  padding: 25px 0;
  margin: 20px 0;
  background: linear-gradient(white, #f2f2f2, white);
  display: flex;
  justify-content: space-around;
  align-items: center;
  line-height: 16px;
  margin: 0 auto; }
  #trustbrand div a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center; }
    #trustbrand div a p.ico-warranty {
      background: url(../images/trust_arrow_ok.svg) no-repeat;
      width: 28px;
      height: 18px; }
    #trustbrand div a p.vorteil {
      margin-left: 10px; }
    #trustbrand div a p {
      margin: 0; }

@media only screen and (max-width: 48em) {
  #trustbrand {
    margin: 10px 0 0px;
    font-size: 1.4rem;
    flex-direction: column;
    padding: 4% 2%;
    width: 96%;
    background: linear-gradient(white, #f2f2f2); }
    #trustbrand div a {
      flex-direction: column; }
      #trustbrand div a p.ico-warranty {
        background: url(../images/trust_arrow_ok.svg) no-repeat;
        width: 28px;
        height: 18px; }
      #trustbrand div a p.vorteil {
        margin-left: 0px;
        margin-top: 5px;
        margin-bottom: 30px; }
      #trustbrand div a p br {
        display: inline;
        content: '';
        clear: none;
        display: none; } }

/*375px*/
@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #trustbrand a {
    font-weight: 400; } }

@media print {
  #trustbrand {
    display: none; } }

#trustbrand-2 {
  display: flex; }
  #trustbrand-2 div {
    background: url(../images/box_shodow_bottom.png) bottom center no-repeat;
    background-size: 70%;
    flex: 1;
    padding: 20px 20px 65px 20px;
    margin: 20px;
    text-align: center;
    display: flex;
    flex-direction: column; }
    #trustbrand-2 div a {
      color: rgba(0, 0, 0, 0.65);
      text-decoration: none; }
    #trustbrand-2 div h3 {
      font-size: 2.0rem;
      font-family: "Roboto Slab", sans-serif;
      display: flex;
      flex-direction: column;
      margin: 0;
      margin-bottom: 20px;
      color: rgba(30, 57, 85, 0.5);
      font-weight: 400; }
      #trustbrand-2 div h3:before {
        background: url(../images/check-trust.png) center center no-repeat;
        background-size: 58px 58px;
        align-self: center;
        display: block;
        content: '';
        width: 100%;
        height: 58px;
        margin-bottom: 25px;
        image-rendering: initial; }
    #trustbrand-2 div p {
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      font-size: 1.3rem;
      font-weight: 500;
      color: rgba(30, 57, 85, 0.5);
      line-height: 19px; }
      #trustbrand-2 div p a {
        color: rgba(30, 57, 85, 0.5); }
      #trustbrand-2 div p a.btn-mehr {
        border: 1px solid rgba(0, 0, 0, 0.1);
        padding: 8px 40px;
        border-radius: 3px;
        text-decoration: none;
        color: rgba(0, 0, 0, 0.45);
        font-weight: 400;
        display: inline-block;
        margin-top: 45px;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }
        #trustbrand-2 div p a.btn-mehr:hover {
          color: rgba(0, 0, 0, 0.55);
          box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.15); }
      #trustbrand-2 div p a.mail {
        color: #AB7C59;
        text-decoration: underline; }

@media only screen and (max-width: 57em) {
  #trustbrand-2 {
    flex-direction: column; }
    #trustbrand-2 div {
      padding: 10px 10px 30px 10px;
      display: block;
      background-size: 35%;
      margin-bottom: 0; }
      #trustbrand-2 div h3 {
        font-size: 18px; }
        #trustbrand-2 div h3:before {
          background: url(../images/check-trust.png) center center no-repeat;
          background-size: 53px 53px;
          align-self: center;
          display: block;
          content: '';
          width: 100%;
          height: 53px; }
      #trustbrand-2 div p {
        font-size: 1.3rem;
        margin: 0 auto; } }

#top-modelle {
  box-shadow: 0 0 10px rgba(91, 111, 119, 0.4);
  background: #f0f2f4;
  padding: 2%;
  margin: 15px 0;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  letter-spacing: 0.032em;
  font-size: 1.3rem;
  font-weight: 400;
  color: #677a82; }
  #top-modelle header {
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
    padding: 0 1% 10px;
    margin-bottom: 15px; }
  #top-modelle strong {
    font-weight: 700; }
  #top-modelle div {
    display: flex;
    flex-wrap: wrap;
    line-height: 25px; }
    #top-modelle div a {
      width: 23%;
      padding: 0 1%;
      color: #677a82;
      text-decoration: none; }
      #top-modelle div a:hover {
        text-decoration: underline; }

@media only screen and (max-width: 75em) {
  #top-modelle header {
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%; }
  #top-modelle div {
    display: flex;
    flex-wrap: wrap;
    line-height: 25px; }
    #top-modelle div a {
      width: 31.33%; } }

@media only screen and (max-width: 56em) {
  #top-modelle div a {
    width: 48%; } }

@media only screen and (max-width: 42em) {
  #top-modelle {
    padding: 5%; }
    #top-modelle div a {
      width: 100%; } }

#status {
  width: 100%; }
  #status p {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background: rgba(66, 13, 18, 0.92);
    border-radius: 2px;
    width: 100%;
    padding: 1.35% 0;
    display: inline-block;
    text-align: center;
    font-family: "Roboto Slab", sans-serif;
    font-weight: 100;
    font-size: 2.4rem;
    letter-spacing: -0.065em;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    color: #ff4e67; }

@media only screen and (max-width: 25.875em) {
  #status p {
    padding: 3% 0; } }

#werbungbrand {
  display: none;
  position: fixed;
  z-index: -1;
  bottom: 0;
  width: 100%;
  height: 300px;
  background: #f8fcfe; }
  #werbungbrand div {
    margin: 0 auto;
    display: flex;
    justify-content: center; }
    #werbungbrand div a:hover {
      cursor: pointer; }
    #werbungbrand div a img {
      height: 300px;
      background-position: center;
      background: url; }
  #werbungbrand.fix {
    display: block; }

#arbeitsstellen {
  position: fixed;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  left: 0; }
  #arbeitsstellen #arbeitsstellenliste {
    width: 100%;
    height: 100vh;
    background: #141414;
    font-family: "Roboto Slab", sans-serif;
    color: rgba(255, 255, 255, 0.97);
    display: flex;
    align-items: center; }
    #arbeitsstellen #arbeitsstellenliste div {
      width: 100%; }
      #arbeitsstellen #arbeitsstellenliste div div.li {
        width: 95%;
        margin: 0 auto 40px;
        padding: 35px 1%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        #arbeitsstellen #arbeitsstellenliste div div.li h5 {
          font-size: 3.2rem;
          font-weight: 100;
          margin: 0 0 10px 0;
          padding: 0; }
        #arbeitsstellen #arbeitsstellenliste div div.li h2 {
          font-size: 1.6rem;
          font-weight: 400;
          margin: 0 0 20px 0;
          line-height: 24px; }
        #arbeitsstellen #arbeitsstellenliste div div.li div.btn {
          display: flex; }
          #arbeitsstellen #arbeitsstellenliste div div.li div.btn a {
            text-transform: uppercase;
            font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 0.9);
            text-decoration: none;
            padding: 12px 40px;
            box-sizing: border-box;
            border-radius: 2px; }
            #arbeitsstellen #arbeitsstellenliste div div.li div.btn a.lesen-mehr {
              border: 1px solid rgba(255, 255, 255, 0.5);
              margin-right: 10px; }
            #arbeitsstellen #arbeitsstellenliste div div.li div.btn a:hover {
              cursor: pointer;
              opacity: 0.9;
              border: 1px solid rgba(255, 255, 255, 0.8); }
    #arbeitsstellen #arbeitsstellenliste a.close-trigger {
      position: absolute;
      top: 2.5%;
      right: 2.5%;
      display: block;
      width: 28px;
      height: 28px;
      opacity: 0.7;
      background: url(../images/cross-out-grey.svg) no-repeat; }
      #arbeitsstellen #arbeitsstellenliste a.close-trigger:hover {
        opacity: 0.5;
        -webkit-animation-name: rotate3601x;
                animation-name: rotate3601x;
        -webkit-animation-duration: 400ms;
                animation-duration: 400ms;
        -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-out;
                animation-timing-function: ease-out;
        cursor: pointer; }
  #arbeitsstellen #arbeitsstellenlesen {
    width: 100%;
    min-height: 100%;
    font-family: "Roboto Slab", sans-serif;
    color: rgba(255, 255, 255, 0.98);
    background: rgba(255, 255, 255, 0.99) url(../images/bg_arbeit.png) right bottom no-repeat; }
    #arbeitsstellen #arbeitsstellenlesen header {
      width: 95%;
      margin: 0 auto 0;
      padding: 35px 0 22px;
      border-bottom: 1px solid #cbcbcb; }
      #arbeitsstellen #arbeitsstellenlesen header a {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        font-size: 1.5rem;
        color: rgba(0, 0, 0, 0.7);
        font-weight: 400;
        margin: 0 0 10px 0;
        padding: 0;
        text-transform: uppercase;
        text-decoration: none; }
      #arbeitsstellen #arbeitsstellenlesen header:hover {
        cursor: pointer;
        text-decoration: underline; }
    #arbeitsstellen #arbeitsstellenlesen div {
      width: 95%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      #arbeitsstellen #arbeitsstellenlesen div div.beschr {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 75%; }
        #arbeitsstellen #arbeitsstellenlesen div div.beschr h5 {
          font-size: 3.6rem;
          font-weight: 100;
          margin: 40px 0 10px 0;
          padding: 0;
          color: rgba(0, 0, 0, 0.7); }
        #arbeitsstellen #arbeitsstellenlesen div div.beschr h2 {
          font-size: 1.6rem;
          font-weight: 400;
          margin: 0 0 20px 0;
          line-height: 24px;
          color: rgba(0, 0, 0, 0.7); }
        #arbeitsstellen #arbeitsstellenlesen div div.beschr h3 {
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          font-size: 1.4rem;
          font-weight: 700;
          text-transform: uppercase;
          margin: 0;
          padding: 0.5% 0;
          line-height: 24px;
          color: rgba(0, 0, 0, 0.4);
          border-bottom: 1px solid rgba(0, 0, 0, 0.4); }
        #arbeitsstellen #arbeitsstellenlesen div div.beschr p {
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          font-size: 1.5rem;
          line-height: 23px;
          letter-spacing: -0.011em;
          font-weight: 400;
          color: rgba(0, 0, 0, 0.7);
          -moz-column-count: 2;
               column-count: 2;
          -moz-column-gap: 50px;
               column-gap: 50px; }
          #arbeitsstellen #arbeitsstellenlesen div div.beschr p a {
            color: #2b83ed; }
        #arbeitsstellen #arbeitsstellenlesen div div.beschr ul {
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          list-style-type: square;
          margin: 30px 5px; }
          #arbeitsstellen #arbeitsstellenlesen div div.beschr ul li {
            color: rgba(0, 0, 0, 0.7);
            font-size: 1.5rem;
            line-height: 24px; }
            #arbeitsstellen #arbeitsstellenlesen div div.beschr ul li a {
              color: rgba(0, 0, 0, 0.7);
              text-decoration: none; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  #arbeitsstellen #arbeitsstellenlesen header {
    margin: 0 auto 5px; }
  #arbeitsstellen #arbeitsstellenlesen div div.beschr {
    width: 95%;
    padding: 2.5% 0; }
    #arbeitsstellen #arbeitsstellenlesen div div.beschr p {
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 50px;
           column-gap: 50px;
      text-align: justify; }
    #arbeitsstellen #arbeitsstellenlesen div div.beschr h5 {
      font-size: 2.6rem; } }

@media only screen and (max-width: 50em) {
  #arbeitsstellen #arbeitsstellenlesen div {
    flex-direction: column; }
    #arbeitsstellen #arbeitsstellenlesen div div.beschr {
      width: 100%;
      padding: 2.5% 0; } }

@media only screen and (max-width: 25.875em) {
  #arbeitsstellen #arbeitsstellenliste div div.li h5 {
    font-size: 2.6rem; }
  #arbeitsstellen #arbeitsstellenlesen div {
    flex-direction: column; }
    #arbeitsstellen #arbeitsstellenlesen div div.beschr {
      width: 95%;
      padding: 2.5% 0; }
      #arbeitsstellen #arbeitsstellenlesen div div.beschr h5 {
        font-size: 2.6rem; }
      #arbeitsstellen #arbeitsstellenlesen div div.beschr p {
        -moz-column-count: 1;
             column-count: 1;
        -moz-column-gap: 50px;
             column-gap: 50px;
        text-align: justify; } }

#filters {
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  #filters ul {
    margin: 0px;
    list-style: none;
    padding: 0;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
    font-weight: 400;
    color: #2b83ed;
    text-decoration: none;
    position: relative; }
    #filters ul li {
      background: rgba(0, 0, 0, 0); }
      #filters ul li a {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        color: rgba(0, 0, 0, 0.7);
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-top: 1px solid rgba(0, 0, 0, 0);
        border-right: 1px solid rgba(0, 0, 0, 0);
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        border-radius: 2px;
        padding: 10px 20px;
        text-decoration: none;
        display: block;
        border-radius: 4px;
        background: #fdf6ed; }
        #filters ul li a.active {
          border-left: 1px solid rgba(0, 0, 0, 0);
          border-top: 1px solid rgba(0, 0, 0, 0);
          border-right: 1px solid rgba(0, 0, 0, 0);
          border-bottom: 1px solid rgba(0, 0, 0, 0);
          color: rgba(255, 255, 255, 0.9);
          background: rgba(170, 103, 93, 0.92);
          box-shadow: 0 0 10px rgba(170, 103, 93, 0.52); }
        #filters ul li a:hover {
          cursor: pointer; }
      #filters ul li ul.dropdown {
        overflow: hidden;
        border-radius: 2px;
        width: 270px;
        display: none;
        visibility: hidden;
        opacity: 0;
        right: 0;
        position: absolute;
        margin-top: 0px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
        #filters ul li ul.dropdown li {
          background: white; }
          #filters ul li ul.dropdown li a {
            border-radius: 2px;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1px solid rgba(170, 103, 93, 0.92); }
            #filters ul li ul.dropdown li a.active {
              border-top: none;
              border-left: none;
              border-right: none;
              border-bottom: 1px solid rgba(170, 103, 93, 0.92);
              color: #2b83ed;
              font-weight: 100;
              color: rgba(255, 255, 255, 0.9);
              background: rgba(170, 103, 93, 0.92); }
      #filters ul li:hover {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
        #filters ul li:hover > a {
          border-bottom: 1px solid rgba(170, 103, 93, 0.92);
          color: rgba(255, 255, 255, 0.9);
          background: rgba(170, 103, 93, 0.92); }
        #filters ul li:hover ul.dropdown {
          display: block;
          visibility: visible;
          opacity: 1;
          visibility: visible;
          transition: opacity .1s ease-out;
          -webkit-transition: opacity .1s ease-out;
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          border-radius: 4px; }
          #filters ul li:hover ul.dropdown li a {
            color: rgba(0, 0, 0, 0.7); }
            #filters ul li:hover ul.dropdown li a:hover {
              background: linear-gradient(to right, #f7eae4, #f1ddc7); }
  #filters ul.gehause-grosse li ul.dropdown {
    width: 160px; }

@media only screen and (max-width: 64em) {
  #filters {
    display: none; } }

#trustme-125 {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  margin: 30px auto;
  width: 70%; }
  #trustme-125 p {
    margin: 0;
    padding: 8px;
    color: #152F44;
    display: flex;
    text-transform: uppercase;
    font-size: 1.3rem;
    justify-content: center;
    align-items: center; }
    #trustme-125 p:before {
      content: '';
      background: url(../images/trust_ok.svg) no-repeat;
      width: 16px;
      height: 10px;
      padding: 4px;
      margin-right: 6px; }

@media only screen and (min-device-width: 375px) {
  #trustme-125 {
    display: flex; } }

#tagsbrand-copy-125 {
  width: 100%;
  margin: 20 auto;
  display: none; }
  #tagsbrand-copy-125 p {
    overflow: hidden;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
    font-size: 1.3rem;
    line-height: 20px;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
    width: 90%;
    margin: 0 auto; }
  #tagsbrand-copy-125 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    padding: 10px 3% 25px;
    margin-top: 6px; }
    #tagsbrand-copy-125 > div a {
      display: block;
      flex-grow: 2;
      width: 29%;
      margin: 1%;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      font-size: 1.20rem;
      padding: 12px 1%;
      background: #D8D8D8;
      color: rgba(0, 0, 0, 0.7);
      text-transform: uppercase;
      border-radius: 4px;
      text-align: center;
      text-decoration: none; }
      #tagsbrand-copy-125 > div a.rolex {
        flex-grow: 5; }
      #tagsbrand-copy-125 > div a.hublot {
        flex-grow: 1; }
      #tagsbrand-copy-125 > div a:hover {
        background: #D0D0D0; }
  #tagsbrand-copy-125 div.logotyp {
    display: flex;
    box-shadow: none;
    flex-direction: column;
    margin: 15px auto 5px;
    align-items: center; }
    #tagsbrand-copy-125 div.logotyp a.logo {
      margin: 0 auto;
      display: block;
      width: 198px;
      height: 48px;
      background: url(../images/logo.svg) center no-repeat; }
    #tagsbrand-copy-125 div.logotyp a.copy {
      font-size: 1.1rem;
      width: 100%;
      text-transform: uppercase;
      text-align: center;
      background: none; }

@media only screen and (max-width: 414px) {
  #tagsbrand-copy-125 {
    display: block; } }

#cross-selling {
  max-width: 1100px;
  margin: 60px auto 0; }
  #cross-selling h3 {
    font-size: 1.4rem;
    padding: 5px;
    margin: 0;
    padding: 10px; }
  #cross-selling div {
    padding-top: 5px;
    display: flex; }
    #cross-selling div a {
      text-decoration: none;
      padding: 10px;
      background: #fff;
      margin: 0 0.5%;
      border: 1px solid #fff;
      width: 17%;
      border-radius: 4px; }
      #cross-selling div a article figure {
        margin: 0 auto 5px;
        width: 100%;
        display: flex;
        justify-content: center; }
        #cross-selling div a article figure img {
          width: 162px;
          height: 138px;
          margin: 0 auto; }
      #cross-selling div a article h2 {
        text-transform: capitalize;
        color: #04293a;
        font-size: 1.35rem;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
        line-height: 17px; }
      #cross-selling div a article p {
        display: flex;
        flex-direction: column; }
        #cross-selling div a article p span.price {
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          letter-spacing: -0.009em;
          font-size: 1.6rem;
          color: rgba(0, 0, 0, 0.8);
          font-weight: bold;
          margin-bottom: 5px; }
        #cross-selling div a article p abbr {
          font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
          font-size: 1.15rem;
          font-weight: normal;
          color: rgba(0, 0, 0, 0.5);
          text-decoration: none; }
      #cross-selling div a:hover {
        border: 1px solid #ccc; }
  #cross-selling a.btn-alle {
    padding: 19px 24px;
    border: 1px solid #fff;
    display: flex;
    border: 1px solid #0979ff;
    justify-content: center;
    align-items: center;
    width: 160px;
    margin: 40px auto 20px;
    font-weight: bold;
    text-decoration: underline;
    color: #04293a;
    color: #0979ff;
    font-size: 1.5rem; }
    #cross-selling a.btn-alle:hover {
      border: 1px solid #ccc;
      border: 1px solid #0979ff; }

@media only screen and (max-width: 950px) {
  #cross-selling div a {
    width: 25%; }
    #cross-selling div a article figure img {
      width: 126px;
      height: 148px; } }

@media only screen and (max-width: 600px) {
  #cross-selling div a {
    width: 30%; }
    #cross-selling div a article figure img {
      width: 116px;
      height: 138px; } }

@media only screen and (max-width: 48em) {
  #cross-selling {
    margin: 20px auto 20px; }
    #cross-selling h3 {
      font-size: 1.4rem;
      padding: 2% 1%;
      margin: 0; }
    #cross-selling div {
      justify-content: space-evenly;
      flex-wrap: wrap;
      background: #efefef;
      padding: 10px 0; }
      #cross-selling div a {
        margin: 1% 0.5%;
        width: 35%;
        background: #f9f9f9; }
        #cross-selling div a article h2 {
          text-align: center;
          font-size: 1.3rem;
          line-height: 15px;
          color: rgba(0, 0, 0, 0.7); }
        #cross-selling div a article p {
          text-align: center; }
          #cross-selling div a article p span.price {
            font-size: 1.5rem; }
        #cross-selling div a article figure img {
          width: 212px;
          height: 188px; }
      #cross-selling div:hover {
        background: #efefef; } }

@media only screen and (max-width: 40em) {
  #cross-selling h3 {
    text-align: center;
    color: rgba(0, 0, 0, 0.7); }
  #cross-selling div {
    flex-direction: column;
    align-items: center; }
    #cross-selling div a {
      margin: 2% 0.5%;
      width: 52%;
      color: rgba(0, 0, 0, 0.7); }
      #cross-selling div a article figure img {
        width: 192px;
        height: 168px; } }

#side-nav-126 {
  font-family: "Roboto Slab", sans-serif;
  font-size: 1.3rem;
  letter-spacing: -0.010em;
  font-weight: 100;
  text-transform: uppercase; }
  #side-nav-126 nav ul {
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0;
    line-height: 28px; }
    > #side-nav-126 nav ul li:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.18); }
    #side-nav-126 nav ul li a {
      border-radius: 4px;
      display: block;
      border-bottom: 1px solid rgba(245, 240, 240, 0.45);
      padding: 4px 10px 4px 15px;
      background: rgba(66, 13, 18, 0.94);
      color: rgba(249, 249, 249, 0.9);
      text-decoration: none;
      font-weight: 400; }
      #side-nav-126 nav ul li a span {
        color: rgba(249, 249, 249, 0.6); }
        #side-nav-126 nav ul li a span:before {
          content: '('; }
        #side-nav-126 nav ul li a span:after {
          content: ')'; }
      #side-nav-126 nav ul li a:hover,
      #side-nav-126 nav ul li a .active {
        color: rgba(255, 255, 255, 0.88);
        background: #2f080c;
        padding-left: 35px; }
        #side-nav-126 nav ul li a:hover span,
        #side-nav-126 nav ul li a .active span {
          color: rgba(247, 235, 221, 0.77); }
    #side-nav-126 nav ul li.active > a {
      color: rgba(255, 255, 255, 0.88);
      background: #2f080c;
      padding-left: 35px; }
      #side-nav-126 nav ul li.active > a span {
        color: #f7ebdd; }
    #side-nav-126 nav ul li.active > ul li {
      background: linear-gradient(to right, #f7eae4, #faf2e9); }
      #side-nav-126 nav ul li.active > ul li a {
        border-radius: 0;
        border-bottom: 1px solid rgba(88, 28, 44, 0.3);
        padding: 3px 10px 3px 15px;
        font-size: 1.25rem;
        color: #581c2c;
        background: linear-gradient(to right, #f7eae4, #faf2e9); }
        #side-nav-126 nav ul li.active > ul li a:hover {
          background: linear-gradient(to right, #f7eae4, #f1ddc7);
          padding-left: 35px; }
        #side-nav-126 nav ul li.active > ul li a span {
          color: #581c2c; }
    #side-nav-126 nav ul li ul li.active a {
      font-weight: 400;
      text-decoration: none;
      color: rgba(0, 0, 0, 0.8);
      background: linear-gradient(to right, #f7eae4, #f1ddc7);
      padding-left: 35px; }
      #side-nav-126 nav ul li ul li.active a:hover {
        color: rgba(0, 0, 0, 0.8); }
        #side-nav-126 nav ul li ul li.active a:hover span {
          color: rgba(0, 0, 0, 0.8); }

/*375px*/
#banner {
  margin-top: 40px;
  width: 100%;
  justify-content: center;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  background: #fff; }
  #banner div.wrap {
    max-width: 1200px;
    width: 1006px;
    margin: 0 auto; }
    #banner div.wrap img {
      width: 1006px;
      height: 100px; }

@media only screen and (max-width: 64em) {
  #banner {
    display: none; } }

#landing {
  box-shadow: 0 0 10px rgba(91, 111, 119, 0.4);
  padding: 2%;
  margin: 15px 0;
  font-family: "Roboto Slab", sans-serif;
  overflow: hidden;
  image-rendering: auto;
  border-radius: 3px;
  background-image: linear-gradient(to bottom right, #fff, #eee); }
  #landing header p {
    text-align: center;
    margin: 0;
    line-height: 24px;
    font-size: 2.0rem;
    font-family: "Roboto Slab", sans-serif;
    margin: 0;
    margin-bottom: 20px;
    color: rgba(30, 57, 85, 0.5);
    font-weight: 400; }
    #landing header p:first-child {
      padding: 1%;
      color: rgba(0, 0, 0, 0.7);
      font-size: 1.7rem;
      border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
    #landing header p span {
      display: inline-block;
      width: 90%;
      max-width: 900px;
      font-size: 1.3rem;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      padding-bottom: 20px;
      font-weight: 500;
      color: rgba(30, 57, 85, 0.5);
      line-height: 19px; }
    #landing header p a {
      background: #fff;
      padding: 4px 7px;
      border-radius: 3px;
      text-decoration: none;
      background: #0c192d;
      color: rgba(255, 255, 255, 0.9);
      font-weight: bold; }
  #landing header h1 {
    font-size: 2.1rem;
    padding: 15px 0;
    text-align: center;
    font-weight: 400;
    margin: 10px 0;
    color: rgba(30, 57, 85, 0.5); }
  #landing div.ls-container {
    margin: 20px 0;
    overflow: hidden; }
    #landing div.ls-container a.lp-box {
      text-decoration: none;
      width: 17%;
      float: left;
      display: block;
      margin: 2%;
      padding: 1% 2%;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
      #landing div.ls-container a.lp-box figure {
        width: 100%;
        margin: 0; }
        #landing div.ls-container a.lp-box figure img {
          margin: 0 auto;
          width: 70%;
          display: block; }
          #landing div.ls-container a.lp-box figure img.schmuck {
            width: 100%; }
          #landing div.ls-container a.lp-box figure img.photo-shop {
            width: 100%; }
      #landing div.ls-container a.lp-box h2 {
        color: rgba(0, 0, 0, 0.7);
        font-size: 1.7rem;
        font-weight: 400;
        margin: 10px 0;
        padding: 0;
        text-align: center;
        line-height: 22.5px; }
      #landing div.ls-container a.lp-box p.preis {
        padding: 0;
        margin: 0;
        font-size: 1.7rem;
        font-weight: 400;
        text-align: center;
        margin-top: 16px;
        padding-bottom: 7px;
        color: rgba(30, 57, 85, 0.5); }
      #landing div.ls-container a.lp-box:hover {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.025)); }
  #landing div.ls-container.uhren-shop {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    #landing div.ls-container.uhren-shop a.lp-box {
      width: 20.30%;
      padding: 0.70%;
      background: #fbfbfb;
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.3);
      background: #fff; }
      #landing div.ls-container.uhren-shop a.lp-box h2 {
        margin: 15px 0; }
      #landing div.ls-container.uhren-shop a.lp-box p.preis {
        color: rgba(30, 57, 85, 0.5); }
        #landing div.ls-container.uhren-shop a.lp-box p.preis:before {
          content: 'Preis: '; }
      #landing div.ls-container.uhren-shop a.lp-box:hover {
        box-shadow: 0px 2px 30px rgba(66, 13, 18, 0.26);
        background: rgba(66, 13, 18, 0.96); }
        #landing div.ls-container.uhren-shop a.lp-box:hover h2 {
          color: rgba(255, 255, 255, 0.7); }
        #landing div.ls-container.uhren-shop a.lp-box:hover p.preis {
          color: rgba(255, 255, 255, 0.7); }
  #landing a.btn-alle {
    display: block;
    background: #AB7C59;
    box-shadow: 0px 2px 15px rgba(167, 138, 116, 0.67);
    clear: both;
    margin: 50px auto 50px;
    width: 26%;
    border-radius: 3px;
    padding: 24px 20px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 1.7rem;
    border: 1px solid rgba(119, 83, 57, 0.7); }
    #landing a.btn-alle:hover {
      background: #AB7C59;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0px 5px 40px rgba(167, 138, 116, 0.67); }
  #landing p.beschreibung {
    border-top: 1px solid rgba(0, 0, 0, 0.18);
    padding-top: 15px;
    margin: 0 auto;
    font-size: 1.3rem;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
    margin: 5px 0 20px 0;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    font-weight: 500;
    color: rgba(30, 57, 85, 0.5);
    line-height: 19px;
    text-align: center; }

@media only screen and (max-width: 64em) {
  #landing header p {
    margin: 0;
    font-family: "Roboto Slab", sans-serif; }
    #landing header p:first-child {
      font-size: 1.6rem;
      padding: 20px;
      text-align: center; }
  #landing header h1 {
    text-align: center; }
  #landing div.ls-container {
    margin: 20px 0; }
    #landing div.ls-container a.lp-box {
      width: 25.3%; }
      #landing div.ls-container a.lp-box h2 {
        font-size: 1.6rem; }
      #landing div.ls-container a.lp-box p.preis {
        font-size: 1.6rem; }
  #landing div.ls-container.uhren-shop a.lp-box {
    width: 27%; }
  #landing a.btn-alle {
    width: 50%; } }

@media only screen and (max-width: 735px) {
  #landing div.ls-container.uhren-shop a.lp-box {
    width: 44%; } }

@media only screen and (max-width: 40em) {
  #landing header h1 {
    font-size: 1.6rem;
    line-height: 21px; }
  #landing div.ls-container {
    margin: 20px 0; }
    #landing div.ls-container a.lp-box {
      width: 42%; }
  #landing div.ls-container.uhren-shop a.lp-box {
    width: 70%;
    margin: 10px auto 25px;
    display: block;
    float: initial; }
  #landing a.btn-alle {
    width: 80%; } }

/*375px*/
@media only screen and (max-width: 25.875em) {
  #landing div.ls-container {
    margin: 20px 0; }
    #landing div.ls-container a.lp-box {
      width: 95%;
      padding: 15px 0;
      margin: 10px auto 25px;
      display: block;
      float: initial; }
      #landing div.ls-container a.lp-box figure img {
        width: 35%; } }

#search-personal {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  height: auto;
  padding: 3% 1%;
  overflow: hidden;
  line-height: 23px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efefef; }
  #search-personal a {
    width: auto;
    display: block;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    font-weight: 500;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: -0.065em;
    border: none;
    background: none;
    box-shadow: none;
    color: #eee;
    background: #0c192d;
    padding: 5px 30px;
    border-radius: 4px;
    background: #2b83ed;
    margin: 5px; }
    #search-personal a:hover {
      box-shadow: none; }
  #search-personal span {
    display: inline-block;
    font-size: 1.5rem;
    padding: 0 10px;
    display: block; }

@media only screen and (max-width: 31.25em) {
  #search-personal {
    flex-direction: column;
    padding: 10% 1%; }
    #search-personal a {
      width: 70%;
      padding: 8px 20px; } }

#personal {
  width: 80%;
  display: flex;
  flex-direction: column;
  margin: 180px auto 0;
  margin-bottom: 30px; }
  #personal h1 {
    font-family: "Roboto Slab", sans-serif;
    padding: 3px 5px;
    display: block;
    width: 10px;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 400;
    border-radius: 3px; }
  #personal #slider-personal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #personal #slider-personal a {
      overflow: hidden;
      width: 18.5%;
      font-family: "Roboto Slab", sans-serif;
      color: rgba(255, 255, 255, 0.7);
      text-decoration: none;
      background: #3c0c11;
      box-shadow: 0 0 10px rgba(66, 13, 18, 0.45);
      border-radius: 4px;
      padding: 5px 0.5% 10px 0.5%;
      display: flex;
      flex-direction: column; }
      #personal #slider-personal a span.photka img {
        width: 100%; }
      #personal #slider-personal a h2 {
        font-size: 1.35rem;
        text-transform: uppercase;
        font-weight: normal;
        padding: 5px 5px 5px 5px;
        margin: 0;
        margin-top: 5px;
        line-height: 19px; }
      #personal #slider-personal a span {
        margin-top: 0;
        padding: 5px 5px 5px 5px;
        display: block;
        font-size: 1.4rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        font-weight: 700; }
      #personal #slider-personal a:last-child {
        display: none; }
  #personal #btn-personal {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    box-sizing: border-box; }
    #personal #btn-personal a {
      white-space: nowrap;
      margin: 10px;
      padding: 18px 60px;
      font-size: 1.4rem;
      font-family: "Roboto Slab", sans-serif;
      text-transform: uppercase;
      border-radius: 4px;
      text-decoration: none;
      text-align: center;
      font-weight: 700; }
      #personal #btn-personal a.left {
        background: #0f1d33;
        color: rgba(255, 255, 255, 0.65);
        box-shadow: 0 0 10px rgba(15, 29, 51, 0.4); }
        #personal #btn-personal a.left:hover {
          color: rgba(255, 255, 255, 0.8);
          box-shadow: 0 0 15px rgba(15, 29, 51, 0.6); }
      #personal #btn-personal a.right {
        background: white;
        color: rgba(15, 29, 51, 0.5);
        box-shadow: 0 0 10px rgba(15, 29, 51, 0.2);
        border: 1px solid rgba(15, 29, 51, 0.2); }
        #personal #btn-personal a.right:hover {
          color: rgba(15, 29, 51, 0.8);
          border: 1px solid rgba(15, 29, 51, 0.4);
          box-shadow: 0 0 15px rgba(15, 29, 51, 0.4); }
  #personal #desc-personal {
    text-align: center; }
    #personal #desc-personal p {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      font-size: 1.3rem;
      line-height: 19px;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      font-size: 1.3rem;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.7); }
      #personal #desc-personal p a {
        text-decoration: none;
        color: black;
        font-weight: 700; }

@media only screen and (max-width: 70em) {
  #personal {
    width: 90%; } }

@media only screen and (max-width: 64em) {
  #personal {
    margin: 95px auto 30px;
    width: 95%; } }

@media only screen and (max-width: 53.75em) {
  #personal {
    justify-content: space-around;
    margin: 40px auto 30px; }
    #personal #slider-personal a {
      width: 29.30%;
      margin: 1%;
      padding: 1% 1% 10px 1%; }
      #personal #slider-personal a:last-child {
        display: block; }
    #personal #btn-personal {
      flex-direction: column;
      align-items: center; }
      #personal #btn-personal a {
        width: 100%;
        margin: 10px 0;
        padding: 24px 0; } }

@media only screen and (max-width: 37.5em) {
  #personal {
    margin-top: 110px;
    justify-content: space-around;
    width: 90%; }
    #personal h1 {
      font-family: "Roboto Slab", sans-serif;
      display: block;
      text-align: center;
      background: #3c0c11;
      width: 98%;
      color: rgba(255, 255, 255, 0.7);
      text-transform: uppercase;
      margin: 0 1%;
      font-size: 1.6rem;
      margin-bottom: 5px;
      padding: 12px 0;
      background: #A07556;
      border: 1px solid #67462f;
      box-shadow: 0 0 15px rgba(15, 29, 51, 0.4); }
    #personal #slider-personal a {
      padding: 1% 1% 2% 1%;
      width: 45%; }
      #personal #slider-personal a img {
        width: 100%; }
      #personal #slider-personal a h2 {
        margin-top: 0;
        font-size: 1.2rem;
        line-height: 17px; }
      #personal #slider-personal a span {
        font-size: 1.4rem; } }

#reviews {
  background: rgba(0, 0, 0, 0.1);
  margin-top: 30px; }
  #reviews .wrapper {
    margin: 0 auto;
    max-width: 1200px;
    width: 96%;
    display: flex;
    justify-content: space-between;
    padding: 28px 0 20px; }
    #reviews .wrapper a {
      width: 30.333%;
      margin: 0 2%;
      display: flex;
      flex-direction: column;
      align-items: center;
      font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
      color: #0f1d33;
      text-decoration: none; }
      #reviews .wrapper a:before {
        width: 42px;
        height: 42px;
        content: '';
        background: url(../images/reviews.svg) no-repeat; }
      #reviews .wrapper a h3 {
        text-transform: uppercase;
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.4rem;
        margin: 12px 0 10px;
        color: #0f1d33;
        font-weight: 700;
        color: #3a3a3a; }
      #reviews .wrapper a p {
        font-size: 1.3rem;
        line-height: 19px; }

@media only screen and (max-width: 53.75em) {
  #reviews .wrapper {
    flex-direction: column;
    align-items: center; }
    #reviews .wrapper a {
      width: 90%;
      border-bottom: 1px solid #0f1d33;
      margin-bottom: 25px;
      padding: 0 2.5% 20px; } }

#versand {
  height: 140px;
  width: 100%;
  border-bottom: 1px solid #D6B5AF;
  background: #fff url(../images/snow_versand_bg_mobile.png) repeat;
  color: #262626;
  padding-bottom: 10px; }
  #versand div {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center; }
    #versand div h4 {
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.7rem;
      text-align: center;
      font-weight: 400;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 50px; }
      #versand div h4:after {
        display: block;
        width: 37px;
        height: 44px;
        content: '';
        background: url(../images/gift_versand_mobile.svg) repeat;
        margin-left: 12px; }
    #versand div p {
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.3rem;
      text-align: center;
      line-height: 17px;
      margin: 0;
      padding: 0; }

#versand_desktop {
  height: 200px;
  width: 550px;
  border-bottom: 1px solid #D6B5AF;
  color: #262626;
  margin-top: 30px;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(123, 86, 74, 0.8);
  border-bottom: 1px solid #D6B5AF;
  background-image: linear-gradient(-70deg, #D3AB9D, #fbf4eb);
  padding-top: 10px;
  color: rgba(0, 0, 0, 0.83); }
  #versand_desktop div {
    background-image: url(../images/bg_versand_gifts_desktop.png), url(../images/bg_versand_snow_desktop.png);
    background-position: bottom center, top center;
    background-repeat: no-repeat, no-repeat;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center; }
    #versand_desktop div h4 {
      color: rgba(0, 0, 0, 0.8);
      font-family: "Roboto Slab", sans-serif;
      font-size: 2.2rem;
      text-align: center;
      font-weight: 400;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px; }
    #versand_desktop div p {
      color: rgba(0, 0, 0, 0.83);
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.4rem;
      text-align: center;
      line-height: 20px;
      margin: 0;
      padding: 0;
      margin-bottom: 20px; }
      #versand_desktop div p strong {
        font-weight: 700; }
    #versand_desktop div footer {
      display: flex;
      justify-content: center;
      text-align: center; }
      #versand_desktop div footer a {
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.2rem;
        padding: 10px 0;
        margin: 0 10px;
        width: 105px;
        border: 1px solid rgba(79, 29, 34, 0.6);
        color: rgba(79, 29, 34, 0.84);
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 4px;
        font-weight: 700; }
        #versand_desktop div footer a:hover {
          background: rgba(66, 13, 18, 0.92);
          color: rgba(255, 255, 255, 0.8); }

#versand_top_desktop {
  height: 80px;
  color: #262626;
  width: 330px;
  position: absolute;
  margin-left: 10px;
  z-index: -9;
  background: url(../images/snow_versand_bg_mobile.png) repeat; }
  #versand_top_desktop div {
    display: flex;
    flex-direction: column;
    height: 100%; }
    #versand_top_desktop div h4 {
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.7rem;
      text-align: center;
      font-weight: 400;
      margin: 0;
      display: flex;
      align-items: center;
      margin-left: 0px; }
      #versand_top_desktop div h4:after {
        display: block;
        width: 37px;
        height: 44px;
        content: '';
        background: url(../images/gift_versand_mobile.svg) repeat;
        margin-left: 12px; }
    #versand_top_desktop div p {
      font-family: "Roboto Slab", sans-serif;
      font-size: 1.2rem;
      text-align: left;
      line-height: 16px;
      margin: 0;
      padding: 0; }

#druckversion {
  padding: 8px 2px; }
  #druckversion a.print-druckversion {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    padding: 20px 40px;
    font-size: 1.6rem;
    border-radius: 5px;
    background: #2b83ed;
    color: rgba(255, 255, 255, 0.98);
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    #druckversion a.print-druckversion:before {
      display: block;
      content: '';
      text-align: center;
      float: left;
      width: 18px;
      height: 18px;
      margin-right: 10px;
      background: url(../images/printer.svg) no-repeat; }
    #druckversion a.print-druckversion:hover {
      text-decoration: underline;
      filter: saturate(4); }
  #druckversion > div {
    display: flex;
    justify-content: space-between; }
    #druckversion > div article {
      display: block;
      width: 100%; }
      #druckversion > div article header {
        width: 99%;
        font-size: 1.35rem;
        font-weight: 700;
        padding-bottom: 10px;
        padding-left: 1%;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      #druckversion > div article span.preis {
        display: block;
        width: 99%;
        padding-right: 1%;
        font-size: 1.8rem;
        font-weight: 700;
        text-align: right; }
      #druckversion > div article section {
        padding: 1%;
        width: 98%; }
        #druckversion > div article section span.verkauft {
          width: 99%;
          padding-right: 1%;
          font-size: 1.35rem;
          font-weight: 700;
          text-align: right; }
          #druckversion > div article section span.verkauft span {
            padding: 4px 16px;
            border-radius: 2px;
            border: 1px solid rgba(0, 0, 0, 0.2); }
          #druckversion > div article section span.verkauft i {
            font-style: normal;
            text-decoration: line-through; }
        #druckversion > div article section div.image {
          order: 0;
          padding: 0;
          overflow: hidden;
          float: left;
          width: 350px;
          height: 263px;
          display: block; }
          #druckversion > div article section div.image img {
            width: 350px;
            height: 263px;
            image-rendering: auto;
            background: #eee; }
        #druckversion > div article section h1 {
          display: block;
          float: left;
          width: 43%;
          margin: 0;
          padding: 1%;
          line-height: 24px;
          text-transform: capitalize;
          font-size: 1.8rem; }
    #druckversion > div aside {
      display: flex;
      justify-content: center;
      align-self: flex-start;
      min-width: 180px;
      padding: 17px 3px 10px;
      margin-left: 1%;
      line-height: 18px;
      border: 1px solid rgba(0, 0, 0, 0.2); }
      #druckversion > div aside > div {
        display: flex;
        flex-direction: column;
        justify-content: flex-start; }
        #druckversion > div aside > div img {
          max-width: 150px; }
        #druckversion > div aside > div p {
          font-size: 1.2rem; }
          #druckversion > div aside > div p a {
            display: block; }
            #druckversion > div aside > div p a[href^="http"] {
              color: #000;
              text-decoration: none; }
            #druckversion > div aside > div p a[href^="mailto"] {
              color: #665035; }
  #druckversion section h3 {
    width: 99%;
    font-size: 1.35rem;
    font-weight: 700;
    padding-bottom: 10px;
    padding-left: 1%;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  #druckversion #artikelmerkmale_druck > div {
    width: 99%;
    padding: 10px 1%;
    font-size: 1.35rem;
    line-height: 22px;
    display: flex;
    flex-wrap: wrap; }
    #druckversion #artikelmerkmale_druck > div div {
      display: flex;
      width: 50%; }
      #druckversion #artikelmerkmale_druck > div div div:first-child {
        width: 35%; }
      #druckversion #artikelmerkmale_druck > div div div:last-child {
        width: 65%; }
  #druckversion #beschreibung_druck p {
    width: 99%;
    padding: 10px 1%;
    font-size: 1.35rem;
    line-height: 22px;
    margin: 0; }
  #druckversion #zustand_druck table {
    font-size: 1.35rem;
    width: 99%;
    padding: 0 1%; }
    #druckversion #zustand_druck table tbody tr {
      display: block;
      width: 100%;
      display: flex; }
      #druckversion #zustand_druck table tbody tr td {
        display: block;
        width: 50%;
        font-size: 1.1rem;
        color: #7D7D7D;
        line-height: 17px; }
        #druckversion #zustand_druck table tbody tr td h2 {
          color: #000;
          font-size: 1.35rem;
          font-weight: 700; }
        #druckversion #zustand_druck table tbody tr td strong {
          color: #000;
          font-size: 1.3rem; }

@media print {
  a.nodruck {
    display: none !important; } }

input, textarea {
  -webkit-appearance: none; }

.wrapper {
  width: 768px;
  padding: 40px; }

#ankauf2 {
  display: flex;
  justify-content: center; }
  #ankauf2 p {
    font-size: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    margin: 0; }
  #ankauf2 header {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #ankauf2 header h1 {
      font-weight: 500;
      color: #846955;
      font-size: 2.1rem;
      font-family: "Roboto Slab", sans-serif;
      margin: 10px; }
    #ankauf2 header p {
      font-size: 1.4rem;
      font-size: 1.4rem;
      line-height: 1.4;
      color: rgba(0, 0, 0, 0.8);
      text-align: center;
      margin-bottom: 20px; }
  #ankauf2 div.description {
    background: rgba(20, 23, 62, 0.94);
    border-radius: 4px;
    overflow: hidden; }
    #ankauf2 div.description p {
      transform: translateY(0);
      padding: 20px;
      font-size: 1.4rem;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.97);
      text-align: center;
      will-change: transform;
      transition: transform .5s ease-out; }
      #ankauf2 div.description p strong {
        color: #dbc9bb; }
  #ankauf2 div.headers {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
    margin-bottom: 40px;
    position: relative; }
    #ankauf2 div.headers div {
      width: 100%;
      display: flex; }
      #ankauf2 div.headers div h2 {
        width: 50%;
        font-size: 1.6rem;
        text-align: center;
        font-weight: normal;
        border-bottom: 1px solid black;
        margin: 20px 0 0 0;
        cursor: pointer;
        opacity: 0.5; }
        #ankauf2 div.headers div h2 a {
          color: #000;
          text-decoration: none;
          padding: 20px 0;
          width: 100%;
          display: block; }
        #ankauf2 div.headers div h2.active {
          font-weight: 700;
          color: #000;
          opacity: 1; }
    #ankauf2 div.headers span.activeX {
      display: block;
      width: 50%;
      height: 3px;
      background: #000;
      position: absolute;
      bottom: 0;
      left: 0;
      will-change: transform;
      transition: transform .5s ease-out; }
  #ankauf2 div#formular {
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    height: 1500px; }
    #ankauf2 div#formular form {
      width: 1536px;
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      will-change: transform;
      transition: transform .5s ease-out; }
      #ankauf2 div#formular form section {
        transition: opacity .8s ease-out;
        width: 430px;
        display: flex;
        flex-direction: column; }
        #ankauf2 div#formular form section div {
          width: 100%;
          display: flex;
          flex-direction: column;
          margin-bottom: 20px; }
          #ankauf2 div#formular form section div label {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 6px;
            display: inline-block; }
          #ankauf2 div#formular form section div input {
            border-radius: 4px;
            font-size: 1.3rem;
            padding: 14px 12px;
            border: 1px solid #A9A9A9;
            font-weight: 700; }
          #ankauf2 div#formular form section div textarea {
            border-radius: 4px;
            width: 100%;
            border: 1px solid #A9A9A9;
            resize: none;
            padding: 12px 12px;
            line-height: 1.5;
            font-weight: 400;
            font-size: 1.4rem; }
          #ankauf2 div#formular form section div .weiter_btn {
            border-radius: 4px;
            font-size: 1.6rem;
            background: rgba(20, 23, 62, 0.94);
            color: rgba(255, 255, 255, 0.97);
            padding: 18px 0;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            margin: 30px 0;
            width: 60%;
            cursor: pointer; }
            #ankauf2 div#formular form section div .weiter_btn:hover {
              background: #21244a;
              transition: all 0.25s ease-in-out; }
          #ankauf2 div#formular form section div.error label {
            color: #ff2f2f; }
          #ankauf2 div#formular form section div.error input {
            border-width: 1px;
            border-color: rgba(255, 47, 47, 0.7);
            box-shadow: 0 0 12px rgba(255, 47, 47, 0.3); }
          #ankauf2 div#formular form section div a.link {
            color: #846955;
            font-weight: 700; }
        #ankauf2 div#formular form section div.box-papiere {
          margin: 20px 0 30px;
          border: 1px solid #846955;
          box-sizing: border-box;
          border-radius: 4px;
          padding: 30px 30px; }
          #ankauf2 div#formular form section div.box-papiere div.checkboxes {
            border-bottom: 1px solid #846955; }
            #ankauf2 div#formular form section div.box-papiere div.checkboxes div.check {
              display: flex; }
              #ankauf2 div#formular form section div.box-papiere div.checkboxes div.check label {
                font-size: 1.6rem;
                font-weight: 400;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center; }
              #ankauf2 div#formular form section div.box-papiere div.checkboxes div.check input[type=checkbox] + label:after {
                box-sizing: border-box;
                display: block;
                width: 24px;
                height: 24px;
                border-radius: 4px;
                border: 1px solid #846955;
                content: ''; }
              #ankauf2 div#formular form section div.box-papiere div.checkboxes div.check input[type=checkbox]:checked + label:after {
                content: '';
                border: 1px solid #846955;
                background: #9A7070 url(../images/ico_checked.svg) center center no-repeat; }
              #ankauf2 div#formular form section div.box-papiere div.checkboxes div.check input[type=checkbox] {
                display: none; }
          #ankauf2 div#formular form section div.box-papiere div.uhrenbilder {
            margin-bottom: 0; }
            #ankauf2 div#formular form section div.box-papiere div.uhrenbilder em {
              margin-top: 10px;
              font-size: 1.6rem;
              font-weight: 700;
              font-style: normal; }
            #ankauf2 div#formular form section div.box-papiere div.uhrenbilder span {
              padding: 10px 0;
              font-size: 1.2rem; }
            #ankauf2 div#formular form section div.box-papiere div.uhrenbilder label {
              cursor: pointer;
              color: #000;
              border: 1px solid #846955;
              border-radius: 4px;
              padding: 14px 0;
              text-align: center;
              margin-top: 20px; }
              #ankauf2 div#formular form section div.box-papiere div.uhrenbilder label:hover {
                transition: all 0.12s ease-in-out;
                background: #855656;
                color: #fff; }
            #ankauf2 div#formular form section div.box-papiere div.uhrenbilder input[type=file] {
              display: none; }
            #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.uhren-upload {
              margin: 20px 0 0 0;
              display: flex;
              flex-direction: initial;
              flex-wrap: wrap; }
              #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.uhren-upload a {
                margin: 5px 0; }
                #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.uhren-upload a.imageUp {
                  background: #F0F0F0;
                  border-radius: 4px;
                  padding: 14px;
                  margin: 5px; }
            #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList {
              margin-bottom: 0;
              padding-top: 20px; }
              #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul {
                margin: 0;
                padding: 0;
                display: flex;
                list-style: none;
                flex-wrap: wrap; }
                #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li {
                  border-radius: 4px;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                  background: #F0F0F0;
                  box-sizing: border-box;
                  margin: 1%; }
                  #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li img {
                    width: 100%; }
                  #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li span {
                    padding: 10px;
                    font-size: 1rem;
                    font-weight: 700;
                    background: #F0F0F0;
                    text-align: center;
                    color: black;
                    display: flex;
                    align-self: center; }
                    #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li span:after {
                      content: '';
                      width: 10px;
                      height: 10px;
                      display: block;
                      margin-left: 10px;
                      background: url(../images/ico_deletefile.svg) center center no-repeat; }
                    #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li span:hover {
                      color: rgba(255, 255, 255, 0.4);
                      background: rgba(20, 23, 62, 0.94); }
                      #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li span:hover:after {
                        background: url(../images/ico_deletefile_white.svg) center center no-repeat; }
                  #ankauf2 div#formular form section div.box-papiere div.uhrenbilder div.fileList ul li:hover {
                    cursor: pointer; }
        #ankauf2 div#formular form section div.check-hinweis div.check {
          display: flex;
          margin-bottom: 0; }
          #ankauf2 div#formular form section div.check-hinweis div.check label {
            line-height: 1.4;
            color: rgba(0, 0, 0, 0.8);
            font-size: 1.2rem;
            font-weight: 400;
            cursor: pointer;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-direction: row-reverse; }
          #ankauf2 div#formular form section div.check-hinweis div.check input[type=checkbox] + label:after {
            box-sizing: border-box;
            display: block;
            width: 24px;
            height: 24px;
            padding: 10.5px;
            border-radius: 4px;
            border: 1px solid #846955;
            content: '';
            order: 0;
            margin-right: 10px;
            flex-shrink: 1; }
          #ankauf2 div#formular form section div.check-hinweis div.check input[type=checkbox]:checked + label:after {
            content: '';
            border: 1px solid #846955;
            background: #9A7070 url(../images/ico_checked.svg) center center no-repeat; }
          #ankauf2 div#formular form section div.check-hinweis div.check input[type=checkbox] {
            display: none; }
          #ankauf2 div#formular form section div.check-hinweis div.check.error input[type=checkbox] + label:after {
            border-width: 1px;
            border-color: rgba(255, 47, 47, 0.7);
            box-shadow: 0 0 12px rgba(255, 47, 47, 0.3); }

/*375px*/
input, textarea {
  -webkit-appearance: none; }

.wrapper {
  width: 768px;
  padding: 40px; }

#vielen-dank2 {
  display: flex;
  justify-content: center; }
  #vielen-dank2 p {
    font-size: 1.4rem;
    font-size: 1.2rem;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.8);
    text-align: left;
    margin: 0; }
  #vielen-dank2 header {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #vielen-dank2 header h1 {
      font-weight: 500;
      color: #846955;
      font-size: 2.1rem;
      font-family: "Roboto Slab", sans-serif;
      margin: 10px; }
    #vielen-dank2 header p {
      font-size: 1.4rem;
      font-size: 1.4rem;
      line-height: 1.4;
      color: rgba(0, 0, 0, 0.8);
      text-align: center;
      margin-bottom: 20px; }
  #vielen-dank2 div.description {
    background: rgba(20, 23, 62, 0.94);
    border-radius: 4px;
    overflow: hidden; }
    #vielen-dank2 div.description p {
      transform: translateY(0);
      padding: 20px;
      font-size: 1.4rem;
      line-height: 1.4;
      color: rgba(255, 255, 255, 0.97);
      text-align: center;
      will-change: transform;
      transition: transform .5s ease-out; }
      #vielen-dank2 div.description p strong {
        color: #dbc9bb; }
      #vielen-dank2 div.description p a {
        font-size: 1.6rem;
        color: #dbc9bb;
        font-weight: 700; }
        #vielen-dank2 div.description p a:hover {
          text-decoration: underline;
          cursor: pointer; }
      #vielen-dank2 div.description p span {
        opacity: 0.5; }
      #vielen-dank2 div.description p.aspan {
        display: flex;
        flex-direction: column;
        padding: 0 0 20px 0; }
        #vielen-dank2 div.description p.aspan a {
          margin: 0;
          padding: 10px; }
        #vielen-dank2 div.description p.aspan span {
          margin: 0;
          padding: 10px; }
  #vielen-dank2 div.back p {
    margin: 0;
    padding: 20px;
    text-align: center; }
    #vielen-dank2 div.back p a {
      color: rgba(0, 0, 0, 0.8);
      opacity: 0.5;
      padding: 20px;
      font-size: 1.4rem;
      text-decoration: none; }
      #vielen-dank2 div.back p a:hover {
        cursor: pointer;
        text-decoration: underline; }

/*375px*/
@-webkit-keyframes fromBottomTop {
  from {
    opacity: 0;
    transform: translateY(600px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }
@keyframes fromBottomTop {
  from {
    opacity: 0;
    transform: translateY(600px); }
  to {
    opacity: 1;
    transform: translateY(0px); } }

@-webkit-keyframes fromTopBottom {
  from {
    opacity: 1;
    transform: translateY(0px); }
  to {
    opacity: 1;
    transform: translateY(600px); } }

@keyframes fromTopBottom {
  from {
    opacity: 1;
    transform: translateY(0px); }
  to {
    opacity: 1;
    transform: translateY(600px); } }

#kontakt_box {
  position: fixed;
  z-index: 999999999999999999;
  right: 40px;
  bottom: 40px;
  width: 370px; }
  #kontakt_box div.state_1, #kontakt_box div.state_2 {
    position: absolute;
    bottom: 0;
    right: 0; }
  #kontakt_box div.state_1 {
    box-shadow: 0 0 11px rgba(0, 0, 11, 0.32);
    -webkit-animation-name: fromBottomTop;
            animation-name: fromBottomTop;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    background: #2b83ed;
    border-radius: 100px;
    width: 96px;
    height: 38px;
    display: flex;
    justify-content: space-between;
    padding: 0 8px; }
    #kontakt_box div.state_1 div {
      width: 30%;
      width: 50%;
      align-self: center;
      justify-content: center;
      text-align: center; }
      #kontakt_box div.state_1 div:first-child {
        border-right: 1px solid rgba(255, 255, 255, 0.2); }
      #kontakt_box div.state_1 div.mobile {
        height: 42%;
        background: url(../images/mobile_kontakt_box.svg) center center no-repeat; }
      #kontakt_box div.state_1 div.post {
        height: 36%;
        background: url(../images/post_kontakt_box.svg) center center no-repeat; }
    #kontakt_box div.state_1:hover {
      cursor: pointer;
      background: #2385FF; }
    #kontakt_box div.state_1.inactive {
      -webkit-animation-name: fromTopBottom;
              animation-name: fromTopBottom;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }
  #kontakt_box div.state_2 {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
    letter-spacing: 0.021em;
    box-shadow: 0 0 11px rgba(0, 0, 11, 0.32);
    -webkit-animation-name: fromBottomTop;
            animation-name: fromBottomTop;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
    #kontakt_box div.state_2 header {
      display: flex;
      background: #0b192d; }
      #kontakt_box div.state_2 header h1 {
        width: 100%;
        font-family: "Roboto Slab", sans-serif;
        font-size: 1.5rem;
        text-align: center;
        padding: 15px 0;
        font-weight: 400;
        color: #fff;
        margin: 0; }
      #kontakt_box div.state_2 header span.close_kontakt_box {
        position: absolute;
        right: 0;
        height: 0;
        width: 11px;
        height: 11px;
        opacity: 0.4;
        top: 17px;
        right: 17px;
        background: url(../images/close_kontakt_box.svg) center center no-repeat; }
        #kontakt_box div.state_2 header span.close_kontakt_box:hover {
          opacity: 0.8;
          transform: rotate(90deg);
          transition: transform .18s ease-in-out;
          will-change: transform;
          cursor: pointer; }
    #kontakt_box div.state_2 div.wrap {
      background: #fff;
      padding: 20px; }
      #kontakt_box div.state_2 div.wrap div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column; }
        #kontakt_box div.state_2 div.wrap div a {
          color: #2b83ed;
          font-size: 1.4rem;
          text-decoration: none;
          font-weight: 600;
          padding-bottom: 30px;
          display: flex;
          align-items: center; }
          #kontakt_box div.state_2 div.wrap div a:before {
            width: 20px;
            height: 20px;
            content: '';
            margin-right: 10px; }
          #kontakt_box div.state_2 div.wrap div a[href^="tel:"]:before {
            background: url(../images/mobile_kontakt_box_blue.svg) center center no-repeat; }
          #kontakt_box div.state_2 div.wrap div a[href^="mailto:"]:before {
            background: url(../images/post_kontakt_box_blue.svg) center center no-repeat; }
          #kontakt_box div.state_2 div.wrap div a:hover {
            text-decoration: underline; }
      #kontakt_box div.state_2 div.wrap footer {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        color: black;
        font-size: 1.3rem;
        line-height: 1.45;
        margin-bottom: 20px; }
        #kontakt_box div.state_2 div.wrap footer strong {
          font-weight: 600; }
        #kontakt_box div.state_2 div.wrap footer p {
          margin: 0;
          margin-bottom: 10px; }
          #kontakt_box div.state_2 div.wrap footer p strong {
            font-weight: 700; }
    #kontakt_box div.state_2.inactive {
      -webkit-animation-name: fromTopBottom;
              animation-name: fromTopBottom;
      -webkit-animation-duration: 1s;
              animation-duration: 1s;
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s;
      -webkit-animation-fill-mode: both;
              animation-fill-mode: both;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out; }

@media only screen and (max-width: 31.25em) {
  #kontakt_box {
    width: 80%; }
  #kontakt_box.nomobile {
    display: none; } }

.accept, .cancel {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 6px 10px;
  border-radius: 3px;
  color: white;
  font-size: 1.3rem;
  transition: background 0.1s ease-in-out;
  background: none; }
  .accept:hover, .cancel:hover {
    color: #481F22;
    background: white;
    border: 1px solid rgba(255, 255, 255, 0); }

.btn_link {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 6px 0px;
  margin-top: 15px;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.3rem;
  transition: background 0.1s ease-in-out;
  background: none; }
  .btn_link:hover {
    text-decoration: underline;
    color: white; }

.btn_save {
  font-weight: bold;
  justify-self: center;
  min-width: 200px;
  margin: 15px 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 6px 10px;
  border-radius: 3px;
  color: white;
  font-size: 1.3rem;
  transition: background 0.1s ease-in-out;
  background: none; }
  .btn_save:hover {
    color: #481F22;
    background: white;
    border: 1px solid rgba(255, 255, 255, 0); }

.wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  margin: 0 auto;
  padding: 0;
  width: 97%;
  max-width: 1200px; }

.cookies_box {
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
  padding: 16px 0;
  background: #481F22; }

.cookies_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; }

.items span {
  font-size: 1.4rem;
  font-weight: 700;
  color: white;
  padding-bottom: 8px;
  display: inline-block; }

.items p {
  padding: 0;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.75); }

.items a {
  color: white;
  text-decoration: underline; }

.cookies_info {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center; }

.cookies_settings {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px; }
  .cookies_settings__item {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center; }
  .cookies_settings .toogle {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 26px;
    align-self: center; }
    .cookies_settings .toogle input {
      opacity: 0;
      width: 0;
      height: 0; }
    .cookies_settings .toogle .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      transition: .4s;
      background: #8D716F;
      opacity: 0.6; }
    .cookies_settings .toogle .slider:before {
      position: absolute;
      content: "";
      height: 18px;
      width: 18px;
      left: 4px;
      bottom: 4px;
      background: get-color(switch-c, inactive);
      background: #D5C6C0;
      transition: .4s; }
    .cookies_settings .toogle .slider:after {
      position: absolute;
      left: 0px;
      width: 61px;
      bottom: -16px;
      text-align: center; }
    .cookies_settings .toogle input:checked + .slider {
      background: #8D716F;
      opacity: 1; }
    .cookies_settings .toogle input:checked + .slider:before {
      background: #fff; }
    .cookies_settings .toogle input:checked + .slider:before {
      transform: translateX(30px); }
    .cookies_settings .toogle .slider.round {
      border-radius: 34px; }
    .cookies_settings .toogle .slider.round:before {
      border-radius: 50%; }

@media only screen and (max-width: 41.25em) {
  .wrapper {
    width: 95%; }
  .cookies_info {
    width: 95%;
    grid-template-columns: 1fr; }
    .cookies_info .cookies_buttons {
      margin-top: 10px; }
  .items span {
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
    padding-bottom: 8px;
    display: inline-block;
    line-height: 1.4; }
  .items p {
    padding: 0;
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.75); }
  .items a {
    color: white;
    text-decoration: underline; } }