.elementor-232 .elementor-element.elementor-element-6281853{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--margin-top:5em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:3em;--padding-bottom:3em;--padding-left:2em;--padding-right:2em;}.elementor-232 .elementor-element.elementor-element-6281853:not(.elementor-motion-effects-element-type-background), .elementor-232 .elementor-element.elementor-element-6281853 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#343434;}.elementor-232 .elementor-element.elementor-element-6281853, .elementor-232 .elementor-element.elementor-element-6281853::before{--border-transition:0.3s;}.elementor-232 .elementor-element.elementor-element-a00d12b{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-b132b5d .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-e4ebb33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;}.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:2px;padding-right:2px;padding-top:10px;padding-bottom:10px;}.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFC7;fill:#FFFFFFC7;}.elementor-232 .elementor-element.elementor-element-e4ebb33{--e-nav-menu-horizontal-menu-item-margin:calc( 2px / 2 );}.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2px;}.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--dropdown a, .elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-menu-toggle{color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--dropdown .elementor-item, .elementor-232 .elementor-element.elementor-element-e4ebb33 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-232 .elementor-element.elementor-element-1a5f753{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-4d87895 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-9b18bdf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0px;}.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:2px;padding-right:2px;padding-top:10px;padding-bottom:10px;}.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--main .elementor-item:hover,
					.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFFC7;fill:#FFFFFFC7;}.elementor-232 .elementor-element.elementor-element-9b18bdf{--e-nav-menu-horizontal-menu-item-margin:calc( 2px / 2 );}.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2px;}.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--dropdown a, .elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-menu-toggle{color:#FFFFFF;}.elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--dropdown .elementor-item, .elementor-232 .elementor-element.elementor-element-9b18bdf .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-232 .elementor-element.elementor-element-a5d5bd6{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-a8c1e4d{--display:flex;--gap:0px 0px;--background-transition:0.3s;--padding-top:0em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-232 .elementor-element.elementor-element-f7b199d .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-813287b{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--grid-auto-flow:row;--justify-items:start;--align-items:start;--background-transition:0.3s;--padding-top:2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-232 .elementor-element.elementor-element-692bdb7{--display:flex;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-4797d98 .elementor-heading-title{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:24px;font-weight:600;}.elementor-232 .elementor-element.elementor-element-2b12f1a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-aac9275 > .elementor-widget-container{margin:-2px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-aac9275 .elementor-icon-wrapper{text-align:left;}.elementor-232 .elementor-element.elementor-element-aac9275 .elementor-icon{font-size:36px;}.elementor-232 .elementor-element.elementor-element-aac9275 .elementor-icon svg{height:36px;}.elementor-232 .elementor-element.elementor-element-4c37a10 .elementor-icon-wrapper{text-align:left;}.elementor-232 .elementor-element.elementor-element-4c37a10 .elementor-icon{font-size:30px;}.elementor-232 .elementor-element.elementor-element-4c37a10 .elementor-icon svg{height:30px;}.elementor-232 .elementor-element.elementor-element-9ff34a3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-232 .elementor-element.elementor-element-9ff34a3 .elementor-icon-wrapper{text-align:left;}.elementor-232 .elementor-element.elementor-element-9ff34a3 .elementor-icon{font-size:34px;}.elementor-232 .elementor-element.elementor-element-9ff34a3 .elementor-icon svg{height:34px;}.elementor-232 .elementor-element.elementor-element-07a679d .elementor-icon-wrapper{text-align:left;}.elementor-232 .elementor-element.elementor-element-07a679d .elementor-icon{font-size:30px;}.elementor-232 .elementor-element.elementor-element-07a679d .elementor-icon svg{height:30px;}.elementor-232 .elementor-element.elementor-element-e227ce5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-232 .elementor-element.elementor-element-ae255e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-232 .elementor-element.elementor-element-6281853{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-232 .elementor-element.elementor-element-813287b{--e-con-grid-template-columns:repeat(5, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-232 .elementor-element.elementor-element-813287b{--width:100%;--e-con-grid-template-columns:repeat(5, 1fr);--grid-auto-flow:row;--align-items:start;}}@media(min-width:768px){.elementor-232 .elementor-element.elementor-element-a00d12b{--width:25%;}.elementor-232 .elementor-element.elementor-element-1a5f753{--width:25%;}.elementor-232 .elementor-element.elementor-element-a5d5bd6{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-6281853 */.footer .elementor-nav-menu{
    
