.elementor-kit-6{--e-global-color-primary:#014E9F;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#0A0A0A;--e-global-color-accent:#014E9F;--e-global-color-04023f4:#F2F2F2;--e-global-color-f8335e5:#ECC3C4;--e-global-color-8f709f7:#8D6F53;--e-global-color-c409282:#E0C8A9;--e-global-color-449977b:#F6EEE5;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-size:1.5rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:600;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-size:1.2rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-2cda4fb-font-family:"Nunito Sans";--e-global-typography-2cda4fb-font-size:1.2rem;--e-global-typography-2cda4fb-font-weight:700;--e-global-typography-2cda4fb-text-transform:none;--e-global-typography-2cda4fb-font-style:normal;--e-global-typography-2cda4fb-text-decoration:none;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );color:var( --e-global-color-secondary );border-style:none;border-radius:50px 50px 50px 50px;padding:015px 45px 15px 45px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-secondary );border-style:none;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:var( --e-global-color-04023f4 );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-primary );background-image:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-text );background-image:var( --e-global-color-text );}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-04023f4 );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-accent );background-image:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-text );background-image:var( --e-global-color-text );}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );}.elementor-kit-6 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );}.elementor-kit-6 h3{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );}.elementor-kit-6 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-kit-6 h5{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-kit-6 h6{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );--error-message-normal-links-color:var( --e-global-color-primary );--error-message-hover-links-color:var( --e-global-color-text );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );--message-message-icon-color:var( --e-global-color-text );--message-buttons-normal-text-color:var( --e-global-color-secondary );--message-buttons-hover-text-color:var( --e-global-color-secondary );--message-border-type:none;--message-buttons-border-radius:50px 50px 50px 50px;}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );}.e-wc-message-notice .woocommerce-message .restore-item, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, .e-wc-message-notice .woocommerce-message a:not([class]), .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){--notice-message-normal-links-color:var( --e-global-color-accent );}.e-wc-message-notice .woocommerce-message .restore-item:hover, .e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item:hover, .e-wc-message-notice .woocommerce-message a:not([class]):hover, .e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]):hover{--notice-message-hover-links-color:var( --e-global-color-text );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );--info-message-icon-color:var( --e-global-color-primary );--info-buttons-normal-text-color:var( --e-global-color-secondary );--info-buttons-hover-text-color:var( --e-global-color-secondary );--info-border-type:none;--info-buttons-border-radius:50px 50px 50px 50px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-6 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-6 h5{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-6 h6{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-text-font-size );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-text-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-accent-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-primary-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-6 h3{font-size:var( --e-global-typography-secondary-font-size );}.elementor-kit-6 h4{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-6 h5{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-6 h6{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-text-font-size );}body.e-wc-error-notice .woocommerce-error a.wc-backward, body.e-wc-error-notice .wc-block-components-notice-banner.is-error a.wc-backward{font-size:var( --e-global-typography-text-font-size );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .restore-item, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .restore-item, body.e-wc-message-notice .woocommerce-message a:not([class]), body.e-wc-message-notice .wc-block-components-notice-banner.is-success a:not([class]){font-size:var( --e-global-typography-text-font-size );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-accent-font-size );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-text-font-size );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS *//* ===================================================== 1. TEXT-EDITOR – LETZTEN ABSATZ OHNE ABSTAND Entfernt den unteren Abstand beim letzten

===================================================== */ .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* ===================================================== 2. HORIZONTALES SCROLLEN VERHINDERN ===================================================== */ /* Moderne Browser */ html, body { width: 100%; overflow-x: clip; /* verhindert seitliches Scrollen */ } /* Fallback für ältere Browser ohne clip Support */ @supports not (overflow: clip) { html, body { overflow-x: hidden; } } /* ===================================================== 3. ROTIERTE HINTERGRUNDFLÄCHE LINKS Wird über ::before erzeugt Der eigentliche Container-Inhalt bleibt gerade ===================================================== */ .hintergrund_links { position: relative; /* Referenz für das Pseudo-Element */ overflow: visible; /* erlaubt Überstand */ } .hintergrund_links::before { content: ""; position: absolute; top: 0; left: -75px; /* nach links verschoben */ width: 100%; height: 100%; background-color: #d9e4ef; transform: rotate(-10deg); transform-origin: center; border-top-right-radius: 25px; border-bottom-right-radius: 25px; z-index: -1; /* hinter den Inhalt legen */ } /* ===================================================== 4. ROTIERTE HINTERGRUNDFLÄCHE RECHTS Ebenfalls über ::before erzeugt ===================================================== */ .hintergrund_rechts { position: relative; overflow: visible; } .hintergrund_rechts::before { content: ""; position: absolute; top: 0; left: 75px; /* nach rechts verschoben */ width: 100%; height: 100%; background-color: #f1d9d9; transform: rotate(10deg); transform-origin: center; border-top-left-radius: 25px; border-bottom-left-radius: 25px; z-index: -1; } /* ===================================================== 5. ZWEI CONTAINER ÜBEREINANDER & MITTIG Aktiv nur ab 767px (Tablet/Desktop) ===================================================== */ @media (min-width: 767px) { .overlay_mittig { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* Zentriert exakt in beide Richtungen */ } } /* ===================================================== Alte Variante (auskommentiert) War global aktiv – jetzt sauber per Media Query gelöst ===================================================== */ /* .overlay_mittig{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } */ /* ===================================================== WOOCOMMERCE CUSTOM STYLES (mit Elementor Global Variablen) ===================================================== */ /* ===================================================== 1. PRODUKTARCHIV – MOBIL EINSPALTIG ===================================================== */ @media (max-width: 767px) { .elementor-widget-wc-archive-products .products { grid-template-columns: repeat(1, 1fr)!important; } } /* ===================================================== 2. GLOBALER BUTTON-STIL ===================================================== */ /* ---------- BASIS BUTTON STYLE ---------- */ .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce input#submit, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce a.add_to_cart_button, .woocommerce a.single_add_to_cart_button, a.button, button.button, input.button, button[type="submit"], input[type="submit"] { /* Farben */ background-color: var(--e-global-color-primary); color: var(--e-global-color-secondary) !important; /* Rahmen */ border: none !important; /* Typografie (passend zu deinem Akzent-Stil) */ font-family: var(--e-global-typography-accent-font-family), sans-serif; font-size: var(--e-global-typography-accent-font-size); font-weight: var(--e-global-typography-accent-font-weight); } /* ---------- HOVER BUTTON STYLE ---------- */ .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce input#submit:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce a.add_to_cart_button:hover, .woocommerce a.single_add_to_cart_button:hover, a.button:hover, button.button:hover, input.button:hover, button[type="submit"]:hover, input[type="submit"]:hover { background-color: var(--e-global-color-text) !important; color: var(--e-global-color-secondary) !important; } /* ===================================================== 3. SPEZIELLER BUTTON: „Produkte durchsuchen“ ===================================================== */ a.woocommerce-Button.wc-forward.button, a.button.wc-backward, a.button.wc-forward { display: inline-block; margin-top: 20px; /* keine passende Global-Spacing-Variable vorhanden */ padding: 12px 32px!important; /* keine passende Global-Spacing-Variable vorhanden */ /* Typografie aus Elementor Global Settings */ font-family: var(--e-global-typography-accent-font-family), sans-serif; font-size: var(--e-global-typography-accent-font-size); font-weight: var(--e-global-typography-accent-font-weight); /* Farben */ background-color: var(--e-global-color-primary) !important; color: var(--e-global-color-secondary) !important; /* Form */ border: none; border-radius: var(--forms-buttons-border-radius, 50px); text-align: center; text-decoration: none; transition: all 0.3s ease; } /* ===================================================== 4. SYSTEMMELDUNGEN (Info / Erfolg / Fehler) ===================================================== */ .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 2em 1em 3.5em; /* keine passenden Global-Spacing-Variablen vorhanden */ margin: 0 0 2em; /* keine passenden Global-Spacing-Variablen vorhanden */ position: relative; background-color: var(--e-global-color-04023f4); color: var(--e-global-color-text); border-top: 3px solid var(--e-global-color-primary); list-style: none outside; width: auto; word-wrap: break-word; } /* Icon-Farbe bei Info-Box */ .woocommerce-info::before { color: var(--e-global-color-primary); } /* ===================================================== 5. CHECKOUT BUTTON SPEZIALSTYLING ===================================================== */ .woocommerce .wc-proceed-to-checkout .checkout-button { background-color: var(--e-global-color-primary); color: var(--e-global-color-secondary); border: none; transition: background-color 0.3s ease, color 0.3s ease; } .woocommerce .wc-proceed-to-checkout .checkout-button:hover { background-color: var(--e-global-color-text) !important; color: var(--e-global-color-secondary); border: none; } /* ===================================================== 6. LAGERSTATUS IM PRODUKTTEMPLATE ===================================================== */ /* „Vorrätig“ */ p.stock.in-stock { color: var(--e-global-color-text) !important; font-size: var(--e-global-typography-accent-font-size) !important; } /* „Nicht vorrätig“ */ p.stock.out-of-stock { font-size: var(--e-global-typography-accent-font-size) !important; } /* ===================================================== 7. Checkout-Tabelle im Elementor WooCommerce Widget ===================================================== */ .elementor-widget-woocommerce-checkout-page .woocommerce .shop_table { padding: 25px; /* Innenabstand */ font-size: 16px; /* Schriftgröße */ } /* ===================================================== 8. Bestellübersicht auf der Thank-You-Seite ===================================================== */ .woocommerce ul.order_details { padding-left: 0; /* Entfernt linken Standard-Einzug (40px) */ margin-left: 0; /* Sicherheitshalber ebenfalls zurücksetzen */ } .woocommerce ul.order_details li { margin-bottom: 2em; /* Abstand zwischen den Listeneinträgen */ } /* ===================================================== 9. Silbentrennung in der Kasse ===================================================== */ #shipping_method label { hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; overflow-wrap: normal; word-break: normal; white-space: normal; /* falls vom Theme blockiert */ } /* ===================================================== 10. Bilder im Onlineshop quadratisch und eingepasst ===================================================== */ img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail, img.wp-post-image { width: 100%; aspect-ratio: 1; object-fit: contain; } /* ===================================================== 11. Artikelnummer und Kategorie wird zweispaltig angezeigt ===================================================== */ .product_meta { display: flex; /* flex-wrap: wrap; */ flex-direction: column; }/* End custom CSS */