/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2026 | 19:25:54 */
h6 {
	font-weight: 400;
	margin-bottom: 10px;
}

.innerRowImage p {
	margin-bottom: 0px;
}
h6 {
	color: #D75F51 !important;
}
.innerRowImage .col-inner .img {
	margin-bottom: 0px;
}
.productSection .name.product-title.woocommerce-loop-product__title {
	font-size: 36px;
	font-weight: 700;
	height: 100% !important;
}
.product-small.box ul {
	margin-top: 30px;
}
.single-product .topHeroSection .col .price {
	font-size: 32px;
}
.is-divider {
	display: none;
}
.productSample .row .col-inner.text-center {
	background-color: #FFF8EB;
	padding: 30px 10px;
	min-height: 220px;
	margin-top: 30px;
}
.topHeroSection p {
	margin: 0px;
}

.topHeroSection .product-short-description ul {
	margin-top:30px;
}
.topHeroSection .product-short-description ul li {
	list-style: none;
	background: url(https://tretinoincreme.de/wp-content/uploads/2026/05/check.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 0px;
	background-position: left center;
	font-size: 16px;
}


.productSample .row .col {
	padding-bottom: 0px;
}
.productSample h3 {
	font-size: 36px;
	color:#D75F51;
}




.product-small.box ul li {
	list-style: none;
	background: url(https://tretinoincreme.de/wp-content/uploads/2026/05/check.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-left: 0px;
	background-position: left center;
	font-size: 16px;
}
.product-small.box .box-image {
	background-color: #FFE6E2 !important;
}


.row.reviews .col .row .col {
	background-color: #fff;
	padding: 30px 20px !important;
	margin-bottom: 30px;
}
.row.reviews .col .row .icon-box-text p, .row.reviews .col .row .icon-box-text img {
	margin-bottom: 0px;
}
.row.reviews .col .row .icon-box  {
	margin-bottom: 20px;
}
.fourWarum .icon-box-img {
	border: 2px dashed #d75f51;
	width: 100px !important;
	text-align: center;
	border-radius: 50%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	box-shadow: 0px 4px 9px 0px #433b3b2b;
	margin-left: 0 !important;
	font-size: .9rem;
}
.textCircle {
	display: inline-block;
	background-color: #ffddd8;
	font-size: 20px;
	padding: 50px;
	border-radius: 100%;
	max-width: 200px;
	max-height: 200px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.vragen .accordion-title {
	font-size: 16px !important;
	font-weight: 400 !important;
}
.vragen .accordion-title {
	border-radius: 10px;
	background: transparent;
	padding: 15px 15px 15px 25px !important;
	font-size: 18px !important;
	border: none;
}
#footer .menu a {
	color: #000;
}
.vragen .accordion-item:last-child {
	border-bottom: none !important;
}
.vragen .accordion-inner {
	padding: 5px 25px !important;
}
.vragen .accordion-item {
	background: transparent !important;
	margin-bottom: 20px;
	border-radius: 10px;
	border-radius: 0px;
	background: #fffbf3;
	padding: 0px !important;
	font-size: 16px !important;
	border-bottom: 1px solid #d7d7d7 !important;
}
.vragen .active > .toggle {
	padding-top: 6px;
}
.vragen button.toggle {
	opacity: 1 !important;
}
.accordion .icon-angle-down::before {
	content: "+";
}
button.toggle {
	float: right !important;
	position: unset !important;
	margin-top: 0px !important;
	font-size: 14px;
	color: #2d3047 ! IMPORTANT;
	opacity: 0.7;
}
.innerRowImage .col-inner .col .col-inner {
	padding: 20px 20px 0px 20px;
}
.bannerFull {
	background: #D75F51;
	background: linear-gradient(90deg,rgba(215, 95, 81, 1) 40%, rgba(255, 248, 235, 1) 40%);
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 5px;
}

.button.secondary.lowercase {
	color: #000;
	font-weight: 500;
	padding: 5px 30px;
	font-size: 16px;
}
h2 {
	font-size: 42px;
	line-height: 1.1;
}
.innerRowImage .col-inner {
	background-color: #FFF8EB;
}
.row.contactRow input, .row.contactRow textarea {
	background: transparent !important;
	border: 1px solid #a9a9a9 !important;
	box-shadow: none !important;
	min-height: 3rem !important;
	border-radius: 8px !important;
}
.row.contactRow .gform-theme--foundation .gform_fields {
	row-gap: 20px;
}
.row.contactRow .gform-footer #gform_submit_button_1 {
	width: 100%;
	min-height: 3rem;
	border-radius: 8px;
	background-color: #D75F51 !important;
	border: none !important;
}
.textBG {
	background: url(https://tretinoincreme.de/wp-content/uploads/2026/05/dotted.png);
	background-repeat: no-repeat;
	background-position: -5px 5px;
	background-size: contain;
	padding-left: 55px;
	margin-top: 25px;
}
.htmlTabletable {
	margin-bottom: 0px;
}
.topTitleSec .col {
	padding-bottom: 0px !important;
}
.topTitleSec .title-wrapper.medium-text-center {
	text-align: left !important;
}
/*------------------------------Product page------------------------------*/
.variable-item.button-variable-item.button-variable-item-3er-pack.selected {
	background-color: #FAF0DF !important;
}
.variable-items-wrapper .variable-item.button-variable-item {
	padding: 45px 25px !important;
	border-radius: 0px !important;
	margin: 17px 20px 0px 0px !important;
}
.htmlTable table.variations th, .htmlTable table.variations td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.variable-item.button-variable-item.button-variable-item-3er-pack::after {
	content: "EMPFOHLEN" !important;
	/* display: block; */
	width: 110px;
	font-size: 12px;
	opacity: 1;
	visibility: initial;
	background-color: #D75F51;
	color: #fff;
	padding: 12px 10px;
	border: none;
}

table.variations, table.variations tbody, table.variations tr {
	display: block;
	width: 100%;
}
.attribute-description {
	display: block;
	margin-top: 5px;
	font-size: 18px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
	-webkit-box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #D75F51);
	box-shadow: var(--wvs-selected-item-box-shadow,0 0 0 2px #D75F51);
	color: var(--wvs-selected-item-text-color,#D75F51);
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
	-webkit-box-shadow: var(--wvs-hover-item-box-shadow,0 0 0 3px #ddd);
	box-shadow: var(--wvs-hover-item-box-shadow,0 0 0 3px #d75f51);
}
.variable-item-span.variable-item-span-button {
	font-size: 12px;
}
.htmlTable table.variations td.value {
	margin-bottom: 20px;
}
.htmlTable table.variations th.label {
	margin-bottom: 8px;
	font-weight: 600;
}
.sixProductBoxes .col-inner {
	background-color: #FFF9F8;
	padding: 30px;
}
.sixProductBoxes .col-inner h6 {
	font-size: 36px;
	position: absolute;
	left: 80%;
	color: #FAB5AA;
	font-weight: 700;
}
.sixProductBoxes .col-inner h4 {
	color: #FAB5AA;
	padding-bottom: 25px;
	border-bottom: 1px solid #F0E5E3;
	margin-bottom: 25px;
}
.sixProductBoxes .col-inner h3 {
	font-size: 24px;
	margin-bottom: 0px;
}
.sixProductBoxes .col-inner {
	padding: 30px;
	background: #FFF9F8;
	border: 1px solid rgba(240, 229, 227, 0.5);
	min-height: 290px;
}
h6 {
	color: #FAB5AA;
	font-size: 16px;
}
.productIconBoxes .icon-box {
	padding: 30px;
	background: #FFFFFF;
	border: 1px solid rgba(227, 219, 204, 0.4);
}
.productIconBoxes .icon-box .icon-box-img img {
	max-width: 50px;
	min-width: 50px;
}
.ux-quantity{
	display: none !important;
}
.single_add_to_cart_button.button.alt {
	width: 100%;
	background: linear-gradient(360deg, #D75F51 -16.67%, #B13324 135.56%);
	box-shadow: 0px 4px 4px rgba(155, 45, 32, 0.3), inset 0px 1px 5px rgba(167, 35, 20, 0.5);
	padding: 10px;
	font-size: 16px;
}
.productSection .price {
	font-size: 24px;
}
.productSection .price, .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	font-family: "Urbanist";
}
.productSection .box-text.text-left {
	padding-left: 4rem;
}
.productSection  .button.primary {
	width: 100%;
	padding: 10px;
}
/*------------------------------Product page end------------------------------*/
/*.product-small.box .box-text.box-text-products .price {
	font-size: 20px;
}
.product-small.box .box-excerpt, .product-small.box ul {
	display: none !important;
}*/
#footer #menu-footer {
	color: #000 !important;
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 40px !important;
}
#footer ul.menu > li + li {
	border-top: 0px;
}
.social-icons.follow-icons i {
	color: #000;
	font-size: 24px;
	font-weight: 300;
}
#footer .row .col {
	padding-bottom: 0px;
}
.icon-user {
	content: url(https://tretinoincreme.de/wp-content/uploads/2026/05/user.svg);
	height: 25px;
	width: 25px;
}
.header-nav .icon-shopping-cart, .mobile-nav .icon-shopping-cart {
	background: url(https://tretinoincreme.de/wp-content/uploads/2026/05/cart.svg);
	height: 20px;
	width: 20px;
	background-size: 20px;
	background-repeat: no-repeat;
}
.mobile-nav .icon-menu::before, .mobile-nav .icon-heart::before, .icon-equalizer::before, .mobile-nav .icon-search::before, .header-nav .icon-search::before, .icon-shopping-cart::before {
	content: "";
}
.icon-menu {
	background: url(https://tretinoincreme.de/wp-content/uploads/2026/05/menu.svg);
	height: 25px;
	width: 25px;
	background-size: 26px;
	background-repeat: no-repeat;
	background-position: center;
}
.reviewInner {
	padding: 30px;
	background-color: #fff;
	border-radius: 20px;
	margin-bottom: 50px;
}
.uppercase, h6, span.widget-title, th {
	letter-spacing: 0px;
	text-transform: none;
}
#customer_details input, #customer_details textarea, #customer_details select {
	box-shadow: none !important;
	border-radius: 5px !important;
}
.products.row .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	font-size: 18px;
	font-weight: 700;
}
.products.row .box-text.box-text-products ul {
	display:none;
}
.products.row .price-wrapper .price {
	font-size: 18px;
}
.firstIcon img {
	max-width: 35px !important;
	min-width: 35px !important;
}
.icon-box-text .text p {
	margin-bottom: 0px !important;
}


@media (min-width:601px) and (max-width:1024px){
.textAreaProductFull .col-inner {
	padding: 30px 15px !important;
}
#footer .row .col {
	padding-bottom: 25px;
}
.reviews .col {
	padding-bottom: 0px !important;
}
.fourWarum  .icon-box-img img, .fourWarum  .icon-box-img svg {
	padding-top: .2em;
	width: 70%;
}
.fourWarum .icon-box-img {
	width: 80px !important;
	height: 80px;
}
.productBg .section-bg img {
	object-position: 0% 100% !important;
	object-fit: contain;
}
.fivePoints  .icon-box-left, .fivePoints  .icon-box-right {
	display: flex;
	flex-flow: initial !important;
}
.productSection .box-text.text-left {
	padding-left: 1.5rem;
}
.bannerFull .icon-box .icon-box-img {
	width: 70px !important;
}
.bannerFull {
	padding: 0px 15px !important;
}
.row.reviews .col .row .col {
	margin: 20px 20px 0px 20px;
}
h2 {
	font-size: 36px;
	line-height: 1.4;
}
}
@media screen and  (max-width:600px){
.col.textAreaProductFull {
	padding: 0px 15px !important;
}
.productBg {
	padding-bottom: 140px !important;
}
.productBg .section-bg img.bg.attachment-original.size-original {
	object-position: 0% !important;
	height: 33%;
	top: auto;
	bottom: 0px;
}
.fivePoints h3 {
	font-size: 18px;
	margin-bottom: 0px;
}
.fivePoints .icon-box-img {
	width: 2.5rem !important;
}
.productSection .col:last-child {
	padding-bottom: 10px;
}
.box-text {
	font-size: 100% !important;
}
.productSection .name.product-title.woocommerce-loop-product__title {
	font-size: 28px;
}
.swap-mobile-2 .text {
	padding: 0px 15px !important;
}
.bannerFull .icon-box .icon-box-img {
	width: 70px !important;
}
.bannerFull  .icon-box {
	padding: 0px 15px;
}
.homeBanner .col img {
	margin-bottom: 20px;
}
.homeBanner .col {
	padding-bottom: 0px;
}
h2 {
	font-size: 32px;
	line-height: 1.2;
}
.row.reviews .col .row .col {
	margin: 20px 20px 0px 20px;
}
.reviews .col {
	padding-bottom: 0px;
}
.textCircle {
	display: inline-block;
	background-color: #ffddd8;
	font-size: 18px;
	padding: 50px;
	border-radius: 100%;
	max-width: 180px;
	max-height: 180px;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.fourWarum .icon-box-img {
	width: 80px !important;
	height: 80px;
}
h3 {
	font-size: 24px;
}
.innerRowImage > .col:last-child {
	padding-bottom: 0px !important;
}
.vragen .row .col {
	padding-bottom: 0px;
}
#footer .icon-box.featured-box {
	margin-bottom: 30px;
}
}

@media screen and (min-width:1921px){
.bannerFull {
	background: linear-gradient(90deg,rgba(215, 95, 81, 1) 50%, rgba(255, 248, 235, 1) 40%) !important;
}
.productBg .bg {
	object-fit: contain !important;
}
.row.row-collapse {
	max-width: 1240px !important;
}
}