/*====================================== Theme Name: WordPress Child Theme Atomion Theme URI: https://marketpress.de Description: Das Atomion Child Theme Version: 1.0 Author: MarketPress Author URI: https://marketpress.de Template: wordpress-theme-atomion License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html ======================================*/ /* You can start adding your own styles here. Use !important to overwrite styles if needed. */ body, p, small, .woocommerce-cart .cart-collaterals .cart_totals p small, .select2-container--default .select2-selection--single .select2-selection__rendered, .sidebar-content .select2-container--default .select2-selection--single .select2-selection__placeholder, input, textarea, input::placeholder, textarea::placeholder { color: unset } p, H3 {hyphens: auto;} /* PREISANZEIGE */ .woocommerce-price-suffix { font-size: 20px; } /* quantiriy und Preis nebeneinander */ .woocommerce .single-product .single_variation_wrap{ display: flex; gap: 12px; align-items: center; flex-wrap: nowrap; flex-direction: row-reverse; /* umgekehrte Reihenfolge */ justify-content: flex-end; /* bei row-reverse = linksbündig */ } /* PREISANZEIGE ENDE */ /* BESTELLABLAUF */ .icon-box .icon-box-div { padding-top: 50px; padding-bottom: 32px; padding-left: 40px; padding-right: 40px; } @media (max-width:1024px) { .icon-box .icon-box-div { padding-left: 30px; padding-right: 30px; } } .icon-box .schatten { box-shadow: 4px -6px 59px 3px #13284a59; } @media (min-width:768px) { .icon-box .icon-box-content-wrapper:first-child .icon-box-div { clip-path: polygon( 50px 0, 100% 0, 100% 100%, 50px 100%, 0 calc(100% - 50px), 0 50px); } .icon-box .icon-box-content-wrapper:last-child .icon-box-div { clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%); } } .icon-box p { text-align-last: center; line-height: 28px; } /* BESTELLABLAUF ENDE */ /* PRODUKT FOTO */ .images.woocommerce-product-gallery { background: #ffc439; pointer-events: none; /* Disable hover events */ border-radius: 60px } .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder { border: 0; } .woocommerce-product-gallery__trigger { display: none; } .woocommerce div.product div.images {margin-bottom: unset;} /* Bildunterschrift */ .wc-product-image-caption { position: relative; bottom: -22px; width: 100%; text-align: center; color: #c49118; text-transform: uppercase; font-size: 11px; letter-spacing: 0.6px; } /* PRODUKT FOTO ENDE*/ /* Produktanzeigen ausmitteln */ @media (min-width:1025px) { #atomion-summary-wrapper { display: flex; /* Kinder auf eine Zeile bringen */ gap: 16px; /* optional: Abstand zwischen den DIVs */ } #atomion-summary-wrapper .summary.entry-summary { display: flex; /* macht das Summary selbst zum Flex-Container */ flex-direction: column; /* Inhalt von oben nach unten anordnen */ justify-content: center; /* zentriert den Inhalt vertikal innerhalb der vollen Höhe */ padding: 0 0 0 20px; /* optional: inneres horizontales Padding */ } } /* Produktanzeigen ausmitteln ENDE*/ @media (max-width:767px) { .woocommerce div.product div.summary { padding: 40px 20px 10px; } .woocommerce div.product th.label { display: block; padding: 11px; } } /* FOOTER */ .bpg-footer * { color: #fff9 !important; } .bpg-footer .elementor-widget-heading h3 { color: #ffffffad !important; } /* FOOTER ENDE */ /* FAQ Accordion */ .e-n-accordion-item-title-header, .e-n-accordion-item-title-icon {padding: 0 30px} .elementor-widget-n-accordion .e-n-accordion-item-title-text { hyphens: auto;} @media (max-width:767px) { .e-n-accordion-item-title-header, .e-n-accordion-item-title-icon {padding: 0 8px} } /* FAQ ENDE */ /* KONTAKTFORMULAR */ .kontakt-formular input::placeholder, .kontakt-formular textarea::placeholder { font-weight: unset; color: #00000057; } .kontakt-formular input[type="submit"], .kontakt-formular input[type="button"], .kontakt-formular button { font-family: var( --e-global-typography-3ef06c8-font-family ), Sans-serif; padding: 30px 38px; line-height: 0px; cursor: pointer; width: 100% !important; background: var(--e-global-color-51ee4d5) !important; color: var(--e-global-color-3edc71c) !important; text-transform: unset; font-size: 26px; &:hover { filter: brightness(85%); /*background: var(--e-global-color-51ee4d5) !important;*/ /*color: #fff !important;*/ } &:focus { /*color: #fff !important;*/ } } .kontakt-formular .nf-field-description, .kontakt-formular .nf-form-content .listselect-wrap .nf-field-element div, .kontakt-formular .nf-form-content .ninja-forms-field:not([type='submit']) { font-size: var( --e-global-typography-bdd55e3-font-size ) !important; line-height: var( --e-global-typography-bdd55e3-line-height ); letter-spacing: var( --e-global-typography-bdd55e3-letter-spacing ); font-family: var( --e-global-typography-bdd55e3-font-family ), Sans-serif; font-weight: var( --e-global-typography-bdd55e3-font-weight ); color: var(--e-global-color-3edc71c) } .formular-datenschutzhinweis {color: #ffffff7d;} .formular-datenschutzhinweis a {color: #fff;} .nf-response-msg { background: #fff; text-align: center; padding: 50px; border-radius: 20px; margin-top: 30px; } .kontakt-formular .nf-field-description {margin-top: 10px} .kontakt-formular .nf-form-fields-required, .kontakt-formular .nf-error .nf-error-msg, .kontakt-formular .nf-field-label, .kontakt-formular .nf-error-msg.nf-error-field-errors {display: none;} /* KONTAKTFORMULAR ENDE */ /* CHECK OUT SEITEN */ .custom-background.woocommerce-checkout { background: #fff; } @media (min-width:768px) { .custom-background.woocommerce-checkout .page { margin: 50px 10% 0; } } @media (max-width:767px) { .custom-background.woocommerce-checkout .page { margin: 40px 25px 0; } } /* CHECK OUT SEITEN ENDE */ /* Real Cookie Banner */ .animate__animated > div > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(4), .animate__animated > div > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(3), .animate__animated > div > div:nth-child(3) > div > div:nth-child(1) > div:nth-child(4), .rcb-content-blocker > div > div:nth-child(2) > div:nth-child(3) > div > div:nth-child(2) > div:nth-child(2), body div > div:nth-child(2) > div:nth-child(3) > div:nth-child(1) > div:nth-child(2) > div:nth-child(2), dialog .wp-exclude-emoji > div > div > div:nth-child(1) > div:last-of-type {display: none;} div > div.animate__bounceIn > div > div > div a {font-weight: 400;} /*datenschutz+impressum links*/ /* Real Cookie Banner ENDE*/ /* AUSBLENDEN */ .woocommerce div.product div.images .woocommerce-product-gallery__trigger, #atomion-shariff, .product_meta, .woocommerce div.product p.price, .woocommerce div.product form.cart .button, .woocommerce-form.woocommerce-verify-email { display: none;}