:root{
font-family: "new-hero", system-ui ,sans-serif;
color: black;
--chantal: 'chantal', system-ui;
--new-hero: "new-hero", system-ui ,sans-serif;
--green: #3CB5A1;
--blue: #467CBE;
--pink: #D94190;
--h1-font-size: 100px;
--h1-font-size-shop: 160px;
--h1-font-size-home: 72px;
--h2-font-size: 60px;
--h3-font-size: 40px;
--h4-font-size: 32px;
--h5-font-size: 25px;
--h6-font-size: 20px;
--p-font-size: 16px;
--container-padding: 12vw;
--container-padding-big: 18vw;
--container-padding-difference: 6vw;
--star-size: 90px;
}
p, body{
font-family: var(--new-hero);
color: black;
line-height: 1.5;
font-size: var(--p-font-size);
}
h1, .entry-content h1, h1.entry-title,
h1.wp-block-heading{
font-size: var(--h1-font-size);
line-height: 1.3;
font-family: var(--chantal);
}
h2, .entry-content h2{
font-size: var(--h2-font-size);
line-height: 1.3;
}
h3, .entry-content h3{
font-size: var(--h3-font-size);
line-height: 1.3;
}
h4, .entry-content h4{
font-size: var(--h4-font-size);
line-height: 1.3;
}
h5, .entry-content h5{
font-size: var(--h5-font-size);
line-height: 1.3;
}
h6, .entry-content h6{
font-size: var(--h6-font-size);
line-height: 1.3;
}
#content.site-content p a{
color: black;
font-weight: 700;
position: relative;
display: inline-block;
padding-left: 0;
}
#content.site-content p a:after{
content: '';
background: black;
position: absolute;
left: 0;
top: calc(100% - 6px);
height: 2px;
width: 100%;
}
#content.site-content p a:hover{
color: var(--green);
transition: none;
}
#content.site-content p a:hover:after{
background-color: var(--green);
transition: none;
}
.handwritten{
font-family: var(--chantal);
}
h1.handwritten,
h2.handwritten,
h3.handwritten,
h4.handwritten,
h5.handwritten,
h6.handwritten {
font-weight: 400;
}
.woocommerce-js select{
font-family: var(--new-hero);
} .woocommerce-coming-soon-entire-site h1.has-cardo-font-family{
font-family: var(--new-hero) !important;
}
.woocommerce-coming-soon-entire-site .woocommerce-coming-soon-social-login{
display: none !important;
}
.woocommerce-coming-soon-entire-site .wp-block-site-title.has-inter-font-family{
display: none !important;
}
body:has(.woocommerce-coming-soon-banner) .coming-soon-cover .wp-block-cover__background, 
body:has(.woocommerce-coming-soon-entire-site) .coming-soon-cover .wp-block-cover__background{
background-color: white !important;
} body .ast-container,
#content.site-content > .ast-container:first-of-type{
max-width: unset;
padding: 0;
}
#content .entry-content[ast-blocks-layout] > *,
.woocommerce-page #main > .ast-woocommerce-container,
#content .entry-content[data-ast-blocks-layout] > *{
max-width: unset;
padding-left: var(--container-padding) !important;
padding-right: var(--container-padding) !important;
}
#content .entry-content[data-ast-blocks-layout] .container2{
max-width: unset;
padding-left: var(--container-padding-big) !important;
padding-right: var(--container-padding-big) !important;
}
.ast-woocommerce-container .container2{
padding-left: var(--container-padding-difference) !important;
padding-right: var(--container-padding-difference) !important;
}
footer.site-footer .ast-builder-grid-row-container .ast-builder-grid-row {
max-width: unset;
}
.ast-primary-header-bar{
background-color: transparent;
}
#ast-scroll-top{
background-color: white;
border-radius: 0;
border: 2px solid black;
}
#ast-scroll-top .ast-icon {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
#ast-scroll-top .ast-icon svg{
color: black;
}
.ast-container #main section.home-hero{
max-width: unset;
min-height: 100vh;
padding: 0 150px !important;
margin-bottom: 17vw !important;
margin-top: -157px !important;
}
.shop-text{
margin-top: 50px;
padding: 50px 11vw;
position: relative;
}
.shop-text:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
background: url(https://fett-designs.de/wp-content/uploads/2024/09/langer_strich.svg) no-repeat;
background-position: center;
background-size: contain;
height: 10px;
}
.shop-text:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: url(https://fett-designs.de/wp-content/uploads/2024/09/langer_strich.svg) no-repeat;
background-position: center;
background-size: contain;
height: 10px;
}
.shop-svg{
position: relative;
margin-top: -130px;
}
.shop-svg > .wp-block-column{
position: relative;
}
body .shop-svg h1{
position: absolute;
left: 0;
top: 10vw;
font-size: var(--h1-font-size-shop);
}
.shop-svg h1:after{
content: '';
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Sterne.svg) no-repeat;
position: absolute;
left: calc(100% + 20px);
top: -20px;
width: var(--star-size);
height: var(--star-size);
transform: scale(-1,1);
background-size: contain;
}
.shop-svg svg{
width: calc(100% - 14vw);
max-width: unset;
height: auto;
margin: 0 auto;
display: block;
}
@keyframes colorsvg {
0% {fill: var(--pink);}
32% {fill: var(--pink);}
33% {fill: var(--green);}
65% {fill: var(--green);}
66% {fill: var(--blue);}
100% {fill: var(--blue);}
}
.ast-container #main section.home-hero .hero-bg svg{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: auto;
width: 100vw;
z-index: -1;
}
.shop-svg svg{
animation: colorsvg 1.5s linear 0s infinite;
}
.ast-container #main section.home-hero figure.fett-bg img,
.ast-container #main section.home-hero figure img{
max-width: unset;
width: 100% !important;
position: relative;
}
.ast-container #main section.home-hero .img1{
position: absolute;
left: calc(50% - 8vw);
top: 8vw;
width: 30vw;
z-index: 2;
}
.ast-container #main section.home-hero .img2{
position: absolute;
left: calc(50% - 30vw);
top: calc(13vw + 200px);
width: 28vw;
z-index: 3;
}
.ast-container #main section.home-hero .img2:before{
content: '';
position: absolute;
left: 25px;
top: 25px;
width: 100%;
height: 100%;
background: linear-gradient(var(--green) 33%, var(--blue) 33%, var(--blue) 66%, var(--pink) 66%);
z-index: -1;
}
.ast-container #main section.home-hero .img2:after{
content: '';
position: absolute;
left: 25px;
top: 25px;
width: 100%;
height: 100%;
border: 5px solid black;
}
.ast-container #main section.home-hero h1,
.ast-container #main section.home-hero h2{
z-index: 5;
}
.img-sale{
width: 14vw;
position: absolute;
right: 20vw;
z-index: 10;
top: 12%;
display: none !important;
}
.img-sale img{
width: 100% !important;
}
.ast-container #main section.home-hero h1{
position: absolute;
left: 21vw;
top: 26vh;
display: flex;
flex-direction: column;
font-weight: 800;
font-family: var(--new-hero);
font-size: var(--h1-font-size-home);
}
.ast-container #main section.home-hero h1 span{
position: relative;
}
.ast-container #main section.home-hero h1 span:after{
content: '';
position: absolute;
left: 0;
bottom: 8px;
width: 100%;
height: 50%;
z-index: -1;
}
.ast-container #main section.home-hero h1 > span:first-of-type:after{
background: var(--pink);	
width: calc(100%);
left: -15px;
}
.ast-container #main section.home-hero h1 > span:last-of-type{
margin-left: 60px;
}
.ast-container #main section.home-hero h1 > span:last-of-type:after{
background: var(--green);	
width: calc(100% + 75px);
left: -40px;
}
.ast-container #main section.home-hero h2{
position: absolute;
right: 20vw;
top: 67vh;
width: auto;
font-family: var(--chantal);
font-weight: 400;
transform: rotate(-13deg);
line-height: 1.1;
}
.home .wc-block-product-tag:after{
content: '';
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Sterne.svg) no-repeat;
position: absolute;
right: calc(12vw - 90px);
bottom: 98%;
width: var(--star-size);
height: var(--star-size);
transform: scale(-1, 1);
background-size: contain;
}
.home-column h2{
margin-left: -3vw;
padding-bottom: 30px;
position: relative;
}
.home-column{
position: relative;
}
.home-column:after{
content: '';
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Sterne.svg) no-repeat;
position: absolute;
right: -10px;
bottom: calc(100% - 40px);
width: var(--star-size);
height: var(--star-size);
background-size: contain;
}
section.home-hero .sterne-img{
width: var(--star-size);
position: absolute;
right: 17vw;
top: calc(60vh + 250px);
z-index: 2;
}
.home #content #primary{
margin-top: 0;
}
body .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, 
body .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, 
body .ast-builder-menu-1 .current-menu-ancestor > .menu-link{
color: black;
}
li.wc-block-grid__product.wc-block-layout,
.wc-block-grid__products li.wc-block-grid__product{
border: 0;
padding: 0;
max-width: calc(33.3333333% - 20px) !important;
margin: 0;
}
ul.wc-block-grid__products{
padding: 0;	
}
.has-3-columns ul.wc-block-grid__products{
gap: 30px;
}
div .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total, 
div table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total{
width: 130px;
}
div.wp-block-woocommerce-cart td.wc-block-cart-item__product span.wc-block-components-product-price, 
div.wp-block-woocommerce-cart td.wc-block-cart-item__total span.wc-block-components-product-price, 
div.wp-block-woocommerce-checkout .wc-block-components-order-summary span.wc-block-components-product-price, 
div.wp-block-woocommerce-mini-cart-contents td.wc-block-cart-item__product span.wc-block-components-product-price, 
div.wp-block-woocommerce-mini-cart-contents td.wc-block-cart-item__total span.wc-block-components-product-price{
font-size: 10px;
line-height: 1.4;
}
div.wp-block-woocommerce-cart td.wc-block-cart-item__product .wc-block-components-product-price__value, 
div.wp-block-woocommerce-cart td.wc-block-cart-item__total .wc-block-components-product-price__value, 
div.wp-block-woocommerce-checkout .wc-block-components-order-summary .wc-block-components-product-price__value, 
div.wp-block-woocommerce-mini-cart-contents table.wc-block-cart-items .wc-block-cart-items__row td.wc-block-cart-item__product .wc-block-components-product-price__value, 
div.wp-block-woocommerce-mini-cart-contents table.wc-block-cart-items .wc-block-cart-items__row td.wc-block-cart-item__total .wc-block-components-product-price__value {
font-size: var(--h6-font-size);
font-weight: 700;
}
body.woocommerce-js #content .wc-block-grid__products .wc-block-grid__product-title,
body.woocommerce-js #content .products .woocommerce-loop-product__title{
font-size: var(--h4-font-size);
font-weight: 500;
font-family: var(--chantal);
}
.wc-block-grid .wc-block-grid__products .wc-block-grid__product .price,
body.woocommerce-js #content .products .price {
font-size: var(--h6-font-size);
color: var(--green);
}
body.woocommerce-js div.product .price {
color: var(--green);
}
body.woocommerce-js div.product .stock{
color: var(--blue);
}
footer .site-footer-section-2 .ast-builder-html-element{
font-family: var(--chantal);
font-size: var(--h5-font-size);
padding-bottom: 40px;
}
.site-below-footer-wrap[data-section="section-below-footer-builder"]{
border: 0;
}
.ast-primary-header-bar{
border: 0;
}
div .wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
max-width: 100px;
max-height: 100px;
mask-size: 100px;
margin: 0 auto 20px;	
}
.wp-block-woocommerce-empty-cart-block h2.with-empty-cart-icon {
font-size: var(--h3-font-size);
}
header .menu-item .menu-link{
text-transform: lowercase;
}
.ast-builder-menu-1 .menu-item > .menu-link {
text-decoration: none;
color: black;
margin: 0 4px;
font-weight: 700;
}
.bild-elemente,
.bild-elemente2{
position: relative;
}
.bild-elemente:before,
.bild-elemente2:before{
content: '';
position: absolute;
left: 25px;
top: 25px;
width: 100%;
height: 100%;
background: linear-gradient(var(--green) 33%, var(--blue) 33%, var(--blue) 66%, var(--pink) 66%);
z-index: -1;
}
.bild-elemente:after,
.bild-elemente2:after{
content: '';
position: absolute;
left: 25px;
top: 25px;
width: 100%;
height: 100%;
border: 5px solid black;
}
.spalte-sterne{
position: relative;
}
.spalte-sterne:after{
content: '';
position: absolute;
left: -50px;
top: calc(100% + 50px);
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Sterne.svg) no-repeat;
width: var(--star-size);
height: var(--star-size);
transform: scale(-1, 1);
background-size: contain;
}
.stripes-background,
body.archive.woocommerce-shop ul.products,
body.single.woocommerce-page .related ul.products{
position: relative;
}
body.archive.woocommerce-shop ul.products:after{
content: '';
position: absolute;
left: -50px;
top: -100px;
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Sterne.svg) no-repeat;
width: var(--star-size);
height: var(--star-size);
background-size: contain;
}
body.single.woocommerce-page .related ul.products:before{
content: '';
position: absolute;
left: 50%;
top: 7vw;
transform: translateX(-50%);
z-index: -1;
background: linear-gradient(var(--green) 33%, var(--blue) 33%, var(--blue) 66%, var(--pink) 66%);
height: 0;
width: 100vw;	
}
body.archive.woocommerce-shop ul.products:before{
content: '';
position: absolute;
left: 50%;
top: 11vw;
transform: translateX(-50%);
z-index: -1;
background: linear-gradient(var(--green) 33%, var(--blue) 33%, var(--blue) 66%, var(--pink) 66%);
height: 0;
min-height: 0;
width: 100vw;
}
.stripes-background:before{
content: '';
position: absolute;
left: 0;
top: 11vw;
z-index: -1;
background: linear-gradient(var(--green) 33%, var(--blue) 33%, var(--blue) 66%, var(--pink) 66%);
height: 0;
min-height: 0;
width: 100vw;
}
.stripes-background.instagram-feed:before{
top: 50%;
transform: translateY(-50%);
margin: 0;
}
.stripes-background.in-view:before,
body.archive.woocommerce-shop ul.products.in-view:before,
body.single.woocommerce-page .related ul.products.in-view:before{
height: 7vw;
min-height: 100px;
transition: all 1s ease-in-out 0.5s;
}
#sb_instagram .sbi_photo{
opacity: 1 !important;
}
.rotate-text {
transform: rotate(-5deg);
}
.home .rotate-text > span:last-of-type{
margin-left: 9vw;
}
.stripe-elements{
display: flex;
justify-content: center;
}
.stripe-elements .wp-block-heading{
position: relative;
}
.stripe-elements .wp-block-heading:before{
content: '';
position: absolute;
right: calc(100% + 20px);
top: 50%;
transform: translateY(-50%);
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Strichelement.svg) no-repeat;
background-size: contain;
background-position: center;
width: 40px;
height: 100%;
}
.stripe-elements .wp-block-heading:after{
content: '';
position: absolute;
left: calc(100% + 20px);
top: 50%;
transform: translateY(-50%);
background: url(https://fett-designs.de/wp-content/uploads/2024/09/Strichelement.svg) no-repeat;
background-size: contain;
background-position: center;
width: 40px;
height: 100%;
}
footer .site-primary-footer-wrap .site-primary-footer-inner-wrap{
display: flex;
justify-content: space-between;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row{
align-items: center;
}
footer:after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 40px;
background: linear-gradient(var(--green) 33%, var(--blue) 33%, var(--blue) 66%, var(--pink) 66%);
}
footer > div:first-of-type p{
font-family: var(--chantal);
font-size: 25px;
font-weight: 700;
}
footer > div:first-of-type .ast-builder-html-element{
display: flex;
justify-content: right;
padding-left: 18vw;
gap: 20px;
align-items: center;
}
footer > div:first-of-type .ast-builder-html-element img{
width: 40px;
}
.footer-menu div > p:first-of-type{
font-weight: 700;
}
footer{
position: relative;
padding-bottom: 50px;
padding-top: 0;
}
footer > div:nth-of-type(1){
padding: 0 var(--container-padding);
border: 0 !important;
}
footer > div:nth-of-type(2){
color: white !important;
position: relative;
border: 0 !important;
background: white !important;
padding: 40px var(--container-padding);
border-top:	1px solid rgba(0,0,0,0.1)!important;
}
footer > div:nth-of-type(2) div.site-footer-primary-section-1{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#astra-footer-menu{
gap: 20px;
}
.footer-menu{
text-align: left;
text-decoration: none;
list-style: none;
margin: 0;
display: flex;
justify-content: space-between;
gap: 50px;
flex-direction: row;
}
.footer-menu > div{
position: relative;
z-index: 1;
color: white;
}
.footer-menu span,
.footer-menu p,
.footer-menu a{
color: black !important;
position: relative;
z-index: 1;
margin: 0;
text-transform: lowercase;
font-size: 14px;
}
.footer-menu > div p{
padding-bottom: 10px;
}
footer > div:nth-of-type(2) img{
width: 200px;
}
footer > div:last-of-type .site-footer-primary-section-1 .footer-widget-area {
display: flex;
flex-direction: column;
gap: 7px;
}
footer > div:last-of-type .site-footer-primary-section-1 .footer-widget-area p{
font-size: 14px;
}
footer > div:last-of-type .footer-widget-area *{
margin: 0;
}
#coming-soon-footer-banner{
display: none;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"]{
background-color: transparent !important;
}
header.site-header{
position: sticky;
width: 100%;
top: 0;
left: 0;
padding: 0 10vw 0 50px;
}
header .site-primary-header-wrap{
max-width: unset;
padding: 0;
}
li:hover .btn-wrapper{
opacity: 1;
}
body.woocommerce-page div:not(#shipping-method) .wc-block-components-button.wc-block-checkout__shipping-method-option{
background-color: white !important;
}
body.woocommerce-page div:not(#shipping-method) button.wc-block-components-button.wp-element-button.wc-block-checkout__shipping-method-option--selected{
background-color: white !important;
opacity: 1 !important;
}
body.woocommerce-page div.wc-block-components-checkout-step__content div.wc-block-checkout__shipping-method-container button.wc-block-components-button.wp-element-button{
opacity: 0.4 !important;
}
body.woocommerce-page .wc-block-components-button.wp-element-button.wc-block-checkout__shipping-method-option:after,
body.woocommerce-page .wc-block-components-button.wp-element-button.wc-block-checkout__shipping-method-option:before{
display: none;
}
.wc-block-components-totals-coupon__form{
align-items: center;
}
body.woocommerce-js .products.related > li .add_to_cart_button{
top: calc(50% - 160px);
}
body.single .related .ast-article-single{
gap:0;
}
body.woocommerce-js .related .products > li  .add_to_cart_button{
top: calc(50% - 140px);
}
body.woocommerce-js .products > li .add_to_cart_button,
body.woocommerce-js .wc-block-grid__products > li .add_to_cart_button,
body.woocommerce-js .products > li .button.product_type_variable{
position: absolute;
top: calc(50% - 125px);
left: calc(50% - 75px);
}
body.woocommerce-js #content ul > li .add_to_cart_button,
body.woocommerce-js .wc-block-grid__products > li .add_to_cart_button,
body.woocommerce-js .products > li div .button.product_type_variable{
opacity: 0 !important;
}
body.woocommerce-js #content ul > li:hover .add_to_cart_button,
body.woocommerce-js .wc-block-grid__products > li:hover .add_to_cart_button,
body.woocommerce-js .products > li:hover div .button.product_type_variable{
opacity: 1 !important;
}
body .wp-block-button .wp-block-button__link, body .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button,
body .site-header .main-header-menu .menu-shop-btn a{
position: relative;
}
body .site-header .main-header-menu .menu-shop-btn a,
body .wp-block-button .wp-block-button__link, body .wp-block-search .wp-block-search__button, body .wp-block-file .wp-block-file__button,
body.woocommerce-js .wc-block-grid__products .add_to_cart_button.wp-block-button__link,
body.woocommerce-js .wc-block-grid__products .add_to_cart_button,
body.woocommerce-js .add_to_cart_button,
.product-btn.btn,
.woocommerce-page.woocommerce-js #content button[type="submit"].button,
button[type="submit"],
.woocommerce .woocommerce-message a.button,
body.woocommerce-page div .wc-block-components-button.wp-element-button,
.woocommerce-page.woocommerce-account a.button,
body.woocommerce-js .products > li .button.product_type_variable{
opacity: 1 !important;
border: 2px solid black;
color: black;
font-family: var(--chantal);
padding: 7px 20px !important;
text-decoration: none !important;
font-weight: 700;
font-size: var(--h5-font-size);
line-height: 1.1;
background: white;
display: inline-block;
border-radius: 0 !important;
height: auto;
min-height: unset !important;
}
body .wp-block-button .wp-block-button__link:after,
body .site-header .main-header-menu .menu-shop-btn a:after,
body.woocommerce-js .add_to_cart_button:after,
.product-btn.btn:after, 
.woocommerce button[type="submit"].button:after,
button[type="submit"]:after,
.woocommerce .woocommerce-message a.button:after,
body.woocommerce-page div:not(#shipping-method) .wc-block-components-button.wp-element-button:after,
.woocommerce-page.woocommerce-account a.button:after{
content: '';
position: absolute;
right: -5px;
top: 3px;
width: 5px;
height: calc(100% - 3px);
background: black;
}
body .wp-block-button .wp-block-button__link:before,
body .site-header .main-header-menu .menu-shop-btn a:before,
body.woocommerce-js .add_to_cart_button:before,
.product-btn.btn:before, 
.woocommerce button[type="submit"].button:before,
button[type="submit"]:before,
.woocommerce .woocommerce-message a.button:before,
body.woocommerce-page div:not(#shipping-method) .wc-block-components-button.wp-element-button:before,
.woocommerce-page.woocommerce-account a.button:before{
content: '';
position: absolute;
left: 5px;
top: 100%;
width: 100%;
height: 5px;
background: black;
}
body .site-header .main-header-menu .menu-shop-btn a:hover,
body .wp-block-button .wp-block-button__link:hover, body .wp-block-search .wp-block-search__button:hover, body .wp-block-file .wp-block-file__button:hover,
body.woocommerce-js .wc-block-grid__products .add_to_cart_button.wp-block-button__link:hover,
body.woocommerce-js .wc-block-grid__products .add_to_cart_button:hover,
body.woocommerce-js .add_to_cart_button:hover,
.product-btn.btn:hover,
.woocommerce-page.woocommerce-js #content button[type="submit"].button:hover,
button[type="submit"]:hover,
.woocommerce .woocommerce-message a.button:hover,
body.woocommerce-page div .wc-block-components-button.wp-element-button:hover,
.woocommerce-page.woocommerce-account a.button:hover{
color: white;
background-color: black;
}
.ast-shop-product-out-of-stock{
text-indent: -9999px;
background: url(https://fett-designs.de/wp-content/uploads/2025/04/sticker-03.png) no-repeat !important;
width: 200px;
height: 200px;
max-width: 13vw;
background-size: contain !important;
position: absolute !important;
left: -15px !important;
top: -20px;
}
.woocommerce-page.woocommerce-js #content button[type="submit"].button.single_add_to_cart_button{
font-size: var(--h6-font-size);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale:before{
width: 6vw;
height: 6vw;
min-height: 80px;
min-width: 80px;
}
a.versandkosten{
text-decoration: underline;
}
.wp-block-woocommerce-empty-cart-block li.wc-block-grid__product{
padding-right: 20px;
}
.wp-block-woocommerce-empty-cart-block hr + h2{
margin: 50px 0 70px;
}
body .wp-block-button .wp-block-button__link:focus{
color: black;
background-color: white;
}
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{
border-radius: 0;
}
#shipping-method.components-button-group.wc-block-checkout__shipping-method-container button.wc-block-components-button {
display: flex;
}
.wc-block-components-product-image a{
pointer-events: none;
}
header .custom-logo-link img{
max-width: unset;
width: 125px;
}
header.scrolled{
background: white;
transition: all 0.8s linear;
box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
header.scrolled .custom-logo-link img{
width: 70px;
transition: all 0.3s linear;
}
body .woocommerce-MyAccount-navigation-link{
border: 0;
text-transform: lowercase;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block button.wc-block-components-panel__button,
.wp-block-woocommerce-cart-order-summary-coupon-form-block button.wc-block-components-panel__button:hover{
padding: 0 0 0 0;
background: white;
color: black;
border: 0px solid black;
line-height: 1.3;
display: inline-block;
width: auto;
}
.wp-block-woocommerce-cart-order-summary-coupon-form-block button.wc-block-components-panel__button svg{
right: -25px;
}
html .wc-block-components-form .wc-block-components-text-input input[type=email], 
html .wc-block-components-form .wc-block-components-text-input input[type=number], 
html .wc-block-components-form .wc-block-components-text-input input[type=tel], 
html .wc-block-components-form .wc-block-components-text-input input[type=text], 
html .wc-block-components-form .wc-block-components-text-input input[type=url], 
html .wc-block-components-text-input input[type=email], 
html .wc-block-components-text-input input[type=number], 
html .wc-block-components-text-input input[type=tel], 
html .wc-block-components-text-input input[type=text], 
html .wc-block-components-text-input input[type=url]{
line-height: 1.5;
padding: 23px 10px 0;
height: auto;
border-radius: 0;
border-color: rgba(0,0,0,0.2);
}
.woocommerce-MyAccount-content header h3{
font-size: var(--h5-font-size);
}
.woocommerce .woocommerce-MyAccount-content header h3,
.woocommerce .woocommerce-MyAccount-content header a{
padding: 0 !important;
float: left;
}
.woocommerce .woocommerce-MyAccount-content header {
padding: 0 30px !important;
display: flex;
gap: 20px;
flex-direction: column;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
display: none;
}
body .woocommerce-MyAccount-navigation-link.is-active a{
font-weight: 700;
}
a:focus{
outline: none !important;
}
.related.products h2{
font-size: var(--h3-font-size);
font-family: var(--chantal);
font-weight: 400;
}
.woocommerce-breadcrumb,
.woocommerce-result-count{
display: none !important;
}
.woocommerce-notices-wrapper .woocommerce-message{
background: white;
border: 2px solid black;
display: flex;
flex-direction: row;
justify-content: center;
gap: 50px;
align-items: center;
color: black;
}
.woocommerce.woocommerce-js .select2-container .select2-selection--single, 
.woocommerce.woocommerce-js select, 
.woocommerce.woocommerce-page .select2-container .select2-selection--single, 
.woocommerce.woocommerce-page select,
.woocommerce-js .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.woocommerce-js .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted,
.woocommerce-js .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, 
.woocommerce-js .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
border-radius: 0;
border-color: black;
border-top: 0;
border-left: 0;
border-right: 0;
}
.wc-block-components-checkout-step__container .wc-block-components-validation-error{
display: none;
}
.wc-block-grid__products .wc-block-grid__product-image,
.wc-block-grid__product > .wc-block-grid__product-link{
width: 100%;
}
#ast-scroll-top{
bottom: 130px;
}
.woocommerce form.woocommerce-form-login.login{
border-radius: 0;
border: 0;
padding: 0;
max-width: 500px;
}
.woocommerce-page input[type="radio"]:checked, 
.woocommerce-page input[type="reset"], 
.woocommerce-page input[type="checkbox"]:checked, 
.woocommerce-page input[type="checkbox"]:hover:checked, 
.woocommerce-page input[type="checkbox"]:focus:checked, 
.woocommerce-page input[type="range"]::-webkit-slider-thumb{
background-color: white;
}
.edit-post-visual-editor .wc-block-components-button.wc-block-checkout__shipping-method-option, 
.wc-block-components-button.wc-block-checkout__shipping-method-option {
border-radius: 0 !important;
}
.woocommerce-page .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, 
.woocommerce-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
}
div.wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block{
border-radius: 0;
}
#content .edit-post-visual-editor .wc-block-components-button.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected, 
#content .wc-block-components-button.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
background-color: hsla(0,0%,7%,.1);
}
#content .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, 
#content .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input{
padding: 23px 10px 0;
height: auto;
line-height: 1.5;
}
#astra-footer-menu li a{
text-transform: lowercase;
}
.archive.woocommerce-page .woocommerce-products-header__title.page-title{
margin-bottom: 0;
}
.woocommerce.woocommerce-page select:focus{
border: none;
}
.woocommerce.woocommerce-page select,
.woocommerce.woocommerce-page select:focus{
border-bottom: 1px solid black;
color: black;
padding: 8px 30px 8px 0px;
}
.wc-block-components-checkbox a{
text-decoration: underline;
}
body.single .ast-article-single{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 50px;
}
body.single .ast-article-single .woocommerce-product-gallery{
width: 100% !important;
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 4;	
}
body.woocommerce-js div.product .woocommerce-tabs ul.tabs li a {
color: black
}
body.single .ast-article-single .entry-summary{
width: 100% !important;
float: unset;	
}
body.single .ast-article-single .woocommerce-tabs{
width: 100% !important;
grid-column-start: 2;
padding: 0;
}
body.single .ast-article-single .related{
width: 100% !important;
grid-column-start: 1;
grid-column-end: 3;
}
body.single .woocommerce-product-details__short-description{
margin: 30px 0 50px;
}
body.woocommerce-js div.product form.cart .variations select{
width: auto;
min-width: auto;
padding-right: 25px;
margin-right: 10px;
}
body.woocommerce-js div.product form.cart .variations *{
font-size: var(--h6-font-size);
line-height: 1.3;
}
body.woocommerce div.product form.cart .variations td.label, 
body.woocommerce div.product form.cart .variations th.label{
width: 100px;
}
.woocommerce div.product form.cart .variations td{
width: calc(100% - 100px);
}
body.woocommerce-js div.product form.cart .variations .label{
display: flex;
align-items: center;
margin: 0;	
}
.woocommerce-js div.product div.summary{
margin: 0;
}
.woocommerce-js div.product .product_meta{
font-size: 12px;
}
.woocommerce-js div.product form.cart .variations{
border: 0;
}
.woocommerce-js div.product h1.product_title{
font-family: var(--chantal);
font-weight: 400;
font-size: var(--h2-font-size);	
}
.woocommerce-product-gallery .woocommerce-product-gallery__wrapper > div img {
padding: 0.5px;
}
.woocommerce-page h1.wp-block-heading{
font-family: var(--chantal);
font-weight: 400;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a{
background: transparent;
position: relative;
display: inline-block;
font-size: var(--h6-font-size);
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a:after,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover:after{
content: '';
position: absolute;
left: 16px;
bottom: 16px;
height: 10px;
width: calc(100% - 15px);
background: var(--green);
z-index: -1;
}
.woocommerce-Address-title.title h2{
font-size: var(--h4-font-size);
}
body.ast-header-break-point .ast-primary-header-bar{
border: none;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .svg-baseline{
position: relative;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon > .svg-baseline:first-of-type svg{
opacity: 0 !important;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon > .svg-baseline:first-of-type:before{
content: '';
background: url(https://fett-designs.de/wp-content/uploads/2024/09/mobile-menu.svg) no-repeat;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
}
body [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
width: 35px;
height: 35px;
}
#sbi_images .sbi_photo_wrap{
border: 2px solid #d3d3d33b;
}
.woocommerce-notices-wrapper .woocommerce-message:after{
display: none;
}
body.single-product .onsale{
text-indent: -9999px;
left: 50px !important;
top: 50px !important;
}
.onsale:before,
.wc-block-grid__product-onsale:before{
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 11vw;
height: 11vw;
background: url(https://fett-designs.de/wp-content/uploads/2024/12/fett20Prozent_2.svg) no-repeat;
background-position: center;
background-size: contain;
}
body.home .wc-block-grid__product-onsale,
.post-type-archive .onsale{
text-indent: -9999px;
top: 40px !important;
right: 40px !important;
}
body.home .wc-block-grid__product-onsale:before,
.post-type-archive .onsale:before{
width: 7vw;
height: 7vw;
}
.related.products .onsale{
background: transparent !important;
width: 0 !important;
}
.related.products .onsale:before{
width: 6vw !important;
height: 6vw !important;
}
#main .page .entry-content div.shop-text.warenkorb-text {
margin: 50px var(--container-padding) !important;
padding: 50px 100px !important;
}
button.reset_variations {
padding: 0 !important;
background: white !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main .wgm-zahlungsarten,
.wc-block-components-sidebar-layout .wc-block-components-main .wgm-versandkosten,
.wc-block-components-sidebar-layout .wc-block-components-main .wgm-widerruf{
text-decoration: underline;
}
@media (max-width: 1500px) {
:root{
--h1-font-size: 80px;
--h1-font-size-shop: 120px;
--h1-font-size-home: 65px;
--h2-font-size: 53px;
--h3-font-size: 38px;
--h4-font-size: 30px;
--h5-font-size: 24px;
--h6-font-size: 20px;
--p-font-size: 16px;
--container-padding: 8vw;
--container-padding-big: 14vw;
--container-padding-difference: 6vw;
}
.woocommerce-notices-wrapper .woocommerce-message{
gap: 30px;
}
}
@media (max-width: 921px) {
:root{
--h1-font-size: 70px;
--h1-font-size-shop: 100px;
--h1-font-size-home: 55px;
--h2-font-size: 40px;
--h3-font-size: 30px;
--h4-font-size: 25px;
--h5-font-size: 22px;
--h6-font-size: 20px;
--p-font-size: 16px;
--container-padding: 60px;
--container-padding-big: 60px;
--container-padding-difference: 0;
--star-size: 70px;
}
.woocommerce-notices-wrapper .woocommerce-message{
flex-direction: column;
gap: 0;
padding: 15px;
}
body.ast-header-break-point .main-navigation ul .menu-item .menu-link{
width: fit-content;
padding: 0;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.stack-on-mobile{
padding: 0 25px;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.menu-shop-btn > .menu-link{
border: 2px solid black;
}
footer > div:nth-of-type(2) img {
width: 150px;
}
footer.site-footer .site-primary-footer-wrap .site-primary-footer-inner-wrap{
flex-direction: column-reverse;
align-items: center;
gap: 50px;
}
header.site-header{
padding: 0 20px 0 0;
}
.ast-container #main section.home-hero .img1{
right: 100px;
left: unset;
top: 100px;
width: 350px;
}
.ast-container #main section.home-hero .img2{
width: 350px;
left: 100px;
top: 400px;
}
.ast-container #main section.home-hero h1{
left: 150px;
top: 220px;
}
.ast-container #main section.home-hero h2{
right: 100px;
top: 500px;
}
.ast-container #main section.home-hero{
margin-top: -150px !important;
min-height: 1000px;
padding: 0 !important;
margin-bottom: 0 !important;
}
section.home-hero .sterne-img{
top: 650px;
}
html .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
line-height: 1.2;
}
.woocommerce-MyAccount-navigation ul{
padding: 0 0 35px 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a{
padding-left: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a:after, body.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover:after{
bottom: 13px;
left: 0;
}
.woocommerce-account.logged-in h1{
margin-top: 50px;
margin-bottom: 35px;
}
.entry-content .woocommerce-message, 
.entry-content .woocommerce-error, 
.entry-content .woocommerce-info{
padding: 20px;
}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle{
background: transparent;
}
header .ast-mobile-header-wrap li.menu-shop-btn {
padding: 10px 0 30px;
}
body.woocommerce-js #content ul > li:hover .add_to_cart_button, body.woocommerce-js .wc-block-grid__products > li:hover .add_to_cart_button{
opacity: 0 !important;
}
}
@media (max-width: 759px) {
:root{
--h1-font-size: 60px;
--h1-font-size-shop: 70px;
--h1-font-size-home: 40px;
--h2-font-size: 32px;
--h3-font-size: 25px;
--h4-font-size: 22px;
--h5-font-size: 19px;
--h6-font-size: 17px;
--p-font-size: 15px;
--container-padding: 30px;
--container-padding-big: 30px;
--container-padding-difference: 6vw;
--star-size: 50px;
}
#main .page .entry-content div.shop-text.warenkorb-text {
margin: 30px var(--container-padding) !important;
padding: 30px 0px !important;
}
.img-sale{
width: 130px !important;
position: absolute;
right: 50px !important;
z-index: 10;
top: 12% !important;
}
.home .wc-block-product-tag:after{
right: 0;
}
.home h2.rotate-text {
margin-bottom: 55px;
display: flex;
flex-direction: column;
}
.ast-container #main section.home-hero figure.fett-bg, .ast-container #main section.home-hero svg{
width: 100vw;
}
header .custom-logo-link img{
width: 95px;
}
header.scrolled .custom-logo-link img{
width: 60px;
}
.ast-container #main section.home-hero{
padding: 0 30px !important;
}
li.wc-block-grid__product.wc-block-layout, .wc-block-grid__products li.wc-block-grid__product{
max-width: 100% !important;
}
li.wc-block-grid__product.wc-block-layout{
max-width: calc(50% - 20px) !important;
}
.has-3-columns ul.wc-block-grid__products{
gap: 15px;
}
.ast-container #main section.home-hero .img2:before,
.ast-container #main section.home-hero .img2:after{
left: 15px;
top: 15px;
}
body.single .ast-article-single{
display: block;
}
.woocommerce-js.single div.product div.summary{
margin-bottom: 30px;
}
.bild-elemente,
.bild-elemente2{
width: calc(100% - 30px);
}
.mobile-col-reverse{
flex-direction: column-reverse;
}
div.ast-footer-copyright{
text-align: left;
}
header.site-header{
padding: 0;
}
header button:focus{
outline: none !important;
border: none !important;
}
div.wp-block-button.home-shop-btn{
width: 100%;
text-align: center;
margin: 20px 0 80px;
}
.stripes-background.in-view:before, 
body.archive.woocommerce-shop ul.products.in-view:before, 
body.single.woocommerce-page .related ul.products.in-view:before{
height: 90px;
min-height: unset;
}
.stripes-background:before{
top: 38vw;
}
.home-column h2{
margin-left: 0;
}
.home-column:after{
right: 0;
}
body .wp-block-columns .wp-block-column.spalte-sterne{
margin: 10px 0 70px;
}
.spalte-sterne:after{
left: -15px;
top: calc(100% + 40px);
}
.home .container2 h2.rotate-text{
margin: -17px 0 50px 0px;
width: 100%;
font-size: 40px;
}
.stripes-background.instagram-feed:before{
top: 34vw;
transform: none;
}
footer > div:first-of-type .ast-builder-html-element{
gap: 15px;
display: grid;
grid-template-columns: 1fr 40px;
text-align: right !important;
}
.archive .shop-svg{
margin-top: 0;
padding: 0 !important;
}
.shop-text{
padding: 40px 25px;
}
body.archive.woocommerce-shop ul.products:after{
left: 0;
top: -132px;
}
.ast-header-break-point .main-navigation .stack-on-mobile li{
align-items: flex-end;
}
.ast-container #main section.home-hero h1 > span:first-of-type:after{
width: calc(100% - 25px);
}
.ast-container #main section.home-hero h1 > span:last-of-type:after{
width: calc(100% + 40px);
left: -20px;
}
.onsale:before{
height: 120px;
width: 120px;
}
.onsale {
left: 20px !important;
top: 20px !important;
}
.wp-block-woocommerce-empty-cart-block hr + h2{
margin: 30px 0 40px;
}
}
@media (max-width: 500px) {
:root{
--h1-font-size: 45px;
--h1-font-size-shop: 65px;
--h1-font-size-home: 35px;
--h2-font-size: 30px;
--h3-font-size: 25px;
--h4-font-size: 22px;
--h5-font-size: 19px;
--h6-font-size: 17px;
--p-font-size: 15px;
--container-padding: 30px;
--container-padding-big: 30px;
--container-padding-difference: 6vw;
--star-size: 50px;
}
.img-sale{
width: 100px !important;
right: 10px !important;
top: 80px !important;
}
.post-type-archive .onsale,
.wc-block-grid__product-onsale{
top: 0px !important;
right: 0px !important;
width: 0 !important;
background: transparent !important;
border: 0 !important;
}
body.home .wc-block-grid__product-onsale:before{
width: 80px;
height: 80px;
}
.post-type-archive .onsale:before{
width: 50px;
height: 50px;
}
.onsale:before{
height: 120px;
width: 120px;
}
.onsale {
left: 20px !important;
top: 60px !important;
}
body.archive .woocommerce-ordering{
margin-top: 80px;
}
body .shop-svg h1{
top: 18vw;
}
.footer-menu{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.footer-menu > div:first-of-type{
grid-column-start: 1;
grid-column-end: 1;
}
.footer-menu > div:nth-of-type(2){
grid-column-start: 2;
grid-column-end: 2;
}
.footer-menu > div:last-of-type{
grid-column-start: 1;
grid-column-end: 3;
}
footer.site-footer .site-primary-footer-wrap .site-primary-footer-inner-wrap{
align-items: normal;
}
body .wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image){
margin: 0;
}
.home .wc-block-product-tag:after{
right: 10px;
bottom: 102%;
}
.stripe-elements .wp-block-heading:before{
width: 30px;
right: calc(100% + 10px);
}
.stripe-elements .wp-block-heading:after{
width: 30px;
left: calc(100% + 6px);
}
.mobile-hidden{
display: none !important;
}
section.home-hero .sterne-img{
top: 430px;
right: 30px;
}
.home h2.rotate-text{
margin-bottom: 20px;
}
.ast-container #main section.home-hero{
min-height: 750px;
}
.ast-container #main section.home-hero .img1{
width: 230px;
right: 30px;
top: 110px;
}
.ast-container #main section.home-hero .img2 {
width: 250px;
left: 30px;
top: 330px;
}
.ast-container #main section.home-hero h1 {
left: 30px;
top: 220px;
}
.ast-container #main section.home-hero h2 {
right: 10px;
top: 630px;
}
.related.products .onsale{
left: 0 !important;
top: 0 !important;
}
.related.products .onsale:before{
width: 50px !important;
height: 50px !important;
}
}