/* Einbindung Schriften, LICENSES: /css/webfonts/LICENSE.txt, /css/webfonts/OFL.txt */ @font-face { font-family: 'OpenSans'; src: url('/css/webfonts/opensans-light-webfont.eot'); src: url('/css/webfonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/opensans-light-webfont.woff2') format('woff2'), url('/css/webfonts/opensans-light-webfont.woff') format('woff'), url('/css/webfonts/opensans-light-webfont.ttf') format('truetype'), url('/css/webfonts/opensans-light-webfont.svg#opensanslight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('/css/webfonts/opensans-regular-webfont.eot'); src: url('/css/webfonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/opensans-regular-webfont.woff2') format('woff2'), url('/css/webfonts/opensans-regular-webfont.woff') format('woff'), url('/css/webfonts/opensans-regular-webfont.ttf') format('truetype'), url('/css/webfonts/opensans-regular-webfont.svg#opensansregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('/css/webfonts/opensans-semibold-webfont.eot'); src: url('/css/webfonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/opensans-semibold-webfont.woff2') format('woff2'), url('/css/webfonts/opensans-semibold-webfont.woff') format('woff'), url('/css/webfonts/opensans-semibold-webfont.ttf') format('truetype'), url('/css/webfonts/opensans-semibold-webfont.svg#opensanssemibold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('/css/webfonts/opensans-bold-webfont.eot'); src: url('/css/webfonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/opensans-bold-webfont.woff2') format('woff2'), url('/css/webfonts/opensans-bold-webfont.woff') format('woff'), url('/css/webfonts/opensans-bold-webfont.ttf') format('truetype'), url('/css/webfonts/opensans-bold-webfont.svg#opensansbold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'CormorantGaramond'; src: url('/css/webfonts/cormorantgaramond-regular-webfont.woff2') format('woff2'), url('/css/webfonts/cormorantgaramond-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } /*************************************************************************** * Allgemeine Definitionen ****************************************************************************/ /* HTML FONT SIZES */ @media screen and (max-width: 767px) { html {font-size: 17px;} } @media screen and (min-width: 768px) { html {font-size: 16px;} } @media screen and (min-width: 992px) { html {font-size: 1.5vw;} } @media screen and (min-width: 1200px) { html {font-size: 17px;} } /* STANDARDS */ strong {font-weight: 700; font-family: inherit;} b {font-weight: 600; font-family: inherit;} em, i {} sup, sub {line-height: 0 !important; font-size: 50%;} img {overflow: hidden;} a, input, textarea, select {outline: 0 !important; border: 0;} button:focus {outline: none;} .btn {text-decoration: none !important;} .btn:focus, .btn:active, .btn:active:focus {outline: none; box-shadow:none; text-decoration: none;} /* PROJECT */ html {overflow-y: scroll; scroll-behavior: smooth;} body {font-family: 'OpenSans', sans-serif; font-weight: 400; line-height: 1; color: var(--black); background: var(--white); font-size: 100%;} p, ul {line-height: 1.5; margin-bottom: 1.5em;} li, label {line-height: 1.5;} figcaption {color: var(--grey);} /* ----------------------------------------------------------------------------------------------------------------------------- * COLORS ----------------------------------------------------------------------------------------------------------------------------- */ :root { --black: rgba(0,0,0,1); --white: rgba(255,255,255,1); --gold: rgba(219,190,125,1); --grey: rgba(110,110,110,1); --grey-01: rgba(150,150,150,1); --grey-02: rgba(247,247,247,1); --grey-03: rgba(225,225,225,1); --grey-04: rgba(145,145,145,1); --gold-01: rgba(219,190,125,1); --gold-02: rgba(247,240,223,1); --gold-03: rgba(252,249,242,1); --success: rgba(0,0,0,1); --error: rgba(242,0,91,1); } .custom-bg-white {background-color: var(--white);} .custom-bg-black {background-color: var(--black);} .custom-bg-grey {background-color: var(--grey);} .custom-bg-grey-02 {background-color: var(--grey-02);} .custom-bg-grey-03 {background-color: var(--grey-03);} .custom-bg-grey-04 {background-color: var(--grey-04);} .custom-bg-gold {background-color: var(--gold);} .custom-bg-gold-01 {background-color: var(--gold-01);} .custom-bg-gold-02 {background-color: var(--gold-02);} .custom-bg-gold-03 {background-color: var(--gold-03);} .custom-black {color: var(--black) !important;} .custom-gold {color: var(--gold) !important;} .custom-grey {color: var(--grey) !important;} .custom-info {color: var(--grey-01) !important;} .custom-success {color: var(--success);} .custom-error {color: var(--error);} .custom-topic {color: var(--gold);} /* ----------------------------------------------------------------------------------------------------------------------------- * FONTS + SIZES + MARGINS ----------------------------------------------------------------------------------------------------------------------------- */ h1, .h1 {font-size: 330%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.3; letter-spacing: -.005em;} h2, .h2 {font-size: 110%; font-weight: 600; margin-top: 2.5rem; margin-bottom: 2rem;} h3, .h3 {font-size: 100%; font-weight: 600; margin-bottom: 1.5rem;} h4, .h4 {font-size: 100%; font-weight: 600;} h5, .h5 {font-size: 110%; font-weight: 400;} .custom-text-lg {font-size: 110%;} .custom-text-md {font-size: 100%;} .custom-text-sm {font-size: 85%;} .custom-text-xs {font-size: 71%;} .custom-text-serif {font-size: 118%; font-family: 'CormorantGaramond'; line-height: 1.35;} .custom-topic {font-size: 110%; margin-bottom: .825rem !important; font-family: 'OpenSans', sans-serif; font-weight: 700; line-height: 1.5; text-transform: uppercase;} .custom-page-standard .custom-topic {margin-top: 1rem;} .custom-row-title, .custom-page-standard .custom-row-title {font-size: 259%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.3; text-align: center; margin-top: 0; margin-bottom: 3.625rem; letter-spacing: -.005em;} .custom-row-subtitle, .custom-page-standard .custom-row-subtitle {font-size: 188%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.25; text-align: center; margin-top: 0; margin-bottom: 1.5rem; letter-spacing: -.005em;} .custom-item-title {font-size: 153%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.3; text-align: center; letter-spacing: -.005em;} .custom-modal-title {font-size: 180%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.3; text-align: center; letter-spacing: -.005em;} .custom-product-title {font-size: 215%; margin-bottom: 1.5rem;} .custom-nav-tabs .nav-link {font-size: 95%;} .custom-row-intro h1 {font-size: 330%;} .custom-row-usp p {font-size: 118%;} .custom-price {font-weight: 700;} .custom-page-product-detail .custom-price {font-size: 125%;} .custom-page-product-detail .custom-conditions {font-size: 85%;} .custom-page-standard h2, .custom-page-standard .h2 {font-size: 188%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.3; margin-bottom: 1.5rem; margin-top: 2.5rem;} .custom-page-cart .custom-title {font-size: 153%; margin-right: 180px;} @media screen and (max-width: 1199px) { h1, .h1 {font-size: 250%;} .custom-row-intro h1 {font-size: 250%;} .custom-row-title, .custom-page-standard .custom-row-title {font-size: 220%; margin-bottom: 3.25rem;} .custom-row-subtitle, .custom-page-standard .custom-row-title {font-size: 160%; margin-bottom: 1.5rem;} .custom-product-title {font-size: 180%;} .custom-row-intro .custom-topic {font-size: 100%; margin-top: 2rem;} .custom-row-usp p {font-size: 100%;} .custom-page-standard h2 {font-size: 160%; margin-bottom: 1.5rem;} } @media screen and (max-width: 991px) { h1, .h1 {font-size: 250%;} .custom-row-intro h1 {font-size: 250%;} .custom-row-title, .custom-page-standard .custom-row-title {font-size: 210%; margin-bottom: 3.25rem;} .custom-row-subtitle, .custom-page-standard .custom-row-subtitle {font-size: 160%; margin-bottom: 1.5rem;} .custom-row-subtitle.custom-size {font-size: 135%;} .custom-product-title {font-size: 170%;} .custom-row-intro .custom-topic {font-size: 100%; margin-top: 2rem;} .custom-page-standard .custom-topic {font-size: 100%; margin-bottom: .75rem;} .custom-row-usp p {font-size: 90%;} .custom-nav-tabs .nav-link {font-size: 86%;} .custom-page-standard h2 {font-size: 160%; margin-bottom: 1.5rem;} } @media screen and (max-width: 767px) { h1, .h1 {font-size: 200%;} .custom-text-serif {font-size: 105%;} .custom-row-intro h1 {font-size: 180%; margin-bottom: 0;} .custom-page-order h1 {font-size: 240%;} .custom-row-title, .custom-page-standard .custom-row-title {font-size: 180%; margin-bottom: 2.5rem;} .custom-row-subtitle, .custom-page-standard .custom-row-subtitle {font-size: 150%; margin-bottom: 1.5rem;} .custom-row-subtitle.custom-size {font-size: 160%;} .custom-product-title {font-size: 160%; margin-bottom: .625rem;} .custom-modal-title {font-size: 150%;} .custom-row-intro .custom-topic {font-size: 90%; margin-top: 1.25em;} .custom-page-standard .custom-topic {font-size: 100%; margin-top: .25rem;} .custom-nav-tabs .nav-link {font-size: 95%;} .custom-page-standard h2 {font-size: 150%; margin-bottom: 1.5rem;} } @media screen and (max-width: 460px) { .custom-nav-tabs .nav-link {font-size: 3.5vw;} } @media screen and (min-width: 992px) and (max-width: 1650px) { h1, .h1 {font-size: 3.2vw;} .custom-row-intro h1 {font-size: 3.2vw;} .custom-row-intro .custom-topic {font-size: 1.35vw; margin-bottom: 1.275rem;} .custom-item-title {font-size: 1.75vw;} } /* ----------------------------------------------------------------------------------------------------------------------------- * HYPHENS + JUSTIFICATION ----------------------------------------------------------------------------------------------------------------------------- */ .custom-hyphens {hyphens: auto; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2; -webkit-hyphens: auto; -webkit-hyphenate-limit-chars: auto 5; -webkit-hyphenate-limit-lines: 2; -ms-hyphens: auto; -ms-hyphenate-limit-chars: auto 5; -ms-hyphenate-limit-lines: 2;} .custom-no-hyphens {hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important;} .custom-justify, .custom-justify p {text-align: justify; text-align-last: none;} @media screen and (max-width: 767px) { .custom-justify, .custom-justify p {text-align: left;} } @media screen and (max-width: 991px) { .custom-row-highlights p, .custom-row-theme p, .custom-row-purchase p, .custom-row-about-us p {hyphens: auto; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2; -webkit-hyphens: auto; -webkit-hyphenate-limit-chars: auto 5; -webkit-hyphenate-limit-lines: 2; -ms-hyphens: auto; -ms-hyphenate-limit-chars: auto 5; -ms-hyphenate-limit-lines: 2;} } /* ----------------------------------------------------------------------------------------------------------------------------- * LINKS ----------------------------------------------------------------------------------------------------------------------------- */ a {color: inherit; transition: all 0.20s ease-in-out; text-decoration: none;} a:hover {color: inherit;} p a, label a {border-bottom: 1px dotted var(--grey);} p a:hover, label a:hover, h1 a:hover {opacity: .5;} .custom-nolink {color: inherit; pointer-events: none; touch-action: none; cursor: default;} .custom-text-link {border-bottom: 1px dotted var(--grey);} .custom-text-link:hover {opacity: .5;} .custom-link-icon {position: relative; display: inline-block; width: 70px; height: 70px;} .custom-link-icon::before {position: absolute; content: ' '; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: auto 38px; left: 50%; top: 50%; transform: translate(-50%, -50%);} .custom-link-wishlist {background-image: url(/img/icons/heart.svg); background-repeat: no-repeat; background-position: center center;} a.custom-link-wishlist:hover {background-color: transparent; background-image: url(/img/icons/heart-fill-gold.svg);} .custom-link-wishlist.custom-marked {background-color: transparent; background-image: url(/img/icons/heart-fill-gold.svg);} a.custom-link-wishlist.custom-marked:hover {background-image: url(/img/icons/heart-gold.svg);} .custom-link-delete {background-image: url(/img/icons/trash3.svg); background-repeat: no-repeat; background-position: center center;} .custom-link-delete:hover {background-image: url(/img/icons/trash3-gold.svg);} .custom-icon-maps::before {background-image: url(/img/icons/geo-alt.svg); background-size: auto 38px; background-position: center 10px;} .custom-icon-maps:hover::before {background-image: url(/img/icons/geo-alt-gold.svg);} .custom-icon-instagram::before {background-image: url(/img/icons/instagram.svg); background-size: auto 32px;} .custom-icon-instagram:hover::before {background-image: url(/img/icons/instagram-gold.svg);} .custom-icon-pinterest {width: 70px; height: 70px;} .custom-icon-pinterest::before {background-image: url(/img/icons/pinterest.svg); background-size: auto 32px;} .custom-icon-pinterest:hover::before {background-image: url(/img/icons/pinterest-gold.svg);} .custom-anchor-aim {position: relative;} .custom-anchor-aim a {position: absolute; top: -4em;} @media screen and (max-width: 767px) { .custom-anchor-aim a {top: -4em;} } @media screen and (max-width: 991px) { .custom-anchor-aim a {top: -3em;} } /* ----------------------------------------------------------------------------------------------------------------------------- * BUTTONS ----------------------------------------------------------------------------------------------------------------------------- */ .custom-btn {min-width: 190px; padding: .825em 1.625em; border-radius: 0; font-weight: 700; box-shadow: none !important; outline: none !important; border: none !important; background-color: var(--gold) !important; color: var(--white) !important;} .custom-btn-grey {background-color: var(--grey-03) !important; color: var(--black) !important; font-weight: 400;} .custom-btn-black {background-color: var(--black) !important; color: var(--white) !important; font-weight: 600;} .custom-btn-outline {background-color: var(--white) !important; color: var(--black) !important; font-weight: 400; border: 2px solid var(--grey-03) !important; padding: calc(.825em - 2px) calc(1.625em - 2px);} .custom-btn-outline-black {background-color: var(--white) !important; color: var(--black) !important; font-weight: 400; border: 1px solid var(--black) !important; padding: calc(.825em - 2px) calc(1.625em - 2px);} .custom-btn-close {width: 1.5em; height: 1.5em; border-radius: 0; min-width: auto; background-color: transparent !important; background-image: url(/img/icons/x-lg.svg); background-size: auto 25px; opacity: 1; transform: none !important;} .custom-btn-close:hover {opacity: .35;} .custom-btn-xl {font-size: 120%;} .custom-btn .custom-spinner {display: none;} .custom-btn-spinner {position: relative; pointer-events: none; cursor: default;} .custom-btn-spinner .custom-spinner {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background-color: var(--gold);} .custom-btn-spinner .custom-spinner .spinner {margin-top: 1.075em;} .custom-btn.custom-btn-filter {background: #fff !important; color: var(--black) !important; border: 1px solid #000 !important; font-weight: 400; padding: .6em 1em .6em 1em;} .custom-btn.custom-btn-filter > span:before {content: ' '; display: inline-block; width: 1.75em; height: 1.5em; margin-right: .825em; background: url(/img/icons/sliders.svg) center center no-repeat; background-size: auto 100% ;} .custom-btn.custom-btn-filter .custom-counter {display: inline-block; margin-left: 10px; padding: 0 .25em; background: var(--gold-01); color: var(--white); line-height: 1.5; font-size: 16px; font-weight: 600; text-align: center; min-width: 25px;} /* Spinner */ .spinner {display: block;} .spinner, .spinner:after { border-radius: 50%; width: 3.25em; height: 3.25em; } .spinner { margin: 0 auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: .275em solid rgba(255, 255, 255, 0.2); border-right: .275em solid rgba(255, 255, 255, 0.2); border-bottom: .275em solid rgba(255, 255, 255, 0.2); border-left: .275em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load 1.1s infinite linear; animation: load 1.1s infinite linear; } @-webkit-keyframes load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (max-width: 767px) { .custom-btn-xl {font-size: 100%;} } /* ----------------------------------------------------------------------------------------------------------------------------- * BORDER ----------------------------------------------------------------------------------------------------------------------------- */ .custom-no-border {border: none !important;} .custom-border-top {border-top: 2px solid var(--grey-02);} /* ----------------------------------------------------------------------------------------------------------------------------- * WRAPS + CONTAINER ----------------------------------------------------------------------------------------------------------------------------- */ .custom-wrap-max {max-width: 1790px; padding-left: 4rem; padding-right: 4rem; text-align: center;} .custom-container-padding {padding-left: 10px; padding-right: 10px;} .custom-slide-items {position: relative;} .custom-slide-items .custom-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} @media screen and (max-width: 1199px) { .custom-wrap-max {padding-left: 2.5em; padding-right: 2.5em;} } @media screen and (max-width: 991px) { .custom-wrap-max {padding-left: 2em; padding-right: 2em;} } @media screen and (max-width: 767px) { .custom-wrap-max {padding-left: 1em; padding-right: 1em;} .custom-header .custom-wrap-max {padding-left: 5px; padding-right: 5px;} } /* ----------------------------------------------------------------------------------------------------------------------------- * IMAGES ----------------------------------------------------------------------------------------------------------------------------- */ .custom-img-cover {display: block; position: relative; height: 0; padding-bottom: 93%; overflow: hidden;} .custom-img-cover img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;} /* ----------------------------------------------------------------------------------------------------------------------------- * BADGES ----------------------------------------------------------------------------------------------------------------------------- */ .custom-badge img {height: 45px; width: auto; margin-left: auto; margin-right: auto;} .custom-badge.custom-badge-lg img {height: 45px;} .custom-badge.custom-badge-sm img {height: 42px;} .custom-badge.custom-badge-ebay img {height: 38px; margin: 5px 0 4px 15px;} /* ----------------------------------------------------------------------------------------------------------------------------- * DIVIDER ----------------------------------------------------------------------------------------------------------------------------- */ .custom-divider {height: .825em;} .custom-divider-sm {height: 3px;} .custom-divider-xs {height: 2px;} /* ----------------------------------------------------------------------------------------------------------------------------- * PAYMENT LOGOS ----------------------------------------------------------------------------------------------------------------------------- */ .custom-payment .custom-logo-wrap {height: 42px; padding: 8px 12px; margin-left: 12px; width: auto; border: 1px solid rgba(0,0,0,.25); background: var(--white);} .custom-payment .custom-logo-wrap:first-of-type {margin-left: 0;} .custom-payment img {height: 100%; width: auto; opacity: .85;} @media screen and (max-width: 991px) { .custom-payment .custom-logo-wrap {height: 36px;} .custom-payment .custom-logo-wrap img {vertical-align: top;} } @media screen and (max-width: 767px) { .custom-payment .custom-logo-wrap {height: 40px;} } @media screen and (max-width: 380px) { .custom-payment .custom-logo-wrap {height: 8.5vw;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SEAL LOGOS ----------------------------------------------------------------------------------------------------------------------------- */ .custom-seals {transform: translateY(-1em);} .custom-seals .custom-seal-trustedshop {display: block; width: 3.5em; height: 3.5em; background: url(/img/trustedshop.png) no-repeat left top; background-size: auto; background-size: 100% auto;} .custom-payment .custom-seal-trustedshop {display: block; width: 2.75em; height: 2.75em; background: url(/img/trustedshop.png) no-repeat left top; background-size: auto; background-size: 100% auto;} /* ----------------------------------------------------------------------------------------------------------------------------- * FORMS ----------------------------------------------------------------------------------------------------------------------------- */ textarea, select, input[type="search"], input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"] {box-shadow: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; padding: .625em !important; background-color: #FBFBFB !important; border-color: #e2e2e2 !important;} select {padding-right: 2.5em !important; cursor: pointer;} textarea:focus, select:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="url"]:focus, textarea:active, select:active, input[type="search"]:active, input[type="text"]:active, input[type="number"]:active, input[type="email"]:active, input[type="tel"]:active, input[type="password"]:active, input[type="url"]:active {box-shadow: none !important; border-color: var(--black) !important; outline: none; background-color: var(--white) !important; -webkit-transition: border-color 500ms ease; -moz-transition: border-color 500ms ease; -o-transition: border-color 500ms ease; transition: border-color 500ms ease;} input[type="radio"]:focus, input[type="checkbox"]:focus {box-shadow: none !important;} input[type="checkbox"] {border-radius: 0 !important;} label {color: var(--grey); margin-bottom: .375em;} .form-check label {color: var(--black);} .form-check label:hover {cursor: pointer;} .form-check-input:focus, .form-check-input:active {border-color: var(--black);} .form-check-input:checked {background: var(--black); border-color: var(--black);} .form-radio-input:checked {background: var(--black);} .form-control::placeholder {color: var(--grey); opacity: .5 !important;} .form-control::-webkit-input-placeholder {color: var(--grey); opacity: .5 !important;} .form-control::-moz-placeholder {color: var(--grey); opacity: .5 !important;} .form-control::-ms-input-placeholder {color: var(--grey); opacity: .5 !important;} .custom-form .custom-required {color: var(--gold);} .custom-form .custom-payment {display: inline-block; width: auto; margin-top: .5em; line-height: 1;} .custom-form .custom-payment .custom-logo-wrap {display: block; width: auto; margin-left: 0;} .custom-form .custom-payment .custom-logo-wrap img {height: 100%; width: auto;} .custom-form .custom-disabled {color: var(--grey-01); background-color: rgb(234, 234, 234) !important;} .custom-form .custom-disabled:active, .custom-form .custom-disabled:focus {background-color: rgb(234, 234, 234) !important; border-color: #e2e2e2 !important;} .custom-form .input-group-text {color: var(--grey); border-radius: 0; border: none; background-color: #fff;} .birthday_chk, .birthday_spmchk {padding: 0 !important; margin: 0 !important; font-size: 1px !important; visibility: hidden;} .invalid-feedback {line-height: 1.2;} /* Form Validation */ .form-control.is-invalid, .was-validated .form-control:invalid, .form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--error); border-width: 1px; background-image: none; } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { background-image: none; } .was-validated .form-control:valid, .was-validated .form-control:valid:active, .was-validated .form-control:valid:focus { border-color: #e2e2e2 !important; background-image: none !important; padding-right: .75rem !important; } .form-select.is-valid, .was-validated .form-select:valid, .form-select.is-valid, .was-validated .form-select:valid:active, .form-select.is-valid, .was-validated .form-select:valid:focus { border-color: #e2e2e2 !important; background-image: none !important; padding-right: .75rem !important; } .was-validated .custom-control-input:valid ~ .custom-control-label { color: inherit; } .was-validated .form-check-input:valid, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { border-color: rgba(0,0,0,.25); color: inherit; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { border-color: #e2e2e2 !important; background-color: rgba(104, 44, 118, 1); } .form-select.is-valid, .was-validated .form-select:valid { border-color: #e2e2e2 !important; background-image: none; padding-right: .75rem; } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--black) !important; } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-width: 2px; } /* ----------------------------------------------------------------------------------------------------------------------------- * HEADER + LOGO + BODY TOP PADDING ----------------------------------------------------------------------------------------------------------------------------- */ body {padding-top: 8.25em;} .custom-header {height: 8.25em; z-index: 10; position: absolute; top: 0; left: 0; width: 100%;} /* Logo --------------------------------------------------------------------------------------------------------------------- */ .custom-logo {display: inline-block; width: auto; height: 3.125em; transform: translateY(-.275em); margin-right: 0;} .custom-logo img {height: 100%; width: auto;} /* Header minified----------------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 768px) { .custom-header.custom-minified {position: fixed !important; display: block !important; width: 100% !important; height: 3.5em; background: #fff; z-index: 4; box-shadow: 0px 0px 17px -7px rgba(0,0,0,0.15); animation-name: slide-in; animation-duration: .85s; animation-iteration-count: 1; animation-fill-mode: forwards;} @keyframes slide-in { from {transform: translateY(-4em);} to {transform: translateY(0);} } .custom-header.custom-minified .custom-logo {height: 2em; margin-right: 0; transform: translateY(0);} .custom-header.custom-minified .custom-navbar-expand .navbar-toggler {top: .425em;} } @media screen and (max-width: 1199px) { body {padding-top: 110px;} .custom-header {height: 110px; top: 0; width: 100%;} .custom-header .custom-logo {height: 45px; margin-right: 0; margin-left: 3px; transform: translateY(0);} } @media screen and (max-width: 991px) { body {padding-top: 80px;} .custom-header {height: 80px; top: 0; width: 100%;} .custom-header .custom-logo {height: 34px; margin-right: 0; margin-left: 3px; transform: translateY(0);} } @media screen and (max-width: 767px) { body {padding-top: 60px;} .custom-header {height: 60px; position: fixed !important; top: 0; width: 100%; background-color: var(--white);} .custom-header .custom-logo {height: 25px; margin-top: 3px; margin-right: 0; margin-left: 3px; transform: translateY(0);} } /* ----------------------------------------------------------------------------------------------------------------------------- * NAV ----------------------------------------------------------------------------------------------------------------------------- */ nav ul {margin: 0; padding: 0;} nav ul li {margin: 0; padding: 0; list-style: none;} nav ul li a {display: inline-block; width: auto;} nav ul li a {display: inline-block; width: auto;} nav a {color: #000 !important;} nav a:hover {color: var(--gold) !important; opacity: 1 !important; background-color: transparent !important;} nav .container-fluid {padding-right: 0; padding-left: 0;} /* Main Nav ------------------------------------------------------------------------------------------------------------------ */ .custom-wrap-navbar-expand {flex: 1;} .custom-navbar {flex: 1;} .custom-navbar ul {margin: 0; padding: 0;} .custom-navbar ul li {margin: 0; padding: 0; list-style: none;} .custom-navbar ul li a {display: inline-block; width: auto; padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x);} .custom-navbar a:focus, .custom-navbar a:active {color: var(--gold) !important; background-color: transparent !important;} .custom-navbar a.dropdown-toggle:focus::after, .custom-navbar a.dropdown-toggle:active::after {border-color: var(--gold) !important;} .custom-navbar a.dropdown-toggle::after {width: 10px; height: 10px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 0; border-bottom: 0; transform: rotate(-135deg) translate(-2px, 1px);} .custom-navbar a.dropdown-toggle:hover::after {border-color: var(--gold);} .custom-navbar a.active {color: var(--gold) !important; background-color: transparent !important;} .custom-navbar a.active.dropdown-toggle::after {border-color: var(--gold) !important;} .custom-navbar .display-mobile {display: none;} .custom-navbar .custom-subnav-shop {-webkit-column-count: 4; column-count: 4; column-width: auto; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} .custom-navbar .dropdown-menu {margin-top: 0; padding-bottom: 3em; border: none; border-radius: 0; box-shadow: 0px 8px 8px 0px #0000000D;} .custom-navbar .dropdown-menu .custom-wrap-special-items {flex: 0 0 12.625em; margin-top: .325em;} .custom-navbar .dropdown-menu .custom-wrap-special-items ul {margin-left: auto;} .custom-navbar .dropdown-menu .custom-wrap-standard-items a {font-size: 1.75rem; font-family: 'CormorantGaramond'; line-height: 1.25; white-space: nowrap;} .custom-navbar .dropdown-menu .custom-wrap-special-items a {font-weight: 600; text-transform: uppercase;} /* Main Nav (Header only) ----------------------------------------------------------------------------------------------------------------- */ .custom-header .custom-mobile {display: none;} .custom-header .custom-navbar .nav-item {margin-right: 1em;} .custom-header .custom-navbar .nav-link {text-transform: uppercase;} .custom-header .custom-navbar .custom-payment {margin-top: 8.5em; padding-right: .5em;} /* Cart Nav (Header only) ----------------------------------------------------------------------------------------------------------------- */ .custom-header .custom-navbar-cart {flex: 1; margin-right: .375em;} .custom-header .custom-navbar-cart .nav-item {height: 2.375em;} .custom-header .custom-navbar-cart .custom-01 {margin-right: 2.5em;} .custom-header .custom-navbar-cart .custom-05 {margin-right: 1.5em;} .custom-header .custom-navbar-cart a.active {color: var(--gold) !important; background-color: transparent !important;} .custom-header .custom-navbar-cart .nav-link {text-transform: uppercase;} .custom-header .custom-navbar-cart .custom-link-icon {min-width: 55px; width: auto; height: 40px; padding-top: 0; padding-bottom: 0;} .custom-header .custom-navbar-cart .custom-link-icon::before {content: ' '; display: inline-block; width: 32px; height: 100%; background-position: 5px center; background-repeat: no-repeat; background-size: auto 24px; left: 0; top:0; transform: translate(0, 0);} .custom-header .custom-navbar-cart .custom-icon-search::before {background-image: url(/img/icons/search.svg);} .custom-header .custom-navbar-cart .custom-icon-search:hover::before {background-image: url(/img/icons/search-gold.svg);} .custom-header .custom-navbar-cart .custom-icon-cart {} .custom-header .custom-navbar-cart .custom-icon-wishlist::before {background-image: url(/img/icons/heart.svg);} .custom-header .custom-navbar-cart .custom-icon-wishlist:hover::before {background-image: url(/img/icons/heart-gold.svg);} .custom-header .custom-navbar-cart .custom-icon-cart::before {background-image: url(/img/icons/bag.svg); transform: translateY(-2px);} .custom-header .custom-navbar-cart .custom-icon-cart:hover::before {background-image: url(/img/icons/bag-gold.svg);} .custom-header .custom-navbar-cart .custom-counter {display: inline-block; margin-left: 36px; margin-top: 7px; padding: 0 .25em; background: var(--gold-01); color: var(--white); line-height: 1.5; font-size: 16px; font-weight: 600; text-align: center; min-width: 25px;} .custom-header .custom-navbar-cart .custom-icon-wishlist .custom-counter {margin-right: 1em;} .custom-header .custom-navbar-cart .custom-link-icon:hover .custom-counter {background-color: var(--black);} .custom-header .custom-navbar-cart .custom-payment .custom-seal-trustedshop {font-size: 85%;} /* Legal Nav (Header only: Dropdown Shop) ------------------------------------------------------------------------------------------------------ */ .custom-header .custom-navbar-legal {margin-top: 1.5rem; display: flex; justify-content: flex-end !important; font-size: 95%;} .custom-header .custom-navbar-legal ul {width: auto;} .custom-header .custom-navbar-legal ul li {display: inline;} .custom-header .custom-navbar-legal a {color: var(--grey-01) !important; text-transform: none !important;} .custom-header .custom-navbar-legal a:hover {color: var(--gold) !important;} .custom-header .custom-navbar-legal li.custom-05, .custom-header .custom-navbar-legal li.custom-06 {display: none;} .custom-header .custom-mobile .custom-navbar-legal {font-size: 100%;} .custom-header .custom-mobile .custom-navbar-legal li {display: block; text-align: left; font-size: 1rem; padding-left: 0;} .custom-header .custom-mobile .custom-navbar-legal li a {text-transform: none; font-size: 1rem;} /* Main Nav: Toggler (mobile) ------------------------------------------------------------------------------------------------------ */ .custom-navbar .navbar-toggler {border: none; border-radius: 0;} .custom-navbar .custom-toggler-icon {display: inline-block; width: 30px; height: 30px; background: url(/img/icons/list.svg) center center no-repeat; background-size: auto 28px;} .custom-navbar .navbar-toggler[aria-expanded="true"] .custom-toggler-icon {background-image: url(/img/icons/x-lg.svg);} @media screen and (max-width: 1650px) { .custom-header .custom-navbar-nav-cart .custom-01, .custom-header .custom-navbar-nav-cart .custom-05 {display: none;} .custom-wrap-navbar-expand {height: 100%; position: relative;} .custom-navbar-expand {position: absolute !important; left: 0; top: 0; z-index: 100;} .custom-navbar-expand .custom-navbar-nav-main {margin-top: 48px; width: 100%; height: calc(100vh - 48px); padding-left: 20px; padding-bottom: 50px; overflow-y: auto;} .custom-navbar-expand .navbar-toggler {z-index: 1; position: absolute; left: -10px; top: 52px;} .custom-navbar-expand .navbar-toggler[aria-expanded="true"] {position: fixed; left: 285px; top: 12px; transform: scale(.85);} .custom-navbar-expand .navbar-collapse {position: fixed; left: 0; top: 0; background: var(--white); width: 100%; max-width: 350px; height: 100vh; z-index: 0; box-shadow: 0px 0px 50px -7px rgba(0,0,0,0.25);} .custom-navbar-expand .nav-item {margin-right: 0; padding-left: 0; display: inline-block; text-align: left;} .custom-navbar-expand .nav-link {display: inline-block; font-size: 1rem; padding: 12px 0;} .custom-navbar-expand .dropdown-menu .custom-payment, .custom-navbar-expand .dropdown-menu .custom-navbar-legal {display: none !important;} .custom-navbar-expand .dropdown-menu {padding-top: 5px; padding-bottom: 20px; box-shadow: none; background: transparent;} .custom-navbar-expand .dropdown-menu .custom-wrap-max {padding-left: 0;} .custom-navbar-expand .dropdown-menu .custom-wrap-items {display: block !important;} .custom-navbar-expand .dropdown-menu .custom-wrap-standard-items {width: 100%;} .custom-navbar-expand .dropdown-menu .custom-wrap-standard-items a {padding: 6px 25px; font-size: 1rem; font-family: 'OpenSans', sans-serif;} .custom-navbar-expand .dropdown-menu .custom-wrap-special-items {margin-top: 20px;} .custom-navbar-expand .dropdown-menu .custom-wrap-special-items a {padding: 5px 25px; font-size: 1rem;} .custom-navbar-expand .dropdown-menu .custom-subnav-shop {-webkit-column-count: 1; column-count: 1; column-width: 1;} .custom-navbar-expand .custom-mobile {display: block !important;} .custom-navbar-expand .custom-mobile .custom-navbar-cart {margin-right: 0; padding: 0;} .custom-navbar-expand .custom-mobile .custom-navbar-nav-cart {flex-direction: column !important; margin-left: 0 !important;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .nav-item {height: auto; line-height: 1; display: block;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .nav-item.custom-01 {order: 1; display: block;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .nav-item.custom-02 {order: 3; font-weight: 400;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .nav-item.custom-03 {order: 2; font-weight: 400; margin-top: 40px;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .nav-item.custom-mobile {display: block !important;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .custom-payment {display: none;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .custom-link-icon {margin-left: 0 !important; text-transform: none !important; transform: none !important; font-size: 1rem;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .custom-link-icon::before {display: none;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .custom-link-icon .custom-mobile {display: inline-block !important;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .custom-counter {transform: none !important; margin-left: 10px; line-height: 1.5;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .nav-item.custom-04 {display: none;} .custom-navbar-expand .custom-mobile .custom-contact-data, .custom-navbar-expand .custom-mobile .custom-opening-hours {display: none;} .custom-navbar-expand .custom-mobile .custom-navbar-legal {margin-top: 20px;} .custom-navbar-expand .custom-mobile .custom-navbar-legal ul {width: 100%;} .custom-navbar-expand .custom-mobile .custom-navbar-legal .nav-link {padding: 5px 0; color: var(--black) !important;} .custom-navbar-expand .custom-mobile .custom-social-nav {text-align: left; margin-top: 30px;} .custom-navbar-expand .custom-mobile .custom-social-nav .custom-link-icon {width: 50px; opacity: .35;} .custom-navbar-expand .custom-mobile .custom-contact-data {text-align: left; font-size: 1rem; margin-top: 10px; color: var(--grey-01)} .custom-navbar-expand .custom-mobile .custom-contact-data a {color: var(--grey-01) !important;} .custom-navbar-expand .custom-mobile .custom-contact-data span {display: block !important;} .custom-navbar-expand .custom-mobile .custom-contact-data .custom-margin {margin-top: 20px;} .custom-navbar-expand .custom-mobile .custom-opening-hours {text-align: left; font-size: 1rem; color: var(--grey-01);} .custom-navbar-expand .custom-mobile .custom-opening-hours span {display: block !important;} } @media screen and (min-width: 1600px) and (max-width: 1700px) { .custom-header .custom-navbar-nav-cart .custom-05 span {display: none;} } @media screen and (max-width: 1199px) { .custom-navbar-expand .navbar-toggler {left: -10px; top: 40px;} } @media screen and (max-width: 991px) { .custom-navbar-expand .navbar-toggler {left: -10px; top: 23px;} .custom-header .custom-navbar-cart .custom-link-icon {min-width: 50px;} .custom-header .custom-navbar-cart .custom-payment .custom-seal-trustedshop {margin-right: -1rem; font-size: 80%;} } @media screen and (max-width: 767px) { .custom-navbar-expand .navbar-toggler {left: 0; top: 12px;} .custom-navbar-expand .navbar-toggler {top: 11px;} .custom-header .custom-navbar-cart .custom-04 {display: none;} .custom-header .custom-navbar-cart .custom-payment .custom-seal-trustedshop {margin-right: 1rem; margin-left: .75rem; margin-top: .325rem; font-size: 65%;} .custom-header .custom-navbar-cart {margin-right: 4px;} .custom-header .custom-navbar-cart .custom-link-icon {min-width: 40px; transform: scale(.9);} .custom-header .custom-navbar-cart .custom-link-icon::before{transform: scale(1);} .custom-header .custom-navbar-cart .custom-counter {transform: scale(.8); margin-left: 30px; line-height: 1.7;} .custom-header .custom-navbar-cart .custom-icon-wishlist, .custom-header .custom-navbar-cart .custom-icon-cart {margin-left: 0;} .custom-header .custom-navbar-cart .custom-icon-wishlist::before {background-position: 5px 9px;} .custom-navbar-expand .nav-link {font-size: 18px;} .custom-navbar-expand .dropdown-menu .custom-wrap-standard-items a {font-size: 110%;} .custom-navbar-expand .custom-mobile .custom-contact-data, .custom-navbar-expand .custom-mobile .custom-opening-hours {display: block;} .custom-navbar-expand .custom-navbar-nav-main {margin-top: 70px; padding-bottom: 100px;} .custom-navbar-expand .custom-btn-withdrawal {text-align: left;} .navbar-collapse.show .custom-icon-search {position: absolute; left: 15px; top: 12px; display: block; width: 56px; height: 36px; border: 1px solid var(--black); transition: none;} .navbar-collapse.show .custom-icon-search::before {background-image: url(/img/icons/search.svg); background-size: auto 22px;} .custom-header .custom-navbar-cart .custom-icon-wishlist .custom-counter {margin-right: 0;} .custom-navbar-expand .custom-mobile .custom-navbar-cart .custom-04 {display: none;} } @media screen and (max-width: 1649px) { .custom-navbar a.dropdown-toggle::after {transform: rotate(-225deg) translate(6px, 1px);} .custom-navbar a.dropdown-toggle[aria-expanded="true"]::after{transform: rotate(-135deg) translate(-2px, 1px);} } @media screen and (min-width: 1650px) { .custom-navbar.custom-navbar-expand {flex-wrap: nowrap; justify-content: flex-start;} .custom-navbar.custom-navbar-expand .navbar-collapse {display: flex !important; flex-basis: auto;} .custom-navbar.custom-navbar-expand .navbar-nav {flex-direction: row; width: 100%;} .custom-navbar.custom-navbar-expand .navbar-nav .nav-link {padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x);} .custom-navbar.custom-navbar-expand .navbar-toggler {display: none;} .custom-navbar.custom-navbar-expand .dropdown-menu {position: absolute;} } /* ----------------------------------------------------------------------------------------------------------------------------- * PAGINATION ----------------------------------------------------------------------------------------------------------------------------- */ .custom-pagination ul {display: inline-block; padding: 0; margin: 0;} .custom-pagination ul li {display: inline;} .custom-pagination ul li:nth-of-type(1) a {margin-right: 1em;} .custom-pagination ul li:nth-last-child(1) a {margin-left: 1em;} .custom-pagination ul li a {float: left; padding: .65em .25em; margin: 2px; width: 3em;; color: var(--black); text-decoration: none; text-align: center;} .custom-pagination ul li a:hover {background-color: var(--gold-01); color: var(--white) !important;} .custom-pagination ul .disabled-page {opacity: 0.25; pointer-events: none;} .custom-pagination ul .active-page {background-color: var(--grey-02); font-weight: 700; pointer-events: none;} .custom-pagination .custom-pagination-fwd, .custom-pagination .custom-pagination-back {display: block; position: relative; height: 100%; overflow: hidden; height: 2.75em;} .custom-pagination .custom-pagination-fwd::before, .custom-pagination .custom-pagination-back::before {content: ' '; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: 33% auto; background-repeat: no-repeat; background-position: center center;} .custom-pagination .custom-pagination-fwd::before {background-image: url(/img/icons/angle-right.png);} .custom-pagination .custom-pagination-back::before {background-image: url(/img/icons/angle-left.png);} .custom-pagination .custom-pagination-fwd:hover::before {background-image: url(/img/icons/angle-right-white.png);} .custom-pagination .custom-pagination-back:hover::before{background-image: url(/img/icons/angle-left-white.png);} @media screen and (max-width: 767px) { .custom-pagination ul {font-size: 95%;} .custom-pagination ul li a {width: 2.5em;} .custom-pagination .custom-pagination-fwd::before {background-image: url(/img/icons/chevron-right.svg); background-size: auto 20px;} .custom-pagination .custom-pagination-back::before {background-image: url(/img/icons/chevron-left.svg);background-size: auto 20px;} } @media screen and (max-width: 370px) { .custom-pagination ul {font-size: 4vw;} } /* ----------------------------------------------------------------------------------------------------------------------------- * TAB NAV ----------------------------------------------------------------------------------------------------------------------------- */ .custom-nav-tabs .nav-link {border-radius: 0; color: var(--black); padding: .625em 1.5em;} .custom-nav-tabs .nav-link.active {font-weight: 700; color: var(--black);} @media screen and (max-width: 991px) { .custom-nav-tabs .nav-link {padding: .625em 1em;} } @media screen and (max-width: 767px) { .custom-nav-tabs .nav-link {padding: .625em 1.5em;} } /* ----------------------------------------------------------------------------------------------------------------------------- * CONTENT ROWS ----------------------------------------------------------------------------------------------------------------------------- */ .custom-row {padding-top: 4em; padding-bottom: 5em;} .custom-row-intro {} .custom-row-intro .custom-slide-items {padding-bottom: 97%;} .custom-row-intro .custom-item {display: inline-block; float: left; margin: 8px; width: calc(50% - 17px); overflow: hidden;} .custom-row-intro .custom-item:hover {opacity: .5;} .custom-row-intro .custom-btn-xl {margin-top: 2rem; margin-bottom: 7rem;} .custom-row-highlights {overflow: hidden;} .custom-row-product-slider {overflow: hidden; background-color: var(--grey-02);} .custom-row-theme .custom-slide-items {padding-bottom: 48%;} .custom-row-theme .custom-item {display: inline-block; float: left; margin: 8px; width: calc(50% - 17px); overflow: hidden; background: var(--white);} .custom-row-theme .custom-item:hover img {opacity: .5;} .custom-row-theme .custom-wrap-guarantee {max-width: 33em;} .custom-row-usp {padding-bottom: 4em; background-color: var(--gold-02);} .custom-row-usp p {text-transform: uppercase; margin-bottom: .5rem;} .custom-row-quotes {padding-bottom: 4em; background-color: var(--gold-03); overflow: hidden;} .custom-row-quotes .custom-row-title {margin-bottom: 3rem;} .custom-row-quotes .custom-wrap-text {max-width: 33em;} .custom-row-about-us {padding-bottom: 3em;} .custom-row-about-us .custom-img-cover.custom-size, .custom-row-purchase .custom-img-cover.custom-size {padding-bottom: 50%;} .custom-row-purchase .custom-slide-items {padding-bottom: 48%;} .custom-row-about-us .custom-contact-data {margin-bottom: 0;} .custom-row-about-us .custom-contact-data .custom-display {display: none !important;} .custom-row-about-us .custom-opening-hours {margin-bottom: 0;} .custom-row-journal {padding-bottom: 0;} .custom-row-journal .custom-wrap-articles {flex-wrap: wrap; max-width: 1360px; margin-left: auto; margin-right: auto; justify-content: center;} .custom-row-journal .custom-article-teaser {flex: 0 0 calc(33% - 1em); flex-direction: column; margin-right: .5em; margin-bottom: 5em; margin-left: .5em;} .custom-row-journal .custom-article-teaser .custom-text {display: flex; flex-direction: column; height: 100%; text-align: left;} .custom-row-journal .custom-article-teaser .custom-text .custom-wrap-inner {display: flex; flex-direction: column; height: 100%;} .custom-row-journal .custom-article-teaser .custom-text .custom-row-subtitle{margin-top: 1rem !important; margin-bottom: 1rem !important; line-height: 1.25; text-align: left; padding-right: 1em;} .custom-row-journal .custom-article-teaser .custom-text p {padding-right: 1em;} .custom-row-journal .custom-article-teaser .custom-text .custom-btn-row {text-align: center; margin-top: auto;} .custom-row-instagram {padding-bottom: 4em; background-color: var(--grey-02);} .custom-row-pagination {padding-top: 2.5em; padding-bottom: 2.5em;} @media screen and (max-width: 1199px) { .custom-row-about-us .custom-contact-data span {display: block;} .custom-row-journal .custom-article-teaser .custom-text p {hyphens: auto;} } @media screen and (min-width: 768px) and (max-width: 1199px) { .custom-row-journal .custom-article-teaser .custom-text .custom-row-subtitle {font-size: 130%;} .custom-row-journal .custom-article-teaser .custom-text p {font-size: 90%;} } @media screen and (max-width: 991px) { .custom-row-intro .custom-slide-items {max-width: 685px; margin-left: auto; margin-right: auto; padding-bottom: 675px;} .custom-row-intro .custom-btn-xl {margin-top: 2rem; margin-bottom: 0; font-size: 100%;} .custom-row-theme .custom-wrap-guarantee {padding-left: 1em; padding-right: 1em;} .custom-row-theme .custom-wrap-guarantee .custom-text-serif {font-size: 110%;} } @media screen and (max-width: 767px) { .custom-row {padding-top: 3em; padding-bottom: 3em;} .custom-row-usp, .custom-row-about-us, .custom-row-quotes {padding-bottom: 3em;} .custom-row-instagram {padding-bottom: .5em;} .custom-row-intro .custom-slide-items {padding-bottom: 97%;} .custom-row-intro .custom-btn-xl {margin-top: 1.25em;} .custom-row-intro .custom-item {margin: 5px; width: calc(50% - 10px);} .custom-row-quotes .custom-row-title {margin-bottom: 2.5rem;} .custom-row-quotes .custom-wrap-text {padding-left: 2em; padding-right: 2em;} .custom-slider-quotes .custom-slider-link {top: calc(50%);} .custom-row-journal .custom-wrap-articles {max-width: 400px;} .custom-row-journal .custom-article-teaser {flex: 0 0 100%; margin-right: 0; margin-bottom: 4em; margin-left: 0;} .custom-row-journal .custom-article-teaser .custom-text .custom-row-subtitle{padding-right: 0;} .custom-row-journal .custom-article-teaser .custom-text p {padding-right: 0;} } /* ----------------------------------------------------------------------------------------------------------------------------- * PRODUCT Thumbnail ----------------------------------------------------------------------------------------------------------------------------- */ .custom-item-product {position: relative;} .custom-item-product .custom-link-wishlist {opacity: 0; position: absolute; right: 0; top: 0; width: 3.5em; height: 3.5em; z-index: 1; background-size: 28px auto;} .custom-item-product .custom-link-wishlist.custom-marked {opacity: 1;} .custom-item-product:hover .custom-link-wishlist {opacity: 1;} .custom-item-product .custom-img-cover {position: relative; overflow: hidden; border: 1px solid var(--grey-02); background-color: var(--white);} .custom-item-product .custom-img-cover img {position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;} .custom-item-product .custom-title {margin-top: .625rem; margin-bottom: .25rem; font-size: 14px; line-height: 1.3;} .custom-item-product .custom-price {font-size: 16px; font-weight: 700;} @media screen and (max-width: 1199px) { .custom-item-product .custom-link-wishlist {opacity: 1; width: 45px; height: 45px; background-size: 22px auto;} } @media screen and (max-width: 991px) { .custom-item-product {margin: 5px; width: calc(16.666% - 10px);} } @media screen and (min-width: 1200px) { .custom-item-product:hover .custom-img-cover {border-color: var(--gold);} .custom-item-product:hover .custom-img-cover img {opacity: .5;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SLIDER ----------------------------------------------------------------------------------------------------------------------------- */ .custom-slider {position: relative;} .custom-slider-link {position: absolute; display: block; top: calc(50% - 3.5em); width: 4em; height: 7em;} .custom-slider-back {left: -4em;} .custom-slider-fwd {right: -4em;} .custom-slider-link::before {content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: auto 50%; background-repeat: no-repeat; background-position: center center;} .custom-slider-back::before {background-image: url(/img/icons/angle-slider-left.png);} .custom-slider-fwd::before {background-image: url(/img/icons/angle-slider-right.png);} /* Slider item opacity (default for fade-in animation) */ .custom-opacity-0 {opacity: 0;} /* Slider: Highlights */ .custom-slider-highlights {margin-bottom: 2.25rem;} .custom-slider-highlights .custom-item {display: inline-block; float: left; position: relative; width: calc(25% - 16px); margin: 8px; overflow: hidden;} .custom-slider-highlights .custom-item img {width: 100%; height: auto;} .custom-slider-highlights .custom-item-title {position: absolute; display: block; width: 100%; bottom: 1.825rem; text-align: center; z-index: 1;} /* Slider: Products */ .custom-slider-products {margin-bottom: 1em;} .custom-slider-products .custom-item-product {display: inline-block; float: left; width: calc(16.666% - 16px); margin: 8px;} .custom-slider-products .custom-slider-link {top: calc(50% - 6em);} /* Slider: Product Pics */ .custom-slider-pics {margin-bottom: 0;} .custom-slider-pics .custom-item-pic {display: inline-block; float: left; width: calc(16.666% - 16px); margin: 8px;} .custom-slider-pics .custom-slider-link {top: calc(50% - 6em);} /* Slider: Product Detail Pics */ .custom-slider-detail-pics {margin-bottom: 0;} #picsCarousel_01.slick-slider, .slick-lightbox-slick.slick-slider {touch-action: auto !important;} /* Slider: Quotes */ .custom-slider-quotes .custom-slider-link {top: calc(50% - 6em);} @media screen and (max-width: 1199px) { .custom-slider-back {left: -3.25em;} .custom-slider-fwd {right: -3.25em;} .custom-slider-link::before {background-size: auto 35%;} .custom-slider-products .custom-slider-link {top: calc(50% - 6.75em);} .custom-slider-pics .custom-slider-link {top: calc(50% - 6.75em);} } @media screen and (max-width: 991px) { .custom-slider-link {width: 3em;} .custom-slider-back {left: -2em;} .custom-slider-fwd {right: -2em;} .custom-slider-highlights, .custom-slider-products, .custom-slider-pics, .custom-slider-quotes {padding-left: 1em; padding-right: 1em;} .custom-slider-highlights .custom-item {margin: 5px; width: calc(25% - 10px);} .custom-slider-highlights .custom-item-title {font-size: 110%; bottom: .8rem; text-align: center; z-index: 1;} .custom-slider-products .custom-item-product {margin: 5px; width: calc(16.666% - 10px);} .custom-slider-products .custom-slider-link {top: calc(50% - 7em);} .custom-slider-pics .custom-item-pic {margin: 5px; width: calc(16.666% - 10px);} .custom-slider-pics .custom-slider-link {top: calc(50% - 7em);} } @media screen and (max-width: 767px) { .custom-slider-link {width: 2em;} .custom-slider-back {left: -1em;} .custom-slider-fwd {right: -1em;} .custom-slider-link::before {background-size: auto 26px;} .custom-slider-back::before {background-image: url(/img/icons/chevron-left.svg);} .custom-slider-fwd::before {background-image: url(/img/icons/chevron-right.svg);} .custom-slider-highlights, .custom-slider-products, .custom-slider-pics, .custom-slider-quotes {padding-left: 1em; padding-right: 1em;} .custom-slider-highlights .custom-img-cover {padding-bottom: 100%; background-color: #f7f7f7;} .custom-slider-highlights .custom-item-title {line-height: 1.1;} } @media screen and (max-width: 575px) { .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {max-width: 85%;} } @media screen and (min-width: 1199px) { .custom-slider-back:hover::before {background-image: url(/img/icons/angle-slider-left-gold.png);} .custom-slider-fwd:hover::before {background-image: url(/img/icons/angle-slider-right-gold.png);} } /* ----------------------------------------------------------------------------------------------------------------------------- * PAGE INTRO ----------------------------------------------------------------------------------------------------------------------------- */ .custom-page-intro {padding-top: 1.5em;} /* ----------------------------------------------------------------------------------------------------------------------------- * STANDARD PAGES ----------------------------------------------------------------------------------------------------------------------------- */ .custom-page-standard {padding-bottom: 5em; min-height: 51vh;} .custom-page-standard h1 {margin-bottom: 2.25rem;} .custom-page-standard p, .custom-page-standard ul {line-height: 1.5;} .custom-page-standard p.h1 {line-height: 1.3;} .custom-page-standard .custom-intro-img {height: 0; padding-bottom: 21%;} .custom-page-standard .custom-width-01 {max-width: 980px;} .custom-page-standard .custom-width-02 {max-width: 1380px; margin-left: auto; margin-right: auto;} .custom-page-standard .custom-width-03 {max-width: 800px; margin-left: auto; margin-right: auto;} .custom-page-standard .custom-width-04 {max-width: 500px; margin-left: auto; margin-right: auto;} .custom-page-standard .custom-slide-items {padding-bottom: 20.5%; max-width: 1000px;} .custom-page-standard .custom-slide-items .custom-item {display: inline-block; float: left; position: relative; width: calc(33.3333% - 16px); margin: 8px; padding: 1.575em; overflow: hidden;} .custom-page-standard .custom-contact-data span {display: block;} .custom-page-standard .custom-contact-data .custom-margin {margin-top: 1em;} .custom-page-standard .custom-opening-hours span {display: block;} .custom-page-standard .custom-wrap-withdraw .custom-line {height: 1em; border-bottom: 1px dashed #000;} @media screen and (max-width: 1650px) { .custom-page-standard .custom-slide-items {padding-bottom: 22%; width: 75%;} } @media screen and (max-width: 1199px) { .custom-page-standard .custom-intro-img {padding-bottom: 27%;} .custom-page-standard .custom-slide-items {padding-bottom: 22%; width: 68vw;} } @media screen and (max-width: 991px) { .custom-page-standard {padding-bottom: 3.5em;} .custom-page-standard .custom-slide-items .custom-item {padding: 1em;} } @media screen and (max-width: 767px) { .custom-page-standard {padding-bottom: 2em;} .custom-page-standard .custom-intro-img {padding-bottom: 30%;} .custom-page-standard .custom-slide-items {padding-bottom: 27%; width: 80vw;} .custom-page-standard .custom-slide-items .custom-item {padding: 0;} .custom-page-standard .custom-wrap-withdraw .custom-line {width: 100% !important; margin-top: 1em; margin-bottom: 1.5em;} } @media screen and (max-width: 576px) { .custom-page-standard .custom-intro-img {padding-bottom: 45%;} .custom-page-standard .custom-slide-items {padding-bottom: 32%; width: 90vw;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: TABLE PRODUCT DESCRIPTION ----------------------------------------------------------------------------------------------------------------------------- */ .custom-table-product-description {width: 100%; line-height: 1.3; text-align: left;} .custom-table-product-description tr {border-bottom: 1px solid var(--grey-03);} .custom-table-product-description th {font-weight: 400; padding: 12px 30px 12px 3px; vertical-align: top; color: var(--grey-01); min-width: 140px;} .custom-table-product-description td {font-weight: 400; padding: 12px 30px 12px 3px; vertical-align: top; width: 80%;} /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: PRODUCTS OVERVIEW ----------------------------------------------------------------------------------------------------------------------------- */ .custom-row-products {padding-top: 1.5em; padding-bottom: 1.5em; background-color: var(--grey-02);} .custom-row-products .custom-wrap-items {flex-wrap: wrap;} .custom-row-products .custom-item-product {flex: 0 0 calc(20% - 16px); margin: 8px; display: block; text-align: left;} @media screen and (max-width: 991px) { .custom-row-products .custom-item-product {flex: 0 0 calc(25% - 10px); margin: 5px;} } @media screen and (max-width: 767px) { .custom-row-products .custom-item-product {flex: 0 0 calc(33.333% - 10px); margin: 5px;} } @media screen and (max-width: 576px) { .custom-row-products .custom-item-product {flex: 0 0 calc(50% - 10px); margin: 5px;} } @media screen and (max-width: 350px) { .custom-row-products .custom-item-product {flex: 0 0 100%; margin: 0;} } .custom-row-filter-message {padding-top: 2em; padding-bottom: 6em; min-height: 26vh;} .custom-row-filter-message p {font-size: 188%; font-weight: 400; font-family: 'CormorantGaramond'; line-height: 1.3; margin-bottom: 2rem; border-top: 2px solid var(--grey-02); padding-top: 2rem;} @media screen and (max-width: 991px) { .custom-row-filter-message p {font-size: 135%;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: PRODUCTS OVERVIEW: FILTER + SORT ----------------------------------------------------------------------------------------------------------------------------- */ .custom-page-products-overview .custom-text-teaser {font-size: 100%; font-weight: 400; line-height: 1.5; max-width: 980px;} .custom-wrap-dropdowns {flex: 0 0 85%;} .custom-wrap-sort select {background-color: #fff !important;} .custom-wrap-sort .input-group-text {background: transparent; border: none; color: var(--grey) !important;} @media screen and (max-width: 767px) { .custom-page-products-overview .custom-text-teaser {font-size: 85%;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: PRODUCT DETAIL PAGE ----------------------------------------------------------------------------------------------------------------------------- */ .custom-page-product-detail {background: rgb(247,247,247); background: linear-gradient(90deg, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 50%);} .custom-page-product-detail .custom-wrap-inner-01 {padding: 2em 2em 0 0;} .custom-page-product-detail .custom-wrap-inner-02 {padding: 3.25em 0 5em 5em; position: sticky; position: -webkit-sticky; top: 1rem;} .custom-page-product-detail .custom-wrap-thumbnails {flex: 0 0 100px; margin-right: 2.5rem;} .custom-page-product-detail .custom-wrap-thumbnails .custom-sticky {position: sticky; position: -webkit-sticky; top: 4rem;} .custom-page-product-detail .custom-wrap-thumbnails .custom-img {display: block; margin-bottom: .75rem;} .custom-page-product-detail .custom-wrap-thumbnails .custom-img img {width: 100%; height: auto;} .custom-page-product-detail .custom-wrap-images {position: relative;} .custom-page-product-detail .custom-wrap-images .custom-img {display: block; margin-bottom: 1rem;} .custom-page-product-detail .custom-wrap-images .custom-img:last-of-type {margin-bottom: 0;} .custom-page-product-detail .custom-wrap-images .custom-img img {width: 100%; height: auto;} .custom-page-product-detail .custom-wrap-images .custom-sticky {height: 1px; z-index: 1; position: sticky; position: -webkit-sticky; top: 3rem;} .custom-page-product-detail .custom-wrap-images .custom-link-wishlist{position: absolute; right: .5em; top: .5em; width: 4em; height: 4em; z-index: 1; background-size: 32px auto;} .custom-page-product-detail .custom-product-title {/* max-width: 640px; */} .custom-page-product-detail .custom-price {margin-right: 2rem;} .custom-page-product-detail .custom-conditions {color: var(--grey-01);} .custom-page-product-detail .custom-conditions .custom-delivery-info {background: var(--grey-02); font-size: .75rem; margin-top: .5rem; padding: .375rem .5rem;} .custom-page-product-detail .custom-btn-row {margin-top: .5rem;} .custom-page-product-detail .custom-btn-row .custom-btn {min-width: 220px;} .custom-page-product-detail .custom-wrap-infos {margin-top: 3.5rem;} .custom-page-product-detail .custom-wrap-infos .tab-content {padding-top: 2em;} .custom-page-product-detail .custom-wrap-infos .custom-payment {justify-content: flex-start !important;} .custom-page-product-detail .custom-wrap-infos .custom-payment .custom-logo-wrap {height: 38px; padding: 7px 11px; margin-left: 0; margin-right: 12px; margin-top: 12px;} .custom-page-product-detail .custom-wrap-guarantee {margin-top: 3em; background-color: var(--gold-03); padding: 2em 2em 1.5em 2em;} .custom-page-product-detail .custom-btn-back {margin-top: -.125em; background-color: var(--white) !important; border: 2px solid var(--black) !important; color: var(--black) !important; padding: .625em 1.625em; font-weight: 400; background-image: url(/img/icons/chevron-left.svg); background-size: 1.15em auto; background-position: .75em center; background-repeat: no-repeat;} .custom-page-product-detail a.custom-img {border: 1px solid transparent; overflow: hidden;} .custom-page-product-detail a.custom-img:hover, .custom-page-product-detail a.custom-img.custom-active {border-color: var(--gold);} .custom-page-product-detail a.custom-img:hover img, .custom-page-product-detail a.custom-img.custom-active img {opacity: .5;} @media screen and (max-width: 991px) { .custom-page-product-detail .custom-wrap-inner-01 {padding-top: 1em; padding-right: .5em;} .custom-page-product-detail .custom-wrap-thumbnails {flex: 0 0 50px; margin-right: 1em !important;} .custom-page-product-detail .custom-wrap-thumbnails .custom-img {margin-bottom: .5rem;} .custom-page-product-detail .custom-wrap-inner-02 {padding: 2em 0 5em 1em;} .custom-page-product-detail .custom-price {margin-bottom: .625em;} .custom-page-product-detail .custom-wrap-images .custom-link-wishlist{right:0; top: 0; width: 4em; height: 4em; z-index: 1; background-size: 25px auto;} .custom-page-product-detail .custom-btn-back {margin-top: -.425em;} } @media screen and (max-width: 767px) { .custom-page-product-detail {background: var(--white); overflow: hidden;} .custom-page-product-detail > .custom-wrap-max {padding-left: 0; padding-right: 0;} .custom-page-product-detail .custom-wrap-inner-01 {padding: 1em 1em 1em 1em; background-color: var(--grey-02);} .custom-page-product-detail .custom-wrap-thumbnails {margin: 1em .5em 0 1em; flex: 0 0 auto} .custom-page-product-detail .custom-wrap-thumbnails .custom-img {width: calc(20% - 10px); float: left; margin-right: 10px; margin-top: 10px;} .custom-page-product-detail .custom-wrap-inner-02 {padding: 1em 1em 3.5em 1em;} .custom-page-product-detail .custom-slider-pics {position: relative; margin-top: 1.05em; border: 1px solid red;} .custom-page-product-detail .custom-slider-detail-pics .custom-wrap-wishlist {position: absolute; top: 0; right: 1.15em; width: 4em; height: 4em; z-index: 1;} .custom-page-product-detail .custom-slider-detail-pics .custom-link-wishlist{display: block; right:0; top: 0; width: 100%; height: 100%; z-index: 1; background-size: 22px auto;} .custom-page-product-detail .custom-slider {margin-top: 20px; padding-left: 20px; padding-right: 20px;} .custom-page-product-detail .custom-item-pic {border: 15px solid #f7f7f7; padding-bottom: 70%;} .custom-page-product-detail .custom-btn-row {margin-top: 1em;} .custom-page-product-detail .custom-wrap-infos table th {min-width: 0;} .custom-page-product-detail .custom-btn-back {margin-top: 1em; margin-left: auto; margin-right: auto;} } @media screen and (max-width: 576px) { .custom-page-product-detail .custom-item-pic {border: 2px solid #f7f7f7;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: CART PAGE ----------------------------------------------------------------------------------------------------------------------------- */ .custom-page-cart {min-height: 51vh; padding-bottom: 6em;} .custom-page-cart .custom-wrap-product {position: relative; background-color: var(--grey-02);} .custom-page-cart .custom-wrap-img {flex: 0 0 21.85%;} .custom-page-cart .custom-wrap-img:hover {} .custom-page-cart .custom-wrap-img img {border: 1px solid transparent;} .custom-page-cart .custom-wrap-img:hover img {opacity: .5;border-color: var(--gold);} .custom-page-cart .custom-text {padding-top: .5em; padding-bottom: .75em; line-height: 1.5;} .custom-page-cart .custom-block-01 {width: 100%; margin-top: .75em;} .custom-page-cart .custom-block-01 .custom-display-01 {display: inline;} .custom-page-cart .custom-block-01 .custom-display-02 {display: none;} .custom-page-cart .custom-block-02 {margin-top: 0em;} .custom-page-cart .custom-table-product-description {margin-top: 1.5rem;} .custom-page-cart .custom-table-product-description tr {border: none;} .custom-page-cart .custom-table-product-description th, .custom-page-cart .custom-table-product-description td {padding: 2px 2px 2px 0;} .custom-page-cart .custom-table-product-description th {padding-right: 20px;} .custom-page-cart .custom-wrap-delete {position: absolute; right: 0; top: 31px; margin-right: 85px;} .custom-page-cart .custom-wrap-delete:hover {opacity: 1;} .custom-page-cart .custom-wrap-delete:hover span {opacity: .5;} .custom-page-cart .custom-wrap-delete:hover .custom-link-delete {border-color: var(--gold); background-image: url(/img/icons/trash3-gold.svg);} .custom-page-cart .custom-link-delete {position: absolute; right: -65px; top: -15px; width: 55px; height: 55px; z-index: 1; background-size: auto 23px; background-color: var(--white); border-radius: 50%; border: 1px solid var(--grey-03);} .custom-wrap-price-total {background-color: var(--grey-02);} .custom-wrap-price-total .custom-subtotal {padding: 1.25rem 1.5rem 0 0;} .custom-wrap-price-total .custom-shipping {padding: 0 1.5rem .25rem 0;} .custom-wrap-price-total .custom-total {margin-top: .75rem; padding: .75rem 1.45rem .75rem 0; border-top: 1px solid #b3b3b3;} .custom-wrap-price-total .custom-total span {font-size: 133%;} .custom-wrap-price-total .custom-vatinfo {padding: 0 1.5rem .825rem 0; font-size: 85%;} .custom-wrap-price-total .custom-vatinfo span.custom-price {font-weight: 400;} @media screen and (min-width: 1200px) { .custom-wrap-price-total .custom-vatinfo {padding-left: 50%;} } @media screen and (max-width: 1549px) { .custom-page-cart .custom-block-01 .custom-display-01 {display: none;} .custom-page-cart .custom-block-01 .custom-display-02 {display: block;} } @media screen and (max-width: 991px) { .custom-page-cart .custom-title {margin-right: 0; font-size: 130%;} .custom-page-cart .custom-wrap-product .custom-wrap {display: block;} .custom-page-cart .custom-block-02 {margin-top: 3em;} .custom-page-cart .custom-wrap-delete {right: auto; left: calc(24% + 1rem); top: auto; bottom: 28px;} } @media screen and (max-width: 767px) { .custom-page-cart .custom-wrap-img {margin: 1em auto 1em auto; width: 175px;} .custom-table-product-description th {min-width: 0;} .custom-page-cart .custom-table-product-description th, .custom-page-cart .custom-table-product-description td {padding: 5px 0px 5px 0;} .custom-page-cart .custom-table-product-description th {padding-right: 20px;} .custom-page-cart .custom-wrap-delete {left: 70px;} .custom-page-cart .custom-link-delete {transform: scale(.8); right: auto; left: -60px;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: ORDER PAGE ----------------------------------------------------------------------------------------------------------------------------- */ .custom-stepnav {display: inline-block; padding: 0 0 0 .5em; font-family: 'OpenSans', sans-serif;} .custom-stepnav a {display: inline-block; margin: .35em 0 0 0; width: .8em; height: .8em; text-align: center; text-decoration: none; vertical-align: text-top; color: var(--white); background-color: var(--gold); opacity: .45;} .custom-stepnav a span {display: block; font-size: 35%; line-height: 2.2; font-weight: 600;} .custom-stepnav .custom-active {opacity: 1;} .custom-stepnav .custom-finished {} .custom-stepnav .custom-finished:hover {opacity: 1;} .custom-page-order {padding-bottom: 0 !important; background: rgb(247,247,247); background: linear-gradient(270deg, rgba(247,247,247,1) 50%, rgba(255,255,255,1) 50%);} .custom-page-order .custom-wrap-01 {padding: 1.5em 8em 5em 0;} .custom-page-order .custom-wrap-02 {padding: 2.5em 0 5em 2.5em;} .custom-page-order .custom-payment img {opacity: 1;} .custom-page-order .custom-delivery-info {color: var(--grey-01); font-size: .75rem; margin-top: 0; padding: .65rem .6rem; background: var(--grey-02); } .custom-page-order .custom-navbar-legal {text-transform: uppercase;} .custom-page-order .custom-navbar-legal li {margin-bottom: .2125em;} .custom-page-order .custom-navbar-legal a:hover {color: var(--gold);} .custom-page-order .custom-navbar-legal .custom-05 {display: none;} .custom-page-order .custom-wrap-data {position: relative; border-top: 1px solid var(--grey); padding: 1.25em 0 2.5em 0;} .custom-page-order .custom-wrap-data .custom-link {position: absolute; right: 1.25em; top: 1.175em;} .custom-page-order .custom-wrap-data .custom-link:hover {} .custom-page-order-2 .custom-title {margin-right: 0;} .custom-page-order-2 .custom-block-02 {margin-top: 1.75em;} .custom-page-order-2 .custom-wrap-data .custom-link::before {content: ' '; display: inline-block; width: 1em; height: 1em; margin-right: .5em; background: url(/img/icons/pen.svg) center center no-repeat; background-size: 100% 16px; transform: translateY(.125em);} .custom-page-order-3 .custom-bg-white {min-height: 51vh;} .custom-page-order-3 .custom-wrap-data {padding-top: 0; padding-bottom: .375em; border: none;} .custom-page-order-3 .custom-order-number {background: var(--gold-02); padding: .5em 1em;} .custom-gtc-feedback {transform: translateY(-.5em);} .custom-gtc-feedback .Error {font-size: .875em; color: var(--error);} .custom-gtc-feedback .Success {font-size: .875em; color: #009b61; font-weight: 600; padding-right: .5em; margin-bottom: 0;} .custom-gtc-feedback .TextInfo {font-size: .875em; font-weight: 600;} .custom-gtc-feedback .Success, .custom-gtc-feedback .TextInfo {display: inline;} @media screen and (max-width: 1199px) { .custom-stepnav {transform: scale(1.15);} } @media screen and (max-width: 991px) { .custom-page-order {background: var(--white);} .custom-page-order .custom-wrap-01 {padding: 1.5em 0 0em 0;} .custom-page-order .custom-wrap-02 {padding: 2.5em 0 3.5em 0;} } @media screen and (max-width: 575px) { .custom-page-order .custom-wrap-data {padding-bottom: 0;} .custom-page-order .custom-wrap-data {overflow: hidden;} .custom-page-order .custom-wrap-data .custom-link {position: static; margin-top: 2em; margin-bottom: 2em;} } @media screen and (max-width: 767px) { .custom-gtc-feedback {transform: none; margin-top: .625em;} .custom-gtc-feedback .Success, .custom-gtc-feedback .TextInfo {display: block; margin-bottom: 0;} } @media screen and (min-width: 992px) and (max-width: 1650px) { .custom-page-order .custom-wrap-01 {padding: 1.5em 2.5em 4em 0;} .custom-page-order .custom-wrap-02 {padding: 1.5em 0 2.5em 1em;} .custom-page-order .custom-navbar-legal {font-size: 85%;} .custom-page-order .custom-navbar-legal li {margin-bottom: .5em;} } @media screen and (min-width: 1199px) and (max-width: 1650px) { .custom-page-order .custom-navbar-legal li {margin-bottom: .25em;} .custom-page-order .custom-navbar-legal .custom-01 {white-space: nowrap;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SHOP: WISHLIST ----------------------------------------------------------------------------------------------------------------------------- */ .custom-page-wishlist {min-height: 51vh; padding-bottom: 6em;} .custom-page-wishlist .custom-wrap-product {position: relative; background-color: var(--grey-02);} .custom-page-wishlist .custom-wrap-img {flex: 0 0 180px; position: relative; background-color: var(--white); border: 1px solid transparent;} .custom-page-wishlist .custom-wrap-img:hover {opacity: 1;} .custom-page-wishlist .custom-wrap-img:hover img {transform: none;} .custom-page-wishlist .custom-text {padding-top: .25em;} .custom-page-wishlist .custom-link-wishlist {position: absolute; right: 0; top: 0; width: 40px; height: 40px; z-index: 1; background-size: 22px auto;} .custom-page-wishlist .custom-link-delete {position: absolute; right: 30px; bottom: 15px; width: 55px; height: 55px; z-index: 1; background-size: auto 23px; background-color: var(--white); border-radius: 50%; border: 1px solid var(--grey-03);} .custom-page-wishlist .custom-link-delete:hover {border-color: var(--gold);} @media screen and (max-width: 767px) { .custom-page-wishlist .custom-wrap-img {flex: 0 0 140px;} .custom-page-wishlist .custom-link-wishlist {width: 35px; height: 35px; background-size: 18px auto;} .custom-page-wishlist .custom-link-delete {transform: scale(.8); bottom: 10px; right: 25px;} } @media screen and (max-width: 576px) { .custom-page-wishlist .custom-wrap-img {flex: 0 0 130px; height: 125px;} .custom-page-wishlist .custom-text {margin-bottom: 2em;} .custom-page-wishlist .custom-link-delete {} } @media screen and (min-width: 1199px) { .custom-page-wishlist .custom-wrap-product:hover .custom-text {opacity: .5;} .custom-page-wishlist .custom-wrap-product:hover .custom-wrap-img {border-color: var(--gold);} .custom-page-wishlist .custom-wrap-product:hover .custom-wrap-img img {opacity: .5;} } /* ----------------------------------------------------------------------------------------------------------------------------- * FOOTER ----------------------------------------------------------------------------------------------------------------------------- */ .custom-footer {background-color: var(--grey-02);} .custom-footer .custom-wrap-max {padding-top: 3.5rem; padding-bottom: 3rem; font-size: 14px;} .custom-footer p, .custom-footer a {color: var(--grey-04);} .custom-footer .custom-row-01 {} .custom-footer .custom-row-02 {margin-top: 2rem;} .custom-footer .custom-row-03 {margin-top: 3em;} .custom-footer .custom-row-03 .custom-width {flex: 1;} .custom-footer .custom-navbar .nav-item {} .custom-footer .custom-navbar a {white-space: nowrap; padding-bottom: .5em;} .custom-footer .custom-navbar a:hover {opacity: .25;} .custom-footer .custom-wrap-subnav-shop {min-width: 50%;} .custom-footer .custom-navbar-legal li.custom-04, .custom-footer .custom-navbar-legal li.custom-05 {display: none;} .custom-footer .custom-subnav-shop a {text-transform: uppercase;} .custom-footer .custom-subnav-shop li:last-of-type {padding-left: 2.25em;} .custom-footer .custom-contact-data {margin-bottom: 0;} .custom-footer .custom-opening-hours {margin-top: .5rem !important;} .custom-footer .custom-payment .custom-logo-wrap {background: transparent; border: 1px solid rgba(0,0,0,.15);} .custom-footer .custom-payment img {opacity: .35;} .custom-footer .custom-link-icon {width: 50px; opacity: .35;} .custom-footer .custom-link-icon:hover {opacity: 1;} .custom-footer .custom-btn-withdrawal {border: 1px solid rgba(0,0,0,.35); width: auto; margin-left: auto; margin-top: .25em; line-height: 1; padding: .375em .5em !important; margin-right: 1em;} .custom-footer .custom-btn-withdrawal:hover {opacity: .5 !important;} @media screen and (min-width: 1400px) and (max-width: 1500px) { .custom-footer .custom-navbar a {font-size: .85vw;} } @media screen and (min-width: 768px) and (max-width: 991px) { .custom-wrap-nav .col {width: 25%;} } @media screen and (min-width: 768px) and (max-width: 1200px) { .custom-footer .custom-social-nav {margin-top: 2em !important;} } @media screen and (min-width: 1200px) and (max-width: 1920px) { .custom-footer .custom-payment {} } @media screen and (min-width: 1400px) { .custom-footer .custom-wrap-nav .row > div {flex: 1 1 0 !important;} .custom-footer .custom-subnav-shop li:last-of-type {padding-left: 3.5em;} } @media screen and (max-width: 767px) { .custom-footer .custom-wrap-max {padding-top: 2em;} .custom-footer .custom-row-02 {margin-top: 0;} .custom-footer .custom-contact-data span {display: inline-block; padding: 1px 4px;} .custom-footer .custom-opening-hours {margin-top: 1.25rem !important;} .custom-footer .custom-opening-hours .custom-text {display: block;} .custom-footer .custom-row-03 .custom-width {display: block !important; text-align: center;} .custom-footer .custom-row-03 .d-inline {display: inline-block !important; margin-bottom: .75em !important;} } @media screen and (max-width: 576px) { .custom-footer .custom-contact-data span {display: block;} } /* ----------------------------------------------------------------------------------------------------------------------------- * MAGAZIN ----------------------------------------------------------------------------------------------------------------------------- */ /* Overview page */ .custom-page-journal {padding-bottom: 0;} .custom-page-journal .custom-article-overview {flex-wrap: wrap; margin-right: -4em; margin-left: -4em;} .custom-page-journal .custom-article-teaser {flex: 0 0 calc(33% - 8em); flex-direction: column; margin-right: 4em; margin-bottom: 6em; margin-left: 4em;} .custom-page-journal .custom-article-teaser .custom-text {display: flex; flex-direction: column; height: 100%; text-align: left;} .custom-page-journal .custom-article-teaser .custom-text .custom-wrap-inner {display: flex; flex-direction: column; height: 100%;} .custom-page-journal .custom-article-teaser .custom-text .custom-row-subtitle{margin-top: 1rem !important; margin-bottom: 1rem !important; text-align: left;} .custom-page-journal .custom-article-teaser .custom-text .custom-btn-row {text-align: center; margin-top: auto;} .custom-page-journal .custom-article-teaser:first-of-type {flex: 0 0 74%; flex-direction: row; margin: 0 auto 7em auto; justify-content: center;} .custom-page-journal .custom-article-teaser:first-of-type .custom-img-cover {flex: 0 0 45%; padding-bottom: 44%;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text {padding-left: 5em; align-items: center;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-wrap-inner {display: block; height: auto; margin: auto;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-row-subtitle {font-size: 330%; line-height: 1.2; margin-top: 0 !important;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text p {font-size: 120%;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-btn-row {text-align: left; margin-bottom: 1rem;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-btn {font-size: 120%;} .custom-gradient {background: rgb(247,247,247); background: linear-gradient(180deg, rgba(247,247,247,1) 0%, rgba(247,247,247,0) 25em);} @media screen and (min-width: 768px) and (max-width: 1199px) { .custom-page-journal .custom-article-overview {margin-right: -1em; margin-left: -1em;} .custom-page-journal .custom-article-teaser {flex: 0 0 calc(33% - 2em); flex-direction: column; margin-right: 1em; margin-bottom: 4em; margin-left: 1em;} .custom-page-journal .custom-article-teaser .custom-text .custom-row-subtitle{font-size: 130%;} .custom-page-journal .custom-article-teaser .custom-text p {font-size: 90%;} .custom-page-journal .custom-article-teaser:first-of-type {flex: 0 0 calc(100% - 2em); margin-bottom: 5em;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text {padding-left: 2em;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-row-subtitle {font-size: 200%;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text p {font-size: 110%;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-btn {font-size: 100%;} } @media screen and (min-width: 1200px) and (max-width: 1800px) { .custom-page-journal .custom-article-overview {margin-right: -1em; margin-left: -1em;} .custom-page-journal .custom-article-teaser {flex: 0 0 calc(33% - 4em); flex-direction: column; margin-right: 2em; margin-bottom: 5em; margin-left: 1em;} .custom-page-journal .custom-article-teaser:first-of-type {flex: 0 0 calc(100% - 6em); margin-bottom: 4em;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text {padding-left: 4em;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-row-subtitle {font-size: 250%;} .custom-page-journal .custom-article-teaser:first-of-type {flex: 0 0 calc(80%);} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-row-subtitle {font-size: 280%;} } @media screen and (max-width: 1199px) { .custom-page-journal .custom-article-teaser .custom-text p {hyphens: auto;} .custom-page-journal .custom-article-teaser:first-of-type {margin-bottom: 3em;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text p {font-size: 100%;} } @media screen and (max-width: 767px) { .custom-page-journal .custom-article-overview {flex-direction: column; margin-left: 1em; margin-right: 1em;} .custom-page-journal .custom-article-teaser {flex-direction: column !important; justify-content: flex-start !important; max-width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 4em;} .custom-page-journal .custom-article-teaser:first-of-type {} .custom-page-journal .custom-article-teaser:first-of-type .custom-img-cover {flex: 0 0 auto; padding-bottom: 98%;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text {padding-left: 0;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-row-subtitle {font-size: 180%; margin-top: 1rem !important;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-btn-row {text-align: center;} .custom-page-journal .custom-article-teaser:first-of-type .custom-text .custom-btn {font-size: 100%;} } /* Article page */ .custom-page-journal-article {} .custom-page-journal-article .custom-img-cover {width: 100%; padding-bottom: 97%;} .custom-page-journal-article .custom-article-teaser {max-width: 78em; flex-direction: row; margin: 0 auto 0 auto; padding-bottom: 4em; justify-content: center;} .custom-page-journal-article .custom-article-teaser .custom-wrap-img {flex: 0 0 48%;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text {padding-left: 5em; justify-content: center; height: auto; text-align: left;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .custom-wrap-inner {display: block; height: auto; margin: auto;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .h2 {font-size: 140%; line-height: 1.5; margin-top: 0 !important; font-family: 'OpenSans', sans-serif;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .custom-btn-row {text-align: left; margin-bottom: 1rem;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .custom-btn {font-size: 120%;} .custom-page-journal-article .custom-wrap-section {max-width: 1320px; margin-left: auto; margin-right: auto; padding-bottom: 4em; text-align: left;} .custom-page-journal-article .custom-wrap-section .custom-wrap-img {flex: 0 0 30%;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text {padding-left: 0;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text .custom-wrap-inner {display: block; height: auto;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text p {font-size: 110%;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text .h2 {font-size: 140%; line-height: 1.5; margin-top: 0 !important; font-family: 'OpenSans', sans-serif;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text .custom-btn-row {text-align: left; margin-bottom: 1rem} .custom-page-journal-article .custom-wrap-section.custom-width {max-width: 840px;} .custom-page-journal-article .custom-wrap-section.custom-img-left .custom-wrap-img {order: 1;} .custom-page-journal-article .custom-wrap-section.custom-img-left .custom-wrap-text {order: 2; padding-left: 4em;} .custom-page-journal-article .custom-wrap-section.custom-img-right .custom-wrap-img {order: 2;} .custom-page-journal-article .custom-wrap-section.custom-img-right .custom-wrap-text {order: 1; padding-right: 4em;} .custom-page-journal-article .custom-caption {margin-top: 1rem; margin-bottom: 0; font-size: 85%; color: var(--grey); line-height: 1.444; text-align: left;} @media screen and (min-width: 768px) and (max-width: 1199px) { .custom-page-journal-article .custom-article-teaser .custom-wrap-text {padding-left: 2em;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .h2 {font-size: 120%;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text p {font-size: 100%;} } @media screen and (max-width: 767px) { .custom-page-journal-article .custom-article-teaser {max-width: 400px; padding-bottom: 1em;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text {margin-top: 1rem; padding-left: 0;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .h2 {font-size: 120%; hyphens: auto;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .custom-btn {font-size: 100%; margin-bottom: 1rem;} .custom-page-journal-article .custom-article-teaser .custom-wrap-text .custom-btn-row, .custom-page-journal-article .custom-wrap-section .custom-wrap-text .custom-btn-row {text-align: center;} .custom-page-journal-article .custom-wrap-section {flex-direction: column; max-width: 540px !important; padding-bottom: 3em;} .custom-page-journal-article .custom-wrap-section .custom-wrap-img {order: 1 !important; width: 15em; margin-left: auto; margin-right: auto; margin-bottom: 2rem;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text {order: 2 !important; padding-left: 0 !important; padding-right: 0 !important;} .custom-page-journal-article .custom-wrap-section .custom-wrap-text p {font-size: 100%;} .custom-page-journal-article .custom-caption {text-align: center;} } /* ----------------------------------------------------------------------------------------------------------------------------- * GOOGLE MAPS ----------------------------------------------------------------------------------------------------------------------------- */ .custom-wrap-maps { position: relative; background-color: #e6e5e3; height: 25em; background-image: linear-gradient(135deg, #fbfbfb 25%, #f7f7f7 25%, #f7f7f7 50%, #fbfbfb 50%, #fbfbfb 75%, #f7f7f7 75%, #f7f7f7 100%); background-size: 84.85px 84.85px; } .custom-wrap-maps::after { position: absolute; display: block; line-height: 1.5; padding: 3em 2em; max-width: 820px; z-index: 0; color: var(--grey); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "Damit Ihnen Google Maps hier zur Verfügung steht, aktivieren Sie diese Anwendung bitte unter „Funktionale Cookies“ in den „Datenschutz Einstellungen“ (unten links auf dieser Seite)."; } .custom-wrap-maps iframe { position: absolute; height: 100% !important; width: 100% !important; z-index: 1; left: 0; } @media screen and (max-width: 1199px) { .custom-wrap-maps::after {width: 95%;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SEARCH FIELD ----------------------------------------------------------------------------------------------------------------------------- */ .custom-form-search input {background-color: transparent !important; font-size: 140%; padding: 15px 125px 5px 5px !important; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #000 !important; border-bottom-width: 1px !important;} .custom-form-search .custom-btn-search {position: absolute; bottom: 0; right: 0; height: 3em; width: 4em; border-radius: 0; background: url(/img/icons/search.svg) center center no-repeat; background-size: auto 60%; font-size: 100%;} .custom-form-search .custom-btn-search:hover {background-image: url(/img/icons/search-gold.svg)} .custom-form-search .custom-btn-reset {position: absolute; bottom: 8px; right: 4em; height: 1.85em; width: 1.85em; border-radius: 0; background: url(/img/icons/x-circle-fill.svg) left center no-repeat; opacity: .2; background-size: 66% auto; font-size: 100%; border-right: 1px solid #000;} .custom-form-search .custom-btn-reset:hover {opacity: .1;} .custom-page-intro .custom-form-search {max-width: 976px; margin: 2em auto 3em auto;} /* ----------------------------------------------------------------------------------------------------------------------------- * MODALS ----------------------------------------------------------------------------------------------------------------------------- */ .modal-backdrop {opacity: .5 !important;} .custom-modal {backdrop-filter: blur(6px);} .custom-modal .modal-header, .custom-modal .modal-body, .custom-modal .modal-footer {border: none;} .custom-modal .modal-content {border-radius: 0;} .custom-modal .modal-header {} .custom-modal .modal-body {padding: 0 2.5em 2.5em 2.5em;} .custom-modal .modal-header h5 {margin-top: 25px; margin-bottom: 10px;} .custom-modal .modal-header .custom-btn-close {position: absolute; top: 17px; right: 17px;} .custom-modal-cart .modal-dialog {max-width: 750px;} .custom-modal-cart .modal-body .custom-btn {width: calc(33.33333% - .75rem); margin-left: 0; margin-right: .75rem; margin-bottom: .75rem; white-space: nowrap; padding-left: 1em; padding-right: 1em;} .custom-modal-cart .modal-body .custom-btn-black {width: 33.33333%; margin-right: 0;} .custom-modal-cart .modal-body .custom-wrap-product {background-color: var(--grey-02);} .custom-modal-cart .modal-body .custom-wrap-img {flex: 0 0 180px;} .custom-modal-inquiry .modal-dialog, .custom-modal-contact .modal-dialog {max-width: 725px;} .custom-modal-legal .modal-content .custom-wrap-scroll {height: 78vh; overflow: hidden; overflow-y: scroll;} .custom-modal-legal .modal-header {padding-bottom: 2.5rem;} .custom-modal-legal .custom-topic {margin-top: 0;} .custom-modal-legal .modal-dialog {max-width: 900px;} .custom-modal-search {padding: 0 !important;} .custom-modal-search .modal-content {border: none; width: 100% !important;} .custom-modal-search .modal-dialog {margin: 0; max-width: none; text-align: center;} .custom-modal-search .modal-dialog .custom-btn-close {position: absolute; top: 0; right: 0;} .custom-modal-search .modal-dialog .custom-wrap-form {margin: auto; padding: 50px 60px 60px 60px; width: 100%; max-width: 1200px; text-align: center;} @media screen and (max-width: 767px) { .custom-modal .modal-header .custom-btn-close {position: absolute; top: 12px; right: 12px; transform: scale(.9) !important;} .custom-modal-cart .modal-dialog {max-width: 90%; margin-left: auto; margin-right: auto;} .custom-modal-cart .modal-body .custom-text {font-size: 85%;} .custom-modal-cart .modal-body .custom-wrap-img {flex: 0 0 auto; width: 150px; margin-left: auto; margin-right: auto;} .custom-modal-cart .modal-body .custom-btn {font-size: 90%; min-width: 190px;} .custom-modal-inquiry .modal-dialog, .custom-modal-contact .modal-dialog {max-width: 90%; margin-left: auto; margin-right: auto;} .custom-modal-legal .modal-body {padding: 0 1.5em 2.5em 1.5em;} .custom-modal-search .modal-dialog .custom-wrap-form {margin: auto; padding: 80px 15px 60px 15px;} } @media screen and (max-width: 575px) { .custom-modal .modal-body {padding: 0 1.25em 2.5em 1.25em;} .custom-modal-cart .modal-dialog {max-width: 330px; margin-left: auto; margin-right: auto;} .custom-modal-cart .custom-modal .modal-body {padding: 0 2.5em; width: 300px;} .custom-modal-cart .modal-body .custom-wrap-product {} .custom-modal-cart .modal-body .custom-btn {width: calc(100%); margin-right: 0;} .custom-modal-cart .modal-body .custom-wrap-img {margin-bottom: 1em;} } /* ----------------------------------------------------------------------------------------------------------------------------- * SLICK LIGHTBOX ----------------------------------------------------------------------------------------------------------------------------- */ .slick-lightbox:before {content: ' '; position: fixed; width: 100%; height: 100%; backdrop-filter: blur(6px);} .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: 60vw; max-width: 100%;} .slick-lightbox .slick-lightbox-inner .slick-lightbox-close {width: 1.5em; height: 1.5em; top: 7px; right: 7px; font-size: 1.75em;} .slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {font-size: 1.75em; line-height: .5;} .slick-lightbox .slick-arrow {position: absolute; width: 1px; height: 1px; color: transparent; background-color: transparent; border: none; top: 50%; transform: translateY(-50%);} .slick-lightbox .slick-arrow:before {opacity: 1; content: ' '; display: block; position: absolute; top: -3em; width: 3em; height: 6em; background-size: auto 60% !important;} .slick-lightbox .slick-prev {left: 0px; z-index: 1;} .slick-lightbox .slick-prev:before {left: 2vw; background: url(/img/icons/angle-slider-left-white.png) center center no-repeat;} .slick-lightbox .slick-next {left: auto; right: 0; z-index: 1;} .slick-lightbox .slick-next:before {right: 3vw; background: url(/img/icons/angle-slider-right-white.png) center center no-repeat;} @media screen and (max-width: 1200px) { .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: 64vw; max-width: 100%; } .slick-lightbox .slick-arrow:before {width: 2.125em; height: 6em; background-size: auto 45% !important;} .slick-lightbox .slick-prev:before {left: 10px;} .slick-lightbox .slick-next:before {right: 10px;} } @media screen and (max-width: 767px) { .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: 64vw; max-width: 100%;} .slick-lightbox .slick-arrow:before {width: 2.125em; height: 6em; background-size: auto 25% !important;} .slick-lightbox .slick-prev:before {left: 0px; background-image: url(/img/icons/chevron-left-white.svg) !important;} .slick-lightbox .slick-next:before {right: 0px; background-image: url(/img/icons/chevron-right-white.svg) !important;} } @media screen and (max-width: 576px) { .js-gallery-mobile-link {pointer-events: none !important; cursor: default;} } /* ----------------------------------------------------------------------------------------------------------------------------- * ANIMATIONS ----------------------------------------------------------------------------------------------------------------------------- */ /* */ .custom-anim-container {margin-top: 3em; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .custom-anim-container.custom-anim {margin-top: 0;} /* Fade in ------------------------------------------------------------------------------------------------------------------ */ .anim-fade-in { animation-name: fade-in; animation-duration: 1.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fade-in { from {opacity: 0;} to {opacity: 1;} } .custom-row-intro .custom-slide-items .anim-fade-in {opacity: 0; animation-duration: 2s;} .custom-row-intro .custom-slide-items .anim-fade-in:nth-child(1) {animation-delay: .5s;} .custom-row-intro .custom-slide-items .anim-fade-in:nth-child(2) {animation-delay: .7s;} .custom-row-intro .custom-slide-items .anim-fade-in:nth-child(3) {animation-delay: .9s;} .custom-row-intro .custom-slide-items .anim-fade-in:nth-child(4) {animation-delay: 1.2s;} .custom-row-theme .custom-slide-items .anim-fade-in {opacity: 0; animation-duration: 2s;} .custom-row-theme .custom-slide-items .anim-fade-in:nth-child(1) {animation-delay: .5s;} .custom-row-theme .custom-slide-items .anim-fade-in:nth-child(2) {animation-delay: .7s;} .custom-page-standard .custom-slide-items .anim-fade-in {opacity: 0; animation-duration: 2s;} .custom-page-standard .custom-slide-items .anim-fade-in:nth-child(1){animation-delay: .5s;} .custom-page-standard .custom-slide-items .anim-fade-in:nth-child(2){animation-delay: .7s;} .custom-page-standard .custom-slide-items .anim-fade-in:nth-child(3){animation-delay: .9s;} .custom-slider-products .anim-fade-in {opacity: 0; animation-duration: 1.5s;} .custom-slider-products .anim-fade-in:nth-child(7) {animation-delay: .01s;} .custom-slider-products .anim-fade-in:nth-child(8) {animation-delay: .15s;} .custom-slider-products .anim-fade-in:nth-child(9) {animation-delay: .30s;} .custom-slider-products .anim-fade-in:nth-child(10) {animation-delay: .45s;} .custom-slider-products .anim-fade-in:nth-child(11) {animation-delay: .60s;} .custom-slider-products .anim-fade-in:nth-child(12) {animation-delay: .75s;} .custom-slider-highlights .anim-fade-in {opacity: 0; animation-duration: 1.5s;} .custom-slider-highlights .anim-fade-in:nth-child(5) {animation-delay: .01s;} .custom-slider-highlights .anim-fade-in:nth-child(6) {animation-delay: .15s;} .custom-slider-highlights .anim-fade-in:nth-child(7) {animation-delay: .30s;} .custom-slider-highlights .anim-fade-in:nth-child(8) {animation-delay: .45s;} .custom-slider-highlights .anim-fade-in:nth-child(9) {animation-delay: .60s;} /* Transition + Transform --------------------------------------------------------------------------------------------------- */ @media screen and (min-width: 1025px) { .dropdown-toggle::after, .custom-link-icon::before {transition: all 0.20s ease-in-out;} .custom-btn, .custom-btn-search, .custom-btn-reset {transition: all 0.20s ease-in-out;} .custom-btn:hover {transform: scale(1.075);} .custom-link-icon {transition: all 0.20s ease-in-out;} .custom-link-icon:hover {transform: scale(1.1);} .custom-link-text {transition: all 0.20s ease-in-out;} .custom-row-intro .custom-img-link img {transition: all 0.40s ease-in-out;} .custom-row-intro .custom-img-link:hover img {transform: scale(1.065);} .custom-img, .custom-img img, .custom-img-cover, .custom-img-cover img {transition: all 0.40s ease-in-out;} a .custom-img:hover img, a .custom-img-cover:hover img {transform: scale(1.065);} .custom-slider-link {transition: all 0.50s ease-in-out;} .custom-slider-products .custom-item, .custom-link-wishlist, .custom-link-delete, .custom-wrap-delete {transition: all 0.40s ease-in-out;} .custom-slider-products .custom-item:hover .custom-img-cover img {transform: scale(1.065);} }