flex-direction: column;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e227ce5 */html {
    /* kept line-height 1.15 but slightly increased for better readability */
    line-height: 1.25;
    -webkit-text-size-adjust: 100%;
}

body {
    /* no change to margins and font-family */
    font-size: 1rem;
    font-weight: 400;
    /* increased line-height to 1.6 for easier reading */
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0.75rem; /* slightly more for better vertical spacing */
    margin-block-end: 1.25rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.3; /* slightly more breathing room */
    color: inherit;
}

p {
    margin-block-start: 0;
    /* slightly larger bottom margin for clearer paragraph separation */
    margin-block-end: 1.25rem;
    line-height: 1.7; /* smoother reading experience */
}

a {
    background-color: transparent;
    color: #c36;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:active, a:hover {
    color: #336;
    /* added underline on hover/focus for clarity */
    text-decoration: underline;
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
    outline: none;
}

button, [type=button], [type=submit] {
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    /* added subtle focus shadow for better keyboard access visibility */
}

button:focus, [type=button]:focus, [type=submit]:focus {
    outline: none;
    box-shadow: 0 0 8px rgba(195, 54, 54, 0.6);
}

/* Input and textarea focus enhancement */
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border-color: #333;
    outline: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

/* Table improvements */
table td, table th {
    padding: 12px; /* slightly reduced for tighter layout */
    line-height: 1.6; /* better cell content spacing */
    vertical-align: top;
    border: 1px solid hsla(0, 0%, 50.2%, 0.5);
}

a {
    color: #9B0000;
}








/* CHECKOUT */

/* Section headings */
.wc-block-components-checkout-step__title {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
    color: #201144; /* strong but elegant */
}

/* Fieldset styling */
fieldset.wc-block-components-checkout-step {
    border: 1px solid #ccc;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    border-radius: 6px;
    background: #fafafa;
}

