/* Theme Name: Storefront Child Description: Child theme for Storefront. https://oem.pohl-electronic.de/wp-admin/theme-editor.php?file=functions.php&theme=storefront-child Author: Siegbert Mattheis, Tobias Mayer & Japheth Kohl Author URI: https://www.mattheis-berlin.de Template: storefront Version: 1.1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: Pohl Electronics */ /* _ _ _ _ _ _ _ _ _ _________ /\ \ / /\ /\ \ / /\ / /\ /\ \ /\ \ / /\ / /\ / _________\ \ \ \ / / \ / \ \ / / / / / // \ \ \_\ \ / / / / / / / / _______ / /\ \_\ / / /\ \ / /\ \ \ / /_/ / / // /\ \ \ /\__ \ / /_/ / / / / /_/_/\/ / / / /\/_// / /\ \ \ / / /\ \_\ / /\ \__/ / // / /\ \_\ / /_ \ \ / /\ \__/ / / \ \ \_\/\/_/_ _ / / / / / / \ \ \ / / /_/ / // /\ \___\/ // /_/_ \/_/ / / /\ \ \ / /\ \___\/ / \ \___\/___ \ /\ \ / / / / / /___/ /\ \ / / /__\/ // / /\/___/ // /____/\ / / / \/_// / /\/___/ / \/___/\__ \ \ \ \_\ / / / / / /_____/ /\ \ / / /_____// / / / / // /\____\/ / / / / / / / / / /\_\/ \_\ \ / / /_/ / / / /_________/\ \ \ / / / / / / / / // / /______ / / / / / / / / / / / /___/ / / / / /__\/ / / / /_ __\ \_\/ / / / / / / / // / /_______\/_/ / / / / / / / / /_______/ / \/_______/ \_\___\ /____/_/\/_/ \/_/ \/_/ \/__________/\_\/ \/_/ \/_/ \/________\/ _ _ _ _ _ _ _ /\ \ / /\ /\ \ /\ \ /\ \ / /\ / /\ \_\ \ / / \ / \ \ / \ \ \_\ \ / / / / / / /\__ \ / / /\ \ / /\ \ \ / /\ \ \ /\__ \ / /_/ / / / / /_ \ \ / / /\ \ \ / / /\ \_\ / / /\ \_\ / /_ \ \ / /\ \__/ / / / / /\ \ \ / / / \ \ \ / / /_/ / / / /_/_ \/_/ / / /\ \ \ / /\ \___\/ / / / / \/_// / /___/ /\ \ / / /__\/ / / /____/\ / / / \/_// / /\/___/ / / / / / / /_____/ /\ \ / / /_____/ / /\____\/ / / / / / / / / / / / / / /_________/\ \ \ / / /\ \ \ / / /______ / / / / / / / / / /_/ / / / /_ __\ \_\/ / / \ \ \/ / /_______\/_/ / / / / / / / \_\/ \_\___\ /____/_/\/_/ \_\/\/__________/\_\/ \/_/ \/_/ _ _ _ _ _ _ / /\ /\ \ /\ \ /\_\ _\ \ /\ \ / / \ \_\ \\ \ \ / / / /\__ \ / \ \ / / /\ \__ /\__ \\ \ \_/ / / / /_ \_\ / /\ \ \ / / /\ \___\ / /_ \ \\ \___/ / / / /\/_/ / / /\ \_\ \ \ \ \/___// / /\ \ \\ \ \_/ / / / / /_/_ \/_/ \ \ \ / / / \/_/ \ \ \ / / / / /____/\ _ \ \ \ / / / \ \ \ / / / ____ / /\____\/ /_/\__/ / / / / / \ \ \ / /_/_/ ___/\ / / /______ \ \/___/ / /_/ / \ \_\/_______/\__\// / /_______\ \_____\/ \_\/ \/_/\_______\/ \/__________/ */ /*------------ GENERAL INSTRUCTIONS ------------*/ /*----- Variables -----*/ :root { /* Color */ --white: #ffffff; --light-blue: #0080C8; --dark-blue: #26348B; --light-green: #63B32E; --pink: #e50064; --dark-grey: #191919; --light-grey: #6E6563; } /*----- image appearance -----*/ img { border-radius: 0px; box-shadow: none; } /*----- list appearance -----*/ ol, ul{ margin: 0; } /**** RESET SAFARI ****/ ol, ul{ list-style: none; } /*** Custom List Style Über Uns ****/ ul.ueber-uns-list { list-style: disc; margin-left: 20px; } /*** REset Storefront ****/ li>ol, li>ul{ margin: 0; } /*----- link appearance -----*/ #page a, a, #page a:visited, a:visited, #page a:hover, a:hover, #page a:focus, a:focus, #page a:active, a:active { text-decoration: none !important; } /*STOREFRONT Border Reset*/ #page a:focus, a:focus{ outline: 0; } /*----- hide shipping costs everywhere - Demo Shop -----*/ .shipping-costs-info{ display: none !important; } /*----- Font Import -----*/ /* Raleway Regular */ @font-face { font-family: "Raleway"; src: url("/wp-content/themes/storefront-child/fonts/Raleway/Raleway-Regular.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/storefront-child/fonts/Raleway/Raleway-Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/wp-content/themes/storefront-child/fonts/Raleway/Raleway-Regular.woff2") format('woff2'), /* Super Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Raleway/Raleway-Regular.woff") format('woff'), /* Pretty Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Raleway/Raleway-Regular.ttf") format('truetype'); /* Safari, Android, iOS */ font-weight: 400; font-style: normal; } /* Nunito Regular */ @font-face { font-family: "Nunito"; src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Regular.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Regular.woff2") format('woff2'), /* Super Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Regular.woff") format('woff'), /* Pretty Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Regular.ttf") format('truetype'); /* Safari, Android, iOS */ font-weight: 400; font-style: normal; } /* italic */ @font-face { font-family: "Nunito"; src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Italic.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Italic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Italic.woff2") format('woff2'), /* Super Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Italic.woff") format('woff'), /* Pretty Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Italic.ttf") format('truetype'); /* Safari, Android, iOS */ font-weight: 400; font-style: italic; } /* Nunito Bold */ @font-face { font-family: "Nunito"; src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Bold.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Bold.woff2") format('woff2'), /* Super Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Bold.woff") format('woff'), /* Pretty Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-Bold.ttf") format('truetype'); /* Safari, Android, iOS */ font-weight: 700; font-style: normal; } /* italic */ @font-face { font-family: "Nunito"; src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-BoldItalic.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-BoldItalic.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-BoldItalic.woff2") format('woff2'), /* Super Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-BoldItalic.woff") format('woff'), /* Pretty Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/Nunito/Nunito-BoldItalic.ttf") format('truetype'); /* Safari, Android, iOS */ font-weight: 700; font-style: italic; } /* Typicons */ @font-face { font-family: "Typicons"; src: url("/wp-content/themes/storefront-child/fonts/typicons.font-2.0.7/src/font/typicons.eot"); /* IE9 Compat Modes */ src: url("/wp-content/themes/storefront-child/fonts/typicons.font-2.0.7/src/font/typicons.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("/wp-content/themes/storefront-child/fonts/typicons.font-2.0.7/src/font/typicons.woff2") format('woff2'), /* Super Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/typicons.font-2.0.7/src/font/typicons.woff") format('woff'), /* Pretty Modern Browsers */ url("/wp-content/themes/storefront-child/fonts/typicons.font-2.0.7/src/font/typicons.ttf") format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/storefront-child/fonts/typicons.font-2.0.7/src/font/typicons.svg') format('svg'); /* Legacy iOS */ /*url('/wp-content/themes/storefront-child/fonts/Captain-Icon/captain-icon.svg#svgFontName') format('svg');*/ /* Legacy iOS */ font-weight: normal; font-style: normal; } /* apply font families */ body, p, a, li, .textwidget p, .woobuilder-block p, .woobuilder-block li, .woobuilder-block a, .woobuilder-block div.buttonWrapper button{ font-family: "Nunito"; font-weight: 400; font-style: normal; } h1, h2, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2, .woobuilder-block h2, h3, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h3, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h3, .woobuilder-block h3, h4, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h4, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4, .woobuilder-block h4, h5, h6 { font-family: "Nunito"!important; font-weight: 400; font-style: normal; margin: 20px 0; } i { font-style: italic; } /* font colors */ a, .woobuilder-block h4, div.woobuilder-block.woobuilder-excerpt h2.pink-circle strong{ color: var(--light-grey); color: #6E6563; } body, p, h1, h2, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2, .woobuilder-block h2, h3, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h3, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h3, .woobuilder-block h3, h4, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h4, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4, h5, h6 { color: var(--dark-grey); color: #191919; } /* font sizes */ /* text */ body, p, a, li, .textwidget p, .woobuilder-block p, .woobuilder-block li, .woobuilder-block a, .woobuilder-block div.buttonWrapper button{ font-size: 18px; margin: 0px; padding: 0px; } /* headlines */ h1 { font-size: 48px; } h2 { font-size: 48px; } h3 { font-size: 26px; } h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } @media screen and (min-width: 768px){ h1 { font-size: 48px; } h2, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h2, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2, .woobuilder-block h2 { font-size: 48px; } h3, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h3, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h3, .woobuilder-block h3 { font-size: 26px; } h4, .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container h4, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4, .woobuilder-block h4 { font-size: 24px; } h5 { font-size: 22px; } h6 { font-size: 20px; } } @media screen and (max-width: 767px){ h1, .sfb-footer-bar .widget h1, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h1{ font-size: 36px!important; } h2, .sfb-footer-bar .widget h2, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h2{ font-size: 36px!important; } h3, .sfb-footer-bar .widget h3{ font-size: 24px; } h4, .sfb-footer-bar .widget h4, .hentry .entry-content .wp-block-cover .wp-block-cover__inner-container h4{ font-size: 22px!important; } h5, .sfb-footer-bar .widget h5{ font-size: 20px; } h6, .sfb-footer-bar .widget h6{ font-size: 18px; } p, a, li, .textwidget p{ font-size: 16px!important; } } /* H2 Special on Product Page ****/ div.woobuilder-block.woobuilder-excerpt > h2.pink-circle:before{ content:'\25CF'; color: var(--pink); color: #e50064; margin-right: 20px; } /* H2 Special Newsletter Section */ .hentry .entry-content .wp-block-cover.newsletter .wp-block-cover__inner-container > h2, .hentry .entry-content .wp-block-cover.newsletter .wp-block-cover__inner-container > h4{ color: var(--white); color: #fff; } /*** H3 Special on Default Template Page ***/ article#post-6.post-6.page.type-page.status-publish.hentry div.entry-content div.wp-block-columns.alignfull.full-width.category-overview.has-text-color.has-background div.wp-block-column > h3{ color: #fff; } /*----- custom classes | Woocommerce Tabs Display None-----*/ /* display none */ .display-none, div.woocommerce-tabs.wc-tabs-wrapper, .woocommerce-result-count{ display: none!important; } /* text white */ .text-white * { color: #fff; } /*------------------------- HEADER -------------------------*/ /*----- masthead container -----*/ #masthead { max-width: none; padding: 0 20px; margin: 0 auto; border-bottom: 1px solid #f0f0f0; } .secondary-navigation { padding-right: 20px; } /**** Telefon Icon Header ****/ ul#menu-telephone{ padding: 0px; } /*----- masthead inner columns -----*/ #masthead .col-full { max-width: none; padding: 0; margin: 0; } /*----- disable site branding -----*/ .site-branding { display: none !important; } /*----- Header Logo -----*/ #masthead .header_logo { height: auto; display: inline-flex; align-items: center; height: 60px; margin: 0; } #masthead .header_logo img { width: 200px; } @media (min-width: 768px){ } @media screen and (min-width: 1024px){ #masthead .header_logo { height: 90px; } #masthead .header_logo img { width: 260px; } } @media screen and (min-width: 1366px){ #masthead .header_logo img { width: 350px; } } /*----- Product Search under Header -----*/ .site-search { position: absolute; left: unset; right: 0; padding: 2px 20px 0 0; display: none; } .site-search.search-toggled-on { display: block; } /* search input */ .site-search input[type="search"]:focus { outline-color: #0080C8; outline-color: var(--light-blue); } /*SEARCH.PHP h1 Title */ body.search div#page div#content div.col-full div#primary main#main header.woocommerce-products-header > div.category-wrapper{ margin: 30px auto; } /*----- Secondary Menu -----*/ .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation { width: auto; float: right; margin: 0 20px 0 0; padding-top: 10px; background-color: #fff; } .secondary-navigation{ position: absolute; z-index: 1; top: 0; display: block; right: 0; } .secondary-navigation .menu a { padding: 0!important; color: var(--light-blue); color: #0080C8; font-size: var(--p-font-size); background: white; height: 30px; } /*----- Navigation – Mega Menu -----*/ #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu { top: 90px !important; box-shadow: none !important; background-color: transparent !important; justify-content: center !important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu { display: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu { display: block; } /**Responsive ***/ @media screen and (max-width: 1024px){ ul#mega-menu-primary > li > ul.mega-sub-menu { flex-direction: column; } #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{ top: 50px; } } ul#mega-menu-primary > li > ul.mega-sub-menu > li.mega-menu-row { max-width: 1920px !important; box-shadow: 0px 5px 7px 0px rgba(55, 55, 55, 0.8) !important; background-color: #fff !important; } /* parent list item when submenu is expanded */ ul#mega-menu-primary > li.mega-toggle-on > a { color: rgb(110, 101, 99); } ul#mega-menu-primary > li.mega-toggle-on:nth-child(1) > a, ul#mega-menu-primary > li.mega-toggle-on:nth-child(2) > a, ul#mega-menu-primary > li.mega-toggle-on:nth-child(3) > a { color: #fff !important; } ul#mega-menu-primary > li.mega-menu-item-type-taxonomy.mega-menu-item-object-product_cat > a { } ul#mega-menu-primary > li/*.mega-menu-item-type-taxonomy.mega-menu-item-object-product_cat > a:*/:before { content: 'Arrow' !important; width: 40px; height: 1px; border-width: 16px 20px 0; border-style: solid; border-color: #000 transparent transparent transparent; display: block; /*position: absolute; top: 100%; left: 0; display: block; margin-left: -20px;*/ } /* OEM Komponenten */ ul#mega-menu-primary > li.mega-oem-navi-item.oem-navi-item.mega-toggle-on > a { background-color: var(--pink) !important; background-color: #e50064!important; } ul#mega-menu-primary > li.mega-oem-navi-item.oem-navi-item:after { border-color: var(--pink) !important; background-color: #e50064!important; } .width-25{ width:25%!important; } .width-30 img{ width:100%!important; } .width-20{ width:20%!important; } .width-30{ width:30%!important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item{ float: none; width: 100%; } /* Automation */ ul#mega-menu-primary > li.mega-automation-navi-item.oem-navi-item.mega-toggle-on > a { background-color: var(--dark-blue); background-color: #26348B; } ul#mega-menu-primary > li.mega-automation-navi-item.oem-navi-item:after { border-color: var(--dark-blue) !important; background-color: var(--dark-blue); background-color: #26348B; } .width-25{ width:25%!important; } .width-30 img{ width:100%!important; } .width-20{ width:20%!important; } .width-30{ width:30%!important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item{ float: none; width: 100%; } /* Kassensysteme */ ul#mega-menu-primary > li.mega-kassensysteme-navi-item.oem-navi-item.mega-toggle-on > a { background-color: var(--light-green); background-color: #63B32E; } ul#mega-menu-primary > li.mega-kassensysteme-navi-item.oem-navi-item:after { border-color: var(--light-green) !important; background-color: var(--light-green); background-color: #63B32E; } .width-25{ width:25%!important; } .width-30 img{ width:100%!important; } .width-20{ width:20%!important; } .width-30{ width:30%!important; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item{ float: none; width: 100%; } /*----- Mega Menu -----*/ /* Menu List First Layer */ #mega-menu-wrap-primary ul#mega-menu-primary { line-height: 1; } #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description{ display:none; } #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-title{ line-height: 1.7; display: inline-flex; } @media screen and (min-width: 1367px){ #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group span.mega-menu-title:hover, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group span.mega-menu-title:active, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group span.mega-menu-title:focus { text-decoration: underline; text-decoration-color: var(--pink); text-decoration-color: #e50064; } } /* List Items First Layer */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item { line-height: 1; /*display: inline-flex;*/ position: relative; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child{ border-top: 10px solid #0080C8; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{ box-shadow: none; } /* Links First Layer */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link { height: 88px; min-width: 35px; display: inline-flex; justify-content: center; align-items: flex-end; text-align: center; font-size: 14px; line-height: 2.5; } /*** Responsive Menu ***/ /* Links First Layer */ @media screen and (max-width: 1024px){ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link { height: 50px; width: 100%; display: inline-flex; justify-content: center; align-items: flex-end; text-align: center; font-size: 14px; line-height: 2.5; } #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item:nth-child(1) > a:before, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item:nth-child(4) > a:before, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.mega-menu-item-object-product_cat > a:before{ display: none; } #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link{ width: 100%!important; min-width: 100vw; } } /* Hover, Focus, Active */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.automation-navi-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.automation-navi-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.automation-navi-item > a.mega-menu-link:active, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oem-navi-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oem-navi-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oem-navi-item > a.mega-menu-link:active, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.kassensysteme-navi-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.kassensysteme-navi-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.kassensysteme-navi-item > a.mega-menu-link:active { color: #fff; } /* Automation */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.automation-navi-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.automation-navi-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.automation-navi-item > a.mega-menu-link:active { background-color: var(--dark-blue); background-color: #26348B; } /* OEM-Komponenten */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oem-navi-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oem-navi-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oem-navi-item > a.mega-menu-link:active { background-color: var(--pink); background-color: #e50064; } /* Kassensysteme */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.kassensysteme-navi-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.kassensysteme-navi-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.kassensysteme-navi-item > a.mega-menu-link:active { background-color: var(--light-green); background-color: #63B32E; } /* Box over text */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item:nth-child(1) > a:before, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item:nth-child(4) > a:before, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.mega-menu-item-object-product_cat > a:before { content: ''; width: 16px; height: 16px; position: absolute; top: unset; bottom: 46px; left: 50%; margin-left: -8px; } /* Automation */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.mega-automation-navi-item.mega-menu-item-object-product_cat > a:before { background-color: var(--dark-blue); background-color: #26348B; } /* OEM-Komponenten */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.mega-oem-navi-item.mega-menu-item-object-product_cat > a:before { background-color: var(--pink); background-color: #e50064; } /* Kassensysteme */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.mega-kassensysteme-navi-item.mega-menu-item-object-product_cat > a:before { background-color: var(--light-green); background-color: #63B32E; } /* Image in Link (Search Icon) */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item .search-menu {} #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link img { padding: 0; width: 20px; height: auto; position: absolute; top: unset; bottom: 12px; left: unset; right: 12px; } /* Submenu first Subcategory */ ul#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { padding: 5px !important; text-align: center !important; color: #fff !important; } /* OEM Komponenten */ ul#mega-menu-primary > li.mega-oem-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { background-color: #e50064 !important; background-color: var(--pink) !important; } /* Hover, Focus, Active */ ul#mega-menu-primary > li.mega-oem-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, ul#mega-menu-primary > li.mega-oem-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, ul#mega-menu-primary > li.mega-oem-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:active { background-color: #fff !important; color: #e50064 !important; color: var(--pink) !important; } /* Industrieautomation*/ ul#mega-menu-primary > li.mega-automation-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { background-color: var(--dark-blue)!important; background-color: #26348B!important; } /* Hover, Focus, Active*/ ul#mega-menu-primary > li.mega-automation-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, ul#mega-menu-primary > li.mega-automation-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, ul#mega-menu-primary > li.mega-automation-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:active { background-color: #fff !important; color: var(--dark-blue)!important; color: #26348B!important; } /* Kassensysteme*/ ul#mega-menu-primary > li.mega-kassensysteme-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { background-color: var(--light-green)!important; background-color: #63B32E!important; } /* Hover, Focus, Active*/ ul#mega-menu-primary > li.mega-kassensysteme-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, ul#mega-menu-primary > li.mega-kassensysteme-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, ul#mega-menu-primary > li.mega-kassensysteme-navi-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:active { background-color: #fff !important; color: var(--light-green)!important; color: #63B32E!important; } /* Submenu second Subcategory (list with markers) */ /* List Items and Marker */ #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li { list-style-type: circle; display: list-item !important; list-style-position: inside; } /* OEM Marker*/ #mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li::marker { content: '\00BB'; color: var(--pink) !important; color: #e50064!important; } /* Automation Marker*/ #mega-menu-wrap-primary ul#mega-menu-primary li.mega-automation-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li::marker { content: '\00BB'; color: var(--dark-blue) !important; color: #26348B!important; } /* Kassensysteme Marker*/ #mega-menu-wrap-primary ul#mega-menu-primary li.mega-kassensysteme-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li::marker { content: '\00BB'; color: var(--light-green) !important; color: #63B32E!important; } #mega-menu-wrap-primary ul#mega-menu-primary li.mega-menu-item-3812 ul.mega-sub-menu > li.mega-menu-item{ width: 100%; } /* Links */ #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link { display: inline !important; } /* Hover, Focus, Active */ #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:active { text-decoration: underline !important; } /*#mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link > span:hover, #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link > span:focus, #mega-menu-wrap-primary ul#mega-menu-primary ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link > span:active { text-decoration: underline !important; }*/ /*OEM Komponenten*/ #mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:active { text-decoration-color: var(--pink) !important; text-decoration-color: #e50064; } /*#mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link span.mega-description-group > span:hover, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link span.mega-description-group > span:focus, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-oem-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link span.mega-description-group > span:active { text-decoration-color: var(--pink) !important; text-decoration-color: #e50064; }*/ /*Automation*/ #mega-menu-wrap-primary ul#mega-menu-primary li.mega-automation-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-automation-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-automation-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:active { text-decoration-color: var(--dark-blue) !important; text-decoration-color: #26348B!important; } /*Automation*/ #mega-menu-wrap-primary ul#mega-menu-primary li.mega-kassensysteme-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-kassensysteme-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-kassensysteme-navi-item ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu > li > a.mega-menu-link:active { text-decoration-color: var(--light-green) !important; text-decoration-color: #63B32E!important; } /* Submenu Trigger Arrow */ #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { float: none !important; } /* Submenu FLYOUT NOT HORIZONTAL #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout.flex-item-vertical ul.mega-sub-menu { display: flex; flex-direction: column; }*/ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ width: 220px; } /** Responsive ***/ @media screen and (max-width: 1024px){ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ width: 100%; } } /*----- Responsive Flyout Menu -----*/ @media screen and (max-width: 1366px) { #masthead.site-header #mega-menu-wrap-primary ul#mega-menu-primary { max-width: 300px; right: 0; } /* List Items */ #masthead.site-header #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link { width: 100%; height: 60px; justify-content: left; } /* Sub Menu */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu li.mega-menu-item:first-child { border-top: 3px solid #0080C8; } #masthead.site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { width: 100%; min-width: 0; max-width: 100%; } /* Active / Toggle On */ #masthead.site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background-color: #0080c8; color: #fff; } /* Sub Menu third Layer */ #masthead.site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu li a { padding-left: 30px; } /* Sub Menu fourth Layer */ #masthead.site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu li a { padding-left: 40px; } /* Sub Menu fifth Layer */ #masthead.site-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu ul.mega-sub-menu li a { padding-left: 50px; } } /*----- HEADER responsive -----*/ /* Header Columns */ #masthead > .col-full, #masthead .storefront-primary-navigation { width: auto; float: left; clear: none; } /* Right Header Column */ #masthead > .col-full { float: left; } /* Right Header Column */ #masthead .storefront-primary-navigation { height: auto; max-width: none; padding: 0; margin: 0; float: right; } #masthead .storefront-primary-navigation #mega-menu-wrap-primary { width: auto; } #masthead .storefront-primary-navigation #mega-menu-wrap-primary .mega-menu-toggle { margin-top: 10px; width: auto; } @media screen and (min-width: 600px) { .site { width: 100%; max-width: 100%; padding: 0; } .site-content { width: 100%; margin: 0 auto; float: none; padding: 0; } } @media (min-width: 768px) { /*#masthead.site-header { padding-top: 0; max-width: 1880px; margin: 0 auto }*/ /*#masthead.site-header .site-branding img { padding-top: 10px; }*/ #masthead.site-header #mega-menu-wrap-primary #mega-menu-primary { text-align: right; } #masthead.site-header .main-navigation { width: 100%; } #masthead.site-header #mega-menu-wrap-primary { float: right !important; margin-right: 0 !important; background: transparent; } .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content .woocommerce-products-header { padding: 0; } } @media screen and (min-width: 1024px) { #masthead.site-header { padding: 0 30px; } .secondary-navigation { padding-right: 30px; } .storefront-primary-navigation { width: 100%; height: 88px; } } @media screen and (min-width: 1160px) { /* Links First Layer */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 18px; min-width: 50px; } /* Image in Link (Search Icon) */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > a.mega-menu-link img { width: 25px; } } @media screen and (min-width: 1366px) { #masthead.site-header { padding: 0 40px; } .secondary-navigation { padding-right: 40px; } } /*----- Max Width -----*/ @media screen and (max-width: 1024px) { .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation { display: none; } .width-25 { width: 100% !important; } .width-30 img { width: 100% !important; } .width-20 { width: 100% !important; } .width-30 { width: 100% !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item { width: 100%; } #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item { width: 100%; } } /*------------------------- FOOTER -------------------------*/ /* Footer Container */ .site-footer { background-color: #191919; background-color: var(--dark-grey); color: #fff; padding: 2rem 0 0 0; } /* Font Color in Footer */ .site-footer *, .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6, .site-footer .widget .widget-title, .site-footer .widget .widgettitle { color: #fff; } /* Links which are not buttons */ .site-footer a:not(.button):not(.components-button) { color: #fff; } /* Links */ #page .site-footer a, #page .site-footer a:visited, #page .site-footer a:hover, #page .site-footer a:focus, #page .site-footer a:active { border: none; } /* Hover, Focus, Active */ #page .site-footer a:hover, #page .site-footer a:focus, #page .site-footer a:active { color: #0080C8; color: var(--light-blue); } @media (min-width: 768px) { .footer-widgets { max-width: 1920px; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,.05); margin: 0 auto; } .footer-widget-1, .footer-widget-2, .footer-widget-3 { width: 25% !important; } .footer-widget-4 { width: 10% !important; } } @media (max-width: 767px) { /* REset Storefront styles */ .widget { margin: 0; } div.widget_media_image { margin-bottom: 25px; } .footer-widgets { display: flex; flex-direction: column; align-content: flex-start; } .footer-widget-1, .footer-widget-2, .footer-widget-3 { margin-bottom: 50px; } .display-none-mobile { display: none; } } /* Widget Title */ .site-footer .widget .widget-title { border: none; padding: 0; font-size: 1.2em } .textwidget p { font-size: 1em; } /* Lists */ .site-footer ul li { padding: 0 0 0 5px; } .site-footer ul li::marker { content: '\00BB'; } /* Icons (Font Awesome) */ .textwidget.custom-html-widget i.fas { display: inline; float: left; clear: both; padding: 4px 5px 0 0; width: 25px; } .textwidget.custom-html-widget p { float: left; clear: none; width: calc(100% - 25px); } span.uagb-ifb-icon { height: 100px; width: 100px; line-height: 100px; padding: 25px; border: 4px solid #0080C8; border-radius: 100px; } div.kassen span.uagb-ifb-icon, div.industrieautomation span.uagb-ifb-icon, div.oem span.uagb-ifb-icon { border: none; background-color: #ffffff; /* old browser | safari */ background-color: #ffffff; /* old browser | safari*/ margin-top: 50px; } .fa-share { font-size: 0.8em; padding-right: 10px; } .fa-handshake, .fa-truck, .fa-users, .fa-cog { background-color: var(--light-blue); color: var(--white); border-radius: 50px 50px 50px 50px; width: 50px; height: 50px; display: inline-flex; align-content: center; justify-content: center; align-items: center; font-size: 0.8em; margin-right: 10px; } .fa-trophy { background-color: var(--light-blue); color: var(--white); border-radius: 50px 50px 50px 50px; width: 70px; height: 70px; display: inline-flex; align-content: center; justify-content: center; align-items: center; font-size: 0.7em; margin-right: 20px; } /* Site Info */ .site-info { text-align: center; } article#post-3885 > header, article#post-3888 > header, article#post-3895 > header, article#post-4071 > header, article#post-3786 > header, article#post-4285 > header, article#post-3822 > header, article#post-3817 > header, article#post-3789 > header, article#post-3826 > header, article#post-3828 > header, article#post-5125 > header, article#post-15396 > header { display: none; } /*------------------------- CONTENT LAYOUT -------------------------*/ /*----- Bredcrumbs Storefront -----*/ .storefront-breadcrumb { padding: 30px 20px; margin: 0; } .storefront-breadcrumb .col-full { max-width: 100%; padding: 0; margin: 0 auto; } @media screen and (min-width: 768px) { .storefront-breadcrumb { padding: 30px 30px; } } @media screen and (min-width: 1024px) { .storefront-breadcrumb { padding: 30px 20px; } } /*----- Content Wrapper -----*/ #content.site-content { padding: 0; } @media screen and (min-width: 768px) { #content.site-content { padding: 0; } #content .col-full { max-width: 100%; margin: 0 auto; padding: 0; } } @media (max-width: 768px) { .wp-block-columns.has-background { padding: 20px; } } /*---------PARENT STYLES-------------*/ @media (min-width: 66.4989378333em) { .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull { margin-left: auto; margin-right: auto; } } /*----- Full Columns -----*/ #content .col-full { max-width: 100%; margin: 0 auto; padding: 0; } @media (min-width: 768px) { .col-full { max-width: 100%; padding: 0; } div.newsletter > div.wp-block-cover__inner-container { width: 66vw !important; max-width: 70vw !important; padding: 0 !important; } } /*----- Main Wrapper -----*/ /*----Product Wrapper Center and max-width-----*/ .wc-block-grid__products { max-width: 1920px; margin-left: auto !important; margin-right: auto; padding: 0 20px; } /*-------Newsletter Wrapper - Above Footer Bar-----*/ div.sfb-footer-bar { background-color: var(--light-blue); background-color: #0080C8; padding-top: 40px; padding-bottom: 50px; margin-bottom: 50px; } div.newsletter > div.content-wrapper { display: flex; flex-direction: column; align-items: center; } div.newsletter div.content-wrapper > p, div.newsletter div.content-wrapper > h2 { text-align: center; color: #ffffff; /* old browser | safari */ color: var(--white); } /*------------------------- HOME PAGE -------------------------*/ /*----- Header Image - Product Categories (Industrieautomation, OEM-Komponenten, Kassensysteme) -----*/ figure.wp-block-image.size-full.is-resized.home-header-img { margin: -220px 0px -100px 0; } figure.category-icon-img.automation:before { content: url(/wp-content/uploads/2021/03/industrieautomation-icon-os7pq86ugd9ta8fanoxo2mcrmx0iq8h2vv2yddvz6w-e1615919126401.png); display: flex; position: absolute; margin: 10px; } figure.category-icon-img.oem-komponenten:before { content: url(/wp-content/uploads/2020/12/oem-komponenten-icon-100x100-1-e1615919457502.png); display: flex; position: absolute; margin: 10px; } figure.category-icon-img.kassensysteme:before { content: url(/wp-content/uploads/2021/03/kassensysteme-icon1-100x100-1-oseooxcwh93ekt0qczoe6quyiu4rozlqdgzy721sko-e1615919359539.png); display: flex; position: absolute; margin: 10px; } .industrieautomation { background-color: var(--dark-blue); background-color: #26348B; } .oem { background-color: var(--pink); background-color: #e50064; } .kassen { background-color: var(--light-green); background-color: #63B32E; } .oem > p, .kassen > p, .industrieautomation > p { padding: 0 25px; } #content .industrieautomation a, #content .oem a, #content .kassen a, #content .wp-block-product-best-sellers a { color: #ffffff; /* old browser | safari */ border: 2px solid #fff; } #content .wp-block-product-best-sellers a { background-color: var(--light-blue); background-color: #0080C8; } /*-----HOVER ZUSTAND-----*/ #content { color: var(--dark-grey); color: #191919; background-color: #ffffff; /* old browser | safari */ } /* #content .wp-block-product-best-sellers a:hover{ color: var(--light-blue); color: #0080C8; background-color: #ffffff; -webkit-box-shadow: -1px 1px 16px 1px rgba(0,0,0,0.13); box-shadow: -1px 1px 16px 1px rgba(0,0,0,0.13); }*/ #content .industrieautomation h3, #content .oem h3, #content .kassen h3 { color: #ffffff; /* old browser | safari*/ padding: 0 25px; } #content .industrieautomation p, #content .oem p, #content .kassen p { color: #ffffff; /* old browser | safari*/ padding: 0 25px; } #content .industrieautomation div, #content .oem div, #content .kassen div { color: #ffffff; /* old browser | safari*/ padding: 0 25px 25px 25px; } .site-main { margin-bottom: 0; } .hentry { margin: 0; } /*----- hide WC Block Grid -----*/ body.home .wc-block-grid.wp-block-product-best-sellers.wc-block-product-best-sellers { display: none; } /*----- Product Grid [Shortcode] -----*/ /*----- [best_selling_products columns="5" limit="10" category="lcd-anzeigen"] -----*/ /* Product Title */ body.home .woocommerce > ul.products > li.product .woocommerce-loop-product__title { background-color: #0080C8; background-color: var(--light-blue); } /* Button */ body.home .woocommerce > ul.products > li.product a.button { background-color: #0080C8; background-color: var(--light-blue); } body.home .woocommerce > ul.products > li.product a.button:hover, body.home .woocommerce > ul.products > li.product a.button:active, body.home .woocommerce > ul.products > li.product a.button:focus { border: 2px solid #0080C8 !important; color: var(--light-blue); background-color: #fff; } /*------------------------- HOME & SHOP PAGE -------------------------*/ /* hide product grids at bottom of the page coming from storefront theme dynamically */ /* home page and archives which are not categories */ body.archive.woocommerce-page:not(.tax-product_cat) #main > .storefront-sorting, body.archive.woocommerce-page:not(.tax-product_cat) #main > ul.products, body.home.woocommerce-page #main > .storefront-sorting, body.home.woocommerce-page #main > ul.products { display: none; } /*-------SEPERATOR HOME---*/ /*body.home hr.separator-cat-header-bottom{ display: none; }*/ /* show on search page */ body.archive.woocommerce-page.search #main > .storefront-sorting, body.archive.woocommerce-page.search #main > ul.products { display: block; } /* product grid coming from gutenberg wc block */ .wc-block-grid > ul.wc-block-grid__products li > a:first-child { border: none !important; } .wc-block-grid > ul.wc-block-grid__products li > a:first-child > p { display: none; } .wc-block-grid > ul.wc-block-grid__products li > p:nth-child(2) { display: none; } /* white text */ p.has-text-align-center.text-white.has-white-color.has-text-color { color: #ffffff; /* old browser | safari*/ } @media (min-width: 768px) { .page-template-template-fullwidth-php #primary { margin-bottom: 0; } .full-width { max-width: 100% !important; width: 100% !important; } } /*h1.page-title{ display: none; }*/ div.woocommerce-product-details__short-description > .brand-logo { margin-left: 0; margin-bottom: 25px; } div.woocommerce-product-details__short-description > .brand-logo img { max-height: 50px; } /*----------- Logo Block Gallery -----------*/ .entry-content .wp-block-gallery.has-nested-images figure.wp-block-image img { width: 100%; height: auto; min-height: 0; padding: 10px; } @media screen and (min-width: 1024px) { .entry-content .wp-block-gallery.has-nested-images figure.wp-block-image img { padding: 20px; } } @media screen and (min-width: 1366px) { .entry-content .wp-block-gallery.has-nested-images figure.wp-block-image img { padding: 40px; } } /* BUTTON NEWSLETTER | HEADER HOMEPAGE*/ div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white { margin-top: 100px; } div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white, /* { width: 340px; height: 50px; margin-left: auto; margin-right: auto; }*/ body.home .category-overview { display: flex; } body.home .category-overview .wp-block-column { padding: 0 !important; margin: 0 20px 20px !important; width: 100%; /*max-width: 300px;*/ flex-basis: auto !important; } /*body.home.page-template-default div#page div#content div.col-full div#primary main#main article div.entry-content div.category-overview div.wp-block-column div.wp-block-buttons div.wp-block-button > a, #content .industrieautomation div > div, #content .oem div > div, #content .kassen div > div, #content .industrieautomation div.wp-block-uagb-info-box div.wp-block-buttons > div, #content .oem div.wp-block-uagb-info-box div.wp-block-buttons > div, #content .kassen div.wp-block-uagb-info-box div.wp-block-buttons > div*/ body.home .category-overview .wp-block-button .wp-block-button__link { width: 100%; /*min-width: 250px;*/ max-width: 340px; /*height: 50px;*/ margin-left: auto; margin-right: auto; margin: 50px 0 0 0; } #content .industrieautomation div > div, #content .oem div > div, #content .kassen div > div { padding: 0; } /*div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white > a, a.wp-block-button__link.has-white-color.has-text-color { border-radius: 20px 20px 20px 20px !important; border: 2px solid #fff !important; line-height: 1em !important; margin: 0; width: 100%; height: 50px; color: #ffffff; font-size: 1em; padding: 0.75em 0 !important; font-weight: 400 !important; } */ /**ÜBER UNS Buttons before Icon div.industrieautomation div.team-icons > a.wp-block-button__link.has-white-color.has-text-color:before, div.oem div.team-icons > a.wp-block-button__link.has-white-color.has-text-color:before, div.kassen div.team-icons > a.wp-block-button__link.has-white-color.has-text-color:before{ content: "\f064"; }**/ div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white > a:hover, div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white > a:focus, div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white > a:active { background-color: #ffffff; color: #0080C8 !important; color: var(--light-blue); } div.industrieautomation a.wp-block-button__link.has-white-color.has-text-color:hover, div.industrieautomation a.wp-block-button__link.has-white-color.has-text-color:active, div.industrieautomation a.wp-block-button__link.has-white-color.has-text-color:focus, #content .industrieautomation a:hover, #content .industrieautomation a:active, #content .industrieautomation a:focus { background-color: #ffffff !important; color: #26348B !important; color: var(--dark-blue); } div.oem a.wp-block-button__link.has-white-color.has-text-color:hover, div.oem a.wp-block-button__link.has-white-color.has-text-color:active, div.oem a.wp-block-button__link.has-white-color.has-text-color:focus, #content .oem a:hover, #content .oem a:active, #content .oem a:focus { background-color: #ffffff !important; color: #e50064 !important; color: var(--pink); } div.kassen a.wp-block-button__link.has-white-color.has-text-color:hover, div.kassen a.wp-block-button__link.has-white-color.has-text-color:active, div.kassen a.wp-block-button__link.has-white-color.has-text-color:focus, #content .kassen a:hover, #content .kassen a:active, #content .kassen a:focus { background-color: #ffffff !important; color: #63B32E !important; color: var(--light-green); } div.newsletter div.text-white > a.wp-block-button__link.has-white-color.has-text-color:hover, div.newsletter div.text-white > a.wp-block-button__link.has-white-color.has-text-color:active, div.newsletter div.text-white > a.wp-block-button__link.has-white-color.has-text-color:focus { background-color: #ffffff; color: #191919 !important; color: var(--dark-grey); } /*----- Entry Category Grid (3 Columns) ------*/ @media screen and (max-width: 781px) { /*div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white, #content .industrieautomation div > div, #content .oem div > div, #content .kassen div > div, div.newsletter div.content-wrapper div.wp-block-button.is-style-outline.text-white > a, a.wp-block-button__link.has-white-color.has-text-color{ width: 280px; }*/ /*#content .oem{ margin: 20px 0; } #content .industrieautomation p, #content .oem p, #content .kassen p, #content .industrieautomation h3, #content .oem h3, #content .kassen h3,{ padding: 0 10px; } #content .industrieautomation div, #content .oem div, #content .kassen div{ padding: 20px; }*/ /*** Grid for Partner Logo Gallery ***/ ul.blocks-gallery-grid { margin: 0 20px; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 1.5em 1.5em 0; } /* Home Category Grid */ body.home .page-description > .wp-block-columns.alignfull.full-width.category-overview { flex-direction: column; } body.home .page-description > .wp-block-columns.alignfull.full-width.category-overview > .wp-block-column { /*width: 100%; float: none; clear: both;*/ margin: 20px auto; } } /*------------------------- WC Blocks Gutenberg -------------------------*/ /*** RESET STYLEY ****/ @media (min-width: 66.4989378333em) { .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull { margin-left: auto; margin-right: auto; } .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide { width: auto; max-width: none; padding-left: 0; padding-right: 0; clear: both; } } /* Block Grid Items */ /* Links */ #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a { border: none !important; font-size: 18px; padding: 8px 0; max-width: 250px; width: 100%; border-radius: 20px; margin-top: 10px !important; font-weight: 400 !important; } /* Button */ /*OEM-Komponenten*/ ul.products li.product.product_cat-oem-komponenten a.button.product_type_simple { border: 2px solid transparent; font-size: 18px; padding: 8px 0; max-width: 250px; width: 100%; border-radius: 20px; margin-top: 10px !important; font-weight: 400 !important; background-color: var(--pink); background-color: #e50064; color: #ffffff; /* old browser | safari*/ } /*Button States*/ ul.products li.product.product_cat-oem-komponenten a.button.product_type_simple:hover, ul.products li.product.product_cat-oem-komponenten a.button.product_type_simple:active, ul.products li.product.product_cat-oem-komponenten a.button.product_type_simple:focus { border: 2px solid #e50064 !important; background-color: #fff; color: #e50064; /* old browser | safari*/ } /*Automation*/ ul.products li.product.product_cat-industrieautomation a.button.product_type_simple { border: 2px solid transparent; font-size: 18px; padding: 8px 0; max-width: 250px; width: 100%; border-radius: 20px; margin-top: 10px !important; font-weight: 400 !important; background-color: var(--dark-blue); background-color: #26348B; color: #ffffff; /* old browser | safari*/ } /*Button States*/ ul.products li.product.product_cat-industrieautomation a.button.product_type_simple:hover, ul.products li.product.product_cat-industrieautomation a.button.product_type_simple:active, ul.products li.product.product_cat-industrieautomation a.button.product_type_simple:focus { border: 2px solid #26348B !important; background-color: #fff; color: #26348B; /* old browser | safari*/ } /*Kassensysteme*/ ul.products li.product.product_cat-kassensysteme a.button.product_type_simple { border: 2px solid transparent; font-size: 18px; padding: 8px 0; max-width: 250px; width: 100%; border-radius: 20px; margin-top: 10px !important; font-weight: 400 !important; background-color: var(--light-green); background-color: #63B32E; color: #ffffff; /* old browser | safari*/ } /*Button States*/ ul.products li.product.product_cat-kassensysteme a.button.product_type_simple:hover, ul.products li.product.product_cat-kassensysteme a.button.product_type_simple:active, ul.products li.product.product_cat-kassensysteme a.button.product_type_simple:focus { border: 2px solid #63B32E !important; background-color: #fff; color: #63B32E; /* old browser | safari*/ } .wp-block-buttons { justify-content: center; } /*** HOVER ****/ ul.products li.product a.button.product_type_simple:hover, #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product a:hover { background: #f2f2f2; color: rgb(110, 101, 99); } /* Product Title */ #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product h3 { margin: 0px !important; padding: 5px !important; background-color: var(--light-blue); background-color: #0080C8; color: #fff; } #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product h3 .wc-block-grid__product-title { margin: 0px !important; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product h3 p { display: none !important; } /* Product Image */ #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap { position: relative; } #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap p { display: none !important; } #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap .wc-block-grid__product-image, #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap .wc-block-grid__product-image img { margin-bottom: 0 !important; } /* brand logo */ #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap .brand-logo { position: absolute; top: unset; left: unset; bottom: 0; right: 0; width: 120px; border-right: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; } #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap .brand-logo img { width: 120px; height: auto; margin: 0; max-width: 100%; } /* Short Description */ #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-short-description { margin-top: 10px; } /*-------- TESTIMONIAL --------------*/ @media (min-width: 782px) { .hentry .entry-content .wp-block-columns .wp-block-column:not(:last-child) { margin-right: 1% !important; } } @media (min-width: 768px) { div.testimonial div.wp-block-column.is-vertically-aligned-center div.wp-block-cover > div.wp-block-cover__inner-container { padding-top: 10em; padding-bottom: 1em; padding-left: 0 !important; padding-right: 0 !important; } } /*----------TIMELINE / TEXT / PORTFOLIO GRID / TEAM / BERATUNG----------*/ /* TIMELINE */ div.uagb-timeline-wrapper, div.wp-block-caxton-grid, ul.products.columns-5, div.wp-block-uagb-tabs, div.wp-block-group { max-width: 1920px; width: 100%; margin: 0 auto; padding: 0 20px; } /*** Responsive **/ @media (max-width: 767px) { @media (max-width: 767px) { .wp-block-uagb-advanced-heading { padding: 20px !important; } .uagb-tabs__wrap.uagb-tabs__vstyle6-mobile { flex-direction: column !important; } } .uagb-tabs__wrap.uagb-tabs__vstyle6-mobile ul.uagb-tabs__panel { max-width: 100% !important; } .uagb-tabs__wrap.uagb-tabs__hstyle5-desktop ul.uagb-tabs__panel { align-items: center; height: auto !important; background-color: #f2f2f2; } .uagb-tabs__wrap.uagb-tabs__vstyle6-mobile ul.uagb-tabs__panel .uagb-tab { border-style: solid; border-radius: 0 !important; border-bottom: 2px solid #fff; border-right: none !important; border-left: none !important; border-top: none !important; padding: 10px !important; margin: 0 !important; } .uagb-tabs__wrap.uagb-tabs__hstyle5-desktop .uagb-tab.uagb-tabs__active { border-bottom-style: solid !important; } .uagb-tabs__wrap.uagb-tabs__vstyle6-mobile .uagb-tabs__body-wrap { border-style: none !important; max-width: 100% !important; } .uagb-tabs__wrap .uagb-tabs__body-container, .uagb-tabs__wrap .uagb-tabs__body-wrap { padding: 0 !important; } :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; width: 100vw; margin-left: -20px; } .padding-none-mobile { padding: 0 !important; } .fa-trophy { display: flex; flex-direction: row; margin: 0 auto; } div.wp-block-column.is-vertically-aligned-center .wp-block-caxton-hero .cover.bg-center .pv4.min-h-7.dt.w-100.center-mid-children div > h2 { display: none; } } div.wp-block-uagb-tabs { padding: 0px; } .uagb-ifb-content { padding: 20px; } div.storefront-sorting { max-width: 1920px; width: 100%; margin: 20px auto; padding: 0 20px; } div.wp-block-columns, .single-product div.product, div.term-description, div.woobuilder-block.woobuilder-tabs, div.category-wrapper, body.postid-27269 div.wp-container-5.wp-block-columns.alignwide { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 20px; } body.postid-27269 div.wp-block-columns { max-width: 1440px!important; } body.postid-27269 div.wp-container-8.wp-block-columns.alignwide.has-vivid-cyan-blue-background-color.has-background{ max-width: 1440px!important; margin: 0 auto; padding: 0 20px; } /* HIDE STOREFRONT - SORTING ON BOTTOM */ div.term-description > div.storefront-sorting { display: none; } /*RESET padding for single-product TABS section*/ div.woobuilder-block.woobuilder-tabs div.wp-block-columns { padding: 0; } div.uagb-tabs__body-wrap div div > p.has-text-align-center { max-width: 1440px !important; width: 100%; margin: 0 auto; padding: 0 20px; } div.uagb-timeline__marker.out-view-uagb-timeline__icon.uagb-timeline__in-view-icon { background-color: var(--light-green) !important; background-color: #63B32E !important; border-color: var(--light-green) !important; border-color: #63B32E !important; } /** RESET PADDING FOR LISTS **/ div.wp-block-columns.ueber-uns-grid-list { padding: 0; } div.bg-grey { padding: 125px 0; margin-top: 45px; background-color: #f2f2f2; } @media (min-width: 66.4989378333em) { .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide { padding-left: 0 !important; padding-right: 0 !important; margin-left: auto; margin-right: auto; } } .min-h-7 { min-height: 25rem; } div.wp-block-caxton-hero { margin-right: 5%; background-color: var(--light-blue); background-color: #0080C8; } div.wp-block-caxton-hero h2 span h2, div.wp-block-caxton-hero div span h5 { color: #ffffff !important; /* old browser | safari */ line-height: 1.5 !important; letter-spacing: 0px !important; } div.wp-block-caxton-hero h2 span h2 { font-size: 32px !important; font-weight: 700; } div.wp-block-caxton-hero div span h5 { font-size: 22px !important; padding-bottom: 50px !important; text-align: center !important; } body.archive.tax-product_cat header.woocommerce-products-header .term-description, div.term-description { margin-bottom: 50px; } div.term-description { text-align: center; } @media (max-width: 768px) { div.wp-block-caxton-hero { margin-right: 0; } } /***** TEAM ****/ .uagb-tabs__wrap.uagb-tabs__hstyle5-desktop { border-width: 0px !important; } .uagb-tabs__wrap.uagb-tabs__hstyle5-desktop ul.uagb-tabs__panel { align-items: center; height: 100px; background-color: #f2f2f2; } .uagb-tabs__panel .uagb-tab span { color: var(--dark-grey) !important; color: #191919 !important; font-size: 2.5em; } .uagb-tabs__wrap.uagb-tabs__hstyle5-desktop .uagb-tab.uagb-tabs__active { border-bottom-style: none; border-width: 0; } div.caxton-section-block { padding: 0 !important; } /*** TABS ACTIVE *****/ .uagb-tabs__panel .uagb-tab.uagb-tabs__active span { color: #0080C8 !important; color: var(--light-blue) !important; } .uagb-tabs__panel .uagb-tab.uagb-tabs__active { background-color: transparent !important; } /*** TEAMBILDER & CAPTIONS ***/ figure.wp-block-image figcaption { color: #fff; background-color: var(--light-blue); background-color: #0080C8; margin: 0; padding: 10px; font-size: 18px; } div.team-grid div.wp-block-uagb-tabs-child div.uagb-tabs__body div.wp-block-caxton-grid div.wp-block-caxton-section div.caxton-section-block > p { padding: 0 20px 50px; } div.team-infos > div { display: flex; align-items: center; padding: 5px 20px; } div.team-infos div > i.fas { color: var(--light-blue); color: #0080C8; margin-right: 20px; } /*------------------------- ARCHIVE PAGES | Search, Taxonomies, Tags, 404 Error -------------------------*/ body.archive #main, body.error404 #main { max-width: 1920px; margin: 0 auto; } /* Title */ body.archive .woocommerce-products-category-title h1 { display: none; } /* 404 Error Page*/ body.error404 #main .page-content { max-width: 1440px; margin: 0 auto; padding: 0 20px; } body.error404 #main .woocommerce.columns-2 ul.products { justify-content: left; } @media screen and (min-width: 768px){ body.error404 #main .woocommerce.columns-2 ul.products li.product.type-product { width: 50%; max-width: 50%; flex: 50%; } } /*------------------------- CATEGORY PAGE -------------------------*/ /*----- Header -----*/ body.archive.tax-product_cat header.woocommerce-products-header { margin: 0 0 35px; } /*HIDE MARK COUNT*/ mark.count { display: none; } /* Category Image */ .category-image { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 20% 0; display: none; justify-content: center; } .archive.tax-product_cat.term-31 .category-image { display: flex; } .category-image .woocommerce-products-category-title h1 { font-size: 48px; color: #fff; background-color: var(--pink); background-color: #e50064; border-radius: 80px; height: 80px; padding: 0 40px; display: flex; justify-content: center; align-items: center; text-align: center; } div.category-wrapper h1 { text-align: center; } /* Category Logo */ /*OEM-Komponenten*/ body.archive.tax-product_cat.term-oem-komponenten header.woocommerce-products-header .parent-category-image { content: url(/wp-content/uploads/2021/04/oem-komponenten-icon-100x100-1.png); width: 48px; height: 48px; margin: 28px auto; background-position: center; background-size: contain; background-repeat: no-repeat; } /*Automation*/ body.archive.tax-product_cat.term-industrieautomation header.woocommerce-products-header .parent-category-image { content: url(/wp-content/uploads/2021/04/industrieautomation-icon-os7pq86ugd9ta8fanoxo2mcrmx0iq8h2vv2yddvz6w.png); width: 48px; height: 48px; margin: 28px auto; background-position: center; background-size: contain; background-repeat: no-repeat; } /*Kassensysteme*/ body.archive.tax-product_cat.term-kassensysteme header.woocommerce-products-header .parent-category-image { content: url(https://www.pohl-electronic.de/wp-content/uploads/2021/03/kassensysteme-icon1-100x100-1-oseooxcwh93ekt0qczoe6quyiu4rozlqdgzy721sko-e1615919359539.png); width: 48px; height: 48px; margin: 28px auto; background-position: center; background-size: contain; background-repeat: no-repeat; } /* Category Title */ body.archive.tax-product_cat header.woocommerce-products-header h1.woocommerce-products-header__title.page-title { margin: 0 0 35px; } body.archive.tax-product_cat header.woocommerce-products-header h1.woocommerce-products-header__title.page-title { margin: 0 0 35px; } /* Category Description */ body.archive.tax-product_cat header.woocommerce-products-header .term-description { } body.archive.tax-product_cat header.woocommerce-products-header .term-description p { margin: 0; } @media (min-width: 768px) { .woocommerce .page-description { margin-bottom: 0 !important; } } /* Separator Header Bottom*/ hr.separator-cat-header-bottom { margin: 0 auto; width: 50%; border-top: 3px dotted var(--light-blue) !important; border-top: 3px dotted #0080C8 !important; background: none; border-bottom: none !important; opacity: 1 !important; } hr.separator-cat-page { margin: 0 auto; width: 50%; border-top: 3px dotted var(--light-blue); border-top: 3px dotted #0080C8; background: none; border-bottom: none !important; opacity: 1 !important; } /* archive-product.php display - NONE Separator and H1 */ body.home div#page div#content div.col-full div#primary main#main header.woocommerce-products-header > div.category-wrapper, body.home div#page div#content div.col-full div#primary main#main > hr.separator-cat-page { display: none !important; } /* Product Sorting */ body.archive.tax-product_cat .storefront-sorting { margin: 20px 0; padding: 0 30px; } body.archive.tax-product_cat .storefront-sorting form.woocommerce-ordering { margin-bottom: 35px; float: none; text-align: center; } /* Prodcut Categories */ /* hide second form after product loop */ body.archive.tax-product_cat .site-main > .storefront-sorting:last-child { display: none; } /*------------ Subcategory Grid -------------*/ /* Subcategory Title */ /*OEM-Komponenten*/ body.term-oem-komponenten ul.products li.product a > h2.woocommerce-loop-category__title, body.top-parent-id-343 ul.products li.product a > h2.woocommerce-loop-category__title /*body.term-akku-batteriesysteme ul.products li.product a > h2.woocommerce-loop-category__title, body.term-barcodescanner ul.products li.product a > h2.woocommerce-loop-category__title, body.term-drucker ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lcd-anzeigen ul.products li.product a > h2.woocommerce-loop-category__title, body.term-netzteile ul.products li.product a > h2.woocommerce-loop-category__title, body.term-rfid ul.products li.product a > h2.woocommerce-loop-category__title, body.term-akkukonfektion ul.products li.product a > h2.woocommerce-loop-category__title, body.term-alkali-mangan-batterien ul.products li.product a > h2.woocommerce-loop-category__title, body.term-batteriezubehoer-ladegeraete ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lithium-br-cr-primaerbatterien ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lithium-knopfzellen ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lithium-eisenphosphat-akkus ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lithium-ionen-akkus ul.products li.product a > h2.woocommerce-loop-category__title, body.term-nickel-metallhydrid-akkus ul.products li.product a > h2.woocommerce-loop-category__title, body.term-vrla-bleiakkus-panasonic ul.products li.product a > h2.woocommerce-loop-category__title, body.term-vrla-bleiakkus-pbq ul.products li.product a > h2.woocommerce-loop-category__title, body.term-vrla-bleiakkus-sec ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lcd-character-displays ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lcd-graphic-displays ul.products li.product a > h2.woocommerce-loop-category__title*/ { color: #fff; padding: 5px; margin: 0 !important; background-color: var(--pink); background-color: #e50064; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Automation*/ body.term-industrie-automation ul.products li.product a > h2.woocommerce-loop-category__title, body.top-parent-id-692 ul.products li.product a > h2.woocommerce-loop-category__title, ul.products li.product .woocommerce-loop-product__title /*body.term-antriebstechnik ul.products li.product a > h2.woocommerce-loop-category__title, body.term-hmi-terminals ul.products li.product a > h2.woocommerce-loop-category__title, body.term-industrie-pc ul.products li.product a > h2.woocommerce-loop-category__title, body.term-infrarot-thermometer-kameras ul.products li.product a > h2.woocommerce-loop-category__title, body.term-kontrollkomponenten ul.products li.product a > h2.woocommerce-loop-category__title, body.term-robotik ul.products li.product a > h2.woocommerce-loop-category__title, body.term-schaltschrankkomponenten ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sensorik-bildverarbeitung ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheitstechnik ul.products li.product a > h2.woocommerce-loop-category__title, body.term-steuerungen-sps ul.products li.product a > h2.woocommerce-loop-category__title, body.term-frequenzumrichter ul.products li.product a > h2.woocommerce-loop-category__title, body.term-erweiterte-hmi-terminals ul.products li.product a > h2.woocommerce-loop-category__title, body.term-kompakte-hmi-terminals ul.products li.product a > h2.woocommerce-loop-category__title, body.term-motion-controller ul.products li.product a > h2.woocommerce-loop-category__title, body.term-servosysteme ul.products li.product a > h2.woocommerce-loop-category__title, body.term-multitouch-tft-monitore ul.products li.product a > h2.woocommerce-loop-category__title, body.term-panel-und-box-ipc ul.products li.product a > h2.woocommerce-loop-category__title, body.term-infrarot-software ul.products li.product a > h2.woocommerce-loop-category__title, body.term-infrarot-und-waermebildkameras ul.products li.product a > h2.woocommerce-loop-category__title, body.term-digitalanzeigen ul.products li.product a > h2.woocommerce-loop-category__title, body.term-druck-und-durchfluss-sensoren ul.products li.product a > h2.woocommerce-loop-category__title, body.term-industrienetzteile ul.products li.product a > h2.woocommerce-loop-category__title, body.term-signalleuchten ul.products li.product a > h2.woocommerce-loop-category__title, body.term-usv-systeme ul.products li.product a > h2.woocommerce-loop-category__title, body.term-zaehler ul.products li.product a > h2.woocommerce-loop-category__title, body.term-drucktaster-schluesselschalter ul.products li.product a > h2.woocommerce-loop-category__title, body.term-elektromechanische-relais ul.products li.product a > h2.woocommerce-loop-category__title, body.term-halbleiterrelais ul.products li.product a > h2.woocommerce-loop-category__title, body.term-meldeleuchten ul.products li.product a > h2.woocommerce-loop-category__title, body.term-motorschutzschalter-schuetze ul.products li.product a > h2.woocommerce-loop-category__title, body.term-positionsschalter-endschalter ul.products li.product a > h2.woocommerce-loop-category__title, body.term-ueberwachungsrelais ul.products li.product a > h2.woocommerce-loop-category__title , body.term-bildverarbeitungssysteme ul.products li.product a > h2.woocommerce-loop-category__title, body.term-drehgeber ul.products li.product a > h2.woocommerce-loop-category__title, body.term-kabel ul.products li.product a > h2.woocommerce-loop-category__title, body.term-lichtleiter ul.products li.product a > h2.woocommerce-loop-category__title, body.term-messsensoren ul.products li.product a > h2.woocommerce-loop-category__title, body.term-naeherungsinitiatoren ul.products li.product a > h2.woocommerce-loop-category__title, body.term-rfid-systeme ul.products li.product a > h2.woocommerce-loop-category__title, body.term-stecker-und-zubehoer ul.products li.product a > h2.woocommerce-loop-category__title, body.term-not-halt-taster ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheits-positionsschalter ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheits-schaltmatten ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheits-sensoren ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheits-steuerung ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheits-tuerschalter ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheitsmodule ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sicherheitsrelais-zwangsgefuehrt ul.products li.product a > h2.woocommerce-loop-category__title, body.term-dezentrale-e-a-baugruppen ul.products li.product a > h2.woocommerce-loop-category__title, body.term-kompakt-sps ul.products li.product a > h2.woocommerce-loop-category__title, body.term-sps-im-baugruppentraeger ul.products li.product a > h2.woocommerce-loop-category__title*/ { color: #fff; padding: 5px; margin: 0 !important; background-color: var(--dark-blue); background-color: #26348B; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*kassensysteme*/ body.term-kassensysteme ul.products li.product a > h2.woocommerce-loop-category__title, /*body.term-medizin-und-healthcare ul.products li.product a > h2.woocommerce-loop-category__title, body.term-mobile-datenerfassung ul.products li.product a > h2.woocommerce-loop-category__title, body.term-mobile-drucker ul.products li.product a > h2.woocommerce-loop-category__title, body.term-pos-barcode-scanner ul.products li.product a > h2.woocommerce-loop-category__title, body.term-pos-zubehoer ul.products li.product a > h2.woocommerce-loop-category__title, body.term-stationaere-drucker ul.products li.product a > h2.woocommerce-loop-category__title*/ body.top-parent-id-848 ul.products li.product a > h2.woocommerce-loop-category__title { color: #fff; padding: 5px; margin: 0 !important; background-color: var(--light-green); background-color: #63B32E; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ul.products li.product a > h2.woocommerce-loop-category__title mark.count { color: #fff; } /* Subcategory List */ /*ul.products ul.woo_subcategory_list { padding: 0 15px; }*/ ul.products ul.woo_subcategory_list { /*Reset Safari User Agent Styles*/ -webkit-padding-start: 0px; text-align: left; } ul.products ul.woo_subcategory_list > li { /*Reset Safari User Agent Styles*/ -webkit-padding-start: 0px; padding-left: 25px; } ul.products ul.woo_subcategory_list > a:first-child, ul.products ul.woo_subcategory_list > li:nth-child(2) > a:first-child { display: none; } ul.products ul.woo_subcategory_list > li::before { /* SAFARI SUPPORT */ content: '»'; /* missing support for direction */ direction: ltr; margin-left: -25px; position: absolute; } /*------------ OEM-Komponenten - Category-ID: 31 -------------*/ /* Subcategory Title */ .archive.tax-product_cat.term-31 h2.woocommerce-loop-category__title, .archive.tax-product_cat.top-parent-id-31 h2.woocommerce-loop-category__title { background-color: var(--pink); background-color: #e50064; } /* Hover, Focus, Active */ .archive.tax-product_cat.term-31 ul.products li.product a:hover h2.woocommerce-loop-category__title, .archive.tax-product_cat.term-31 ul.products li.product a:hover h2.woocommerce-loop-category__title *, .archive.tax-product_cat.term-31 ul.products li.product a:focus h2.woocommerce-loop-category__title, .archive.tax-product_cat.term-31 ul.products li.product a:focus h2.woocommerce-loop-category__title *, .archive.tax-product_cat.term-31 ul.products li.product a:active h2.woocommerce-loop-category__title, .archive.tax-product_cat.term-31 ul.products li.product a:active h2.woocommerce-loop-category__title *, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:hover h2.woocommerce-loop-category__title, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:hover h2.woocommerce-loop-category__title *, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:focus h2.woocommerce-loop-category__title, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:focus h2.woocommerce-loop-category__title *, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:active h2.woocommerce-loop-category__title, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:active h2.woocommerce-loop-category__title * { background-color: #fff; color: var(--pink); color: #e50064; } /* Subcategory List */ .archive.tax-product_cat.term-31 ul.products ul.woo_subcategory_list > li::marker, .archive.tax-product_cat.top-parent-id-31 ul.products ul.woo_subcategory_list > li::marker { color: var(--pink); color: #e50064; } /*------------ Product Grid -------------*/ /**/ @media screen and (min-width: 768px) { /* List Container */ ul.products { display: flex; justify-content: center; align-items: stretch; align-content: flex-start; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } /* List Item */ ul.products > li.product, ul.products > li.product.last { margin-right: 0 !important; } ul.products > li.product.product-category, ul.products > li.product.type-product { width: 33.333% !important; flex: 33.333%; max-width: 33.333%; margin-bottom: 50px; padding-left: 10px !important; padding-right: 10px !important; } ul.products > li.product.type-product { padding-bottom: 60px; } } @media screen and (min-width: 1024px) { /* List Container */ ul.products { margin-left: -15px; margin-right: -15px; } /* List Item */ ul.products > li.product.product-category, ul.products > li.product.type-product { width: 20% !important; flex: 20%; max-width: 20%; padding-left: 15px !important; padding-right: 15px !important; } } /* Product Title */ /*OEM-Komponenten*/ ul.products > li.product.product_cat-oem-komponenten h2.woocommerce-loop-product__title { font-size: 18px !important; padding: 5px; margin: 0; color: #fff; background-color: var(--pink); background-color: #e50064; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Automation*/ ul.products > li.product.product_cat-industrieautomation h2.woocommerce-loop-product__title { font-size: 18px !important; padding: 5px; margin: 0; color: #fff; background-color: var(--dark-blue); background-color: #26348B; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*Automation*/ ul.products > li.product.product_cat-kassensysteme h2.woocommerce-loop-product__title { font-size: 18px !important; padding: 5px; margin: 0; color: #fff; background-color: var(--light-green); background-color: #63B32E; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Product Short Description */ /* hide break before text */ ul.products > li.product .wc-block-grid__product-short-description { clear: both; } ul.products > li.product .wc-block-grid__product-short-description > p, ul.wc-block-grid__products > li.wc-block-grid__product .wc-block-grid__product-short-description div.shop-acf > p { font-size: 16px; line-height: 26px; margin: 25px 0; } ul.products > li.product .wc-block-grid__product-short-description > p > br:first-child { display: none; } /* Brand Logo */ ul.products > li.product .woocommerce-loop-product__link .brand-logo { width: auto; position: static; float: right; transform: translateY(-100%); margin: 0; border-right: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; } ul.products > li.product .woocommerce-loop-product__link .brand-logo img { width: 100px; height: auto; margin: 0; border: none; } /* Übersicht Liste Produkteigenschaften */ ul.products li.product .uebersicht, ul.woo_subcategory_list li > a { clear: both; text-align: left; margin-top: 20px; font-size: 16px; } /* Go To Product Button */ ul.products > li.product .after-shop-loop-item-title.gotoproduct-btn { display: flex; justify-content: center; position: absolute; top: unset; bottom: 0; left: 0; width: 100%; } ul.products > li.product .after-shop-loop-item-title.gotoproduct-btn a.button.product_type_simple { margin: 0; padding: 5px 15px; } ul.products > li.product .after-shop-loop-item-title.gotoproduct-btn a.button.product_type_simple:after { content: '\00BB'; display: inline; margin-left: 10px; } /*------------ Übersicht Liste -------------*/ div.uebersicht, ul.uebersicht, ul.uebersicht { position: relative; } div.uebersicht ul li, ul.uebersicht li, .uebersicht li { margin-left: 15px; } div.uebersicht ul li:before, ul.uebersicht li:before, .uebersicht li:before { content: "»"; left: 0; position: absolute; } /*------------ OEM-Komponenten - Category-ID: 31 -------------*/ .archive.tax-product_cat.term-31, .archive.tax-product_cat.top-parent-id-31 { } /* Category Title */ body.archive.tax-product_cat.top-parent-id-31 h1.woocommerce-products-header__title.page-title { /*color: var(--pink);*/ } /* Category Image */ body.archive.tax-product_cat.term-31 .parent-category-image, body.archive.tax-product_cat.top-parent-id-31 .parent-category-image { background-image: url(/wp-content/uploads/2020/12/oem-komponenten-icon-100x100-1.png); } /* Product Grid */ /* Product Title */ body.archive.tax-product_cat.top-parent-id-31 ul.products > li.product h2.woocommerce-loop-product__title { background-color: var(--pink); background-color: #e50064; } /* Hover, Focus, Active */ .archive.tax-product_cat.term-31 ul.products li.product a:hover h2.woocommerce-loop-product__title, .archive.tax-product_cat.term-31 ul.products li.product a:hover h2.woocommerce-loop-product__title *, .archive.tax-product_cat.term-31 ul.products li.product a:focus h2.woocommerce-loop-product__title, .archive.tax-product_cat.term-31 ul.products li.product a:focus h2.woocommerce-loop-product__title *, .archive.tax-product_cat.term-31 ul.products li.product a:active h2.woocommerce-loop-product__title, .archive.tax-product_cat.term-31 ul.products li.product a:active h2.woocommerce-loop-product__title *, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:hover h2.woocommerce-loop-product__title, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:hover h2.woocommerce-loop-product__title *, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:focus h2.woocommerce-loop-product__title, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:focus h2.woocommerce-loop-product__title *, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:active h2.woocommerce-loop-product__title, .archive.tax-product_cat.top-parent-id-31 ul.products li.product a:active h2.woocommerce-loop-product__title * { background-color: #fff; color: var(--pink); color: #e50064; } /*------------------------- SINGLE PRODUCT PAGE -------------------------*/ /**** LAYOUT | GRID Gallery Image ****/ div.woocommerce-product-gallery__image, ul.products li.product-category a > img, ul.products li.product img, #content .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .image-wrap .wc-block-grid__product-image img, div.woocommerce-product-gallery__image--placeholder { border: 2px solid #f2f2f2; } /* Product Short Description */ /*** PDF ICON:BEFORE | BUTTON****/ div.wp-block-uagb-buttons-child { display: flex; align-items: center; } div.wp-block-uagb-buttons-child > div { display: flex; } div.wp-block-uagb-buttons-child div > a { display: flex; } div.wp-block-uagb-buttons-child div a span > svg { height: 13px; width: 30px; fill: white; } div.wp-block-uagb-buttons-child div a span > svg:hover { fill: rgb(110, 101, 99); } div.wp-block-uagb-buttons-child a { border-width: 1px; border-style: solid; border-radius: 30px; background: #e50064; padding: 10px 25px; color: #ffffff; } div.wp-block-uagb-buttons-child a:hover, div.wp-block-uagb-buttons-child a:focus, div.wp-block-uagb-buttons-child a:active { background: #f2f2f2; color: rgb(110, 101, 99); } div.wp-block-uagb-buttons-child a:hover *, div.wp-block-uagb-buttons-child a:focus *, div.wp-block-uagb-buttons-child a:active * { color: rgb(110, 101, 99); fill: rgb(110, 101, 99); } /* div.wp-block-uagb-buttons-child a span{ border-width: 1px; border-style: solid; border-radius: 30px; background: #26348b; padding: 10px 25px; color: #ffffff; }*/ div.wp-block-uagb-buttons-child:before { content: url(/wp-content/uploads/2021/04/PDF_file_icon-e1619022721396.png); margin-right: 25px; } /* PDF Button list */ .single-product .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description ul.datasheet { list-style-type: none; margin: 0 0 25px; } .single-product .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description ul.datasheet li { list-style-type: none; } /*----Product-branding-----*/ body.single-product div.product-brand-wrapper { max-width: 200px; min-width: 150px; float: right; transform: translateY(-100%); margin: 0; padding: 10px; background-color: #fff; border: 2px solid #f2f2f2; } /*** Responsive ***/ @media(max-width: 768px) { body.single-product div.product-brand-wrapper { max-width: 100px; min-width: 80px; } } /*Front-Page Brand*/ div.brand-logo { position: absolute; padding: 10px; background: #fff; } /*body.single-product*/ div.brand-logo img { height: 40px; max-width: none; } /**** Single Product Image ****/ .wc-block-grid__products .wc-block-grid__product.product-category img, .wc-block-grid__products li.product.product-category img, ul.products .wc-block-grid__product.product-category img, ul.products li.product.product-category img { width: 100%; } ul.products li.product img { margin: 0; width: 100% } /*** Datasheet Section***/ div.datasheet div.wp-block-columns div > h4 { font-weight: 600; } /*div.datasheet{ margin: 20px 0 50px 0; display: flex; flex-direction: column; order: 2; }*/ div.datasheet > div.wp-block-columns { display: block; padding: 0; } /*@media (min-width: 782px){ div.datasheet div > div.wp-block-column[style*=flex-basis] { flex-grow: 1!important; } }*/ /*----- PRODUCT TAB SECTION -----*/ body.single-product .woobuilder-block.woobuilder-tabs { margin-top: 50px; } /* Style the tab */ /*.buttonWrapper { margin: 0 0 0 -2px; display: flex; flex-direction: row; border: 1px solid red; }*/ .wrapper { width: 100%; margin-left: auto; margin-right: auto; } /* Style the buttons that are used to open the tab content */ /*.woobuilder-block div.buttonWrapper button{ background-color: #e50064; border: 2px solid #fff; border-bottom: 0px; padding: 10px 25px; color: #ffffff; }*/ /*.woobuilder-block div.buttonWrapper button:nth-child(2){ border-left: none; border-right: none; } */ /* Change background color of buttons on hover */ /*.woobuilder-block div.buttonWrapper button:hover{ background-color: #f2f2f2; color: #191919; } */ .woobuilder-block div.contentWrapper { margin: 0 0 100px 0; } /* Create an active/current tablink class */ /*.content.activer { display: block!important; } */ /* Style the tab content */ /*.content { display: none; padding: 10px 25px; }*/ /* Product Description */ ul.product-description-arrow li::before { /* SAFARI SUPPORT */ content: '»'; /* missing support for direction */ direction: rtl; padding-right: 15px; } /*-----PRODUCT SKU / Hide Sorting Price----*/ span.sku_wrapper { display: none; } /*--------Single Product Page--------*/ /** PARENT STYLES**/ @media (min-width: 768px) { .storefront-full-width-content.single-product div.product .summary { width: 70%; } .storefront-full-width-content.single-product div.product .woocommerce-product-gallery { width: 25%; margin-right: 5%; } .storefront-full-width-content .woocommerce-tabs .panel { width: 100%; float: none; background-color: #f2f2f2; padding: 30px; } .storefront-full-width-content .woocommerce-tabs .panel > div.one-half:last-child { width: 66%; float: right; border-left: 1px solid #fff; padding: 0 0 0 5%; } .storefront-full-width-content .woocommerce-tabs .panel > div.one-half { width: 33%; float: left; } } p.price { display: none; } ul.tabs.wc-tabs { display: none !important; } /*-------------------------- SIDEBARS --------------------------*/ /*------------ Floating Contact Box from right -------------*/ /* Contact Sidebar Container */ #secondary { display: block; position: fixed; right: 0; top: 140px; width: 100vw; z-index: 998; } #secondary > .secondary-wrapper { display: block; position: absolute; right: -270px; width: 330px; display: flex; align-items: flex-start; transition-duration: 1s; } /* toggle sidebar */ #secondary > .secondary-wrapper.toggle-on { right: 0; } /* Contact Sidebar Handler */ #secondary > .secondary-wrapper > .secondary-handle { cursor: pointer; width: 60px; float: left; padding: 10px; background-color: #0080C7; background-color: var(--light-blue); color: #fff; box-shadow: 3px 3px 9px 4px rgba(255, 255, 255, 0.2); /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+,*/ -webkit-box-shadow: 3px 3px 9px 4px rgba(255, 255, 255, 0.2); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 3px 3px 9px 4px rgba(255, 255, 255, 0.2); /* Firefox 3.5 - 3.6 */ } /* Contact Sidebar Content */ #secondary > .secondary-wrapper > .secondary-content { width: 270px; float: left; padding: 0px 20px 10px 20px; background: #fff; max-height: calc(100vh - 160px); overflow: hidden; background-color: #efefef; } /* Widgets */ #secondary .widget:last-child { margin-bottom: 0; } /* Widget Title */ #secondary > .secondary-wrapper > .secondary-content .widgettitle { display: none; } /* Text */ #secondary > .secondary-wrapper > .secondary-content p { margin: 0 0 10px; } /* Buttons */ #secondary > .secondary-wrapper > .secondary-content p a.btn { color: #fff; background-color: #0080C7; background-color: var(--light-blue); border: 2px solid #0080C7; border: 2px solid var(--light-blue); padding: 10px 16px; border-radius: 5px; display: block; font-size: 14px; } /* Icons */ #secondary > .secondary-wrapper > .secondary-content p a.btn i { padding: 0 8px 0 0; } /* Hover, Focus, Active */ #secondary > .secondary-wrapper > .secondary-content p a.btn:hover, #secondary > .secondary-wrapper > .secondary-content p a.btn:focus, #secondary > .secondary-wrapper > .secondary-content p a.btn:active { background-color: transparent; color: #0080C7; color: var(--light-blue); } /*--------STELLENANGEBOTSSEITE----*/ div.bewerbung-box { padding: 20px !important; background-color: #f2f2f2; height: 25%; } /*------------------------- Ninja Forms -------------------------*/ .label-right .nf-field-description { margin-left: 0; margin-right: 0% !important; } .label-right .field-wrap { flex-direction: column !important; } .nf-field-container.checkbox-container.label-right.dsgvo { padding: 20px; background-color: #f2f2f2; margin-top: 50px; } .nf-form-content { padding: 5px; max-width: 100% !important; margin: 0 auto; } .nf-form-fields-required { margin-left: 5px; font-size: 12px; } span.ninja-forms-req-symbol { display: none; } .nf-field-label { display: none; } .nf-field-label label { font-size: 12px !important; font-weight: 400 !important; align-items: top; margin-top: 10px !important; display: flex; align-self: flex-start; } .nf-field-description { font-size: 12px !important; } .nf-field-description h5 { margin: 30px 0 5px; } .nf-field-description a { font-size: 12px !important; font-weight: 400 !important; } .nf-form-cont { margin-right: 5%; } .nf-form-content .label-right .nf-field-label { margin: 15px 0 !important; } /* phone number field */ /* hide arrows */ input.phone::-webkit-outer-spin-button, input.phone::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input.phone { -moz-appearance: textfield; } /* RESPONSIVE */ @media (max-width: 767px) { .nf-form-cont { margin-right: 0%; } } /*--------- To Top Button --------*/ #totop { display: block; position: fixed; right: 20px; top: unset; left: unset; bottom: 20px; width: 60px; height: 35px; padding: 5px; z-index: 999; } #totop:after { content: ""; display: block; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 25px 25px 25px; border-color: transparent transparent #6E6563 transparent; } @media screen and (max-width: 767px) { #totop { right: 10px; bottom: 25px; } } /*-------- Abgekündigte Produkte ---------*/ /*.abgekuendigtWrapper{ position: absolute; display: block; width: auto; transform: translateX(14%); transform: translateY(-290%); margin: 0 40px; } .abgekuendigt-font{ font-size: 36px; color: var(--pink); color: #e50064; border-bottom: 4px solid #e50064; border-top: 4px solid #e50064; }*/ /*----- Abgekündigte Produkte -----*/ /*----- Störer in Product Category Loop auf Bild -----*/ li.product.type-product > a.woocommerce-LoopProduct-link { position: relative; } li.product.type-product .abgekuendigtContainer { position: absolute; display: block; width: 100%; height: 0; padding-top: 75%; background-color: rgba(255,255,255,.7); /*display: flex; justify-content: center; align-items: center;*/ } li.product.type-product .abgekuendigtWrapper { position: absolute; top: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } li.product.type-product .abgekuendigt-font { font-size: 30px; color: red; border-bottom: 4px solid red; border-top: 4px solid red; } @media screen and (min-width: 1024px) { li.product.type-product .abgekuendigt-font { font-size: 22px; } } @media screen and (min-width: 1600px) { li.product.type-product .abgekuendigt-font { font-size: 36px; } } /*** Single-product.php Abgekündigt message ***/ body.single.single-product main#main div.abgekuendigtContainer { display: flex; justify-content: center; margin-bottom: 50px; } body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper { border-bottom: 4px solid red; border-top: 4px solid red; padding: 25px 0; display: flex; align-items: center; flex-direction: column; } body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper > a { width: 300px; height: 35px; background-color: #0080C8; background-color: var(--light-blue); color: #fff; border: 2px solid transparent; border-radius: 30px; display: flex; justify-content: center; align-items: center; margin-top: 20px; } /** HOVER / FOCUS Button States **/ body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper div.abgekuendigt-btn__wrapper > a:hover, body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper div.abgekuendigt-btn__wrapper > a:active, body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper div.abgekuendigt-btn__wrapper > a:focus { background-color: #fff; color: #0080C8; color: var(--light-blue); border: 2px solid #0080C8; } body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper div.abgekuendigt { display: flex; justify-content: center; } body.single.single-product main#main div.abgekuendigtContainer .abgekuendigt span.abgekuendigt-font { font-size: 36px; color: red; font-weight: bold; } body.single.single-product main#main div.abgekuendigtContainer .abgekuendigtWrapper > p { color: red; }