@charset "UTF-8";

   @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: normal;
font-weight: 300;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-300.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-300.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: italic;
font-weight: 300;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-300italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-300italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: normal;
font-weight: 400;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-regular.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: italic;
font-weight: 400;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: normal;
font-weight: 500;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-500.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-500.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: italic;
font-weight: 500;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-500italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-500italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: normal;
font-weight: 600;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-600.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-600.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: italic;
font-weight: 600;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-600italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-600italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: normal;
font-weight: 700;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-700.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-700.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Noto Sans Display";
font-style: italic;
font-weight: 700;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-700italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/noto-sans-display-v26-latin-700italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: normal;
font-weight: 300;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-300.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-300.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: italic;
font-weight: 300;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-300italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-300italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: normal;
font-weight: 400;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-regular.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: italic;
font-weight: 400;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: normal;
font-weight: 500;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-500.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-500.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: italic;
font-weight: 500;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-500italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-500italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: normal;
font-weight: 600;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-600.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-600.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: italic;
font-weight: 600;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-600italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-600italic.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: normal;
font-weight: 700;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-700.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-700.ttf) format("truetype"); } @font-face {
font-display: swap;
font-family: "Red Hat Display";
font-style: italic;
font-weight: 700;
src: url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-700italic.woff2) format("woff2"), url(//www.vrcosmetics.de/wp-content/themes/storefront-child-theme-netfame/assets/fonts/red-hat-display-v19-latin-700italic.ttf) format("truetype"); }      :root {
--size-sm: 576px;
--size-md: 768px;
--size-lg: 981px;
--size-xl: 1240px;
--gutter: 20px;
--half-gutter: 10px;
--gutter-row-fix: -20px;
--no-gutter-row-fix: -10px;
--container-width: 1440px; --gutter-big: 40px;
--gutter-big-half: 20px;
--gutter-big-row-fix: -40px;
--gutter-big-no-gutter-row-fix: -20px ;
}
*, *:before, *:after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
.container,
.row,
.row > div {
position: relative;
}
.container {
width: var(--container-width);
max-width: 90%;
margin: 0 auto;
padding: 0 var(--half-gutter);
}
.container-fluid {
width: 100%;
max-width: 100%;
}
.row {
row-gap: var(--gutter);
display: flex;
flex-wrap: wrap;
margin: 0 var(--gutter-row-fix);
}
.row-full-width {
margin: 0 var(--no-gutter-row-fix);
}
.row > div {
margin: 0 auto 0 var(--half-gutter);
}
.row > div:empty {
padding: 0;
background: none;
border: none;
} .row--g-center,
.row--center {
justify-content: center;
}
.row--v-center,
.row--center {
align-items: center;
}
.row--g-center > div,
.row--center > div {
margin: 0 auto;
}
.row--g-end,
.row--end {
justify-content: flex-end;
}
.row--v-end,
.row--end {
align-items: flex-end;
}
.row--g-end > div,
.row--end > div {
margin: 0 var(--half-gutter) 0 auto;
} .col-g-left {
margin-left: var(--half-gutter) !important;
}
.col-g-right {
margin-right: var(--half-gutter) !important;
} .no-gutter,
.no-g-gutter {
margin: 0 var(--no-gutter-row-fix);
}
.no-gutter,
.no-v-gutter {
row-gap: 0;
}
.no-gutter > .col {
margin-right: 0;
margin-left: 0;
} .row .row {
margin: 0 var(--no-gutter-row-fix);
}
.row .no-gutter,
.row .no-g-gutter {
margin: 0;
} body .m-1 {
margin-top: 40px;
margin-bottom: 40px;
}
body .p-1 {
padding-top: 40px;
padding-bottom: 40px;
}
body .p-2 {
padding: 20px;
}
@media all and (min-width: 768px) {
body .m-1 {
margin-top: 60px;
margin-bottom: 60px;
}
body .p-1 {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media all and (min-width: 981px) {
body .m-1 {
margin-top: 6.25vw;
margin-bottom: 6.25vw;
}
body .p-1 {
padding-top: 6.25vw;
padding-bottom: 6.25vw;
}
body .p-2 {
padding: 40px;
}
} .col-1 {
width: calc(8.33% - var(--gutter));
}
.no-g-gutter > .col-1,
.no-gutter > .col-1 {
width: 8.33%;
}
.col-2 {
width: calc(16.66% - var(--gutter));
}
.no-g-gutter > .col-2,
.no-gutter > .col-2 {
width: 16.66%;
}
.col-3 {
width: calc(25% - var(--gutter));
}
.no-g-gutter > .col-3,
.no-gutter > .col-3 {
width: 25%;
}
.col-4 {
width: calc(33.33% - var(--gutter));
}
.no-g-gutter > .col-4,
.no-gutter > .col-4 {
width: 33.33%;
}
.col-5 {
width: calc(41.66% - var(--gutter));
}
.no-g-gutter > .col-5,
.no-gutter > .col-5 {
width: 41.66%;
}
.col-6 {
width: calc(50% - var(--gutter));
}
.no-g-gutter > .col-6,
.no-gutter > .col-6 {
width: 50%;
}
.col-7 {
width: calc(58.33% - var(--gutter));
}
.no-g-gutter > .col-7,
.no-gutter > .col-7 {
width: 58.33%;
}
.col-8 {
width: calc(66.66% - var(--gutter));
}
.no-g-gutter > .col-8,
.no-gutter > .col-8 {
width: 66.66%;
}
.col-9 {
width: calc(75% - var(--gutter));
}
.no-g-gutter > .col-9,
.no-gutter > .col-9 {
width: 75%;
}
.col-10 {
width: calc(83.33% - var(--gutter));
}
.no-g-gutter > .col-10,
.no-gutter > .col-10 {
width: 83.33%;
}
.col-11 {
width: calc(91.66% - var(--gutter));
}
.no-g-gutter > .col-11,
.no-gutter > .col-11 {
width: 91.66%;
}
.col-12 {
width: calc(100% - var(--gutter));
}
.no-g-gutter > .col-12,
.no-gutter > .col-12 {
width: 100%;
} .order-first {
order: -1 !important;
}
.order-0 {
order: 0 !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.order-4 {
order: 4 !important;
}
.order-5 {
order: 5 !important;
}
.order-last {
order: 6 !important;
} @media screen and (min-width: 576px) { .no-v-gutter-sm {
row-gap: 0;
} .col-left-sm {
margin-left: var(--half-gutter) !important;
}
.col-right-sm {
margin-right: var(--half-gutter) !important;
}
.col-sm-1 {
width: calc(8.33% - var(--gutter));
}
.no-g-gutter > .col-sm-1,
.no-gutter > .col-sm-1 {
width: 8.33%;
}
.col-sm-2 {
width: calc(16.66% - var(--gutter));
}
.no-g-gutter > .col-sm-2,
.no-gutter > .col-sm-2 {
width: 16.66%;
}
.col-sm-3 {
width: calc(25% - var(--gutter));
}
.no-g-gutter > .col-sm-3,
.no-gutter > .col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: calc(33.33% - var(--gutter));
}
.no-g-gutter > .col-sm-4,
.no-gutter > .col-sm-4 {
width: 33.33%;
}
.col-sm-5 {
width: calc(41.66% - var(--gutter));
}
.no-g-gutter > .col-sm-5,
.no-gutter > .col-sm-5 {
width: 41.66%;
}
.col-sm-6 {
width: calc(50% - var(--gutter));
}
.no-g-gutter > .col-sm-6,
.no-gutter > .col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: calc(58.33% - var(--gutter));
}
.no-g-gutter > .col-sm-7,
.no-gutter > .col-sm-7 {
width: 58.33%;
}
.col-sm-8 {
width: calc(66.66% - var(--gutter));
}
.no-g-gutter > .col-sm-8,
.no-gutter > .col-sm-8 {
width: 66.66%;
}
.col-sm-9 {
width: calc(75% - var(--gutter));
}
.no-g-gutter > .col-sm-9,
.no-gutter > .col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: calc(83.33% - var(--gutter));
}
.no-g-gutter > .col-sm-10,
.no-gutter > .col-sm-10 {
width: 83.33%;
}
.col-sm-11 {
width: calc(91.66% - var(--gutter));
}
.no-g-gutter > .col-sm-11,
.no-gutter > .col-sm-11 {
width: 91.66%;
}
.col-sm-12 {
width: calc(100% - var(--gutter));
}
.no-g-gutter > .col-sm-12,
.no-gutter > .col-sm-12 {
width: 100%;
} .order-sm-first {
order: -1 !important;
}
.order-sm-0 {
order: 0 !important;
}
.order-sm-1 {
order: 1 !important;
}
.order-sm-2 {
order: 2 !important;
}
.order-sm-3 {
order: 3 !important;
}
.order-sm-4 {
order: 4 !important;
}
.order-sm-5 {
order: 5 !important;
}
.order-sm-last {
order: 6 !important;
}
} @media screen and (min-width: 768px) { .no-v-gutter-md {
row-gap: 0;
} .col-left-md {
margin-left: var(--half-gutter) !important;
}
.col-right-md {
margin-right: var(--half-gutter) !important;
}
.col-md-1 {
width: calc(8.33% - var(--gutter));
}
.no-g-gutter > .col-md-1,
.no-gutter > .col-md-1 {
width: 8.33%;
}
.col-md-2 {
width: calc(16.66% - var(--gutter));
}
.no-g-gutter > .col-md-2,
.no-gutter > .col-md-2 {
width: 16.66%;
}
.col-md-3 {
width: calc(25% - var(--gutter));
}
.no-g-gutter > .col-md-3,
.no-gutter > .col-md-3 {
width: 25%;
}
.col-md-4 {
width: calc(33.33% - var(--gutter));
}
.no-g-gutter > .col-md-4,
.no-gutter > .col-md-4 {
width: 33.33%;
}
.col-md-5 {
width: calc(41.66% - var(--gutter));
}
.no-g-gutter > .col-md-5,
.no-gutter > .col-md-5 {
width: 41.66%;
}
.col-md-6 {
width: calc(50% - var(--gutter));
}
.no-g-gutter > .col-md-6,
.no-gutter > .col-md-6 {
width: 50%;
}
.col-md-7 {
width: calc(58.33% - var(--gutter));
}
.no-g-gutter > .col-md-7,
.no-gutter > .col-md-7 {
width: 58.33%;
}
.col-md-8 {
width: calc(66.66% - var(--gutter));
}
.no-g-gutter > .col-md-8,
.no-gutter > .col-md-8 {
width: 66.66%;
}
.col-md-9 {
width: calc(75% - var(--gutter));
}
.no-g-gutter > .col-md-9,
.no-gutter > .col-md-9 {
width: 75%;
}
.col-md-10 {
width: calc(83.33% - var(--gutter));
}
.no-g-gutter > .col-md-10,
.no-gutter > .col-md-10 {
width: 83.33%;
}
.col-md-11 {
width: calc(91.66% - var(--gutter));
}
.no-g-gutter > .col-md-11,
.no-gutter > .col-md-11 {
width: 91.66%;
}
.col-md-12 {
width: calc(100% - var(--gutter));
}
.no-g-gutter > .col-md-12,
.no-gutter > .col-md-12 {
width: 100%;
} .order-md-first {
order: -1 !important;
}
.order-md-0 {
order: 0 !important;
}
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
.order-md-3 {
order: 3 !important;
}
.order-md-4 {
order: 4 !important;
}
.order-md-5 {
order: 5 !important;
}
.order-md-last {
order: 6 !important;
}
} @media screen and (min-width: 981px) { .no-v-gutter-lg {
row-gap: 0;
} .col-left-lg {
margin-left: var(--half-gutter) !important;
}
.col-right-lg {
margin-right: var(--half-gutter) !important;
}
.col-lg-1 {
width: calc(8.33% - var(--gutter));
}
.no-g-gutter > .col-lg-1,
.no-gutter > .col-lg-1 {
width: 8.33%;
}
.col-lg-2 {
width: calc(16.66% - var(--gutter));
}
.no-g-gutter > .col-lg-2,
.no-gutter > .col-lg-2 {
width: 16.66%;
}
.col-lg-3 {
width: calc(25% - var(--gutter));
}
.no-g-gutter > .col-lg-3,
.no-gutter > .col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: calc(33.33% - var(--gutter));
}
.no-g-gutter > .col-lg-4,
.no-gutter > .col-lg-4 {
width: 33.33%;
}
.col-lg-5 {
width: calc(41.66% - var(--gutter));
}
.no-g-gutter > .col-lg-5,
.no-gutter > .col-lg-5 {
width: 41.66%;
}
.col-lg-6 {
width: calc(50% - var(--gutter));
}
.no-g-gutter > .col-lg-6,
.no-gutter > .col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: calc(58.33% - var(--gutter));
}
.no-g-gutter > .col-lg-7,
.no-gutter > .col-lg-7 {
width: 58.33%;
}
.col-lg-8 {
width: calc(66.66% - var(--gutter));
}
.no-g-gutter > .col-lg-8,
.no-gutter > .col-lg-8 {
width: 66.66%;
}
.col-lg-9 {
width: calc(75% - var(--gutter));
}
.no-g-gutter > .col-lg-9,
.no-gutter > .col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: calc(83.33% - var(--gutter));
}
.no-g-gutter > .col-lg-10,
.no-gutter > .col-lg-10 {
width: 83.33%;
}
.col-lg-11 {
width: calc(91.66% - var(--gutter));
}
.no-g-gutter > .col-lg-11,
.no-gutter > .col-lg-11 {
width: 91.66%;
}
.col-lg-12 {
width: calc(100% - var(--gutter));
}
.no-g-gutter > .col-lg-12,
.no-gutter > .col-lg-12 {
width: 100%;
} .order-lg-first {
order: -1 !important;
}
.order-lg-0 {
order: 0 !important;
}
.order-lg-1 {
order: 1 !important;
}
.order-lg-2 {
order: 2 !important;
}
.order-lg-3 {
order: 3 !important;
}
.order-lg-4 {
order: 4 !important;
}
.order-lg-5 {
order: 5 !important;
}
.order-lg-last {
order: 6 !important;
}
}
@media screen and (min-width: 1281px) { .no-v-gutter-xl {
row-gap: 0;
} .col-left-xl {
margin-left: var(--half-gutter) !important;
}
.col-right-xl {
margin-right: var(--half-gutter) !important;
}
.col-xl-1 {
width: calc(8.33% - var(--gutter));
}
.no-g-gutter > .col-xl-1,
.no-gutter > .col-xl-1 {
width: 8.33%;
}
.col-xl-2 {
width: calc(16.66% - var(--gutter));
}
.no-g-gutter > .col-xl-2,
.no-gutter > .col-xl-2 {
width: 16.66%;
}
.col-xl-3 {
width: calc(25% - var(--gutter));
}
.no-g-gutter > .col-xl-3,
.no-gutter > .col-xl-3 {
width: 25%;
}
.col-xl-4 {
width: calc(33.33% - var(--gutter));
}
.no-g-gutter > .col-xl-4,
.no-gutter > .col-xl-4 {
width: 33.33%;
}
.col-xl-5 {
width: calc(41.66% - var(--gutter));
}
.no-g-gutter > .col-xl-5,
.no-gutter > .col-xl-5 {
width: 41.66%;
}
.col-xl-6 {
width: calc(50% - var(--gutter));
}
.no-g-gutter > .col-xl-6,
.no-gutter > .col-xl-6 {
width: 50%;
}
.col-xl-7 {
width: calc(58.33% - var(--gutter));
}
.no-g-gutter > .col-xl-7,
.no-gutter > .col-xl-7 {
width: 58.33%;
}
.col-xl-8 {
width: calc(66.66% - var(--gutter));
}
.no-g-gutter > .col-xl-8,
.no-gutter > .col-xl-8 {
width: 66.66%;
}
.col-xl-9 {
width: calc(75% - var(--gutter));
}
.no-g-gutter > .col-xl-9,
.no-gutter > .col-xl-9 {
width: 75%;
}
.col-xl-10 {
width: calc(83.33% - var(--gutter));
}
.no-g-gutter > .col-xl-10,
.no-gutter > .col-xl-10 {
width: 83.33%;
}
.col-xl-11 {
width: calc(91.66% - var(--gutter));
}
.no-g-gutter > .col-xl-11,
.no-gutter > .col-xl-11 {
width: 91.66%;
}
.col-xl-12 {
width: calc(100% - var(--gutter));
}
.no-g-gutter > .col-xl-12,
.no-gutter > .col-xl-12 {
width: 100%;
}  .container-big-gutter {
padding: 0 var(--gutter-big-half);
}
.container-big-gutter .row {
margin: 0 var(--gutter-big-row-fix);
}
.container-big-gutter .row > div {
margin: 0 auto 0 var(--gutter-big-half);
}
.container-big-gutter .row-full-width {
margin: 0 var(--gutter-big-no-gutter-row-fix);
}
.container-big-gutter .col-xl-1 {
width: calc(8.33% - var(--gutter-big));
}
.container-big-gutter .col-xl-2 {
width: calc(16.66% - var(--gutter-big));
}
.container-big-gutter .col-xl-3 {
width: calc(25% - var(--gutter-big));
}
.container-big-gutter .col-xl-4 {
width: calc(33.33% - var(--gutter-big));
}
.container-big-gutter .col-xl-5 {
width: calc(41.66% - var(--gutter-big));
}
.container-big-gutter .col-xl-6 {
width: calc(50% - var(--gutter-big));
}
.container-big-gutter .col-xl-7 {
width: calc(58.33% - var(--gutter-big));
}
.container-big-gutter .col-xl-8 {
width: calc(66.66% - var(--gutter-big));
}
.container-big-gutter .col-xl-9 {
width: calc(75% - var(--gutter-big));
}
.container-big-gutter .col-xl-10 {
width: calc(83.33% - var(--gutter-big));
}
.container-big-gutter .col-xl-11 {
width: calc(91.66% - var(--gutter-big));
}
.container-big-gutter .col-xl-12 {
width: calc(100% - var(--gutter-big));
}
}      .menu__social-icon a::before, .woocommerce-lost-password .site-content,
.customer-login .site-content, .woof_redraw_zone a.woof_front_toggle, .woof_redraw_zone .woof_childs_list_opener span, .woof_redraw_zone .woof_text_search_container .woof_text_search_go, .site-header .login-menu-link a, .full-width-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.custom-tab::after, .woocommerce-account .site-content .woocommerce::before, .treatment__main-info::before, .treatment__main-info::after, .email-subscription .col:nth-child(2):before, .steps__item:before, .quote-1__col::before, .quote-1::before, .quote-1::after, .hero--v4__quote::before, .accordion__tab::after, .archive .content-area::before, .product .onsale:before, .product .shipping_de::before, .main-navigation > .handheld-navigation > ul::before, .main-navigation > .menu > ul::before, .main-navigation > .handheld-navigation::before, .main-navigation > .menu::before, .site-header .site-header-cart .cart-contents::after, body::after, .image-substrate::before, .bg-full:before, .section-quote-big q:before, .woocommerce-tabs ul.tabs li::before,
.list--lines li::before, .list--check li::before, .quote-base:before, .lines::before, .lines::after {
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.quote-1__col::before, .quote-1::before, .quote-1::after, .lines::before, .lines::after {
position: absolute;
left: -50vw;
right: -50vw;
width: 200vw;
height: 1px;
background-color: #D5CFE3;
}
.benefits__item h2, .subheading-small, .subheading {
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-weight: 500;
letter-spacing: 0.96px;
text-transform: uppercase;
} .animation-stopper * {
animation: none !important;
transition: none !important;
} * {
box-sizing: border-box;
outline: none !important;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 16px;
line-height: 1.5;
font-weight: 400;
letter-spacing: 0;
}
@media all and (min-width: 981px) {
body {
font-size: 16px;
}
}
body,
.site {
overflow-x: hidden;
overflow-x: clip;
}
.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden;
}
.overflow-y-clip {
overflow-y: clip !important;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-hidden {
overflow: hidden !important;
}
.overflow-y-auto {
overflow-y: auto !important;
}
.text-align-left {
text-align: left;
}
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
img {
max-width: 100%;
}
form {
margin-bottom: 0;
} html {
scroll-padding-top: 100px;
}
@media all and (min-width: 981px) {
html {
scroll-padding-top: 120px;
}
}
.hidden {
display: none !important;
}
.visible {
display: block !important;
}
a[id*=shrinkMe] {
color: #9686B9;
}
a[id*=shrinkMe]:hover, a[id*=shrinkMe]:active, a[id*=shrinkMe]:focus {
color: #7B65AB;
} .edit-link {
display: none !important;
} .lines {
position: relative;
}
.lines::before, .lines::after {
bottom: 0;
}
.lines::before {
top: 0;
}
.lines--bottom-only::before {
content: none;
}
.lines--top-only::after {
content: none;
}
.lines--bottom-always::after, .lines--top-always::before {
content: "" !important;
}
@media all and (max-width: 767px) {
.lines--top-hide-mobile::before {
content: none;
}
.lines--bottom-hide-mobile::after {
content: none;
}
}
@media all and (max-width: 980px) {
.lines--top-hide-tablet::before {
content: none;
}
.lines--bottom-hide-tablet::after {
content: none;
}
}
@media all and (min-width: 768px) {
.lines--mobile::before, .lines--mobile::after {
content: none;
}
}
@media all and (min-width: 981px) {
.lines--tablet::before, .lines--tablet::after {
content: none;
}
} .border-radius-base {
border-radius: 12px;
}
.border-radius-base {
border-radius: 12px;
} body, button, input, textarea {
font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
}
.formatted-text p,
.formatted-text pre,
.formatted-text ul,
.formatted-text ol {
margin: 0 0 1em 0 !important;
}
p, pre, ul, ol {
margin: 0 0 1em 0;
}
.formatted-text :last-child {
margin: 0 !important;
}
p + h2,
p + header h2,
p + h3,
p + h4,
ul + h2,
ul + header h2,
ul + h3,
ul + h4,
ol + h2,
ol + header h2,
ol + h3,
ol + h4,
table + h2,
table + header h2,
table + h3,
table + h4,
blockquote + h2,
blockquote + header h2,
blockquote + h3,
blockquote + h4,
form + h2,
form + header h2,
form + h3,
form + h4 {
margin-top: 20px;
}
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
pre:last-child,
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
.quote-base,
q, blockquote {
font-style: italic;
font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
font-weight: 600;
margin: 0 0 12px 0;
letter-spacing: 0;
}
h1, h2 {
font-size: 22px;
margin-bottom: 20px;
}
h1 {
font-size: 24px;
}
#page .woocommerce-tabs .panel h2,
h3, .h3 {
font-size: 18px;
margin-bottom: 12px;
}
h2.subheading-small {
margin-bottom: 20px;
}
.woocommerce-loop-product__title {
margin-bottom: 8px !important;
font-size: 22px !important;
font-weight: 700 !important;
}
@media all and (min-width: 768px) {
h1, h2 {
font-size: 24px;
}
#page .woocommerce-tabs .panel h2,
h3, .h3 {
font-size: 20px;
}
}
@media all and (min-width: 981px) {
h1 {
font-size: clamp(28px, 2.2vw, 38px);
}
h2 {
font-size: clamp(25px, 2vw, 36px);
}
.woocommerce-loop-product__title {
margin-bottom: 8px !important;
font-size: clamp(20px, 1.4vw, 24px) !important;
}
h2.subheading-small {
margin-bottom: 40px;
}
#page .woocommerce-tabs .panel h2,
h3, .h3 {
font-size: clamp(18px, 1.4vw, 24px);
margin-bottom: 20px;
} .text-line-behind {
position: relative;
display: flex;
align-items: center;
width: fit-content;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.text-line-behind span {
padding: 0 20px;
}
.text-line-behind span::before, .text-line-behind span::after {
content: "";
position: absolute;
top: 50%;
display: block;
width: 100vw;
height: 1px;
background-color: #D5CFE3;
}
.text-line-behind span::before {
left: auto;
right: 100%;
}
.text-line-behind span::after {
left: 100%;
right: auto;
}
}
@media all and (min-width: 1240px) { .text-line-behind span {
padding: 0 40px;
}
}
@media all and (min-width: 1400px) {
h1, h2 {
margin-bottom: 40px;
}
}
.heading-small {
display: block;
margin-bottom: 12px;
font-weight: 600;
line-height: 1.4;
font-size: 18px;
}
@media all and (min-width: 768px) {
.heading-small {
font-size: 20px;
}
}
@media all and (min-width: 981px) {
.heading-small {
font-size: clamp(20px, 1.5vw, 27px);
}
}
.subheading {
display: block;
margin-bottom: 8px;
font-size: 14px;
letter-spacing: 0.84px;
}
@media all and (min-width: 768px) {
.subheading {
font-size: 18px;
}
}
@media all and (min-width: 981px) {
.subheading {
font-size: clamp(18px, 1.4vw, 24px);
margin-bottom: 12px;
letter-spacing: 1.44px;
}
}
.subheading-small {
display: block;
margin-bottom: 12px;
font-size: 16px;
}
@media all and (min-width: 768px) {
.subheading-small {
font-size: 18px;
letter-spacing: 1.2px;
}
}
.quote-base {
position: relative;
display: block;
font-size: 17px;
}
.quote-base:before {
width: 35px;
height: 26px;
margin-bottom: 10px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-quote.svg);
}
@media all and (min-width: 981px) {
.quote-base {
font-size: clamp(16px, 1.32vw, 20px);
}
.quote-base::before {
margin-bottom: 20px;
}
} @media all and (max-width: 767px) {
.subheading-small {
text-align: center;
}
.subheading,
.subheading-small {
margin-bottom: 5px;
}
.testimonials__subheading {
margin-bottom: 5px !important;
}
h2.subheading-small {
margin-bottom: 12px !important;
}
.cart_totals h2,
.entry-title:not(.product_title),
.products-list__heading,
.steps__heading,
.warning-section__heading,
.advantages__heading {
text-align: center;
}
.page-template-template-privacy-policy .entry-title {
text-align: left;
}
} ul.list,
.list ul {
margin: 0;
line-height: inherit;
}
.woocommerce-tabs ul.tabs li,
.list li {
position: relative;
margin-bottom: 12px;
}
@media all and (min-width: 981px) {
.woocommerce-tabs ul.tabs li,
.list li {
margin-bottom: 20px;
}
}
.woocommerce-tabs ul.tabs li:last-child,
.list li:last-child {
margin-bottom: 0;
} ul.list--menu,
.list--menu ul,
ul.list--check,
.list--check ul {
padding: 0;
list-style-type: none;
}
.list--check li {
position: relative;
padding-left: 34px;
}
.list--check li::before {
position: absolute;
left: 0;
top: 0.2em;
width: 22px;
height: 22px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-list-check.svg);
background-color: transparent;
border-radius: 0;
}
.list--check-v2 li {
margin-bottom: 20px;
}
.list--check-v2 li::before {
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-list-check-v2.svg);
}
@media all and (min-width: 981px) {
.list--check-v2 li {
padding-left: 53px;
}
.list--check-v2 li::before {
width: 35px;
height: 35px;
}
}
.list--check-v3 li {
margin-bottom: 6px;
padding-left: 24px;
}
.list--check-v3 li::before {
top: 0.4em;
width: 16px;
height: 16px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-list-check-v3.svg);
}
.woocommerce-tabs ul.tabs,
.list--menu {
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.8px;
}
@media all and (min-width: 981px) {
.woocommerce-tabs ul.tabs,
.list--menu {
font-size: 16px;
}
} .woocommerce-tabs ul.tabs li::before,
.list--lines li::before {
position: absolute;
bottom: -6px;
background-color: #D5CFE3;
width: 100%;
height: 1px;
}
.woocommerce-tabs ul.tabs li:last-child::before,
.list--lines li:last-child::before {
content: none;
}
@media all and (min-width: 981px) {
.woocommerce-tabs ul.tabs li::before,
.list--lines li::before {
bottom: -10px;
}
}  .read-more__link,
a {
color: inherit;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.read-more__link {
color: #7B65AB;
}
.read-more__link:hover, .read-more__link:active, .read-more__link:focus {
color: #624c92;
}
.site-header-cart .widget_shopping_cart a:hover, .site-header-cart .widget_shopping_cart a:active, .site-header-cart .widget_shopping_cart a:focus,
a:hover,
a:active,
a:focus,
.woocommerce-product-rating a:hover,
.woocommerce-product-rating a:active,
.woocommerce-product-rating a:focus,
.woocommerce-breadcrumb a:hover,
.woocommerce-breadcrumb a:active,
.woocommerce-breadcrumb a:focus,
.site-footer .menu a:hover,
.site-footer .menu a:active,
.site-footer .menu a:focus {
color: #7B65AB;
}
a.remove:hover::before, a.remove:active::before, a.remove:focus::before {
color: #7B65AB;
}
a.cart-contents:hover, a.cart-contents:active, a.cart-contents:focus {
color: #27252B;
}
.site-header-cart:hover > li > a, .site-header-cart:active > li > a, .site-header-cart:focus > li > a {
color: #7B65AB;
}
a.link-underline,
.link-underline a {
text-decoration: underline;
}
a.link-no-underline,
.link-no-underline a {
text-decoration: none !important;
}
a.link-bold,
.link-bold a {
font-weight: 500;
}
a.link-big,
.link-big a {
font-size: 16px;
}
.hentry .entry-content a:hover {
text-decoration: underline;
} .link-arrow {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
color: #9686B9;
}
.link-arrow::before {
content: "";
position: relative;
right: 0;
top: 0;
display: inline-block;
width: 24px;
min-width: 24px;
height: 24px;
margin-right: 12px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-arrow-right-violet.svg);
background-repeat: no-repeat;
background-size: cover;
transition: all 0.3s ease 0s;
}
.link-arrow:hover::before, .link-arrow:active::before, .link-arrow:focus::before {
right: -6px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-arrow-right-violet-dark.svg);
} button {
background: transparent;
border: none;
}
.wc-forward::after,
.woocommerce-Button--next::after {
content: none;
}
.added_to_cart,
.wc-proceed-to-checkout .button.checkout-button,
.comment-respond input[type=submit],
.button,
.btn,
.gform_wrapper.gravity-theme .gform_footer .gform_button {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
min-width: 140px;
padding: 14px 10px;
border: 1px solid #9686B9;
border-radius: 6px;
background-color: #9686B9;
color: #fff;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
text-transform: inherit;
transition: all 0.3s ease 0s;
cursor: pointer;
}
.added_to_cart:hover, .added_to_cart:active, .added_to_cart:focus,
.wc-proceed-to-checkout .button.checkout-button:hover,
.wc-proceed-to-checkout .button.checkout-button:active,
.wc-proceed-to-checkout .button.checkout-button:focus,
.comment-respond input[type=submit]:hover,
.comment-respond input[type=submit]:active,
.comment-respond input[type=submit]:focus,
.button:hover,
.button:active,
.button:focus,
.btn:hover,
.btn:active,
.btn:focus,
.gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
.gform_wrapper.gravity-theme .gform_footer .gform_button:active,
.gform_wrapper.gravity-theme .gform_footer .gform_button:focus {
background: #7B65AB;
border-color: #7B65AB;
color: #fff;
}
@media all and (min-width: 768px) {
.added_to_cart,
.wc-proceed-to-checkout .button.checkout-button,
.comment-respond input[type=submit],
.button,
.btn,
.gform_wrapper.gravity-theme .gform_footer .gform_button {
width: auto;
padding: 14px 20px;
}
}
.added_to_cart {
background: #7B65AB;
border-color: #7B65AB;
}
.added_to_cart:hover, .added_to_cart:active, .added_to_cart:focus {
background: #624c92;
border-color: #624c92;
}
.button--secondary,
.btn--secondary {
border: 1px solid #F7F5F9;
background-color: #F7F5F9;
color: #7B65AB;
} .btn-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: -10px;
margin-top: 20px;
}
.btn-container .btn,
.btn-container button,
.btn-container a {
margin-bottom: 10px;
}
.btn-container :last-child {
margin-right: 0;
}
@media all and (min-width: 768px) {
.btn-container {
justify-content: flex-start;
margin-right: -10px;
}
.btn-container .btn,
.btn-container button,
.btn-container a {
margin: 0 10px 10px 0;
}
}
@media all and (min-width: 981px) {
.btn-container {
margin-top: 30px;
}
}
@media all and (min-width: 1400px) {
.btn-container {
margin-top: 40px;
}
} .col-full {
width: 90%;
max-width: 1420px;
padding: 0;
margin: auto;
}
.content-area,
.site-main {
width: 100%;
padding: 0 !important;
margin: 0 !important;
}
.col2-set .col-1,
.col2-set .col-2 {
width: 100%;
margin-bottom: 20px !important;
} .section-quote-big {
display: flex;
flex-direction: column;
align-items: center;
padding: 60px 0;
text-align: center;
}
.section-quote-big::before {
background: #fff;
}
.section-quote-big img {
position: relative;
width: 140px;
margin-bottom: 20px;
border-radius: 50%;
z-index: 1;
}
.section-quote-big q {
position: relative;
display: block;
max-width: 500px;
margin: auto;
font-size: 17px;
}
.section-quote-big q:before {
position: absolute;
bottom: calc(100% + 20px);
left: calc(50% + 94px);
transform: translateX(-50%);
width: 88px;
height: 63px;
margin-bottom: 0;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-quote-big.svg);
}
@media all and (min-width: 768px) {
.section-quote-big img {
width: 204px;
}
.section-quote-big q {
max-width: 600px;
font-size: 20px;
}
.section-quote-big q:before {
left: calc(50% + 113px);
}
}
@media all and (min-width: 981px) {
.section-quote-big {
padding: 7.3vw 0;
}
.section-quote-big img {
margin-bottom: 40px;
}
.section-quote-big q {
max-width: 934px;
width: 58vw;
font-size: clamp(20px, 2vw, 32px);
}
.section-quote-big q:before {
bottom: calc(100% + 40px);
left: calc(50% + 137px);
width: 130px;
height: 93px;
}
} .bg-full {
position: relative;
}
.bg-full:before {
position: absolute;
top: 0;
bottom: 0;
left: -50vw;
right: -50vw;
width: 200vw;
} .image-substrate {
position: relative;
}
.image-substrate::before {
position: absolute;
bottom: 0;
width: 100%;
height: 82%;
background: linear-gradient(102deg, #FAF9FA 27.32%, #F4F2F8 89.1%);
border-radius: 12px;
z-index: -1;
} .full-width-bg {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
z-index: -1;
}
.full-width-bg--default {
background: radial-gradient(46.73% 133.26% at 24.06% 194.73%, rgba(150, 134, 185, 0.2) 28.52%, rgba(150, 134, 185, 0) 100%), linear-gradient(88deg, #F3F1F3 31.95%, rgba(249, 248, 249, 0) 71.13%), #E9EAF2;
}
@media all and (max-width: 520px) {
.full-width-bg {
background: radial-gradient(46.73% 133.26% at 24.06% 194.73%, rgba(150, 134, 185, 0.2) 28.52%, rgba(150, 134, 185, 0) 100%), linear-gradient(88deg, #F3F1F3 31.95%, rgba(249, 248, 249, 0) 71.13%), #E9EAF2;
}
} table:not(.has-background) tbody td {
border-bottom: 1px solid #D5CFE3;
}
table:not(.has-background) tbody td:first-child, table:not(.has-background) tbody td:last-child {
border-bottom: none;
}
table:not(.has-background) tr {
background-color: #F9F8F9;
}
table:not(.has-background) tr td,
table:not(.has-background) tr th {
background: transparent !important;
}
table:not(.has-background) tr:nth-child(2n) {
background-color: #f2f2f2;
}
@media all and (min-width: 768px) {
table:not(.has-background) tbody td {
border-bottom: none;
}
} #order_review thead tr,
.woocommerce-cart-form thead tr {
background-color: #f2f2f2;
}
.woocommerce-cart-form .jde_hint,
.woocommerce-cart-form tbody tr:last-child {
background: none;
} .amount bdi {
white-space: nowrap;
} .site-main--default-template .page {
padding: 60px 0;
margin: 0;
}
.site-main--default-template .entry-header {
padding-bottom: 0 !important;
margin-bottom: 20px !important;
}
@media all and (min-width: 981px) {
.site-main--default-template .page {
padding: 7.3vw 0;
}
}
@media all and (min-width: 1400px) {
.site-main--default-template .entry-header {
margin-bottom: 40px !important;
}
} body {
position: relative;
color: #27252B;
}
body::after {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: -100vh;
opacity: 0;
background-color: #000;
transition: all 0.8s ease 0s;
z-index: 900;
pointer-events: none;
}
.body--overlay::after {
opacity: 0.2;
pointer-events: all;
}  body {
padding-top: 80px;
}
@media all and (min-width: 981px) {
body {
padding-top: 100px;
}
} .site-header .col-full {
width: 100%;
max-width: 1800px;
}
@media all and (max-width: 1900px) {
.site-header .col-full {
width: 90%;
}
} .storefront-primary-navigation .col-full {
display: flex;
align-items: center;
justify-content: space-between;
}
.storefront-primary-navigation .col-full::before, .storefront-primary-navigation .col-full::after {
content: none;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 20px 0;
margin-bottom: 0 !important;
border-bottom: none;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.48px;     }
.site-header .main-navigation,
.site-header .site-header-cart {
width: auto !important;
min-width: 80px;
margin: 0 !important;
}
.site-header .site-header-cart {
order: 2;
display: flex;
justify-content: flex-end; }
.site-header .site-header-cart .cart-contents {
position: relative;
top: 5px;
display: flex;
padding: 6px 0 10px 0 !important;
color: inherit !important;
}
.site-header .site-header-cart .cart-contents .amount {
display: none;
}
.site-header .site-header-cart .cart-contents .count {
position: relative;
top: -6px;
display: flex;
align-items: center;
justify-content: center;
min-width: 20px;
height: 20px;
background: #D5CFE3;
border-radius: 20px;
padding: 4px;
font-family: "Noto Sans Display", Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 500;
opacity: 1;
}
.site-header .site-header-cart .cart-contents::after {
order: -1;
width: 24px;
height: 24px;
margin-right: -4px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-shopping-bag-dark.svg);
transition: all 0.3s ease 0s;
}
.site-header .site-header-cart .cart-contents:hover::after, .site-header .site-header-cart .cart-contents:active::after, .site-header .site-header-cart .cart-contents:focus::after {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.site-header .site-header-cart .widget_shopping_cart {
min-width: 400px;
}
.site-header .site-header-cart .widget_shopping_cart p.total,
.site-header .site-header-cart .widget_shopping_cart p.buttons,
.site-header .site-header-cart .widget_shopping_cart li,
.site-header .site-header-cart .widget_shopping_cart .jde_hint {
padding: 20px;
}
.site-header .site-header-cart .widget_shopping_cart .jde_hint {
margin: 0;
}
.site-header .site-header-cart .widget_shopping_cart .product_list_widget img {
margin-left: 10px;
max-width: 100px;
}
.site-header .site-header-cart .widget_shopping_cart .mini_cart_item .remove_from_cart_button {
top: 3px;
}
.site-header .site-header-cart .widget_shopping_cart .mini_cart_item a:nth-child(2) {
font-size: 18px;
}
.site-header .site-header-cart:hover .widget_shopping_cart, .site-header .site-header-cart:active .widget_shopping_cart, .site-header .site-header-cart.focus .widget_shopping_cart {
left: -999em !important;
}
.site-header .site-header-cart .widget_shopping_cart:hover,
.site-header .site-header-cart .widget_shopping_cart:active,
.site-header .site-header-cart .widget_shopping_cart:focus,
.site-header .site-header-cart .login-menu-link + li:hover + li .widget_shopping_cart,
.site-header .site-header-cart .login-menu-link + li:active + li .widget_shopping_cart,
.site-header .site-header-cart .login-menu-link + li:focus + li .widget_shopping_cart {
left: auto !important;
right: 0;
}
.site-header .menu__social-icon {
padding: 0 !important;
border: none !important;
display: none;
}
.site-header .site-header-cart .menu__social-icon {
display: block;
}
.site-header .login-menu-link {
padding: 0 !important;
border: none !important;
display: none;
}
.site-header .login-menu-link a {
position: relative;
top: 11px;
display: block;
width: 24px;
height: 24px;
margin-right: 18px;
font-size: 0;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-user-dark.svg);
}
.site-header .login-menu-link a:hover, .site-header .login-menu-link a:active, .site-header .login-menu-link a:focus {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.site-header .site-branding {
position: relative;
align-self: flex-start;
order: 1;
width: 80px !important;
margin: 0 !important;
}
.site-header .site-branding img {
position: absolute;
top: -10px;
max-width: 100%;
transition: all 0.3s ease 0s;
}
.site-header--scrolled {
box-shadow: 0 10px 8px rgba(208, 208, 208, 0.25);
}
.site-header--scrolled .site-branding img {
content: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/logo-scrolled.svg);
top: -6px;
height: 53px;
}
@media all and (min-width: 360px) {
.site-header { }
.site-header .site-branding {
width: 100px !important;
}
.site-header .main-navigation,
.site-header .site-header-cart {
min-width: 100px;
}
}
@media all and (min-width: 521px) {
.site-header { }
.site-header .site-header-cart .login-menu-link {
display: block;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.site-header { }
.site-header .menu-toggle,
.site-header .handheld-navigation,
.site-header .main-navigation.toggled .handheld-navigation,
.site-header .main-navigation.toggled div.menu {
display: block;
}
}
@media all and (min-width: 981px) and (max-width: 1139px) {
.site-header { }
.site-header .main-navigation {
padding-right: 100px;
}
.site-header .login-menu-link a {
margin-right: 12px;
}
}
@media all and (min-width: 981px) {
.site-header {    }
.site-header .site-branding {
order: -1;
}
.site-header--scrolled .site-branding img {
height: 91px;
margin-top: -10px;
}
.site-header .site-header-cart .cart-contents {
margin-top: 17px;
}
.site-header .site-header-cart .cart-contents .amount {
order: 1;
display: block;
margin: 2px 0 0 2px;
}
.site-header .menu__social-icon a,
.site-header .login-menu-link a {
top: 28px;
}
.site-header .main-navigation {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
width: 840px !important;
}
}
@media all and (min-width: 1240px) {
.site-header .site-branding {
width: 180px !important;
}
} .main-navigation {     }
.main-navigation .handheld-navigation .dropdown-toggle {
position: absolute;
top: 7px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
padding: 10px;
}
.main-navigation > .handheld-navigation, .main-navigation > .menu {
position: absolute;
left: 0;
width: 100vw;
max-height: 0;
margin: 20px 0 0 0 !important;
overflow-y: hidden;
background: #fff;
z-index: 10;
}
.main-navigation > .handheld-navigation::before, .main-navigation > .menu::before {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 2px;
background-color: #7B65AB;
}
.main-navigation > .handheld-navigation > ul, .main-navigation > .menu > ul {
padding: 0 5%;
margin: 0;
transition: all 0.8s ease 0s;
}
.main-navigation > .handheld-navigation > ul::before, .main-navigation > .menu > ul::before {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 2px;
background-color: #7B65AB;
}
.main-navigation > .handheld-navigation > ul > li:first-child, .main-navigation > .menu > ul > li:first-child {
margin-top: 14px;
}
.main-navigation > .handheld-navigation > ul > li:nth-last-child(3), .main-navigation > .menu > ul > li:nth-last-child(3) {
margin-bottom: 14px;
}
.main-navigation > .handheld-navigation > ul li, .main-navigation > .menu > ul li {
width: 100%;
}
.main-navigation > .handheld-navigation > ul li a, .main-navigation > .menu > ul li a {
padding: 6px 0 !important;
}
.main-navigation > .handheld-navigation > ul .sub-menu, .main-navigation > .menu > ul .sub-menu {
overflow: hidden;
}
.main-navigation.toggled > .handheld-navigation {
max-height: calc(100vh - 80px);
}
.main-navigation a,
.main-navigation .menu-item a,
.main-navigation .current-menu-item > a[href*="#"] {
color: #27252B !important;
}
.main-navigation .nav-menu > .menu-item > a {
border-bottom: 1px solid transparent;
}
.main-navigation a:hover,
.main-navigation a:active,
.main-navigation a:focus,
.main-navigation .page_item a:hover,
.main-navigation .page_item a:active,
.main-navigation .page_item a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current-menu-parent > a,
.main-navigation .current_page_parent > a,
.main-navigation .menu-item a:hover,
.main-navigation .menu-item a:active,
.main-navigation .menu-item a:focus,
.main-navigation .current-menu-item > a[href*="#"]:hover,
.main-navigation .current-menu-item > a[href*="#"]:active,
.main-navigation .current-menu-item > a[href*="#"]:focus {
color: #7B65AB !important;
border-color: #7B65AB !important;
}
.main-navigation ul.menu > li.menu-item-has-children > a::after,
.main-navigation ul.menu > li.page_item_has_children > a::after,
.main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
.main-navigation ul.nav-menu > li.page_item_has_children > a::after {
margin-left: 4px;
}
.main-navigation .primary-navigation {
display: none;
padding: 30px 0 0;
}
.main-navigation .primary-navigation > ul {
margin: 0;
}
.main-navigation .primary-navigation > ul > li {
text-transform: uppercase;
margin-right: 16px;
}
.main-navigation .primary-navigation > ul > li > .sub-menu {
padding: 14px 0;
}
.main-navigation .primary-navigation > ul > li > .sub-menu a {
font: inherit;
}
.main-navigation .primary-navigation > ul > li:last-child {
margin-right: 0;
}
.main-navigation .primary-navigation > ul > li a {
padding: 0 0 5px 0;
}
.main-navigation .primary-navigation .sub-menu {
background: #fff !important;
}
@media all and (max-width: 980px) {
.main-navigation { }
.main-navigation > .handheld-navigation, .main-navigation > .menu { }
.main-navigation > .handheld-navigation a, .main-navigation > .menu a {
width: fit-content;
font-size: 16px !important;
font-weight: 500 !important;
background: transparent !important;
}
.main-navigation > .handheld-navigation a::after, .main-navigation > .menu a::after {
content: none !important;
}
.main-navigation > .handheld-navigation ul ul, .main-navigation > .menu ul ul {
position: static;
float: none;
background: transparent !important;
}
.main-navigation > .handheld-navigation li, .main-navigation > .menu li {
display: list-item;
}
.main-navigation > .handheld-navigation .menu__social-icon,
.main-navigation > .handheld-navigation .login-menu-link, .main-navigation > .menu .menu__social-icon,
.main-navigation > .menu .login-menu-link {
display: none;
}
.main-navigation ul ul {
margin-left: 20px !important;
}
}
@media all and (min-width: 981px) {
.main-navigation {  }
.main-navigation ul ul li a {
width: 240px;
}
.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
padding: 6px 20px;
}
.main-navigation .primary-navigation {
display: block;
}
}
@media all and (min-width: 1240px) {
.main-navigation { }
.main-navigation .primary-navigation > ul > li {
margin-right: 30px;
}
}
@media all and (min-width: 1400px) {
.main-navigation { }
.main-navigation .primary-navigation > ul > li {
margin-right: 39px;
}
} button.menu-toggle {
float: none;
padding: 20px;
border: none;
font-size: 0;
background: #F9F8F9 !important;
border-radius: 4px;
outline: none;
}
button.menu-toggle::before, button.menu-toggle::after,
button.menu-toggle span::before {
left: calc(50% - 10px);
width: 20px;
}
button.menu-toggle::before {
transform: translateY(-6px);
}
button.menu-toggle::after {
transform: translateY(6px);
} body.sets .main-navigation .menu-item-shop > a,
body.sets .main-navigation .current_page_parent.menu-item-shop > a {
color: #27252B !important;
border-color: transparent !important;
}
body.sets .main-navigation .menu-item-sets > a,
body.sets .main-navigation .current_page_parent.menu-item-sets > a,
body.sets .main-navigation .menu-item-shop > a:hover,
body.sets .main-navigation .menu-item-shop > a:active,
body.sets .main-navigation .menu-item-shop > a:focus {
color: #7B65AB !important;
border-color: #7B65AB !important;
} .site-footer {
position: relative;
padding: 60px 0 20px;
font-size: 16px;
z-index: 1;
}
.site-footer .col-full {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 40px 20px;
}
.site-footer .col-full:before, .site-footer .col-full:after {
content: none;
}
.site-footer .menu-footer-menu-container {
width: 100%;
}
.site-footer .menu {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 20px;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
text-transform: uppercase; }
.site-footer .menu a {
text-decoration: none;
border-bottom: 1px solid transparent;
}
.site-footer .menu a:hover,
.site-footer .menu a:active,
.site-footer .menu a:focus,
.site-footer .menu .page_item a:hover,
.site-footer .menu .page_item a:active,
.site-footer .menu .page_item a:focus,
.site-footer .menu .current_page_item > a,
.site-footer .menu .current-page-ancestor > a,
.site-footer .menu .current-menu-item > a,
.site-footer .menu .current-menu-ancestor > a,
.site-footer .menu .current-menu-parent > a,
.site-footer .menu .current_page_parent > a,
.site-footer .menu .menu-item a:hover,
.site-footer .menu .menu-item a:active,
.site-footer .menu .menu-item a:focus,
.site-footer .menu .current-menu-item > a[href*="#"]:hover,
.site-footer .menu .current-menu-item > a[href*="#"]:active,
.site-footer .menu .current-menu-item > a[href*="#"]:focus {
color: #fff;
border-color: #fff !important;
}
.site-footer__copyright {
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
}
.site-footer .payment-methods__wrapper {
margin-right: auto;
}
.site-footer .payment-methods__list {
margin-left: 0;
}
@media all and (min-width: 768px) {
.site-footer .menu {
flex-direction: row;
flex-wrap: wrap;
}
}
@media all and (min-width: 981px) {
.site-footer {
padding: 60px 0;
}
.site-footer .menu-footer-menu-container {
padding-bottom: 40px;
border-bottom: 1px solid rgba(213, 207, 227, 0.3);
}
.site-footer .menu {
justify-content: space-between;
}
.site-footer .payment-methods__wrapper, .site-footer__copyright {
width: calc(50% - 10px);
}
.site-footer__copyright {
text-align: right;
}
} body {                        }
body .show-password-input {
top: 50%;
transform: translateY(-50%);
}
body .gform_wrapper.gravity-theme .gform_fields {
grid-gap: 10px;
}
body .gform_wrapper.gravity-theme .gform_required_legend {
display: none;
}
body .gform_wrapper.gravity-theme .gfield_description {
padding-top: 14px !important;
font-size: 16px;
}
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors {
padding-top: 12px !important;
padding-bottom: 12px !important;
border-radius: 5px;
box-shadow: none !important;
}
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
font-size: 16px !important;
line-height: 1.4 !important;
}
body .gform_wrapper.gravity-theme .validation_message,
body .gform_wrapper.gravity-theme .gform_validation_errors > h2,
body .gform_wrapper.gravity-theme .gfield_error label,
body .gform_wrapper.gravity-theme .gfield_error label * {
color: #c02b0a !important;
opacity: 1;
}
body .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
padding-bottom: 0;
}
body .comment-respond label {
display: block;
}
body .comment-form {
margin-top: -12px;
}
body .form-row label,
body .comment-respond label,
body .gform_wrapper.gravity-theme .gfield_label {
padding-top: 10px;
margin-bottom: 12px;
font-size: 16px;
line-height: 1.2;
font-weight: 500;
transition: all 0.3s ease 0s;
}
body .form-row label,
body .comment-respond label,
body .gform_wrapper.gravity-theme .gfield_header_item,
body .gform_wrapper.gravity-theme .gfield_label {
color: #757477;
}
body #ship-to-different-address label {
font-weight: 500;
}
body .form-row.woocommerce-validated input.input-text,
body .form-row.woocommerce-invalid input.input-text {
box-shadow: none;
}
body .site-content .woocommerce-form-row {
margin-bottom: 10px;
}
body .site-content .woocommerce-form-row:last-child {
margin-bottom: 0;
}
body .site-content .woocommerce-form-row dfn, body .site-content .woocommerce-form-row cite, body .site-content .woocommerce-form-row em, body .site-content .woocommerce-form-row i {
font-size: 14px;
color: #757477;
}
body .site-content .woocommerce .woocommerce-input-wrapper {
font-size: 20px;
}
body .site-content .woocommerce fieldset {
padding: 20px;
margin: 24px 0 0;
border-radius: 6px;
}
body .site-content .woocommerce fieldset legend {
padding: 15px 20px;
margin: 0 0 -20px -20px;
font-size: 20px;
border-radius: 6px;
}
body .site-content .woocommerce input[type=submit],
body .site-content .woocommerce button[type=submit] {
margin-top: 24px;
}
body .site-content .woocommerce .selection {
display: block;
margin-bottom: 5px;
}
body .site-content .woocommerce .selection .select2-selection {
height: auto !important;
border: none !important;
}
body .site-content .woocommerce .selection .select2-selection__rendered {
padding-top: 13px;
padding-bottom: 13px;
}
body .site-content .woocommerce .selection .select2-selection__arrow {
top: 50% !important;
transform: translateY(-50%) !important;
}
body .site-content .woocommerce .selection .select2-selection__arrow b {
position: static !important;
width: 19px !important;
height: 20px !important;
margin: 0 !important;
border: none !important;
}
body .site-content .woocommerce .selection .select2-selection__arrow b::before {
right: 0 !important;
}
body .gform_wrapper.gravity-theme .gfield_label + .ginput_container_fileupload {
margin-top: -5px;
}
body .gform_wrapper.gravity-theme .field_description_above .gfield_description {
margin-top: -15px;
padding-bottom: 14px;
}
body .gform_wrapper.gravity-theme .field_description_above .gfield_description,
body .gform_wrapper.gravity-theme .gform_fileupload_rules {
padding-top: 0 !important;
margin-top: 0 !important;
font-size: 14px;
line-height: 1.4;
}
body .gform_wrapper.gravity-theme .gform_fileupload_rules {
padding-bottom: 0 !important;
}
body .gform_wrapper.gravity-theme .gfield_required_asterisk {
padding-left: 0;
font-size: 20px;
color: #444347;
}
body .gform_confirmation_message {
font-size: 20px !important;
line-height: 1.5;
}
body .gform_wrapper.gravity-theme .ginput_container_textarea {
display: flex !important;
}
body .gform_wrapper.gravity-theme {
color: #444347;
}
body .woocommerce-form__label-for-checkbox input,
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body textarea, body .input-text,
body .select2-selection__rendered,
body .form-row input,
body .form-row textarea,
body .form-row select,
body .woof_container .woof_container_inner input[type=search],
body .comment-respond input,
body .comment-respond select,
body .comment-respond textarea,
body .gform_wrapper.gravity-theme .gfield input,
body .gform_wrapper.gravity-theme .gfield select,
body .gform_wrapper.gravity-theme .gfield textarea {
padding: 15px 19px 14px;
border: 1px solid #444347;
font-size: 16px;
border-radius: 6px;
background: transparent;
box-shadow: none;
font-weight: 500;
transition: all 0.3s ease 0s;
}
body .woocommerce-form__label-for-checkbox,
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body textarea, body .input-text,
body .form-row input,
body .form-row textarea,
body .form-row select,
body .comment-respond input,
body .comment-respond select,
body .comment-respond textarea,
body .gform_wrapper.gravity-theme .gfield input,
body .gform_wrapper.gravity-theme .gfield select,
body .gform_wrapper.gravity-theme .gfield textarea,
body .gform_wrapper.gravity-theme .gchoice label {
margin-left: 0;
font-size: 16px;
line-height: 1.4 !important;
color: #444347;
transition: all 0.3s ease 0s;
}
body input[type=text],
body input[type=number],
body input[type=email],
body input[type=tel],
body input[type=url],
body input[type=password],
body input[type=search],
body textarea,
body .input-text,
body .form-row input,
body .form-row textarea,
body .form-row select {
background: transparent !important;
}
body .woof_container .woof_container_inner input[type=search] {
padding-right: 40px;
}
body .woof_redraw_zone .icheckbox_square-blue:hover, body .woof_redraw_zone .icheckbox_square-blue:active, body .woof_redraw_zone .icheckbox_square-blue:focus,
body .woof_redraw_zone .iradio_square-blue:hover,
body .woof_redraw_zone .iradio_square-blue:active,
body .woof_redraw_zone .iradio_square-blue:focus,
body .woocommerce-form__label-for-checkbox input:hover,
body .woocommerce-form__label-for-checkbox input:active,
body .woocommerce-form__label-for-checkbox input:focus,
body input[type=text]:hover,
body input[type=text]:active,
body input[type=text]:focus,
body input[type=number]:hover,
body input[type=number]:active,
body input[type=number]:focus,
body input[type=email]:hover,
body input[type=email]:active,
body input[type=email]:focus,
body input[type=tel]:hover,
body input[type=tel]:active,
body input[type=tel]:focus,
body input[type=url]:hover,
body input[type=url]:active,
body input[type=url]:focus,
body input[type=password]:hover,
body input[type=password]:active,
body input[type=password]:focus,
body input[type=search]:hover,
body input[type=search]:active,
body input[type=search]:focus,
body .form-row input:hover,
body .form-row input:active,
body .form-row input:focus,
body .form-row textarea:hover,
body .form-row textarea:active,
body .form-row textarea:focus,
body .form-row select:hover,
body .form-row select:active,
body .form-row select:focus,
body .woof_container .woof_container_inner input[type=search]:hover,
body .woof_container .woof_container_inner input[type=search]:active,
body .woof_container .woof_container_inner input[type=search]:focus,
body .comment-respond input:hover,
body .comment-respond input:active,
body .comment-respond input:focus,
body .comment-respond select:hover,
body .comment-respond select:active,
body .comment-respond select:focus,
body .comment-respond textarea:hover,
body .comment-respond textarea:active,
body .comment-respond textarea:focus,
body .comment-respond .comment-form-privacy-policy input:hover,
body .comment-respond .comment-form-privacy-policy input:active,
body .comment-respond .comment-form-privacy-policy input:focus,
body .gform_wrapper.gravity-theme .gfield input:hover,
body .gform_wrapper.gravity-theme .gfield input:active,
body .gform_wrapper.gravity-theme .gfield input:focus,
body .gform_wrapper.gravity-theme .gfield select:hover,
body .gform_wrapper.gravity-theme .gfield select:active,
body .gform_wrapper.gravity-theme .gfield select:focus,
body .gform_wrapper.gravity-theme .gfield textarea:hover,
body .gform_wrapper.gravity-theme .gfield textarea:active,
body .gform_wrapper.gravity-theme .gfield textarea:focus {
color: #444347;
border-color: #7B65AB;
}
body .comment-respond .comment-form-privacy-policy:hover label, body .comment-respond .comment-form-privacy-policy:active label, body .comment-respond .comment-form-privacy-policy:focus label,
body .gform_wrapper.gravity-theme .gchoice:hover label,
body .gform_wrapper.gravity-theme .gchoice:active label,
body .gform_wrapper.gravity-theme .gchoice:focus label {
color: #444347;
border-color: #444347;
}
body .woocommerce-form__label-for-checkbox,
body .woof_container .woof_container_inner input[type=search]::placeholder,
body .comment-respond input::placeholder,
body .comment-respond textarea::placeholder,
body .comment-respond select:invalid,
body .comment-respond select:required:invalid,
body .comment-respond select option:disabled,
body .gform_wrapper.gravity-theme .gfield input::placeholder,
body .gform_wrapper.gravity-theme .gfield textarea::placeholder,
body .gform_wrapper.gravity-theme .gfield select:invalid,
body .gform_wrapper.gravity-theme .gfield select:required:invalid,
body .gform_wrapper.gravity-theme .gfield select option:disabled,
body .gform_wrapper.gravity-theme .gfield select .gf_placeholder {
color: #757477;
}
body .gform_wrapper.gravity-theme .gfield textarea {
height: 120px;
}
body .form-row textarea,
body .comment-respond textarea,
body .gform_wrapper.gravity-theme .gfield textarea.medium {
height: 160px;
}
body .gform_wrapper.gravity-theme .gfield textarea.large {
height: 200px;
}
body .gform_wrapper.gravity-theme .gfield select {
display: block !important;
padding: 15px 32px 14px 19px;
-webkit-appearance: none;
appearance: none;
}
body .gform_wrapper.gravity-theme .ginput_container_select {
position: relative;
}
body .select2-selection__arrow b::before,
body .gform_wrapper.gravity-theme .ginput_container_select::after {
content: "";
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%);
display: block;
width: 19px;
height: 20px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-form-select-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
pointer-events: none;
}
body .comment-form-cookies-consent {
display: none !important;
}
body .gform_wrapper.gravity-theme .ginput_container_radio,
body .gform_wrapper.gravity-theme .ginput_container_checkbox {
margin-bottom: -10px;
}
body .comment-respond .comment-form-privacy-policy,
body .gform_wrapper.gravity-theme .gchoice {
margin-bottom: 10px;
cursor: pointer;
}
body .woocommerce-form__label-for-checkbox,
body .comment-respond .comment-form-privacy-policy,
body .gform_wrapper.gravity-theme .gfield_radio .gchoice,
body .gform_wrapper.gravity-theme .gfield_checkbox .gchoice {
display: flex !important;
width: 100%;
align-items: flex-start;
}
body .woocommerce-form__label-for-checkbox,
body .comment-respond .comment-form-privacy-policy label,
body .gform_wrapper.gravity-theme .gchoice label {
cursor: pointer;
}
body .comment-respond .comment-form-privacy-policy input,
body .gform_wrapper.gravity-theme .gfield_checkbox input {
margin-top: 0.2em;
border-radius: 0;
}
body .woof_redraw_zone .icheckbox_square-blue,
body .woof_redraw_zone .iradio_square-blue {
background: transparent;
}
body .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox,
body .woocommerce-form__label-for-checkbox input,
body .woof_redraw_zone .icheckbox_square-blue,
body .woof_redraw_zone .iradio_square-blue,
body .comment-respond .comment-form-privacy-policy input,
body .gform_wrapper.gravity-theme .gfield_checkbox input,
body .gform_wrapper.gravity-theme .gfield_radio input {
position: relative;
width: 18px;
min-width: 18px;
height: 18px;
margin-right: 11px;
margin-left: 0;
padding: 0 !important;
border: 1px solid #444347;
border-radius: 4px;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
overflow: hidden;
cursor: pointer;
}
body .woof_redraw_zone .icheckbox_square-blue,
body .woof_redraw_zone .iradio_square-blue {
width: 20px;
height: 20px;
margin: 0 4px 0 0;
}
body .woof_checkbox_label {
margin-left: 4px !important;
}
body .gform_wrapper.gravity-theme .gfield_radio input {
width: 22px;
height: 22px;
margin-top: 1px;
border-radius: 50%;
}
body .woocommerce-form__label-for-checkbox input:checked,
body .woof_redraw_zone .icheckbox_square-blue.checked,
body .woof_redraw_zone .iradio_square-blue.checked,
body .comment-respond .comment-form-privacy-policy input:checked,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked,
body .gform_wrapper.gravity-theme .gfield_radio input:checked {
border-color: #9686B9;
}
body .woocommerce-form__label-for-checkbox input:checked::before, body .woocommerce-form__label-for-checkbox input:checked::after,
body .comment-respond .comment-form-privacy-policy input:checked::before,
body .comment-respond .comment-form-privacy-policy input:checked::after,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::before,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::after,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::before,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::after {
content: "";
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: -1px;
display: block;
}
body .gform_wrapper.gravity-theme .gfield_radio input:checked::before {
border-radius: 50%;
}
body .woocommerce-form__label-for-checkbox input:checked::before,
body .woof_redraw_zone .icheckbox_square-blue.checked,
body .woof_redraw_zone .iradio_square-blue.checked,
body .comment-respond .comment-form-privacy-policy input:checked::before,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::before,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::before {
background: #9686B9;
}
body .woocommerce-form__label-for-checkbox.woocommerce-validated,
body .woof_redraw_zone .icheckbox_square-blue.checked,
body .woof_redraw_zone .iradio_square-blue.checked {
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-form-check-white.svg);
background-repeat: no-repeat;
background-position: center;
}
body .woocommerce-form__label-for-checkbox input:checked::after,
body .comment-respond .comment-form-privacy-policy input:checked::after,
body .gform_wrapper.gravity-theme .gfield_checkbox input:checked::after,
body .gform_wrapper.gravity-theme .gfield_radio input:checked::after {
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-form-check-white.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 12px;
z-index: 20;
}
body input[type=checkbox] + label,
body input[type=radio] + label {
margin: 0;
}
body .gform_wrapper.gravity-theme .gform_drop_area {
margin-top: 5px;
}
body .gform_wrapper.gravity-theme .gform_drop_instructions {
color: #757477;
font-weight: 500;
}
body .gform_wrapper.gravity-theme .gfield_list_icons button {
background: transparent url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-form-plus.svg);
width: 19px;
height: 19px;
opacity: 1;
}
body .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item {
background: transparent url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-form-minus.svg);
}
@media all and (max-width: 640px) {
body .gform_wrapper.gravity-theme .gfield_list_icons {
background-color: #CCCCCC;
}
body .gform_wrapper.gravity-theme .gfield_list_group {
border: 1px solid #CCCCCC;
border-radius: 6px;
overflow: hidden;
}
}
@media all and (min-width: 641px) {
body .gform_wrapper.gravity-theme .gfield_header_item + .gfield_header_item:not(.gfield_header_item--icons),
body .gform_wrapper.gravity-theme .gfield_list_group_item + .gfield_list_group_item {
margin-left: 10px;
}
}
body .gform_wrapper.gravity-theme .gfield_list_header {
margin-bottom: 4px;
}
body .gform_wrapper.gravity-theme .gfield_list_group_item::before,
body .gform_wrapper.gravity-theme .gfield_header_item {
font-size: 16px;
line-height: 1.5;
padding-top: 0;
}
body .gform_wrapper.gravity-theme .gf_stylespro .ginput_complex {
float: none;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper) .ginput_complex {
margin: 0 -5px 0;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper) .ginput_complex span {
margin-bottom: 10px !important;
padding: 0 5px !important;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper) .ginput_complex span:nth-last-of-type(1) {
margin-bottom: 0 !important;
}
@media all and (min-width: 641px) {
body { }
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper) .ginput_complex {
margin: 0 -5px -10px;
}
body .gform_wrapper.gravity-theme:not(.form-auto-advanced_wrapper) .complex-field-2-columns .ginput_complex span {
flex: 0 0 50% !important;
}
}
body .gform_wrapper.gravity-theme .ginput_container_date,
body .gform_wrapper.gravity-theme .ginput_container_date input {
width: 100%;
}
body .comment-respond .comment-form-privacy-policy {
margin: 24px 0;
}
body .gform_wrapper.gravity-theme .privacy-policy-agreement {
margin-top: 14px;
}
body .gform_wrapper.gravity-theme .privacy-policy-agreement .ginput_container {
margin-bottom: 0;
}
body .gform_wrapper.gravity-theme .privacy-policy-agreement .gchoice {
margin-bottom: 0;
}
body .woocommerce-form__label-for-checkbox input,
body .comment-respond .comment-form-privacy-policy input,
body .gform_wrapper.gravity-theme .privacy-policy-agreement input {
margin-top: 2px;
}
body .woocommerce-form__label-for-checkbox,
body .comment-respond .comment-form-privacy-policy label {
padding: 0;
}
body .comment-respond .comment-form-privacy-policy label a {
text-decoration: underline;
}
body .wc-cart-shipping-notice small {
display: inline-block;
}
body .validate-required .woocommerce-form__label-for-checkbox,
body .wc-cart-shipping-notice small,
body .comment-respond .comment-form-privacy-policy label,
body .gform_wrapper.gravity-theme .privacy-policy-agreement label {
font-size: 14px !important;
font-weight: 400;
line-height: 1.4 !important;
color: #757477;
}
body .wc-proceed-to-checkout .button.checkout-button {
width: 100%;
}
body .gform_wrapper.gravity-theme .gform_footer {
display: flex;
justify-content: center;
padding-bottom: 0;
margin-top: 0;
padding-top: 24px;
}
body .lost_reset_password input[type=submit],
body .lost_reset_password button[type=submit],
body .woocommerce-form-login input[type=submit],
body .woocommerce-form-login button[type=submit],
body .woocommerce-form-register input[type=submit],
body .woocommerce-form-register button[type=submit],
body .comment-respond input[type=submit],
body .gform_wrapper.gravity-theme .gform_footer .gform_button {
width: 100%;
margin: 0;
background-color: #27252B;
border-color: #27252B;
}
body .lost_reset_password input[type=submit]:hover, body .lost_reset_password input[type=submit]:active, body .lost_reset_password input[type=submit]:focus,
body .lost_reset_password button[type=submit]:hover,
body .lost_reset_password button[type=submit]:active,
body .lost_reset_password button[type=submit]:focus,
body .woocommerce-form-login input[type=submit]:hover,
body .woocommerce-form-login input[type=submit]:active,
body .woocommerce-form-login input[type=submit]:focus,
body .woocommerce-form-login button[type=submit]:hover,
body .woocommerce-form-login button[type=submit]:active,
body .woocommerce-form-login button[type=submit]:focus,
body .woocommerce-form-register input[type=submit]:hover,
body .woocommerce-form-register input[type=submit]:active,
body .woocommerce-form-register input[type=submit]:focus,
body .woocommerce-form-register button[type=submit]:hover,
body .woocommerce-form-register button[type=submit]:active,
body .woocommerce-form-register button[type=submit]:focus,
body .comment-respond input[type=submit]:hover,
body .comment-respond input[type=submit]:active,
body .comment-respond input[type=submit]:focus,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:hover,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:active,
body .gform_wrapper.gravity-theme .gform_footer .gform_button:focus {
background-color: #7B65AB;
border-color: #7B65AB;
}
@media all and (min-width: 768px) {
body {  }
body .validate-required .woocommerce-form__label-for-checkbox,
body .wc-cart-shipping-notice small,
body .comment-respond .comment-form-privacy-policy label,
body .gform_wrapper.gravity-theme .privacy-policy-agreement label {
font-size: 16px !important;
}
body .col2-set .form-row-first,
body .woocommerce-MyAccount-content .form-row-first {
margin-right: 10px;
}
body .col2-set .form-row-first,
body .col2-set .form-row-last,
body .woocommerce-MyAccount-content .form-row-first,
body .woocommerce-MyAccount-content .form-row-last {
width: calc(50% - 5px);
}
} .product {      }
.product__tag-list {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 16px;
}
.product__tag-item {
display: block;
padding: 6px 10px;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 1.67;
letter-spacing: 0.48px;
text-transform: uppercase;
color: #757477;
background-color: #F7F5F9;
border-radius: 4px;
}
.product__subtitle {
margin-bottom: 12px;
font-weight: 400;
}
.product__benefits {
margin-bottom: 20px !important;
font-size: 16px;
}
.product__volume-reviews-container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 20px;
margin-bottom: 16px;
}
.product__volume-reviews-container:empty {
margin-bottom: 0;
}
.product__volume {
margin-bottom: 0;
}
.product .price {
margin: 0 0 0 0 !important;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 22px !important;
letter-spacing: 1.44px;
text-transform: uppercase;
}
.product .price bdi,
.product .price del,
.product .price ins {
margin-left: 0 !important;
font-weight: 700;
}
.product .price del {
margin-right: 3px;
color: #757477;
opacity: 1;
}
.product .price ins {
color: #CE106B;
}
.product .woocommerce-de_price_taxrate {
margin-bottom: 10px;
}
.product .wgm-info {
display: inline-block;
width: auto !important;
font-size: 12px;
color: #757477;
}
.product .wgm-info:first-child {
margin-left: 3px;
}
.product .wgm-info .wgm-info {
margin-right: 3px;
}
.product .price-per-unit {
margin-right: 4px;
}
.product .shipping_de {
position: relative;
display: block;
width: 100%;
padding: 6px 12px 6px 38px;
margin: 12px 0;
border: 1px solid rgba(98, 175, 61, 0.4);
border-radius: 4px;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 1.67;
font-weight: 500;
text-transform: uppercase;
color: #62AF3D;
}
.product .shipping_de .product-availability-status {
display: block;
margin-bottom: 0;
}
.product .shipping_de small {
font-size: 100%;
}
.product .shipping_de::before {
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-check-green.svg);
}
.product__badge,
.product .onsale {
position: absolute;
top: 32px;
left: 32px;
display: flex;
align-items: center;
width: auto !important;
padding: 6px 12px 6px 6px;
border: none;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.24px;
text-transform: uppercase;
border-radius: 30px;
z-index: 10;
}
.product .onsale {
color: #fff;
background: #CE106B;
box-shadow: 0 4px 7px 0 rgba(206, 16, 107, 0.2);
}
.product .onsale:before {
width: 24px;
height: 24px;
margin-right: 6px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/10/icon-percent-pink.svg);
}
.product__badge {
padding: 9px 12px;
color: #7B65AB;
background: #fff;
box-shadow: 0 4px 7px 0px rgba(129, 110, 172, 0.25);
}
.product.sale .product__badge {
left: 120px;
}
.product .cart {
display: flex;
padding: 0 !important;
margin: 0 0 12px !important;
border: none;
}
.product .cart .quantity {
margin-right: 12px !important;
}
.product .cart .quantity .qty {
height: 100%;
min-width: 80px;
border: 1px solid #D5CFE3;
background: transparent;
border-radius: 6px;
}
.product .cart .variations_button {
display: flex;
}
.product .cart .button {
flex-grow: 1;
}
@media all and (min-width: 768px) {
.product {  }
.product .payment-methods__list {
justify-content: flex-end;
}
.product .shipping_de {
width: fit-content;
}
}
@media all and (min-width: 981px) {
.product {   }
.product__benefits {
margin-bottom: 26px !important;
}
.product .price {
font-size: 24px !important;
}
.product .cart .quantity .qty {
min-width: 100px;
}
} .product-availability-status {
display: none;
}  .star-rating {
margin-right: 6px !important;
}
.star-rating::before, .star-rating span::before {
color: #F2BA1D;
} .woocommerce-product-rating {
margin: 0 !important;
}
.woocommerce-product-rating::before, .woocommerce-product-rating::after {
display: block !important;
}
.woocommerce-product-rating a {
font-size: 12px;
font-weight: 400 !important;
color: #757477;
white-space: nowrap;
} #reviews {  }
#reviews .commentlist li {
margin-bottom: 12px !important;
}
#reviews .commentlist time {
display: none !important;
}
#reviews .commentlist .comment-text {
display: flex;
flex-direction: column;
width: 100% !important;
padding: 20px;
border: 1px solid #D5CFE3;
border-radius: 12px;
}
#reviews .commentlist .comment-text .star-rating {
margin-bottom: 16px;
}
#reviews .commentlist .comment-text .description {
margin-bottom: 16px;
}
#reviews .commentlist .comment-text .meta {
order: 1;
margin: auto 0 0 !important;
}
#reviews .commentlist .comment-text .woocommerce-review__author {
line-height: 150%;
font-weight: 500;
color: #444347;
}
#reviews .comment-respond {
margin-top: 20px;
background-color: #F9F8F9;
border-radius: 12px;
}
#reviews .comment-respond .comment-form-rating {
margin-bottom: 8px;
}
#reviews .comment-respond p.stars.selected a.active:before,
#reviews .comment-respond p.stars:hover a:before,
#reviews .comment-respond p.stars.selected a:not(.active):before,
#reviews .comment-respond p.stars.selected a.active:before {
color: #F2BA1D;
}
@media all and (min-width: 981px) {
#reviews {
max-width: 670px;
}
} .woocommerce-tabs {
padding: 60px 0;
}
.woocommerce-tabs .tabs {
border: 0 !important;
margin: 0 0 30px 0 !important;
padding-bottom: 6px;
border-bottom: 1px solid #D5CFE3 !important;
}
.woocommerce-tabs .tabs li {
border: 0 !important;
}
.woocommerce-tabs .tabs li::after {
content: none !important;
}
.woocommerce-tabs .tabs li.active a {
font-weight: 700;
color: #7B65AB !important;
}
.woocommerce-tabs .tabs li a {
padding: 0 !important;
}
.woocommerce-tabs .panel h2 {
margin-bottom: 8px !important;
color: #27252B;
}
.woocommerce-tabs .panel .comment-form h2 {
margin-bottom: 10px !important;
color: #27252B;
}
.woocommerce-tabs .panel .woocommerce-Reviews-title {
display: none;
}
.woocommerce-tabs #tab-additional_information > h2:first-child,
.woocommerce-tabs #tab-description > h2:first-child {
display: none;
}
.woocommerce-tabs #tab-additional_information a {
pointer-events: none;
cursor: default;
}
@media all and (min-width: 768px) {
.woocommerce-tabs .tabs {
width: 25% !important;
margin: 0 40px 0 0 !important;
padding: 0;
border: none !important;
}
.woocommerce-tabs .panel {
position: relative;
height: 100%;
width: calc(75% - 40px) !important;
margin: 0 !important;
}
.woocommerce-tabs .panel::before {
content: "";
position: absolute;
left: -20px;
display: block;
height: 100%;
width: 1px;
background-color: #D5CFE3;
}
}
@media all and (min-width: 981px) {
.woocommerce-tabs {
padding: 3.65vw 0;
}
}
@media all and (min-width: 1240px) {
.woocommerce-tabs .tabs {
width: calc(25% - 30px) !important;
margin: 0 60px 0 0 !important;
padding-right: 20px !important;
}
.woocommerce-tabs .panel {
width: calc(75% - 30px) !important;
}
.woocommerce-tabs .panel::before {
left: -40px;
}
} .product-tabs__title {
padding-top: 60px;
}
.product-tabs__title :last-child {
margin-bottom: 0 !important;
}
.product-tabs__title + .woocommerce-tabs {
padding-top: 20px;
}
@media all and (min-width: 768px) {
.product-tabs__title {
text-align: center;
}
.product-tabs__title + .woocommerce-tabs {
padding-top: 40px;
}
}
@media all and (min-width: 981px) {
.product-tabs__title {
padding-top: 7.3vw;
}
.product-tabs__title + .woocommerce-tabs {
padding: 3.65vw 0 7.3vw;
}
} .single-product {  }
.single-product #page {
padding: 60px 0 0 !important;
}
@media all and (min-width: 981px) {
.single-product #page {
padding: 100px 0 0 !important;
}
}
.single-product .product-detail {
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 0 60px;    }
.single-product .product-detail::before, .single-product .product-detail::after {
content: none !important;
}
.single-product .product-detail .woocommerce-product-gallery,
.single-product .product-detail .entry-summary {
width: 100%;
margin: 0 !important;
}
.single-product .product-detail .woocommerce-product-gallery {
display: flex;
align-items: center;
justify-content: center;
background: #F9F8F9;
border-radius: 12px;
overflow: hidden;
}
.single-product .product-detail .woocommerce-product-gallery img {
background: #F9F8F9 !important;
}
.single-product .product-detail .woocommerce-product-gallery__image a {
display: flex;
min-height: 200px;
}
.single-product .product-detail .woocommerce-product-gallery__image a img {
margin: auto;
}
.single-product .product-detail .onsale {
top: 12px;
left: 12px;
}
.single-product .product-detail .entry-summary .product_title {
margin-bottom: 0;
}
@media all and (min-width: 768px) {
.single-product .product-detail {
flex-direction: row;  }
.single-product .product-detail .woocommerce-product-gallery {
width: calc(50% - 10px) !important;
}
.single-product .product-detail .woocommerce-product-gallery__image a {
min-height: 300px;
}
.single-product .product-detail .entry-summary {
width: calc(50% - 10px) !important;
}
}
@media all and (min-width: 981px) {
.single-product .product-detail {
padding: 0 0 3.65vw; }
.single-product .product-detail .woocommerce-product-gallery__image a {
min-height: 340px;
}
}
@media all and (min-width: 1240px) {
.single-product .product-detail {
gap: 40px;   }
.single-product .product-detail .woocommerce-product-gallery {
width: calc(58.6% - 20px) !important;
}
.single-product .product-detail .woocommerce-product-gallery__image a {
min-height: 416px;
}
.single-product .product-detail .onsale {
top: 20px;
left: 20px;
padding: 9px 18px 9px 9px;
font-size: 18px;
letter-spacing: 0.36px;
}
.single-product .product-detail .onsale::before {
width: 36px;
height: 36px;
margin-right: 9px;
}
.single-product .product-detail .entry-summary {
width: calc(41.4% - 20px) !important;
}
} .products {
display: flex;
flex-wrap: wrap;
gap: 20px;
max-width: 100%;
}
.products::before, .products::after {
content: none !important;
}
.products .product {
width: 100% !important;
min-width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 20px;
margin-bottom: 0 !important;
border: 1px solid #D5CFE3;
border-radius: 12px;
margin-right: 0 !important;
text-align: left !important;
font-size: inherit !important;
}
.products .product > a:first-child img {
object-fit: contain;
display: block;
width: 100%;
height: 230px;
margin-bottom: 20px;
background-color: #F9F8F9;
border-radius: 8px;
transition: all 0.3s ease 0s;
}
.products .product > * {
order: 1;
}
.products .product__tag-list, .products .product__benefits, .products .product__subtitle,
.products .product .woocommerce-loop-product__link {
order: 0;
}
.products .product__benefits, .products .product__subtitle {
margin-bottom: 20px !important;
}
.products .product__benefits {
font-size: 14px;
}
.products .product__tag-item {
padding: 7px 8px 5px;
font-size: 10px;
}
.products .product .button {
width: 100%;
}
.products .product [aria-describedby*=woocommerce_loop_add_to_cart_link].button,
.products .product .add_to_cart_button {
margin-top: auto;
margin-bottom: 0;
}
.products .product [aria-describedby*=woocommerce_loop_add_to_cart_link].added {
margin-bottom: 4px;
}
.products .product-benefits__list {
margin-bottom: 20px;
}
.products .product .shipping_de {
margin-top: 0;
}
.products .product .woocommerce-product-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.products .product .woocommerce-product-rating .star-rating {
margin: 0;
}
.products .product__additional-button {
order: 2;
display: none;
margin-top: 12px;
}
.products .product__volume {
margin-top: -7px;
margin-bottom: 10px;
font-size: 12px;
color: #757477;
}
@media all and (min-width: 700px) {
.products .product {
width: calc(50% - 10px) !important;
min-width: calc(50% - 10px);
}
}
@media all and (min-width: 1240px) {
.products .product {
width: calc(33.333% - 14px) !important;
min-width: calc(33.333% - 14px);
}
}
@media all and (min-width: 1400px) {
.products .product > a:first-child img {
height: 300px;
}
} .products-list .product [aria-describedby*=woocommerce_loop_add_to_cart_link].button,
.products-list .product .add_to_cart_button {
margin-top: auto !important;
}
.products-list,
.storefront-product-section {
padding: 60px 0;   }
.products-list .woocommerce-info,
.storefront-product-section .woocommerce-info {
margin-bottom: 0;
}
.products-list .products,
.storefront-product-section .products {
flex-wrap: nowrap;
cursor: grab;
min-width: 100%;
}
.products-list .product__additional-button,
.storefront-product-section .product__additional-button {
display: block;
}
.products-list .product__subtitle,
.products-list .product__tag-list,
.storefront-product-section .product__subtitle,
.storefront-product-section .product__tag-list {
display: none;
}
.products-list--specific-category .product__subtitle,
.storefront-product-section--specific-category .product__subtitle {
display: block;
}
.products-list--specific-category .products .woocommerce-product-rating,
.products-list--specific-category .product__tag-list,
.storefront-product-section--specific-category .products .woocommerce-product-rating,
.storefront-product-section--specific-category .product__tag-list {
display: flex;
}
.products-list--specific-category .product__additional-button,
.products-list--specific-category .button:last-child,
.products-list--specific-category .product__benefits,
.storefront-product-section--specific-category .product__additional-button,
.storefront-product-section--specific-category .button:last-child,
.storefront-product-section--specific-category .product__benefits {
display: none;
}
.products-list--specific-category .products .woocommerce_de_versandkosten,
.storefront-product-section--specific-category .products .woocommerce_de_versandkosten {
margin-bottom: 0;
}
@media all and (min-width: 768px) {
.products-list__heading,
.storefront-product-section__heading {
max-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.products-list .woocommerce-no-products-found,
.storefront-product-section .woocommerce-no-products-found {
margin: auto;
}
}
@media all and (min-width: 981px) {
.products-list,
.storefront-product-section {
padding: 7.3vw 0; }
.products-list__heading,
.storefront-product-section__heading {
max-width: 830px;
}
.products-list--specific-category .products .product,
.storefront-product-section--specific-category .products .product {
width: calc(33.333% - 14px) !important;
min-width: calc(33.333% - 14px);
}
}
@media all and (min-width: 1240px) {
.products-list__heading,
.storefront-product-section__heading {
width: 66vw;
max-width: 1180px;
}
}
@media all and (min-width: 1400px) {
.products-list,
.storefront-product-section { }
.products-list--specific-category .products .product,
.storefront-product-section--specific-category .products .product {
width: calc(25% - 15px) !important;
min-width: calc(25% - 15px);
}
}
@media all and (max-width: 767px) {
.products-list--sets .products-list__heading {
font-size: 20px;
text-align: center;
}
} .archive {   }
.archive .woof-form-builder-btn,
.archive .storefront-sorting,
.archive .woof_autohide_wrapper,
.archive .woocommerce-result-count {
display: none;
}
.archive .storefront-sorting:last-child {
display: block;
float: none;
clear: both;
padding: 0;
margin: 0;
}
.archive .storefront-sorting:last-child .woocommerce-pagination {
padding: 20px 0 0 0;
border: none;
}
.archive .storefront-sorting:last-child .woocommerce-pagination .page-numbers li .page-numbers {
padding: 10px 16px;
color: #27252B;
background-color: #F4F2F8;
border-radius: 4px;
transition: all 0.3s ease 0s;
}
.archive .storefront-sorting:last-child .woocommerce-pagination .page-numbers li .page-numbers:hover, .archive .storefront-sorting:last-child .woocommerce-pagination .page-numbers li .page-numbers:active, .archive .storefront-sorting:last-child .woocommerce-pagination .page-numbers li .page-numbers:focus, .archive .storefront-sorting:last-child .woocommerce-pagination .page-numbers li .page-numbers.current {
background-color: #9686B9;
color: #fff;
}
.archive .benefits--v2 {
margin-bottom: 60px;
}
.archive .content-area {
position: relative;
float: none;
display: flex;
padding-bottom: 60px !important;
}
.archive .content-area::before {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 1px;
background-color: #D5CFE3;
}
.archive__filter {
display: none;
margin-bottom: 20px !important;
}
.archive__filter .woof_show_mobile_filter {
display: none !important;
}
.archive__filter .woof_hide_filter {
display: block !important;
}
.archive__filter-visibility-btn {
margin-bottom: 20px;
}
@media all and (max-width: 767px) {
.archive .hero--v4__content,
.archive .hero .btn--secondary,
.archive .hero .image-substrate,
.archive .hero .hero--v4__quote {
display: none;
}
.archive .hero .row {
row-gap: 0;
}
.archive .hero--v4__heading {
text-align: center;
}
.archive .hero--v4 {
padding-bottom: 8px;
}
.archive .hero--v4 .btn-container {
display: none;
}
}
@media all and (min-width: 768px) {
.archive { }
.archive .storefront-sorting:last-child .woocommerce-pagination {
padding-top: 40px;
}
.archive__filter {
display: block;
}
.archive__filter-visibility-btn {
display: none;
margin-bottom: 0;
}
}
@media all and (min-width: 981px) {
.archive {   }
.archive .benefits--v2 {
margin-bottom: 3.65vw;
}
.archive .content-area {
padding-bottom: 7.3vw !important;
}
.archive__filter {
float: left;
width: 280px;
margin: 0 40px 0 0 !important;
}
.archive__filter:last-child {
width: 100%;
margin: 0 !important;
}
.archive .woocommerce-no-products-found,
.archive .products {
float: right;
clear: none;
width: calc(100% - 280px - 40px);
}
}
@media all and (min-width: 1240px) {
.archive {  }
.archive__filter {
width: 325px;
}
.archive .woocommerce-no-products-found,
.archive .products {
width: calc(100% - 325px - 40px);
}
} .archive:not(.term-sets):not(.sets) .site-main .products .product__subtitle {
display: block;
}
.archive:not(.term-sets):not(.sets) .site-main .products .woocommerce-product-rating,
.archive:not(.term-sets):not(.sets) .site-main .products .product__tag-list {
display: flex;
}
.archive:not(.term-sets):not(.sets) .site-main .products .button:last-child,
.archive:not(.term-sets):not(.sets) .site-main .products .product__benefits {
display: none;
}
.archive:not(.term-sets):not(.sets) .site-main .products .woocommerce_de_versandkosten {
margin-bottom: 0;
} .products .product .woocommerce-product-rating {
margin: -5px 0 10px !important;
}  .archive.woocommerce .benefits-desktop {
display: none;
}
.archive.woocommerce .benefits {
margin-top: -1px;
}
@media all and (min-width: 768px) {
.archive.woocommerce .benefits {
display: none;
}
.archive.woocommerce .benefits-desktop,
.archive.woocommerce .benefits-desktop .benefits {
display: block;
}
} body.term-sets .site-main,
body.sets .site-main {  }
body.term-sets .site-main .products,
body.sets .site-main .products { }
body.term-sets .site-main .products .product__subtitle,
body.term-sets .site-main .products .product__tag-list,
body.sets .site-main .products .product__subtitle,
body.sets .site-main .products .product__tag-list {
display: none;
}
@media all and (min-width: 1240px) {
body.term-sets .site-main,
body.sets .site-main { }
body.term-sets .site-main > .products .product,
body.sets .site-main > .products .product {
width: calc(50% - 10px) !important;
min-width: calc(50% - 10px);
}
} body.sets .woocommerce-Tabs-panel--description > h2:first-child {
display: none;
} .set-components__item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-bottom: 40px;
}
.set-components__item:last-child {
margin-bottom: 0;
}
.set-components__step, .set-components__image, .set-components__content {
width: 100%;
}
.set-components__step {
margin-bottom: 0;
color: #7B65AB;
}
.set-components__image {
background: #F9F8F9;
border-radius: 12px;
}
.set-components__title {
margin-bottom: 4px;
}
.set-components__description {
display: inline;
padding-right: 3px;
}
.set-components .accordion {
margin-top: 20px;
}
@media all and (min-width: 768px) {
.set-components .accordion__tab {
padding: 16px 0;
font-size: 18px;
}
}
@media all and (min-width: 981px) {
.set-components__item {
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 60px;
}
.set-components__image {
width: calc(31.5% - 10px);
}
.set-components__content {
width: calc(68.5% - 10px);
}
}
@media all and (min-width: 1240px) {
.set-components__item {
gap: 20px 40px;
}
.set-components__image {
width: calc(31.5% - 20px);
}
.set-components__content {
width: calc(68.5% - 20px);
}
} .single-product div.product table.variations tr {
background: transparent;
}
.single-product div.product table.variations th label {
margin-bottom: 5px;
font-weight: 600;
}
.single-product div.product table.variations .reset_variations {
display: none !important;
}
.accordion__tab {
position: relative;
width: 100%;
border: none;
outline: none;
text-align: left;
padding: 12px 40px 12px 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #444347 !important;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.accordion__tab:first-child {
border-top: 1px solid #D5CFE3;
}
.accordion__tab::after {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 20px;
height: 21px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-accordion-plus.svg);
transition: all 0.3s ease 0s;
}
.accordion__tab:hover, .accordion__tab:active, .accordion__tab:focus {
background: transparent;
}
.accordion__tab:hover::after, .accordion__tab:active::after, .accordion__tab:focus::after {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.accordion__tab--open::after {
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-accordion-minus.svg);
}
.accordion__content {
max-height: 0;
border-bottom: 1px solid #D5CFE3;
overflow: hidden;
transition: all 0.3s ease 0s;
}
.accordion__content :last-child {
padding-bottom: 12px;
}
@media all and (min-width: 768px) {
.accordion__tab {
padding: 20px 40px 20px 0;
}
.accordion__tab--open + .accordion__content {
margin-top: -12px;
}
.accordion__content :last-child {
padding-bottom: 20px;
}
}
@media all and (min-width: 981px) {
.accordion__tab {
padding: 24px 40px 24px 0;
font-size: clamp(18px, 1.4vw, 24px);
}
.accordion__content :last-child {
padding-bottom: 24px;
}
} .hero {
padding-top: 50px;
padding-bottom: 40px;
}
.hero__title-row {
max-width: 770px;
margin: auto;
text-align: center;
}
.hero .subheading span {
white-space: nowrap;
}
.hero .subheading, .hero__heading {
margin-left: auto;
margin-right: auto;
}
.hero__heading {
max-width: 670px;
}
.hero video {
display: block;
object-fit: cover;
object-position: center;
width: 100%;
max-height: 55vw;
margin-left: auto;
}
@media all and (max-width: 980px) {
.hero .h3 {
max-width: 500px;
}
.hero .list {
max-width: 510px;
}
}
@media all and (max-width: 767px) {
.hero .h3 {
max-width: 450px;
}
.hero .text-video-row .h3 {
font-size: 16px;
}
.hero .list--check {
font-size: 14px;
}
}
@media all and (min-width: 768px) {
.hero {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media all and (min-width: 981px) {
.hero {
padding-top: 5.2vw;
padding-bottom: 3.65vw;
}
.hero__title-row {
max-width: 1180px;
}
.hero__heading {
width: 74vw;
max-width: 1180px;
}
}
@media all and (min-width: 1100px) {
.hero__heading {
width: 69vw;
}
} @media all and (min-width: 1180px) {
.home .hero__heading {
max-width: 76vw !important;
width: 100% !important;
}
}
.page-template-template-pigment-spots .hero__heading,
.page-template-template-sensitive-skin .hero__heading,
.page-template-template-large-pores .hero__heading {
max-width: 560px;
}
@media all and (min-width: 768px) {
.page-template-template-pigment-spots .hero__heading,
.page-template-template-sensitive-skin .hero__heading,
.page-template-template-large-pores .hero__heading {
max-width: 760px;
}
}
@media all and (min-width: 981px) {
.page-template-template-pigment-spots .hero__heading,
.page-template-template-sensitive-skin .hero__heading,
.page-template-template-large-pores .hero__heading {
width: 82vw;
max-width: 1180px;
}
} @media all and (min-width: 981px) and (max-width: 1281px) {
.hero--v1 .hero__column-heading {
max-width: 460px;
}
} .hero--v2 .row {
align-items: center;
}
.hero--v2__heading {
margin-bottom: 12px;
}
.hero--v2__content {
max-width: 490px;
}
@media all and (max-width: 767px) {
.hero--v2 {
padding-bottom: 60px;
}
}
@media all and (min-width: 981px) {
.hero--v2__content {
max-width: 550px;
}
}
.hero--v3 {
position: relative;
padding-right: 0 !important;
padding-left: 0 !important;
}
.hero--v3__heading {
margin-bottom: 0;
}
.hero--v3__content {
margin-top: 12px;
}
.hero--v3__image-column {
display: none;
}
@media all and (max-width: 767px) {
.hero--v3 {
padding-bottom: 60px;
padding-top: 60px;
}
}
@media all and (min-width: 981px) {
.hero--v3 {
display: flex;
gap: 20px;
min-height: 20.3vw;
padding-top: 10.2vw;
padding-bottom: 5.2vw;
}
.hero--v3__content-column {
width: calc(62% - 10px);
}
.hero--v3__image-column {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: flex-end;
width: calc(38% - 10px);
height: 100%;
}
.hero--v3__image-column img {
max-height: 100%;
margin-left: auto;
}
}
@media all and (min-width: 1240px) {
.hero--v3__content-column {
width: calc(59% - 10px);
}
.hero--v3__image-column {
width: calc(41% - 10px);
}
}
.hero--v4 .col {
position: relative;
}
.hero--v4 .btn {
min-width: 280px;
}
.hero--v4__heading {
margin-bottom: 12px;
}
.hero--v4__content {
max-width: 500px;
}
.hero--v4__quote {
position: absolute;
top: 19.42vw;
right: 40px;
max-width: 276px;
}
.hero--v4__quote .quote-base {
margin-bottom: 20px;
}
.hero--v4__quote .quote-base::before {
content: none;
}
.hero--v4__quote::before {
position: absolute;
top: calc(-5.2vw + 20px);
left: -151px;
width: 236px;
max-width: 15vw;
height: 170px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-quote-xl-white.svg);
background-size: contain;
z-index: -1;
}
.hero--v4__quote :last-child {
margin-bottom: 0;
}
@media all and (min-width: 981px) {
.hero--v4 {
padding-top: 4.55vw;
}
.hero--v4 .col:nth-child(2) {
padding-top: 5.73vw;
}
.hero--v4__quote {
top: 10.42vw;
}
.hero--v4__content {
max-width: 568px;
}
.hero--v4 .btn {
width: calc(50% - 10px);
min-width: calc(50% - 10px);
}
}
@media all and (max-width: 767px), all and (min-width: 981px) and (max-width: 1340px) {
.hero--v4__quote {
top: auto;
bottom: 0;
background: #F4F2F8;
padding: 20px;
max-width: 326px;
border-radius: 12px;
right: 0;
}
.hero--v4__quote::before {
content: none;
}
}
@media all and (max-width: 390px) {
.hero--v4__quote {
width: 100%;
background: linear-gradient(102deg, #FAF9FA 27.32%, #F4F2F8 89.1%);
}
.hero--v4__image {
padding-bottom: 100px;
}
} .sidebar-section {
display: flex;
flex-direction: column;
gap: 40px;
padding-top: 60px;
padding-bottom: 60px;
}
.sidebar-section__sidebar {
order: 1;
}
.sidebar-section__sidebar a:hover,
.sidebar-section__sidebar a:active,
.sidebar-section__sidebar a:focus,
.sidebar-section__sidebar .page_item a:hover,
.sidebar-section__sidebar .page_item a:active,
.sidebar-section__sidebar .page_item a:focus,
.sidebar-section__sidebar .current_page_item > a,
.sidebar-section__sidebar .current-page-ancestor > a,
.sidebar-section__sidebar .current-menu-item > a,
.sidebar-section__sidebar .current-menu-ancestor > a,
.sidebar-section__sidebar .current-menu-parent > a,
.sidebar-section__sidebar .current_page_parent > a,
.sidebar-section__sidebar .menu-item a:hover,
.sidebar-section__sidebar .menu-item a:active,
.sidebar-section__sidebar .menu-item a:focus,
.sidebar-section__sidebar .current-menu-item > a[href*="#"]:hover,
.sidebar-section__sidebar .current-menu-item > a[href*="#"]:active,
.sidebar-section__sidebar .current-menu-item > a[href*="#"]:focus {
color: #7B65AB;
}
.sidebar-section__sidebar .current_page_item > a,
.sidebar-section__sidebar .current-page-ancestor > a,
.sidebar-section__sidebar .current-menu-item > a,
.sidebar-section__sidebar .current-menu-ancestor > a,
.sidebar-section__sidebar .current-menu-parent > a,
.sidebar-section__sidebar .current_page_parent > a {
font-weight: 700;
}
@media all and (min-width: 981px) {
.sidebar-section {
flex-direction: row;
justify-content: space-between;
padding-top: 7.3vw;
padding-bottom: 7.3vw;
}
.sidebar-section__sidebar {
position: sticky;
top: 120px;
order: 0;
align-self: flex-start;
width: 365px;
}
.sidebar-section__main-content {
position: relative;
flex-grow: 1;
max-width: 934px;
width: 100%;
}
.sidebar-section__main-content--border::before {
content: "";
position: absolute;
left: -20px;
display: block;
height: 100%;
width: 1px;
background: #D5CFE3;
}
}
@media all and (min-width: 1240px) {
.sidebar-section {
gap: 80px;
}
.sidebar-section__main-content--border::before {
left: -40px;
}
} .storefront-breadcrumb {
padding: 0;
margin: 0 0 10px;
}
.woocommerce-breadcrumb {
font-size: 16px;
}
.woocommerce-breadcrumb a {
color: #757477;
text-decoration: none;
}
.woocommerce-breadcrumb a:first-of-type::before {
content: none;
}
.woocommerce-breadcrumb .breadcrumb-separator {
padding: 0 0.3em;
font-size: 16px;
text-indent: 0;
color: #757477;
}
.woocommerce-breadcrumb .breadcrumb-separator::after {
content: none;
} @media all and (max-width: 767px) {
.storefront-breadcrumb,
.woocommerce-breadcrumb {
display: none !important;
}
} .quote-1 {
position: relative;  }
.quote-1::before, .quote-1::after {
bottom: 0;
content: none;
}
.quote-1::before {
top: 0;
}
.quote-1__col {
position: relative;
padding: 20px 0;
}
.quote-1__col::before {
bottom: 0;
}
.quote-1__person {
display: flex;
align-items: flex-end;
padding-top: 0;
}
.quote-1__person img {
max-width: 50%;
margin: 0 20px -20px 0;
}
.quote-1__person div {
align-self: center;
}
.quote-1__person h2 {
font-size: 18px;
font-weight: 500;
margin-bottom: 7px;
}
.quote-1__person p {
font-size: 12px;
max-width: 200px;
}
.quote-1 .quote-base {
max-width: 480px;
}
.quote-1__badge {
display: none;
align-self: center;
}
.quote-1__badge br {
display: none;
}
@media all and (min-width: 768px) {
.quote-1 {
display: flex;
flex-wrap: nowrap;
gap: 20px;
padding: 20px 0;  }
.quote-1::before, .quote-1::after {
content: "";
}
.quote-1__col {
padding: 0;
}
.quote-1__col::before {
width: 1px;
height: 100%;
right: 0;
left: auto;
top: 0;
}
.quote-1__col:last-child::before {
content: none;
}
.quote-1__person {
width: 50%;
padding-right: 20px;
}
.quote-1__person div {
align-self: auto;
}
.quote-1__person img {
margin: -47px 0 -20px;
}
.quote-1__person p {
font-size: 14px;
}
.quote-1__quote {
width: 50%;
}
.quote-1__quote:before {
content: none;
}
.quote-1__badge {
display: block;
}
}
@media all and (min-width: 981px) {
.quote-1 { }
.quote-1__person {
width: 42%;
}
.quote-1__person p {
padding-bottom: 20px;
}
.quote-1__person h2 {
font-size: 20px;
}
.quote-1__quote {
width: 46.5%;
padding: 10px 20px 10px 0;
}
.quote-1__quote::before {
content: "";
}
.quote-1 .quote-base {
max-width: 540px;
}
.quote-1__badge {
position: static;
width: 11.5%;
}
.quote-1__badge img {
margin-left: auto;
}
}
@media all and (min-width: 1240px) {
.quote-1 {
gap: 40px; }
.quote-1__person p {
padding-bottom: 40px;
}
.quote-1__quote {
padding: 10px 40px 10px 0;
}
} .quote-2 .btn-container {
z-index: 1;
} .quote-3 .row {
align-items: flex-end;
}
.quote-3__image-column::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 1px;
background: #D5CFE3;
}
.quote-3__content-column {
position: relative;
align-self: center;
margin-bottom: 60px !important;
}
.quote-3__content-column .quote-base {
max-width: 650px;
}
@media all and (min-width: 981px) {
.quote-3__content-column {
margin-top: 4.17vw !important;
margin-bottom: 4.17vw !important;
}
.quote-3__content-column::before {
content: "";
position: absolute;
left: -20px;
top: 0;
bottom: 0;
width: 1px;
background: #D5CFE3;
}
.quote-3__content-column .quote-base {
max-width: 760px;
}
.quote-3__image-column::before {
content: none;
}
}
@media all and (min-width: 1240px) {
.quote-3__content-column::before {
left: -40px;
}
}
@media all and (min-width: 1921px) {
.quote-3__content-column {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
} .benefits {
position: relative;
padding: 60px 0;
text-align: center; }
.benefits__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 40px 20px;
}
.benefits__item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: calc(50% - 10px);
}
.benefits__item img {
margin-bottom: 12px;
}
.benefits__item h2 {
font-size: 14px;
letter-spacing: 0.64px;
}
@media all and (max-width: 767px) {
.benefits {
padding: 30px 0; }
.benefits__list {
gap: 20px;
max-width: 480px;
margin: auto;
}
.benefits__item {
max-width: 160px;
}
.benefits__item img {
margin-bottom: 8px;
max-width: 30px;
}
.benefits__item h2 {
font-size: 12px;
}
}
@media all and (max-width: 980px) {
.benefits__heading {
margin-bottom: 30px !important;
}
}
@media all and (min-width: 981px) {
.benefits {
padding: 0 0 40px; }
.benefits__heading {
font-size: 18px;
}
.benefits__list {
gap: 20px;
}
.benefits__item {
width: calc(25% - 15px);
}
.benefits__item::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -10px;
display: block;
width: 1px;
height: 100%;
background: #D5CFE3;
}
.benefits__item:nth-child(4n+4)::after, .benefits__item:last-child::after {
content: none;
}
.benefits__item img {
margin-bottom: 20px;
}
.benefits__item h2 {
font-size: 16px;
}
.benefits--v2 {
padding: 40px 0;
}
}
@media all and (min-width: 1240px) {
.benefits__list {
gap: 40px;
}
.benefits__item {
width: calc(25% - 30px);
}
.benefits__item::after {
right: -20px;
}
} .testimonials {
padding: 60px 0;
text-align: center; }
.testimonials__stars-image {
width: fit-content;
margin: 0 auto 12px;
}
.testimonials__subheading {
max-width: 420px;
margin: 0 auto 12px;
}
.testimonials__heading {
margin-left: auto;
margin-right: auto;
}
.testimonials__slider {
display: flex;
gap: 20px;
text-align: left;
}
.testimonials__item {
display: flex;
flex-direction: column;
min-width: 100%;
padding: 20px;
border: 1px solid #D5CFE3;
}
.testimonials__item img {
display: block;
width: 90px;
margin-bottom: 16px;
}
.testimonials__item p {
margin-bottom: 20px;
}
.testimonials__item b {
display: block;
font-weight: 500;
margin-top: auto;
}
.testimonials__source {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
margin: 40px 0 45px;
}
@media all and (min-width: 521px) {
.testimonials__item {
min-width: calc(50% - 10px);
}
}
@media all and (min-width: 981px) {
.testimonials {
padding: 0 0 7.3vw;
}
.testimonials__subheading {
margin: 0 auto 20px;
}
.testimonials__item {
min-width: calc(33.333% - 14px);
}
.testimonials__item p {
margin-bottom: 40px;
}
}
@media all and (min-width: 1240px) {
.testimonials__slider {
gap: 40px;
}
.testimonials__item {
min-width: calc(33.333% - 27px);
padding: 40px;
}
} .cards-1 {
padding: 60px 0;
}
.cards-1__list {
display: flex;
gap: 20px;
}
.cards-1__item {
display: flex;
flex-direction: column;
min-width: 100%;
padding: 20px;
background: #FAF9FA;
}
.cards-1__item img {
max-width: none;
margin: auto -20px -20px;
}
@media all and (min-width: 768px) {
.cards-1__item {
min-width: calc(50% - 10px);
}
}
@media all and (min-width: 981px) {
.cards-1 {
padding: 0 0 7.3vw;
}
.cards-1__list {
flex-wrap: wrap;
}
.cards-1__item {
min-width: auto;
width: calc(33.333% - 14px);
}
}
@media all and (min-width: 1240px) {
.cards-1__list {
gap: 40px;
}
.cards-1__item {
padding: 40px;
width: calc(33.333% - 27px);
}
.cards-1__item img {
margin: auto -40px -40px;
}
} .advantages {
padding-top: 60px;
}
.advantages__content {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0 20px;
text-align: left;
background: #F9F8F9;
}
.advantages__list {
padding: 20px 20px 0 20px !important;
}
.advantages__image {
width: 100%;
}
@media all and (max-width: 980px) {
.advantages__item-title {
margin-bottom: 8px;
}
}
@media all and (min-width: 768px) {
.advantages {
text-align: center;
}
.advantages__content {
flex-direction: row;
}
.advantages__list {
align-self: center;
width: 65%;
padding: 20px 0 20px 20px !important;
}
.advantages__image {
width: 35%;
}
}
@media all and (min-width: 981px) {
.advantages {
padding-top: 7.3vw;
}
.advantages__list {
padding: 40px 0 40px 40px !important;
}
}
@media all and (min-width: 1240px) {
.advantages__list {
width: 60%;
padding: 40px 0 40px 5.2vw !important;
}
.advantages__item {
max-width: 690px;
}
.advantages__image {
width: 40%;
}
}
@media all and (min-width: 1921px) {
.advantages__list {
padding: 40px 0 40px 100px !important;
}
} .steps {
padding-top: 60px;
}
.steps__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
counter-reset: steps;
}
.steps__item {
width: 100%;
padding: 20px;
background: #F9F8F9;
border-radius: 12px;
counter-increment: steps;
}
.steps__item:before {
content: "0" counter(steps);
margin: 0 0 20px -47px;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 85px;
line-height: 1;
font-weight: 300;
color: #D5CFE3;
}
.steps__item-title {
margin-bottom: 12px;
font-weight: 700;
}
@media all and (min-width: 521px) {
.steps__item {
width: calc(50% - 10px);
}
}
@media all and (min-width: 768px) {
.steps__heading {
text-align: center;
}
.steps__item:before {
margin: 0 0 30px -52px;
font-size: 100px;
}
}
@media all and (min-width: 981px) {
.steps {
padding-top: 7.3vw;
}
.steps__item {
max-width: 325px;
width: calc(25% - 15px);
}
.steps__item:before {
margin: 5px 0 45px -60px;
font-size: 126px;
}
}
@media all and (min-width: 981px) and (max-width: 1240px) {
.steps__list {
gap: 10px;
}
.steps__item {
width: calc(25% - 7.5px);
}
.steps__list--count-2 .steps__item {
width: calc(50% - 5px);
}
.steps__list--count-3 .steps__item {
width: calc(33.333% - 10px);
}
} .we-do-not-use {
padding: 60px 0;
text-align: center;
}
.we-do-not-use__list {
display: flex;
flex-wrap: wrap;
gap: 40px 20px;
max-width: 1180px;
margin: auto;
}
.we-do-not-use__item {
width: calc(50% - 10px);
}
.we-do-not-use__item-image {
margin: 0 auto 12px;
}
@media all and (max-width: 980px) {
.we-do-not-use__heading {
margin-bottom: 30px;
}
}
@media all and (min-width: 521px) {
.we-do-not-use__item {
width: calc(33.333% - 14px);
}
}
@media all and (min-width: 981px) {
.we-do-not-use {
padding: 7.3vw 0;
}
.we-do-not-use__list {
gap: 40px;
}
.we-do-not-use__item {
width: calc(25% - 30px);
}
.we-do-not-use__item-image {
margin-bottom: 20px;
}
}
@media all and (min-width: 1240px) {
.we-do-not-use__item {
width: calc(20% - 32px);
}
} .email-subscription {
padding-top: 60px;
padding-bottom: 40px;  }
.email-subscription:before {
background-color: #FAF9FA;
background-image: linear-gradient(131deg, #FAF9FA 55.79%, #F4F2F8 92.53%);
}
.email-subscription__heading {
margin-bottom: 12px;
}
.email-subscription__description {
max-width: 600px;
margin-bottom: 20px;
}
.email-subscription__offer-image {
width: 100%;
max-width: none;
margin: 0 0 10px;
}
.email-subscription__offer-content {
padding: 0 20px 60px;
}
.email-subscription__offer-heading {
margin-bottom: 20px;
}
.email-subscription__additional-info {
position: relative;
max-width: 570px;
margin: 8px auto 10px;
text-align: center;
color: rgba(68, 67, 71, 0.5);
z-index: 1;
}
.email-subscription .row {
align-items: center;
}
.email-subscription .col {
position: relative;
}
.email-subscription .col:nth-child(1) {
z-index: 1;
}
.email-subscription .col:nth-child(2) > * {
position: relative;
}
.email-subscription .col:nth-child(2):before {
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 100%;
background-color: #fff;
border-radius: 50%;
}
.email-subscription .gform_wrapper.gravity-theme .gfield input::placeholder,
.email-subscription .gform_wrapper.gravity-theme .gfield textarea::placeholder,
.email-subscription .gform_wrapper.gravity-theme .gfield select:invalid,
.email-subscription .gform_wrapper.gravity-theme .gfield select:required:invalid,
.email-subscription .gform_wrapper.gravity-theme .gfield select option:disabled,
.email-subscription .gform_wrapper.gravity-theme .gfield select .gf_placeholder {
color: #27252B;
}
.email-subscription__popup .email-subscription__description {
margin-bottom: 20px !important;
}
.email-subscription__popup .email-subscription {
padding: 0 !important;
}
.email-subscription__popup .email-subscription__heading {
padding-right: 30px;
}
@media all and (min-width: 390px) {
.email-subscription__offer-content {
padding: 0 50px 95px;
}
}
@media all and (min-width: 521px) and (max-width: 767px) {
.email-subscription .col:nth-child(2):before {
width: 90%;
padding-bottom: 90%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
@media all and (max-width: 767px) {
.email-subscription .col:nth-child(1) {
padding-bottom: 35px;
}
}
@media all and (min-width: 768px) {
.email-subscription {
padding-bottom: 60px;
}
.email-subscription__offer-content {
padding: 0 0 0 40px;
}
.email-subscription .col:nth-child(2):before {
top: 50%;
transform: translateY(-50%);
}
.email-subscription__offer-image {
margin: -130px 0 10px;
}
}
@media all and (min-width: 981px) {
.email-subscription {
padding-top: 80px;
padding-bottom: 80px;
}
.email-subscription .col:nth-child(1) {
padding-top: 5.2vw;
padding-bottom: 5.2vw;
}
.email-subscription .col:nth-child(2) {
padding-left: 60px;
}
.email-subscription .col:nth-child(2):before {
margin-left: -60px;
}
.email-subscription__additional-info {
max-width: 640px;
}
.email-subscription__description {
margin-bottom: 40px;
}
.email-subscription__offer-image {
width: auto;
max-width: 130%;
margin: calc(-43px - 5.2vw) 0 10px -40px;
}
.email-subscription__offer-content {
padding: 0;
}
.email-subscription .gform_wrapper.gravity-theme {
max-width: 690px;
}
.email-subscription .gform_wrapper.gravity-theme form {
display: flex;
align-items: flex-start;
}
.email-subscription .gform_wrapper.gravity-theme .privacy-policy-agreement .gchoice {
width: 53vw;
max-width: 680px;
}
.email-subscription .gform_wrapper.gravity-theme .gform_footer {
min-width: 203px;
padding: 0;
margin-left: 10px;
}
}
@media all and (min-width: 1240px) {
.email-subscription .col:nth-child(1) {
padding-top: 7.3vw;
padding-bottom: 7.3vw;
}
.email-subscription .col:nth-child(2) {
padding-left: 120px;
}
.email-subscription .col:nth-child(2):before {
margin-left: -120px;
}
.email-subscription__offer-image {
margin: calc(-43px - 7.3vw) 0 10px -120px;
}
.email-subscription__additional-info {
max-width: 100%;
}
} .treatment {
padding: 20px;
background-color: #F9F8F9;
border-radius: 12px;   }
.treatment__main-info-heading, .treatment__item-title {
margin-bottom: 12px;
}
.treatment__main-info {
position: relative;
display: flex;
flex-direction: column;
gap: 20px;
padding-bottom: 20px;
margin-bottom: 30px;
}
.treatment__main-info::before, .treatment__main-info::after {
position: absolute;
bottom: 0;
}
.treatment__main-info::before {
left: 0;
background-color: #D5CFE3;
width: 100%;
height: 2px;
}
.treatment__main-info::after {
left: 96px;
bottom: -30px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-line-decoration-1.svg);
background-color: #F9F8F9;
width: 45px;
height: 32px;
z-index: 1;
}
.treatment__main-info-image {
order: -1;
align-self: flex-end;
width: 100%;
display: none;
}
.treatment__main-info-description {
max-width: 710px;
}
.treatment__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
padding-top: 20px;
}
.treatment__item {
display: flex;
align-items: flex-start;
max-width: 500px;
}
.treatment__item-image {
width: 80px;
margin-right: 20px;
border-radius: 50%;
}
@media all and (max-width: 359px) {
.treatment__item-image {
display: none;
}
}
@media all and (min-width: 768px) {
.treatment {
padding: 20px 20px 40px 20px;  }
.treatment__main-info {
flex-direction: row;
align-items: center;
justify-content: space-between;
padding-bottom: 0;
}
.treatment__main-info-content {
padding: 20px 0 40px;
}
.treatment__main-info-image {
order: 1;
display: block;
width: 40%;
}
.treatment__item {
width: calc(50% - 10px);
max-width: none;
}
}
@media all and (min-width: 981px) {
.treatment {
padding: 20px 40px 40px 40px;  }
.treatment__main-info::after {
left: 144px;
}
.treatment__main-info-content {
padding: 40px 0;
}
.treatment__main-info-image {
width: 347px;
}
.treatment__main-info-description {
max-width: 812px;
}
.treatment__list {
gap: 40px;
}
.treatment__item {
width: calc(50% - 20px);
}
.treatment__item-image {
width: 120px;
}
}
@media all and (min-width: 1240px) {
.treatment {
padding: 20px 5.2vw 5.2vw 5.2vw; }
.treatment__list {
gap: 60px;
padding-top: 60px;
}
.treatment__item {
width: calc(50% - 30px);
}
.treatment__item-image {
margin-right: 30px;
}
}
@media all and (min-width: 1921px) {
.treatment {
padding: 20px 100px 100px 100px;
}
} .tooltip {
position: relative;
display: inline-block;
}
.tooltip__title {
padding: 0;
color: #27252B !important;
background: transparent !important;
text-decoration: underline;
transition: all 0.3s ease 0s;
}
.tooltip__title:hover, .tooltip__title:active, .tooltip__title:focus {
color: #7B65AB !important;
}
.tooltip__title:focus + .tooltip__content {
opacity: 1;
pointer-events: auto;
}
.tooltip__content {
position: absolute;
display: block;
width: 460px;
max-width: 100vw;
padding: 20px;
text-align: left;
background-color: #fff;
box-shadow: 0 10px 8px rgba(208, 208, 208, 0.25);
opacity: 0;
pointer-events: none;
transition: all 0.3s ease 0s;
z-index: 10;
}
.tooltip--center .tooltip__content {
left: 50%;
transform: translateX(-50%);
}
.tooltip--right .tooltip__content {
right: 0;
} .woof_redraw_zone {
display: flex;
flex-direction: column;        }
.woof_redraw_zone .woof_text_search_container {
order: -1;
margin-bottom: 20px !important;
}
.woof_redraw_zone .woof_text_search_container .woof_text_search_go {
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
margin-right: 10px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-search.svg);
}
.woof_redraw_zone ul.woof_list li {
position: relative;
margin: 0 0 2px 0;
}
.woof_redraw_zone ul.woof_list li:hover > label, .woof_redraw_zone ul.woof_list li:active > label, .woof_redraw_zone ul.woof_list li:focus > label {
color: #7B65AB;
}
.woof_redraw_zone ul.woof_list > li:last-child {
margin-bottom: 13px;
}
.woof_redraw_zone .woof_container {
padding-bottom: 0;
margin-bottom: 10px;
}
.woof_redraw_zone .woof_checkbox_instock_container .woof_container_inner,
.woof_redraw_zone .woof_checkbox_sales_container .woof_container_inner {
display: flex;
align-items: center;
}
.woof_redraw_zone .woof_container_product_cat,
.woof_redraw_zone .woof_container_pa_wirkung,
.woof_redraw_zone .woof_container_pa_hautzustand,
.woof_redraw_zone .woof_container_pa_produktart,
.woof_redraw_zone .woof_container_pa_hauttyp {
padding: 0 0 5px;
border-bottom: 1px solid #D5CFE3;
}
.woof_redraw_zone .woof_container_product_cat {
padding-top: 10px;
border-top: 1px solid #D5CFE3;
}
.woof_redraw_zone .woof_container_inner h4 {
margin: 8px 0 14px;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
}
.woof_redraw_zone .woof_container label {
font-size: 18px;
transition: all 0.3s ease 0s;
}
.woof_redraw_zone .woof_checkbox_label_selected {
font-weight: 400;
color: #7B65AB;
}
.woof_redraw_zone .woof_childs_list_opener {
position: absolute;
right: 0;
top: 10px;
}
.woof_redraw_zone .woof_childs_list_opener span {
width: 20px;
height: 20px;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-angle-down-dark.svg);
transition: all 0.3s ease 0s;
}
.woof_redraw_zone .woof_childs_list_opener span.woof_is_opened {
transform: rotate(-180deg);
}
.woof_redraw_zone .woof_childs_list_opener:hover span, .woof_redraw_zone .woof_childs_list_opener:active span, .woof_redraw_zone .woof_childs_list_opener:focus span {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.woof_redraw_zone a.woof_front_toggle {
position: relative;
top: 4px;
width: 20px;
height: 20px;
font-size: 0;
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/icon-angle-down-dark.svg);
transition: all 0.3s ease 0s;
}
.woof_redraw_zone a.woof_front_toggle:hover, .woof_redraw_zone a.woof_front_toggle:active, .woof_redraw_zone a.woof_front_toggle:focus {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.woof_redraw_zone a.woof_front_toggle.woof_front_toggle_opened {
transform: rotate(-180deg);
}
.woof_redraw_zone .woof_submit_search_form_container {
gap: 20px;
justify-content: flex-start;
flex-wrap: wrap;
margin: 10px 0 0 0;
}
.woof_redraw_zone .woof_price_filter {
margin-bottom: 20px;
}
.woof_redraw_zone .irs--round .irs-handle,
.woof_redraw_zone .irs--round .irs-handle,
.woof_redraw_zone .irs--round .irs-handle {
border-color: #7B65AB;
}
.woof_redraw_zone .irs--round .irs-bar,
.woof_redraw_zone .irs--round .irs-from,
.woof_redraw_zone .irs--round .irs-to,
.woof_redraw_zone .irs--round .irs-single,
.woof_redraw_zone .irs--round .irs-bar,
.woof_redraw_zone .irs--round .irs-from,
.woof_redraw_zone .irs--round .irs-to,
.woof_redraw_zone .irs--round .irs-single,
.woof_redraw_zone .irs--round .irs-bar,
.woof_redraw_zone .irs--round .irs-from,
.woof_redraw_zone .irs--round .irs-to,
.woof_redraw_zone .irs--round .irs-single {
background-color: #7B65AB;
}
.woof_redraw_zone .irs--round .irs-from::before,
.woof_redraw_zone .irs--round .irs-to::before,
.woof_redraw_zone .irs--round .irs-from::before,
.woof_redraw_zone .irs--round .irs-to::before,
.woof_redraw_zone .irs--round .irs-from::before,
.woof_redraw_zone .irs--round .irs-to::before {
border-top-color: #7B65AB;
}
.woof_redraw_zone .irs--round .irs-grid-text,
.woof_redraw_zone .irs--round .irs-grid-text,
.woof_redraw_zone .irs--round .irs-grid-text {
color: #27252B;
}
@media all and (min-width: 768px) {
.woof_redraw_zone .woof_container_inner h4,
.woof_redraw_zone .woof_container label {
font-size: 16px;
}
}
@media all and (min-width: 981px) {
.woof_redraw_zone { }
.woof_redraw_zone .woof_submit_search_form_container .button {
flex-grow: 1;
}
} .woof_products_top_panel {
display: none !important;
} .woocommerce .woocommerce-no-products-found .woocommerce-info {
margin-bottom: 0 !important;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
margin-bottom: 12px !important;
border: none;
border-radius: 12px;
}
.woocommerce-error:last-child,
.woocommerce-info:last-child,
.woocommerce-noreviews:last-child,
p.no-comments:last-child {
margin-bottom: 30px !important;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #D5CFE3;
color: #27252B;
}
.woocommerce-info::before, .woocommerce-info::after,
.woocommerce-noreviews::before,
.woocommerce-noreviews::after,
p.no-comments::before,
p.no-comments::after {
color: #27252B;
}
.woocommerce-info a,
.woocommerce-noreviews a,
p.no-comments a {
color: #27252B !important;
text-decoration: underline !important;
}
.woocommerce-info a:hover, .woocommerce-info a:active, .woocommerce-info a:focus,
.woocommerce-noreviews a:hover,
.woocommerce-noreviews a:active,
.woocommerce-noreviews a:focus,
p.no-comments a:hover,
p.no-comments a:active,
p.no-comments a:focus {
color: #7B65AB !important;
} .woocommerce-account {  }
.woocommerce-account .site-content .woocommerce {
position: relative;
overflow: hidden;
}
.woocommerce-account .site-content .woocommerce::before {
position: absolute;
left: calc(25% + 20px);
display: none;
width: 1px;
height: 100vw;
background-color: #D5CFE3;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 40px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation li {
border-color: #D5CFE3 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
padding: 12px 0;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:before {
opacity: 1;
transition: all 0.3s ease 0s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
font-weight: 700;
color: #7B65AB;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:before {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.woocommerce-account .edit-account {
margin-top: -10px;
}
.woocommerce-account .woocommerce-Addresses {
display: flex;
flex-wrap: wrap;
gap: 20px 40px;
}
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
width: 100%;
margin: 0 !important;
}
.woocommerce-account .woocommerce-Addresses address {
margin: 0;
}
.woocommerce-account .woocommerce-Address-title {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.woocommerce-account .woocommerce-Address-title h3 {
margin: 0;
}
.woocommerce-account .woocommerce-Address-title .edit {
margin: 0;
}
.woocommerce-account .woocommerce-Address-title::before, .woocommerce-account .woocommerce-Address-title::after {
content: none !important;
}
@media all and (min-width: 768px) {
.woocommerce-account { }
.woocommerce-account .woocommerce-Addresses {
flex-wrap: nowrap;
}
.woocommerce-account .woocommerce-Address-title {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
@media all and (min-width: 981px) {
.woocommerce-account { }
.woocommerce-account .woocommerce::before {
display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 25% !important;
margin: 0 40px 0 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(75% - 40px) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
font-size: 16px;
}
}
@media all and (min-width: 1240px) {
.woocommerce-account { }
.woocommerce-account .woocommerce::before {
left: calc(25% - 10px);
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: calc(25% - 30px) !important;
margin: 0 60px 0 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: calc(75% - 30px) !important;
}
} .woocommerce-lost-password .site-content,
.customer-login .site-content {
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2023/11/login-bg.jpg);
}
.woocommerce-lost-password .lost_reset_password,
.woocommerce-lost-password .woocommerce-form-login,
.woocommerce-lost-password .woocommerce-form-register,
.customer-login .lost_reset_password,
.customer-login .woocommerce-form-login,
.customer-login .woocommerce-form-register {
max-width: 526px;
margin: auto;
}
.woocommerce-lost-password .form-row-first,
.woocommerce-lost-password .form-row-last,
.customer-login .form-row-first,
.customer-login .form-row-last {
width: 100%;
margin: 0;
}
.woocommerce-lost-password form,
.woocommerce-lost-password .entry-header,
.customer-login form,
.customer-login .entry-header {
text-align: center;
}
.woocommerce-lost-password .form-row label,
.woocommerce-lost-password .comment-respond label,
.woocommerce-lost-password .gform_wrapper.gravity-theme .gfield_header_item,
.woocommerce-lost-password .gform_wrapper.gravity-theme .gfield_label,
.customer-login .form-row label,
.customer-login .comment-respond label,
.customer-login .gform_wrapper.gravity-theme .gfield_header_item,
.customer-login .gform_wrapper.gravity-theme .gfield_label {
color: #27252B;
}
.woocommerce-lost-password .woocommerce-form-row {
margin-bottom: 0 !important;
}
#customer_login {
text-align: center;
}
#customer_login .custom-tab__panels {
min-height: 400px;
}
#customer_login .custom-tab__panels label {
text-align: left;
}
#customer_login .custom-tabs {
padding-bottom: 25px;
}
#customer_login h2 {
margin-bottom: 20px;
}
#customer_login .lost_password {
margin-top: 20px;
}
@media all and (max-width: 767px) {
#customer_login .custom-tabs {
flex-direction: column;
gap: 10px;
}
#customer_login .custom-tab {
margin: 0;
}
#customer_login .custom-tab::after {
content: none;
}
}
@media all and (min-width: 981px) {
#customer_login .custom-tabs {
padding-bottom: 45px;
}
#customer_login .lost_password {
margin-top: 27px;
}
} .woocommerce table td,
.woocommerce table th,
#payment .payment_methods > .woocommerce-PaymentMethod > label,
#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods li .payment_box {
padding: 10px;
}
@media all and (min-width: 768px) {
.woocommerce table td,
.woocommerce table th,
#payment .payment_methods > .woocommerce-PaymentMethod > label,
#payment .payment_methods > .wc_payment_method > label,
#payment .payment_methods li .payment_box {
padding: 20px;
}
}
#payment .place-order {
padding: 0;
margin-top: 30px;
}
#payment .place-order noscript {
padding: 0;
}
#payment .place-order,
#payment .payment_methods > li:not(.woocommerce-notice) {
background: transparent !important;
}
#order_review #order_review_heading {
width: 100%;
padding-top: 0;
}
@media all and (min-width: 767px) {
.woocommerce-checkout > #order_review_heading {
padding-top: 0;
}
} .woocommerce-cart-form {    }
.woocommerce-cart-form table.cart {
margin-bottom: 40px;
}
.woocommerce-cart-form table.cart td.product-remove a.remove:hover, .woocommerce-cart-form table.cart td.product-remove a.remove:active, .woocommerce-cart-form table.cart td.product-remove a.remove:focus {
color: #7B65AB;
}
.woocommerce-cart-form table.cart tr:last-child td {
border: none;
padding: 0 !important;
background: none !important;
}
.woocommerce-cart-form table.cart td.actions {
border-top-width: 16px;
}
.woocommerce-cart-form table.cart .product-thumbnail img {
width: auto;
max-width: 100%;
max-height: 130px;
}
.woocommerce-cart-form table.shop_table_responsive tr td[data-title]::before {
padding-right: 10px;
}
.woocommerce-cart-form .jde_hint .actions {
padding: 10px;
background-color: #F9F8F9;
}
.woocommerce-cart-form #coupon_code {
margin: 16px 0 -14px;
}
.woocommerce-cart-form .coupon {
margin-bottom: -4px !important;
}
@media all and (max-width: 767px) {
.woocommerce-cart-form { }
.woocommerce-cart-form .coupon {
padding: 4px 0 20px !important;
}
}
@media all and (min-width: 768px) {
.woocommerce-cart-form {  }
.woocommerce-cart-form table.cart td.product-remove a.remove {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.woocommerce-cart-form #coupon_code {
margin: 0 6px 0 0;
}
}
@media all and (min-width: 768px) and (max-width: 880px) {
.woocommerce-cart-form { }
.woocommerce-cart-form table.cart td.actions {
text-align: left;
}
.woocommerce-cart-form .coupon {
width: 100%;
}
}
@media all and (min-width: 981px) {
.woocommerce-cart-form { }
.woocommerce-cart-form table.cart {
margin-bottom: 60px;
}
} .cart_totals h2 {
margin-bottom: 20px;
}
.cart_totals table {
margin-bottom: 10px;
}
.cart_totals .wc-proceed-to-checkout {
margin-bottom: 0 !important;
}
.cart_totals .wc-proceed-to-checkout .button.checkout-button {
margin-bottom: 10px !important;
}
@media all and (min-width: 768px) {
.cart_totals {
min-width: 500px;
}
} .checkout_coupon {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 30px;
}
.checkout_coupon p {
width: 100%;
}
.checkout_coupon .form-row {
margin: 0;
}
.checkout_coupon .form-row .button {
width: 100%;
margin: 0 !important;
}
@media all and (min-width: 768px) {
.checkout_coupon .form-row {
width: auto;
}
.checkout_coupon .form-row .button {
width: 100%;
}
} #order_review .button {
width: 100%;
margin-top: 8px;
}
#order_review .paypal-buttons {
margin-top: 8px;
}
#order_review .shop_table {
margin-bottom: 17px;
}
#order_review_heading {
padding-top: 30px;
}
@media all and (max-width: 767px) {
#order_review_heading {
padding-top: 30px;
}
}
@media all and (min-width: 768px) {
#order_review .shop_table {
margin-bottom: 27px;
}
} .woocommerce-checkout .woocommerce-NoticeGroup-checkout {
margin-top: -20px;
}
.woocommerce-checkout .create-account {
margin-top: 10px;
} body #ship-to-different-address .woocommerce-form__input-checkbox {
position: relative;
top: auto;
transform: translateY(0);
margin-right: 11px;
} #customer_details .col-2 {
margin-bottom: 0 !important;
} #billing_country_field,
#shipping_country_field {
display: none;
}
.custom-tab__warpper {
display: flex;
flex-direction: column;
align-items: center;
}
.custom-tabs {
display: flex;
align-items: center;
}
.custom-tab {
position: relative;
display: block;
padding: 5px;
margin: 0 21px;
font-family: "Red Hat Display", Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: 1.44px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
transition: all 0.3s ease 0s;
}
.custom-tab:hover, .custom-tab:active, .custom-tab:focus {
color: #7B65AB;
}
.custom-tab::after {
position: absolute;
top: 0;
right: -20px;
width: 1px;
height: 100%;
background-color: #757477;
}
.custom-tab:last-child::after {
content: none;
}
.custom-tab__panels {
width: 100%;
min-height: 200px;
overflow: hidden;
}
.custom-tab__panel {
display: none;
animation: fadein 0.8s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.custom-tab__radio {
display: none;
}
#custom-tab-radio-0:checked ~ .custom-tab__panels #panel-0,
#custom-tab-radio-1:checked ~ .custom-tab__panels #panel-1,
#custom-tab-radio-2:checked ~ .custom-tab__panels #panel-2 {
display: block;
}
#custom-tab-radio-0:checked ~ .custom-tabs #custom-tab-0,
#custom-tab-radio-1:checked ~ .custom-tabs #custom-tab-1,
#custom-tab-radio-2:checked ~ .custom-tabs #custom-tab-2 {
color: #7B65AB;
} .custom-popup {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
width: 732px;
max-width: 100vw;
padding: 20px;
transition: all 0.3s ease 0s;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
background-color: #fff;
border-radius: 12px;
opacity: 0;
z-index: 1000;
pointer-events: none;
}
.custom-popup__close {
position: absolute;
right: 20px;
display: block;
width: 20px;
height: 20px;
cursor: pointer;
z-index: 10;
}
.custom-popup__close::after, .custom-popup__close::before {
content: "";
position: absolute;
transform: rotate(45deg);
height: 20px;
border-left: 2px solid #000;
left: 9px;
}
.custom-popup__close::before {
transform: rotate(-45deg);
}
.custom-popup__active {
opacity: 1;
pointer-events: auto;
} .payment-methods__list {
list-style-type: none;
display: flex;
max-width: 380px;
flex-wrap: nowrap;
gap: 3px;
margin-bottom: 0;
}
@media all and (min-width: 768px) {
.payment-methods__list {
gap: 4px;
}
}
@media all and (min-width: 981px) {
.payment-methods__list {
margin-left: auto;
}
} .warning-section {
padding-top: 60px;
padding-bottom: 60px;
}
.warning-section__image-column {
display: none;
}
.warning-section__content-column {
align-self: center;
}
.warning-section__heading {
margin-bottom: 12px;
}
.warning-section__subheading {
margin-bottom: 20px;
}
@media all and (max-width: 980px) {
.warning-section__content {
max-width: 725px;
}
}
@media all and (min-width: 981px) {
.warning-section {
padding-top: 0;
padding-bottom: 0;
}
.warning-section__image-column {
display: block;
}
.warning-section__image-wrapper {
position: absolute;
}
.warning-section__image {
object-fit: cover;
object-position: center;
max-width: none;
height: 100%;
margin-left: -440px;
}
.warning-section__content-column {
padding: 7.3vw 0;
}
.warning-section__subheading {
margin-bottom: 20px;
}
}
@media all and (min-width: 1240px) {
.warning-section__image {
margin-left: -225px;
}
.warning-section__content {
margin-right: -2px;
}
} .info-section {
padding-top: 60px;
padding-bottom: 60px;
}
.info-section .row {
margin-bottom: 20px;
}
.info-section .row:last-child {
margin-bottom: 0;
}
.info-section__title {
margin-bottom: 12px;
}
@media all and (max-width: 767px) {
.info-section .row:nth-child(1) .col:nth-child(1) {
display: none;
}
.info-section__title {
max-width: 480px;
}
.info-section__content {
max-width: 615px;
}
}
@media all and (min-width: 768px) {
.info-section .row {
margin-bottom: 60px;
}
.info-section .row:nth-child(odd) .col:nth-child(1) {
order: 1;
}
}
@media all and (min-width: 981px) {
.info-section {
padding-top: 7.3vw;
padding-bottom: 7.3vw;
}
.info-section .row {
margin-bottom: 6.25vw;
}
}
@media all and (min-width: 1240px) {
.info-section .row {
align-items: center;
}
}
.home .info-section::after {
content: "";
}
.page-template-template-thanks .row:nth-child(1) .col:nth-child(1) {
display: block !important;
}
@media all and (min-width: 768px) {
.page-template-template-thanks .row:nth-child(odd) .col:nth-child(1) {
order: 0;
}
.page-template-template-thanks .row:nth-child(even) .col:nth-child(1) {
order: 1;
}
} .title-text-block {
padding: 60px 0;
}
.title-text-block > * {
margin-left: auto;
margin-right: auto;
max-width: 840px;
}
.title-text-block h2 {
margin-bottom: 12px;
}
@media all and (min-width: 981px) {
.title-text-block {
padding: 7.3vw 0;
text-align: center;
}
.title-text-block h2 {
margin-bottom: 20px;
}
} .page-template-template-about-us {   }
.page-template-template-about-us .title-text-block {
padding-bottom: 0 !important;
}
.page-template-template-about-us .info-section .row .col {
display: block !important;
}
@media all and (min-width: 981px) {
.page-template-template-about-us { }
.page-template-template-about-us .info-section .row:nth-child(odd) .col:nth-child(1) {
order: 0;
}
.page-template-template-about-us .info-section .row:nth-child(even) .col:nth-child(1) {
order: 1;
}
}
@media all and (min-width: 981px) {
.page-template-template-about-us { }
.page-template-template-about-us .title-text-block {
margin-bottom: -20px;
}
} .shipment__content > p, .shipment__content > pre, .shipment__content > ul, .shipment__content > li {
max-width: 790px;
}
@media all and (min-width: 981px) {
.shipment__content > p, .shipment__content > pre, .shipment__content > ul, .shipment__content > li {
max-width: 890px;
}
} .page-template-template-contact .faq-reference {
margin-bottom: 40px;
}
.page-template-template-contact .faq-reference h2 {
max-width: 530px;
margin-bottom: 20px;
}
@media all and (min-width: 768px) {
.page-template-template-contact .faq-reference h2 {
width: 44vw;
max-width: 100%;
min-width: 530px;
}
}
@media all and (min-width: 981px) {
.page-template-template-contact .sidebar-section__main-content > * {
max-width: 690px;
}
.page-template-template-contact .faq-reference {
margin-bottom: 60px;
}
} .calendar-section {
display: flex;
flex-direction: column;
gap: 40px 20px;
padding-top: 60px;
padding-bottom: 60px; }
.calendar-section__sidebar, .calendar-section__main-content {
width: 100%;
border: 1px solid #D5CFE3;
border-radius: 12px;
}
.calendar-section__sidebar {
padding: 20px;
}
.calendar-section__sidebar > * {
max-width: 420px;
}
.calendar-section__sidebar .list {
margin-bottom: 20px;
}
.calendar-section__sidebar .list:last-child {
margin-bottom: 0;
}
@media all and (min-width: 736px) {
.calendar-section__main-content {
padding-bottom: 36px;
}
}
@media all and (min-width: 981px) {
.calendar-section {
flex-direction: row;
justify-content: space-between;
padding-top: 7.3vw;
padding-bottom: 7.3vw;
}
.calendar-section__sidebar {
width: calc(33% - 10px);
}
.calendar-section__main-content {
width: calc(67% - 10px);
}
}
@media all and (min-width: 1240px) {
.calendar-section {
gap: 40px;
}
.calendar-section__sidebar {
padding: 40px;
width: calc(33% - 20px);
}
.calendar-section__main-content {
width: calc(67% - 20px);
}
} .overflow-draggable {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
overflow-x: scroll;
padding-bottom: 10px;
}
.overflow-draggable--active a {
pointer-events: none;
}
@media all and (min-width: 981px) {
.overflow-draggable__tablet {
overflow-x: auto;
}
.overflow-draggable--hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 0; }
.overflow-draggable--hide-scrollbar::-webkit-scrollbar {
display: none;
}
}   ::-webkit-scrollbar {
width: 12px;
height: 12px;
} ::-webkit-scrollbar-track {
box-shadow: inset 0 0 2px #D5CFE3;
border-radius: 10px;
} ::-webkit-scrollbar-thumb {
background: #e0e0e0;
border-radius: 10px;
cursor: pointer;
}   .menu__social-icon a {
position: relative;
top: 11px;
width: 100%;
display: block;
margin-right: 17px !important;
}
.menu__social-icon a i {
display: none;
}
.menu__social-icon a::before {
content: "";
position: relative;
display: block !important;
width: 24px;
height: 24px;
transition: all 0.3s ease 0s;
}
.menu__social-icon a:hover::before, .menu__social-icon a:active::before, .menu__social-icon a:focus::before {
filter: brightness(0) saturate(100%) invert(45%) sepia(14%) saturate(1416%) hue-rotate(217deg) brightness(92%) contrast(92%);
}
.menu__social-icon--instagram a::before {
background-image: url(//www.vrcosmetics.de/wp-content/uploads/2024/02/icon-instagram-dark.svg);
} .woocommerce-checkout .hero,
.woocommerce-cart .hero,
.woocommerce-lost-password .hero,
.customer-login .hero {
display: none;
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}