/* Form inputs with better spacing */
.wc-block-components-text-input input,
.wc-block-components-address-form input,
select,
textarea {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #999;
    border-radius: 4px;
    font-size: 1rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus,
select:focus,
textarea:focus {
    border-color: #201144;
    box-shadow: 0 0 6px rgba(32, 17, 68, 0.25);
    outline: none;
}

/* Labels */
label {
    display: block;
    font-weight: 500;
    margin-bottom: 0.3rem;
    color: #201144;
}

/* Error and notice messages */
.wc-block-components-notice-banner.is-error {
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #842029;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.wc-block-components-notice-banner.is-error svg {
    fill: #842029;
    flex-shrink: 0;
}

/* Buttons */
.wc-block-checkout__actions_row button,
.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button {
    font-weight: 600;
    font-size: 1rem;
    padding: 0.6rem 1.4rem;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.wc-block-checkout__actions_row button {
    background-color: #201144;
    color: white;
}

.wc-block-checkout__actions_row button:hover,
.wc-block-checkout__actions_row button:focus {
    background-color: #3a2a7a;
    outline: none;
}

.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button {
    background: transparent;
    color: #201144;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    gap: 0.4rem;
    border: 1px solid #201144;
}

.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button:hover,
.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button:focus {
    background-color: #201144;
    color: white;
    outline: none;
}

/* Accessibility for focus */
.wc-block-checkout__actions_row button:focus-visible,
.wc-block-checkout__actions_row a.wc-block-components-checkout-return-to-cart-button:focus-visible {
    outline: 3px solid #ffbf47; /* noticeable and warm focus ring */
    outline-offset: 2px;
}











/* PAGE */
/* Container */


/* Page header */
.page-header .entry-title {
    font-size: 2.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #201144;
}

/* Navigation sidebar */
.woocommerce-MyAccount-navigation {
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 2rem;
    font-weight: 500;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 0.75rem;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #201144;
    text-decoration: none;
    padding: 0.5rem;
    display: block;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:focus {
    background-color: #201144;
    color: #fff;
    outline: none;
}

/* Content area */
.woocommerce-MyAccount-content {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1.5rem;
    box-shadow: 0 2px 5px rgba(32, 17, 68, 0.05);
}

/* Paragraphs and links inside content */
.woocommerce-MyAccount-content p {
    margin-bottom: 1.2rem;
    font-size: 1rem;
    color: #444;
}

.woocommerce-MyAccount-content a {
    color: #c36;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s ease;
}

.woocommerce-MyAccount-content a:hover,
.woocommerce-MyAccount-content a:focus {
    border-bottom: 1px solid #c36;
    outline: none;
}

/* Strong text */
.woocommerce-MyAccount-content strong {
    font-weight: 600;
    color: #201144;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae255e8 */.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main{
    max-width: 1280px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
    color: unset;
}

.elementor-post__excerpt{
    margin-top: 2em;
}

.hero-products,
.hero-products .woocommerce{
    ul.products{

        a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
            .wc-gzd-additional-info{
            display: none;
        }
        
        .price{margin-top: 30px;
            text-align: right;
        }
        
        del bdi{font-size: 16px;
            color: #616161;
            opacity: 1;
        }
     

    .product{
        a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
            .wc-gzd-additional-info{
            display: none;
        }
        
        .price{
            margin-top: 30px;
            text-align: right;
            color: #1a1a1a!important;
            del{
            opacity: 1;
        }
        ins{
            text-decoration: none;
            border-bottom: none;
        }
        }
        
        del {
            bdi{font-size: 16px;
            }
        }
     
    } 
}
}

.elementor-button-wrapper{
      padding: 5px;
}

.products .product:focus-within,
.elementor-button-wrapper:focus-within {
  border: 2px dashed #201144 !important;
  padding: 4px; 
  border-radius: 8px;
  outline: none !important;
  box-shadow: none !important;
  span{text-decoration: underline;}
  
}



 
 .elementor-widget-woocommerce-product-images .elementor-widget-container{
     position: relative;
     
     span.onsale{
    position: absolute;
       background: #9B0000;
       top: 1px;
       left: 1px;
    bottom: calc(100% + 2.75rem); 
    padding: 0 16px 0.4em 16px!important;
    font-size: 12px;
    font-weight: 500;
    pointer-events: none;
    z-index: 5;
    content: "";
    color: #fff; 
    border-radius: 0;
}
 }

 ul.products li.product .onsale {
    display: none !important;
}

ul.products li.product .woocommerce-loop-product__title {
    position: relative;
}

ul.products li.product .woocommerce-loop-product__title::before,
ul.products li.product .woocommerce-loop-product__title::after {
    position: absolute;
    left: -16px;
    bottom: calc(100% + 2.75rem); 
    padding: 0.4em 8px 0.4em 16px;
    font-size: 12px;
    font-weight: 500;
    pointer-events: none;
    z-index: 5;
    content: "";
    color: #fff;
}

/* === BESTSELLER === */
ul.products li.product.product_cat-bestseller .woocommerce-loop-product__title::before {
    content: "Bestseller";
    background: #3A1779;
}

/* === SALE === */
ul.products li.product.product_cat-sale .woocommerce-loop-product__title::after {
    content: "Angebot";
    background: #9B0000;
}

ul.products li.product.product_cat-sale.product_cat-bestseller .woocommerce-loop-product__title::before {
    bottom: calc(100% + 1.2rem); 
}/* End custom CSS */