@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 300;
font-stretch: normal;
font-display: swap;
src: local(''), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-300.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-300.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-300.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-300.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-300.svg#Jost) format('svg'); } @font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: local(''), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-regular.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-regular.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-regular.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-regular.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-regular.svg#Jost) format('svg'); } @font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-display: swap;
src: local(''), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-500.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-500.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-500.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-500.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-500.svg#Jost) format('svg'); } @font-face {
font-family: 'Jost';
font-style: italic;
font-weight: 400;
font-stretch: normal;
font-display: swap;
src: local(''), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-italic.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-italic.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-italic.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-italic.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/jost-v6-latin-italic.svg#Jost) format('svg'); } @font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 400;
src: url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-regular.eot); src: local(''), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-regular.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-regular.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-regular.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-regular.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-regular.svg#CormorantGaramond) format('svg'); font-display: swap;
} @font-face {
font-family: 'Cormorant Garamond';
font-style: italic;
font-weight: 400;
src: url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-italic.eot); src: local(''), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-italic.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-italic.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-italic.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-italic.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-italic.svg#CormorantGaramond) format('svg'); font-display: swap;
} @font-face {
font-family: 'Cormorant Garamond';
font-style: normal;
font-weight: 600;
src: url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-600.eot); src: local(''), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-600.eot?#iefix) format('embedded-opentype'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-600.woff2) format('woff2'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-600.woff) format('woff'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-600.ttf) format('truetype'), url(//naturkosmetik-selbermachen.de/fonts/cormorant-garamond-v9-latin-600.svg#CormorantGaramond) format('svg'); font-display: swap;
} @media screen and (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
* {
font-family: Jost, sans-serif;
}
html {
font-size: 96%!important;
}  b, strong {
font-weight: 500;
}
i {
font-weight: 300;
}
mark {
font-weight: 500 !important;
color: #F89880;
} .post {
max-width: 900px !important;
margin: 0 auto;
} .wp-block-list a {
text-decoration: underline;
text-decoration-thickness: .5px;
text-underline-offset: .15em;
}
input[type=search] {
border: 1px solid #d1d1d1 !important;
} .type-post h1.entry-title {
text-align: center;
}
h1.wp-block-heading, h2.wp-block-heading {
margin: 2.5rem 0 1rem 0;
} .wp-block-columns img.is-style-default.rounded {
border-radius: 50%;
width: 140px;
height: 140px;
}
.wp-block-media-text	{
margin-top: 1.5rem;
margin-bottom: 2.5rem;
}
.wp-block-media-text__content { padding: 1.5rem 1.5rem 2rem !important;
}
.wp-block-separator {
border-top: 0 !important;
border-bottom: 0 !important;
width: 3rem !important;
margin: 0 auto 0.5rem auto;
background-color: none;
}
.has-white-background-color {
background-color: rgba(255, 255, 255, 0.8) !important;
box-shadow: 1px 5px 10px #e8e5e5;
margin: 2.5rem 0 2rem 0;
padding: 1.5rem 1.5rem 2rem;
}
:is(.has-white-background-color,
.has-lightpink-background-color,
.has-nudepink-background-color,
.has-pink-background-color,
.has-darkapricot-background-color,
.has-darkpink-background-color,
.has-softgray-background-color) h3 {
font-family: Jost, sans-serif;
font-size: 1.3rem;
text-transform: uppercase;
letter-spacing: 0.03rem;
margin: 0 0 1rem 0;
}
.wp-block-group, .wp-block-group.has-background, .wp-block-cover {
margin: 2rem 0;
padding: 1.5rem;
border-radius: 3px; position: relative;
} .single-post .wp-block-image {
margin: 0 auto !important;
} .wp-block-video video {
box-shadow: -3px -3px 10px #ddd, 3px 3px 10px #ddd;
padding: 1rem;
}
.wp-block-video figcaption {
font-size: 0.9rem;
text-align: center;
color: #999;
} table {
margin: 1rem 0;
}
.wp-block-table.is-style-stripes {
border-bottom: none;
}
.has-margin { margin: 2rem 0;
}
.is-in-column {
font-size: 1rem;
} .taxonomy-description {
font-size: 1.1rem;
hyphens: auto;
}
.taxonomy-description img {
max-width: 500px;
height: auto;
margin-bottom: 2rem;
}
.taxonomy-description a {
font-weight: 500;
text-decoration: underline;
text-decoration-thickness: 0.5px;
text-underline-offset: 0.2rem;
}
@media screen and (min-width: 48em) {
.taxonomy-description {
text-align: justify;
}
} blockquote p {
font-size: 1.25rem !important;
margin: 0 3rem;
}
.content-area blockquote::before {
content: "\201D";
font-family: 'Cormorant Garamond';
font-size: 10rem;
top: -4rem;
color: #ddd;
}
.content-area blockquote {
max-width: 900px;
margin: 4em auto;
font-style: italic;
margin: 2rem auto;
}
cite {
font-size: 0.9rem;
position: relative;
left: 3rem;
}
cite::before {
content: "– ";
} .updated:not(.published) {
font-size: 0.8rem !important;
}
.site-footer .widget.widget_block h2, footer .widget .widget-title {
font-size: 1rem !important;
text-transform: uppercase;
}
.menu-item-5937 {
font-weight: 500;
border-bottom: 0.5px solid black;
padding: 0 0 0.5rem;
margin: 0 0 1rem 0;
}
.menu-item-5937::after {
content: " \A (Herr Recke führt seit Juli 2024 die Produkte \A meines geschlossenen Onlineshops weiter.)";
white-space: pre;
font-weight: normal;
font-size: 0.8rem;
}
@media (min-width: 993px) {
#primary.content-area {
margin: 0 auto;
}
input[type=search] {
font-size: 1rem !important;
}
}   .callback-product_wrapper {
display: none;
}
label, form p {
font-size: 1rem;
font-weight: 500;
} .top-bar {
padding: 0.4rem 0;
vertical-align: middle;
}
.top-bar-right {
height: 41px;
}
.top-bar .widget_nav_menu ul li {
margin-left: 0.5rem;
}
.top-bar a {
text-transform: uppercase;
font-size: 0.8rem;
}
footer.site-footer {
margin: 4rem 0 1rem 0;
} #menu-topnav-rechts .icon-wrapper {
text-align: center;
display: inline-block;
vertical-align: middle;
margin: 0 0 0 0.3rem;
} .summary details summary, .summary-header, .wc-block-components-product-name {
font-weight: 500;
} .woocommerce-product-details__short-description {
font-size: 1.05rem !important;
}
.pdp-complementary--add-to-cart a {
background: black !important;
color: white !important;
border: unset !important;
} p.price .woocommerce-Price-amount.amount {
font-size: 1.6rem !important;
font-weight: 500 !important;
color: #f89880 !important;
} .shoptimizer-mini-cart-wrap .widget_shopping_cart li.mini_cart_item {
font-size: 0.9rem !important;
font-weight: 500 !important;
} .summary .commercekit-wishlist {
margin-top: 1rem;
} .entry-content:not(.wc-tab) p.woocommerce-thankyou-order-received:before {
width: 120px;
height: 120px;
margin-top: -16px;
}
.woocommerce-bacs-bank-details {
margin: 2rem 0;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
border-radius: 90%;
}
li.active.viewed {
font-weight: 600;
color: #f38189;
text-transform: uppercase;
}
.swiper-slide img {
border-radius: 90%;
max-width: 90% !important;
}
.cgkit-as-wrap .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-button button {
opacity: 0.5 !important;
}  p.footer-info {
font-size: 0.8rem !important;
padding: 1rem !important;
} body ul.products li.product img,
.wc-block-grid__products .wc-block-grid__product-image img,
.single-product div.product .woocommerce-product-gallery img {
border-radius: 50%;
} .secondary-navigation .icon-wrapper svg {
width: 20px !important;
height: 20px !important;
}
.content-area ul.products li.product h2 {
font-weight: 400 !important;
padding: 3px !important;
border: none !important;
}
.demo_store {
background-color: #e45656 !important;
} .wc-block-cart-item__wrap {
font-size: 1.1rem;
} .wc-block-components-totals-footer-item-tax {
font-size: 0.7rem !important;
} .jump-to-tab {
margin: 10px 0 0 0;
border-top: 1px solid black;
display: block;
padding: 0.5rem 0 0 0;
color: #111;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: .3px;
}
.woocommerce-error {
background-color: #f38189 !important;
color: white;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
color: black !important;
font-size: 1.2rem !important;
} .below-woocommerce-category {
border: none !important;
font-size: 1.05rem !important;
padding: 0 !important;
}   .wpseopress-accordion-button {
background-color: white;
text-align: left;
padding: 0.5rem;
margin: 0 0 0 -0.5rem;
border-top: 2px dotted silver;
}
.wp-block-wpseopress-table-of-contents ul {
list-style: none !important;
padding-left: 0;
}
a#weisspigmente-und-pudergrundstoffe {
font-weight: 500 !important;
}
.wpseopress-accordion-button .wpseopress-faq-question {
font-size: 1.2rem;
} .wps-form {
width: 70%;
margin: 0 auto;
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 100%;
}
.wps-form-row .wpcf7-form-control {
width: 100%;
}
.wps-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
}
.wps-form label {
font-weight: 500;
}
.wps-form input[type="submit"] {
margin: 1rem 0 0 1rem;
}
.wps-form input[type="text"]:focus, .wps-form input[type="email"]:focus, .wps-form textarea:focus {
border: 1px solid #f1eceb;
background: #f1eceb;
}
.wpcf7-form.invalid .wpcf7-response-output {
background-color: #f38189 !important;
border: none !important;
color: white !important;
font-weight: 500 !important;
padding: 0.5rem;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #91b580 !important;
border: none !important;
color: white !important;
font-weight: 500 !important;
padding: 0.5rem;
}
.wpcf7-not-valid-tip {
color: #f38189 !important;
font-weight: 500;
}
.wpcf7-list-item {
margin: 0 !important;
} @media only screen and ( min-width: 48em ) {
.form-row {
flex-direction: row;
}
.form-column {
padding: 0 0.3rem;    }
}   .localnav {
margin: 2rem 0 !important;
font-size: 0.9rem;
text-transform: uppercase;
display: flex;
justify-content: space-between;
color: #aaa;
}
.localnav p {
border: 1px solid #aaa;
border-radius: 3px;
padding: 0.3rem 0.4rem;
margin: 0 0.2rem;
}
.localnav a {
color: #aaa !important;
} p.glossarnav {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
p.glossarnav a {
display: inline-block;
text-decoration: none !important;
background: #eee;
padding: 0.1rem 0.4rem;
margin: 0.5rem;
}
p.glossarnav a:hover {
background-color: #fdc2b4;
color: white;
} .page-id-455 .entry-content h2[id].wp-block-heading  {
padding-top: 100px;
} .inci {
text-align: center;
} h1+h2.inci {
margin: -1rem 0 1rem 0 !important;
font-size: 1.4rem !important;
} form#newsletter {
text-align: center;
}
input.sidebyside {
width: 100%;
}
::placeholder {
text-align: center;
font-size: 1rem;
}
@media screen and (min-width: 768px)  {
input.sidebyside {
width: 45%;
display: inline-block;
padding: 0.5rem;
background: rgba(255,255,255,0.7);
}
} .copyright {
font-size: 0.8rem;
color: #666;
} .autorblock {
font-size: 0.9rem;
color: #555;
margin: 1rem 0;
}
.autorblock div span {
position: relative;
top: -30px;
left: 45px;
}
.autorblock img {
width: 40px;
width: 40px;
border-radius: 50%;
} p.link-button {
text-align: center;
margin: 2rem 0 1rem 0;
}
.link-button a, .download-button a, .simple-download-counter-link {
display: inline-block;
border: 1px solid black;
color: black;
text-decoration: none !important;
font-size: 1.2rem;
text-transform: uppercase;
padding: 0.3rem 0.8rem !important;
margin: 0 0 2rem 0;
border-radius: 3px;
} p.intro {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.55;
padding: 0 0 20px;
} p.subtitle {
text-align: center;
font-size: 1.2rem;
font-weight: 300;
margin: 2rem 0;
} nav.breadcrumb {
font-size: 13.5px;
color: #555;
margin: 1rem 0;
}
span.breadcrumb-separator {
position: relative;
top: -2px;
padding: 0 .2em;
opacity: .4;
font-size: .8em;
}
span.current-page {
color: #F89880;
}   .desc {
border-top: 3px dotted #f09f8b;
padding: 0.5rem 0 0.5rem 0;
margin: 0 0 2rem 3.5rem;
font-style: italic;
font-weight: 500;
}
div+h2, h2+h3 { margin: 3rem 0 0 0;
} svg.small-icon {
width: 20px !important;
height: auto;
}
.icon-wrapper {
text-align: center;
}
.icon-wrapper+p {
position: relative;
top: -30px;
padding: 0;
}
.additional {
border-top: 2px dotted #e89e96;
border-bottom: 2px dotted #e89e96;
padding: 0.5rem 0;
font-size: 0.95rem;
margin: 0 0 1rem 0;
} .additional+p {
color: #f09f8b;
font-weight: 500;
}  .infocard {
box-shadow: -3px -3px 10px #ddd, 3px 3px 10px #ddd;
padding: 1rem;
}
@media screen and (min-width: 1260px)  {
.infocard {
min-width: 1200px;
margin: 1rem 0 2.5rem -16.5%;
}
}
.infocard h2 {
padding: 1rem 0 0.5rem 0;
}
.infocard ol {
margin: 0 0 0 1.9rem;
padding: 1rem 0;
}
.infocard ol.dossier li {
font-weight: 600;
text-transform: uppercase;
}
.infocard ol.dossier li a {
font-weight: normal;
text-transform: none;
} .infocard .wp-block-media-text__content {
padding: 0 1.5rem !important;
}  .notice {
border-radius: 0;
padding: 2rem;
margin: 3rem 0 2.5rem 0;
background-color: rgba(232,158,150,0.3);
}
.notice h2 {
font-size: 1.4rem;
padding-top: 1rem;
}
.notice::before {
content: "!";
display: block;
color: #fff;
width: 3.2rem;
height: 3.2rem;
background-color: rgb(232, 158, 150);
border: 6px solid #fff;
border-radius: 100%;
font-size: 2rem;
font-weight: 500;
line-height: 2.4rem;
text-align: center;
position: absolute;
top: -1.8rem;
left: calc(50% - 3rem);
}  .advice {
background-color: rgba(175,215,135,0.3);
padding: 2rem;
margin: 3rem 0 2.5rem 0;
}
.advice h2 {
font-size: 1.4rem;
padding-top: 1rem;
}
.advice::before {
content: "i";
display: block;
background-color: rgba(175,215,135,1);
color: white;
width: 3.2rem;
height: 3.2rem;
border: 6px solid #fff;
border-radius: 100%;
font-size: 2rem;
font-weight: 500;
line-height: 2.4rem;
text-align: center;
position: absolute;
top: -1.8rem;
left: calc(50% - 3rem);
}  .number-one, .number-two, .number-three, .number-four, .number-five, .number-six {
border-top: 3px dotted #FDC2B4;
border-bottom: 3px dotted #FDC2B4;
border-radius: 0;
padding: 2rem 0 1.5rem 0;
margin: 3rem 0 2.5rem 0;
font-weight: 500;
}
:is(.number-one, .number-two, .number-three, .number-four, .number-five, .number-six) h2 {
font-size: 1.3rem;
padding-top: 1rem;
}
:is(.number-one, .number-two, .number-three, .number-four, .number-five, .number-six)::before {
display: block;
color: white;
width: 3rem;
height: 3rem;
background-color: #FDC2B4;
border-radius: 100%;
border: 6px solid white;
font-size: 1.8rem;
line-height: 1.3;
text-align: center;
position: absolute;
top: -2rem;
left: calc(50% - 3rem);
}
.number-one::before {
content: "1";
}
.number-two::before {
content: "2";
}
.number-three::before {
content: "3";
}
.number-four::before {
content: "4";
}
.number-five::before {
content: "5";
}
.number-six::before {
content: "6";
}  .video, .audio, .download {
border-top: 2px solid #FDC2B4;
border-radius: 0;
margin: 3rem 0 0 0;
padding: 1rem 0;
}
:is(.video, .audio, .download) h2 {
font-size: 1.4rem;
padding-top: 1rem;
text-align: center;
}
.video::before {
content: url(//naturkosmetik-selbermachen.de/wp-content/themes/shoptimizer-child/images-for-css/video.svg);
}
.audio::before {
content: url(//naturkosmetik-selbermachen.de/wp-content/themes/shoptimizer-child/images-for-css/audio.svg);
}
.download::before {
content: url(//naturkosmetik-selbermachen.de/wp-content/themes/shoptimizer-child/images-for-css/download.svg);
}
:is(.video, .audio, .download)::before {
display: block;
background-color: white;
width: 3.2rem;
height: 3.2rem;
border: 3px solid white;
border-radius: 100%;
font-size: 3rem;
font-weight: bold;
line-height: 1;
text-align: center;
position: absolute;
z-index: 1000;
top: -1.5rem;
left: calc(50% - 1.6rem + 6px);
}  section#cat-subnav {
margin: 3rem 0 2rem 0;
}
.cat-subnav {
display: flex;
justify-content: center;
font-size: 0.8rem;
flex-wrap: wrap;
}
.cat-subnav a {
border: 1px solid #a8a8a8;
display: inline-block;
padding: 0.3rem 0.5rem;
border-radius: 3px;
text-transform: uppercase;
margin: 0.3rem;
}
.cat-subnav a.active {
background-color: #a8a8a8;
color: white;
}li.product p.wc-gzd-rating-authenticity-status {
margin-bottom: 5px;
}
li.product p.wc-gzd-additional-info {
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
}
li.product p.wc-gzd-additional-info:last-of-type {
margin-bottom: 15px;
}
.products .wc-gzd-additional-info {
position: relative;
z-index: 10;
}
.wc-gzd-additional-info a,
.entry-content .wc-gzd-additional-info a {
text-decoration: underline;
}
.widget_shopping_cart.widget .wc-gzd-cart-info.wc-gzd-item-desc h2 {
font-size: 12px;
letter-spacing: 0;
margin: 0;
}
.widget_shopping_cart.widget p.total.total-cart-tax.wc-gzd-total-mini-cart {
border: none;
padding-top: 0px;
font-weight: normal;
font-size: 13px;
margin-bottom: 1em;
}
.widget_shopping_cart.widget p.total.wc-gzd-total-mini-cart {
font-size: 14px;
text-align: center;
}
.widget_shopping_cart.widget p.total.wc-gzd-total-mini-cart a {
color: #111;
}
.site-main .cart_totals p.wc-gzd-additional-info {
display: block;
width: auto;
padding-top: 0;
border: none;
text-align: center;
}
.entry-content .wc-gzd-additional-wrapper p {
font-size: 14px;
text-align: center;
}
.entry-content .product p.wc-gzd-additional-info {
margin: 0;
font-size: 0.8em;
}
.entry-content .product p.wc-gzd-additional-info:last-of-type {
margin-bottom: 1rem;
}
.wc-gzd-product-name-left img {
margin-right: 15px;
max-width: 50px;
}
.site-main .wc-gzd-product-name-left,
.site-main .wc-gzd-product-name-right {
display: table-cell;
float: none;
vertical-align: middle;
}
.wc-gzd-checkbox-placeholder-legal {
margin-top: 10px;
}
#order_review .wc-gzd-checkbox-placeholder p.form-row label {
position: relative;
}
.wc-gzd-checkbox-placeholder-legal input.input-checkbox {
position: absolute;
margin-top: 3px;
}
.wc-gzd-checkbox-placeholder-legal .woocommerce-gzd-legal-checkbox-text {
display: block;
padding-left: 30px;
}
.woocommerce-checkout-review-order-table .wc-gzd-cart-item-thumbnail,
.woocommerce-checkout-review-order-table .wc-gzd-cart-info {
display: none;
}
@media (min-width: 993px) { 
#order_review_heading.wc-gzd-heading-moved {
float: none;
width: 100%;
}
}