/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 10 version */ .header_print, .print_only { display: none; } /****************************************************************** Site Name: Author:Stylesheet: Main StylesheetHere's where the magic happens. Here, you'll see we are calling in the separate media queries. The base mobile goes outside any query and is called at the beginning, after that we call the rest of the styles inside media queries. ******************************************************************/ /* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE6/7/8/9 & FF3. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3. */ audio, canvas, video { display: inline-block; display: inline; zoom: 1; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4. * Known issue: no IE6 support. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using * `em` units. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 18px; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses `font-family` inconsistency between `textarea` and other form * elements. */ /* * Addresses margins handled incorrectly in IE6/7. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7. * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5. */ h1 { font-size: 2em; margin: 0.67em 0; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } h2 { font-size: 1.5em; margin: 0.83em 0; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } h3 { font-size: 1.17em; margin: 1em 0; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } h4 { font-size: 1em; margin: 1.33em 0; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } h5 { font-size: 0.83em; margin: 1.67em 0; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } h6 { font-size: 0.75em; margin: 2.33em 0; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } /* * Addresses styling not present in IE7/8/9, S5, Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in FF3+, S4/5, Chrome. */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9. */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7. */ p, pre { margin: 0.3em 0 1.2em; } /* * Corrects font family set oddly in IE6, S4/5, Chrome. * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Addresses CSS quotes not supported in IE6/7. */ q { quotes: none; } /* * Addresses `quotes` property not supported in S4. */ q:before, q:after { content: ""; content: none; } small { font-size: 75%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7. */ nav ul, nav ol { list-style: none!important; list-style-image: none!important; } /* ========================================================================== Embedded content ========================================================================== */ /* * 1. Removes border when inside `a` element in IE6/7/8/9, FF3. * 2. Improves image quality when scaled in IE7. * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7. */ form { margin: 0; } /* * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9. * 2. Corrects text not wrapping in FF3. * 3. Corrects alignment displayed oddly in IE6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers. * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome. * 3. Improves appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting `line-height` on `input` using `!important` in the * UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE7 without affecting normal text inputs. * Known issue: inner spacing remains in IE6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ overflow: visible; /* 4 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9. * 2. Removes excess padding in IE8/9. * 3. Removes excess padding in IE7. * Known issue: excess padding remains in IE6. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ height: 13px; /* 3 */ width: 13px; /* 3 */ } /* * 1. Addresses `appearance` set to `searchfield` in S5, Chrome. * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz` * to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /****************************************************************** CUSTOMIZED RESET VALUES I added these extra styles as a more personalized reset. Feel free to remove them if you like or add your own. If you want to update the normalize styles, make sure to edit from this point up. ******************************************************************/ p { -webkit-hyphens: auto; -epub-hyphens: auto; -o-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } b, strong, .strong { font-weight: bold; } dfn, em, .em { font-style: italic; } small, .small { font-size: 75%; } ul, ol { padding: 0; list-style-type: none; } dd { margin: 0; } .sidebar ul, .sidebar ol, .commentlist { list-style: none; } /****************************************************************** Site Name: Author:Stylesheet: Mixins & Constants StylesheetThis is where you can take advantage of Sass' great features: Mixins & Constants. I won't go in-depth on how they work exactly, there are a few articles below that will help do that. What I will tell you is that this will help speed up simple changes like changing a color or adding CSS3 techniques gradients.A WORD OF WARNING: It's very easy to overdo it here. Be careful and remember less is more.******************************************************************/ /********************* CLEARFIXIN' *********************/ .clearfix { zoom: 1; } section::before, section::after, .clearfix::before, .clearfix::after { content: ""; display: table; } section::after, .clearfix::after { clear: both; } /********************* TOOLS *********************/ * { -webkit-box-sizing: border-box; box-sizing: border-box; } .image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; } /********************* COLORS Need help w/ choosing your colors? Try this site out: http://0to255.com/ *********************/ /* Here's a great tutorial on how to use color variables properly: http://sachagreif.com/sass-color-variables/ */ /********************* TYPOGRAPHY *********************/ /* To embed your own fonts, use this syntax and place your fonts inside the library/fonts folder. For more information on embedding fonts, go to: http://www.fontsquirrel.com/ Be sure to remove the comment brackets. */ @font-face { font-family: "ExpresswayRgRegular"; src: url("./library/fonts/expressway/expressway_rg-webfont.eot"); src: url("./library/fonts/expressway/expressway_rg-webfont.eot?#iefix") format("embedded-opentype"), url("./library/fonts/expressway/expressway_rg-webfont.woff") format("woff"), url("./library/fonts/expressway/expressway_rg-webfont.ttf") format("truetype"), url("./library/fonts/expressway/expressway_rg-webfont.svg#ExpresswayRgRegular") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /*@font-face { font-family: "steinfels"; src: url("./library/fonts/icons/steinfels.eot"); font-display: swap; }*/ @font-face { font-family: "steinfels"; /*src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); */ src: url("./library/fonts/icons/steinfels.eot"); src: url("./library/fonts/icons/steinfels.eot?#iefix") format("embedded-opentype"), url("./library/fonts/icons/steinfels.woff") format("woff"), url("./library/fonts/icons/steinfels.ttf") format("truetype"), url("./library/fonts/icons/steinfels.svg#steinfels") format("svg"); font-weight: normal; font-style: normal; font-display: swap; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: "steinfels"; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-zurueck, .icon-einkaufswagen, .icon-merkzettel, .icon-drucken, .icon-steinfels_logo, .icon-checkmark, .icon-cancel, .icon-munis, .icon-plus, .icon-facebook, .icon-mail, .icon-paperplane, .icon-unchecked, .icon-checked, .icon-arrow-right, .icon-arrow-left { font-family: "steinfels"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-search:before, .hersteller_submit:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f002"; line-height: 1; } .icon-zurueck:before { content: "\e003"; } .icon-einkaufswagen:before { content: "\e004"; } .icon-merkzettel:before { content: "\e005"; } .icon-drucken:before { content: "\e006"; } .icon-steinfels_logo:before { content: "\e007"; } .icon-checkmark:before { content: "\e000"; } .icon-cancel:before { content: "\e002"; } .icon-munis:before { content: "\e00c"; } .icon-plus:before { content: "\e00d"; } .icon-facebook:before { content: "\e008"; } .icon-mail:before { content: "\e009"; } .icon-paperplane:before { content: "\e00a"; } .icon-unchecked:before { content: "\e00b"; } .icon-checked:before { content: "\e00e"; } .icon-arrow-right:before { content: "\e00f"; } .icon-arrow-left:before { content: "\e010"; } .icon-cog:before { content: "\e600"; } .icon-youtube-play:before { content: "\e601"; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - background-gradient- arguments: Start Color: #3C3C3C, End Color: #999999 - background-size - arguments: Width: 100%, Height: 100% - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders- arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex- arguments: Value: 1 - flip- arguments: ScaleX: -1 - font-face- arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius- arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform- arguments: Parameters: null - transition - arguments: What: all, Length: 1s, Easing: ease-in-out - triple-borders- arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0------------------------------------------------------------- */ /* Round Corners */ /* BACKGROUND GRADIENT */ /* BACKGROUND SIZE */ /* BORDER RADIUS */ /* BOX */ /* BOX RGBA */ /* BOX SHADOW */ /* BOX SIZING */ /* COLUMNS */ /* DOUBLE BORDERS */ /* FLEX */ /* FLIP */ /* FONT FACE */ /* OPACITY */ /* OUTLINE RADIUS */ /* RESIZE */ /* ROTATE*/ /* TEXT SHADOW */ /* TRANSFORM */ /* TRANSITION */ /* TRIPLE BORDERS */ /* BASE (MOBILE) SIZE This are the mobile styles. It's what people see on their phones. If you set a great foundation, you won't need to add too many styles in the other stylesheets. Remember, keep it light: Speed is Important. */ /****************************************************************** Site Name: Author:Stylesheet: Base Mobile StylesheetBe light and don't over style since everything here will be loaded by mobile devices. You want to keep it as minimal as possible. This is called at the top of the main stylsheet and will be used across all viewports.******************************************************************/ /********************* GENERAL STYLES *********************/ body { font-family: "ExpresswayRgRegular", Helvetica, Arial, sans-serif; font-size: 100%; line-height: 1.5; color: #565656; background: #f7f7f7; } .fa::before, .far::before, .fas::before { font-family:"Font Awesome 5 Free"; } .fa.et_pb_button::before, .far.et_pb_button::before, .fas.et_pb_button::before { margin-right: 4px; } .inline_push_wrapper { margin-bottom: 30px; } .inline_push_wrapper .inline_push_heading { margin-top: 0 } .inline_push_wrapper #my-notification-button { letter-spacing: 3.5px; width: 100%; text-align: center; max-width: 500px; } #container header #inner-header, header .nav_line, #container>footer#main-footer .container, header #nav-wrap>nav>#menu-main_nav, #content #maschinen_table, #content .standard-section, section.entry-content, .center_extra_nav { width: 95%; max-width: 1280px; margin-left: auto; margin-right: auto; } .page-template-page-divi section.entry-content { max-width: initial; width: 100%; } .et_pb_bg_layout_dark, .et_pb_bg_layout_dark h1, .et_pb_bg_layout_dark h2, .et_pb_bg_layout_dark h3, .et_pb_bg_layout_dark h4, .et_pb_bg_layout_dark h5, .et_pb_bg_layout_dark h6 { color:#fff!important } #container>#content #inner-content { width: 100%; } #main-footer { background-color: #33759f; color: #fff; padding: 45px 0 15px; } #main-footer .widget-item { margin-bottom: 30px; } #main-footer .widget-item .widget-header { margin-top: 0; color: #fff; padding-bottom: 0; } #main-footer a { color: inherit; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #main-footer a:hover, #main-footer li.current-menu-item a { color: #f0c91b; } #main-footer .footer-widget li { padding-left: 0; } #footer-widgets .footer-widget li:before { display: none; } #main-footer .menu a { padding: 3px 0; display: block; text-transform: uppercase; } #main-footer .menu .sub-menu { margin-left: 20px; margin-top: 0; margin-bottom: 0; } #main-footer .follow i { vertical-align: sub; font-size: 1.6em; position: relative; margin: 0.3em; } .footer-widget .ccw_plugin .style-4.chip { background: 0!important; color: #fff!important; font-family: "ExpresswayRgRegular", Helvetica, Arial, sans-serif; font-size: 18px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; padding-left: 33px; } .footer-widget .ccw_plugin .style-4.chip img { position: absolute; left: 10px; top: 0; } .footer-widget .ccw_plugin .style-4:hover { color: #f0c91b!important; } .footer-widget .ccw_plugin .style-4.chip img { margin-right: 1px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer-widget .ccw_plugin .style-4.chip:hover img { opacity: 0.8; } ul.contact li, ul.follow li { padding-left: 1.8em !important; margin-bottom: 0.8em!important; position: relative; } ul.contact li a:before, ul.follow li a:before { font-size: 1em; font-style: normal; font-variant: normal; left: 0; line-height: 1; position: absolute; text-rendering: auto; top: 4px; } ul.contact li.address a:before { font-family: "Font Awesome 5 Free"; content: "\f5a0"; font-weight: 900; } ul.contact li.telefon a:before { font-family: "Font Awesome 5 Free"; content: "\f095"; font-weight: 900; } ul.contact li.fax a:before { font-family: "Font Awesome 5 Free"; content: "\f1ac"; font-weight: 900; } ul.contact li.whatsapp a:before { font-family: "Font Awesome 5 Brands"; ; content: "\f232"; font-weight: 900; } ul.contact li.mail a:before { font-family: "Font Awesome 5 Free"; content: "\f0e0"; font-weight: 400; } ul.follow li a.facebook:before { font-family: "Font Awesome 5 Brands"; content: "\f09a"; font-weight: 400; } ul.follow li a.youtube:before { font-family: "Font Awesome 5 Brands"; content: "\f167"; font-weight: 400; } ul.follow li a.pinterest:before { font-family: "Font Awesome 5 Brands"; content: "\f0d2"; font-weight: 400; } ul.follow li a.instagram:before { font-family: "Font Awesome 5 Brands"; content: "\f16d"; font-weight: 400; } ul.follow li a.twitter:before { font-family: "Font Awesome 5 Brands"; content: "\f099"; font-weight: 400; } .widget-item label.screen-reader-text { display: block; visibility: hidden; height: 0!important; } .widget-item input[type="text"] { width: 100%; padding: 8px 22.5px; line-height: 1.5em; border-width: 2px; border-color: #004c7d; border-style: solid; border-radius: 6px; vertical-align: baseline; color: #004c7d; margin-bottom: 12px; } .widget-item input[type="submit"] { position: relative; padding-top: 0.65em !important; padding-right: 2em !important; padding-bottom: 0.65em !important; padding-left: 2em !important; color: #004c7d !important; background: #efc509 !important; border-width: 1px !important; border-radius: 0.8em !important; border-radius: 6px !important; border-color: #004c7d !important; border-style: solid; letter-spacing: 4px; font-size: 14px; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 4px 16px -4px #696969; box-shadow: 0 4px 16px -4px #696969; text-shadow: 0 0 16px #fff; display: block; width: 100%; opacity: 1; line-height: 1.7em; cursor: pointer; } .widget-item input[type="submit"]:hover { color: #ffffff !important; background: #004c7d !important; border-color: #004c7d !important; text-shadow: none; } /******************** WORDPRESS BODY CLASSES style a page via class ********************/ /* for sites that are read right to left (i.e. hebrew) */ /* home page */ .used-machines-widget { max-width: 840px; margin-left: auto; margin-right: auto; padding: 20px; background-color: #fff; border-radius: 15px; border: solid 1px #33759f } #content .used-machines-widget h3 { margin-top: 0; text-transform: none; font-weight: 500; color: #004c7d; opacity: 1; } .used-machines-widget li { display: flex; margin-bottom: 1em; } .used-machines-widget li h4 { margin-top: 0.2em; margin-bottom: 0 } .used-machines-widget i.fas { font-size: 1.4em; margin-right: 0.5em; color:#efc509; } .used-machines-widget > :last-child, .used-machines-widget li:last-child, .used-machines-widget ul{ margin-bottom: 0; } @media screen and (min-width: 480px) { .used-machines-widget { padding: 40px; } .used-machines-widget i.fas { font-size: 2em; } } /* blog template page */ /* archive page */ @media all and (min-width: 768px) { .article-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .article-grid article { border: solid 2px #004c7d; border-radius: 5px; } .article-grid article img { border: solid #004c7d; border-width: 2px 0; } .article-grid article h2 a { color: #004c7d; padding-left: 15px; display: inline-block; padding-right: 15px; } .article-grid article section, .article-grid article footer { padding-left: 15px; padding-right: 15px; } .article-grid article .excerpt-read-more { display: block; text-align: right; } /* date archive page */ /* replace the number to the corresponding page number */ /* search page */ /* search result page */ /* no results search page */ /* individual paged search (i.e. body.search-paged-3) */ /* 404 page */ /* single post page */ .single_button:before, .wpcf7-submit:before, .et-db #et-boc .single_button:before, .et-db #et-boc .wpcf7-submit:before { position: absolute; left: 1em; padding-top: 0.15em; font-size: 1.2em; } .single_button:visited, .wpcf7-submit:visited, .et-db #et-boc .single_button:visited, .et-db #et-boc .wpcf7-submit:visited { color: #004c7d; } .tag .single_button, .category .single_button, .page-template-page-lagerliste-php .single_button, .page-template-page-neuheiten-php .single_button, .page-template-page-specials-php .single_button, .search .single_button { display: none; } .intro_cat span { display: none; } .category-schrauben h3 a:hover, .category-draht h3 a:hover { color: #efc509; } .category-schrauben h3:hover, .category-draht h3:hover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .category_header_background { display: block; width: 100%; height: 75px; border: #efc509 1px solid; border-left: #efc509 8px solid; border-right: #efc509 8px solid; background-repeat: repeat-x; margin-bottom: 27px; } .draht .category_header_background, .category-draht .category_header_background, .term-draht .category_header_background, .cat-item.category-draht { background: url("./library/images/vorlagen/D08.jpg") left top; } .schrauben .category_header_background, .term-schrauben .category_header_background, .category-schrauben .category_header_background, .cat-item.category-schrauben { background: url("./library/images/vorlagen/M14.jpg") left top; } .anspitzmaschinen .category_header_background, .category-anspitzmaschinen .category_header_background, .term-anspitzmaschinen .category_header_background, .cat-item.category-anspitzmaschinen { background: url("./library/images/vorlagen/D04.jpg") left top; } .draht-und-bandbiegemaschinen .category_header_background, .category-draht-und-bandbiegemaschinen .category_header_background, .term-draht-und-bandbiegemaschinen .category_header_background, .cat-item.category-draht-und-bandbiegemaschinen { background: url("./library/images/vorlagen/D06.jpg") left top; } .drahtricht-und-abschneidemaschinen .category_header_background, .category-drahtricht-und-abschneidemaschinen .category_header_background, .term-drahtricht-und-abschneidemaschinen .category_header_background, .cat-item.category-drahtricht-und-abschneidemaschinen { background: url("./library/images/vorlagen/D08.jpg") left top; } .drahtspuler .category_header_background, .category-drahtspuler .category_header_background, .term-drahtspuler .category_header_background, .cat-item.category-drahtspuler { background: url("./library/images/vorlagen/D10.jpg") left top; } .drahtstiftpressen .category_header_background, .category-drahtstiftpressen .category_header_background, .term-drahtstiftpressen .category_header_background, .cat-item.category-drahtstiftpressen { background: url("./library/images/vorlagen/D12.jpg") left top; } .drahtwalzwerke .category_header_background, .category-drahtwalzwerke .category_header_background, .term-drahtwalzwerke .category_header_background, .cat-item.category-drahtwalzwerke { background: url("./library/images/vorlagen/D14.jpg") left top; } .drahtwebstuhle .category_header_background, .category-drahtwebstuhle .category_header_background, .term-drahtwebstuhle .category_header_background, .cat-item.category-drahtwebstuhle { background: url("./library/images/vorlagen/D60.jpg") left top; } .drahtwickler .category_header_background, .category-drahtwickler .category_header_background, .term-drahtwickler .category_header_background, .cat-item.category-drahtwickler { background: url("./library/images/vorlagen/D16.jpg") left top; } .entzunderungsmaschinen .category_header_background, .category-entzunderungsmaschinen .category_header_background, .term-entzunderungsmaschinen .category_header_background, .cat-item.category-entzunderungsmaschinen { background: url("./library/images/vorlagen/D24.jpg") left top; } .extruder .category_header_background, .category-extruder .category_header_background, .term-extruder .category_header_background, .cat-item.category-extruder { background: url("./library/images/vorlagen/D24.jpg") left top; } .federendenschleifmaschinen .category_header_background, .category-federendenschleifmaschinen .category_header_background, .term-federendenschleifmaschinen .category_header_background, .cat-item.category-federendenschleifmaschinen { background: url("./library/images/vorlagen/D30.jpg") left top; } .federwindemaschinen .category_header_background, .category-federwindemaschinen .category_header_background, .term-federwindemaschinen .category_header_background, .cat-item.category-federwindemaschinen { background: url("./library/images/vorlagen/D32.jpg") left top; } .federwindemaschinen-fur-matrazen .category_header_background, .category-federwindemaschinen-fur-matrazen .category_header_background, .term-federwindemaschinen-fur-matrazen .category_header_background, .cat-item.category-federwindemaschinen-fur-matrazen { background: url("./library/images/vorlagen/D24.jpg") left top; } .gitterschweissmaschinen .category_header_background, .category-gitterschweissmaschinen .category_header_background, .term-gitterschweissmaschinen .category_header_background, .cat-item.category-gitterschweissmaschinen { background: url("./library/images/vorlagen/D34.jpg") left top; } .grobzuge .category_header_background, .category-grobzuge .category_header_background, .term-grobzuge .category_header_background, .cat-item.category-grobzuge { background: url("./library/images/vorlagen/D36.jpg") left top; } .kettenfertigungsmaschinen .category_header_background, .category-kettenfertigungsmaschinen .category_header_background, .term-kettenfertigungsmaschinen .category_header_background, .cat-item.category-kettenfertigungsmaschinen { background: url("./library/images/vorlagen/D38.jpg") left top; } .kombinierte-zieh-und-poliermaschinen .category_header_background, .category-kombinierte-zieh-und-poliermaschinen .category_header_background, .term-kombinierte-zieh-und-poliermaschinen .category_header_background, .cat-item.category-kombinierte-zieh-und-poliermaschinen { background: url("./library/images/vorlagen/D22.jpg") left top; } .krippmaschinen .category_header_background, .category-krippmaschinen .category_header_background, .term-krippmaschinen .category_header_background, .cat-item.category-krippmaschinen { background: url("./library/images/vorlagen/D40.jpg") left top; } .mehrfachdrahtziehmaschinen-nass .category_header_background, .category-mehrfachdrahtziehmaschinen-nass .category_header_background, .term-mehrfachdrahtziehmaschinen-nass .category_header_background, .cat-item.category-mehrfachdrahtziehmaschinen-nass { background: url("./library/images/vorlagen/D18.jpg") left top; } .mehrfachdrahtziehmaschinen-trocken .category_header_background, .category-mehrfachdrahtziehmaschinen-trocken .category_header_background, .term-mehrfachdrahtziehmaschinen-trocken .category_header_background, .cat-item.category-mehrfachdrahtziehmaschinen-trocken { background: url("./library/images/vorlagen/D20.jpg") left top; } .ofen .category_header_background, .category-ofen .category_header_background, .term-ofen .category_header_background, .cat-item.category-ofen { background: url("./library/images/vorlagen/D42.jpg") left top; } .prufmaschinen .category_header_background, .category-prufmaschinen .category_header_background, .term-prufmaschinen .category_header_background, .cat-item.category-prufmaschinen { background: url("./library/images/vorlagen/D44.jpg") left top; } .sechseckgeflechtmaschinen .category_header_background, .category-sechseckgeflechtmaschinen .category_header_background, .term-sechseckgeflechtmaschinen .category_header_background, .cat-item.category-sechseckgeflechtmaschinen { background: url("./library/images/vorlagen/D46.jpg") left top; } .stacheldrahtmaschinen .category_header_background, .category-stacheldrahtmaschinen .category_header_background, .term-stacheldrahtmaschinen .category_header_background, .cat-item.category-stacheldrahtmaschinen { background: url("./library/images/vorlagen/D48.jpg") left top; } .stumpfschweissmaschinen .category_header_background, .category-stumpfschweissmaschinen .category_header_background, .term-stumpfschweissmaschinen .category_header_background, .cat-item.category-stumpfschweissmaschinen { background: url("./library/images/vorlagen/D50.jpg") left top; } .verpackungsanlagen .category_header_background, .category-verpackungsanlagen .category_header_background, .term-verpackungsanlagen .category_header_background, .cat-item.category-verpackungsanlagen { background: url("./library/images/vorlagen/D56.jpg") left top; } .verschiedene .category_header_background, .category-verschiedene .category_header_background, .term-verschiedene .category_header_background, .cat-item.category-verschiedene { background: url("./library/images/vorlagen/D02.jpg") left top; } .verseilmaschinen .category_header_background, .category-verseilmaschinen .category_header_background, .term-verseilmaschinen .category_header_background, .cat-item.category-verseilmaschinen { background: url("./library/images/vorlagen/D54.jpg") left top; } .verzinkungsanlagen .category_header_background, .category-verzinkungsanlagen .category_header_background, .term-verzinkungsanlagen .category_header_background, .cat-item.category-verzinkungsanlagen { background: url("./library/images/vorlagen/D50.jpg") left top; } .viereckgeflechtmaschinen .category_header_background, .category-viereckgeflechtmaschinen .category_header_background, .term-viereckgeflechtmaschinen .category_header_background, .cat-item.category-viereckgeflechtmaschinen { background: url("./library/images/vorlagen/D58.jpg") left top; } .abgratmaschinen .category_header_background, .category-abgratmaschinen .category_header_background, .term-abgratmaschinen .category_header_background, .cat-item.category-abgratmaschinen { background: url("./library/images/vorlagen/M02.jpg") left top; } .boltmakers .category_header_background, .category-boltmakers .category_header_background, .term-boltmakers .category_header_background, .cat-item.category-boltmakers { background: url("./library/images/vorlagen/M10.jpg") left top; } .bolzenanspitz-und-kuppmaschinen .category_header_background, .category-bolzenanspitz-und-kuppmaschinen .category_header_background, .term-bolzenanspitz-und-kuppmaschinen .category_header_background, .cat-item.category-bolzenanspitz-und-kuppmaschinen { background: url("./library/images/vorlagen/M04.jpg") left top; } .bolzenkopfschmiedemaschinen .category_header_background, .category-bolzenkopfschmiedemaschinen .category_header_background, .term-bolzenkopfschmiedemaschinen .category_header_background, .cat-item.category-bolzenkopfschmiedemaschinen { background: url("./library/images/vorlagen/M44.jpg") left top; } .doppeldruckpressen .category_header_background, .category-doppeldruckpressen .category_header_background, .term-doppeldruckpressen .category_header_background, .cat-item.category-doppeldruckpressen { background: url("./library/images/vorlagen/M06.jpg") left top; } .eindruckpressen .category_header_background, .category-eindruckpressen .category_header_background, .term-eindruckpressen .category_header_background, .cat-item.category-eindruckpressen { background: url("./library/images/vorlagen/M12.jpg") left top; } .einsenkpressen .category_header_background, .category-einsenkpressen .category_header_background, .term-einsenkpressen .category_header_background, .cat-item.category-einsenkpressen { background: url("./library/images/vorlagen/M42.jpg") left top; } .erwarmungsanlagen .category_header_background, .category-erwarmungsanlagen .category_header_background, .term-erwarmungsanlagen .category_header_background, .cat-item.category-erwarmungsanlagen { background: url("./library/images/vorlagen/M50.jpg") left top; } .federringherstellungsmaschinen .category_header_background, .category-federringherstellungsmaschinen .category_header_background, .term-federringherstellungsmaschinen .category_header_background, .cat-item.category-federringherstellungsmaschinen { background: url("./library/images/vorlagen/M56.jpg") left top; } .gewinderollmaschinen .category_header_background, .category-gewinderollmaschinen .category_header_background, .term-gewinderollmaschinen .category_header_background, .cat-item.category-gewinderollmaschinen { background: url("./library/images/vorlagen/M24.jpg") left top; } .gewindeschneidmaschinen .category_header_background, .category-gewindeschneidmaschinen .category_header_background, .term-gewindeschneidmaschinen .category_header_background, .cat-item.category-gewindeschneidmaschinen { background: url("./library/images/vorlagen/M24.jpg") left top; } .gewindewalzen .category_header_background, .category-gewindewalzen .category_header_background, .term-gewindewalzen .category_header_background, .cat-item.category-gewindewalzen { background: url("./library/images/vorlagen/M14.jpg") left top; } .handwalzen .category_header_background, .category-handwalzen .category_header_background, .term-handwalzen .category_header_background, .cat-item.category-handwalzen { background: url("./library/images/vorlagen/M14.jpg") left top; } .holzschraubengewinde-frasmaschinen .category_header_background, .category-holzschraubengewinde-frasmaschinen .category_header_background, .term-holzschraubengewinde-frasmaschinen .category_header_background, .cat-item.category-holzschraubengewinde-frasmaschinen { background: url("./library/images/vorlagen/M28.jpg") left top; } .kaltmutternpressen .category_header_background, .category-kaltmutternpressen .category_header_background, .term-kaltmutternpressen .category_header_background, .cat-item.category-kaltmutternpressen, .warmutternpressen .category_header_background, .category-warmutternpressen .category_header_background, .term-warmutternpressen .category_header_background, .cat-item.category-warmutternpressen, .warmmutternpressen .category_header_background, .category-warmmutternpressen .category_header_background, .term-warmmutternpressen .category_header_background, .cat-item.category-warmmutternpressen { background: url("./library/images/vorlagen/M30.jpg") left top; } .kugel-rollenpressen .category_header_background, .category-kugel-rollenpressen .category_header_background, .term-kugel-rollenpressen .category_header_background, .cat-item.category-kugel-rollenpressen { background: url("./library/images/vorlagen/M22.jpg") left top; } .larmschutzhauben .category_header_background, .category-larmschutzhauben .category_header_background, .term-larmschutzhauben .category_header_background, .cat-item.category-larmschutzhauben { background: url("./library/images/vorlagen/M48.jpg") left top; } .mehrstufenpressen .category_header_background, .category-mehrstufenpressen .category_header_background, .term-mehrstufenpressen .category_header_background, .cat-item.category-mehrstufenpressen { background: url("./library/images/vorlagen/M08.jpg") left top; } .mutterngewindeschneidmaschinen .category_header_background, .category-mutterngewindeschneidmaschinen .category_header_background, .term-mutterngewindeschneidmaschinen .category_header_background, .cat-item.category-mutterngewindeschneidmaschinen { background: url("./library/images/vorlagen/M34.jpg") left top; } .nietenpressen .category_header_background, .category-nietenpressen .category_header_background, .term-nietenpressen .category_header_background, .cat-item.category-nietenpressen { background: url("./library/images/vorlagen/M20.jpg") left top; } .ofen-schrauben .category_header_background, .category-ofen-schrauben .category_header_background, .term-ofen-schrauben .category_header_background, .cat-item.category-ofen-schrauben { background: url("./library/images/vorlagen/M50.jpg") left top; } .schraubenkopf-schlitzmaschinen .category_header_background, .category-schraubenkopf-schlitzmaschinen .category_header_background, .term-schraubenkopf-schlitzmaschinen .category_header_background, .cat-item.category-schraubenkopf-schlitzmaschinen { background: url("./library/images/vorlagen/M18.jpg") left top; } .sonstige-maschinen-fur-die-mutternfertigung .category_header_background, .category-sonstige-maschinen-fur-die-mutternfertigung .category_header_background, .term-sonstige-maschinen-fur-die-mutternfertigung .category_header_background, .cat-item.category-sonstige-maschinen-fur-die-mutternfertigung { background: url("./library/images/vorlagen/M34.jpg") left top; } .spindelpressen .category_header_background, .category-spindelpressen .category_header_background, .term-spindelpressen .category_header_background, .cat-item.category-spindelpressen { background: url("./library/images/vorlagen/M44.jpg") left top; } .verpackungs-und-zahlmaschinen .category_header_background, .category-verpackungs-und-zahlmaschinen .category_header_background, .term-verpackungs-und-zahlmaschinen .category_header_background, .cat-item.category-verpackungs-und-zahlmaschinen { background: url("./library/images/vorlagen/M56.jpg") left top; } .verschiedene-schrauben .category_header_background, .category-verschiedene-schrauben .category_header_background, .term-verschiedene-schrauben .category_header_background, .cat-item.category-verschiedene-schrauben { background: url("./library/images/vorlagen/M60.jpg") left top; } .vorrichtgerate .category_header_background, .category-vorrichtgerate .category_header_background, .term-vorrichtgerate .category_header_background, .cat-item.category-vorrichtgerate { background: url("./library/images/vorlagen/M40.jpg") left top; } .vorziehgerate .category_header_background, .category-vorziehgerate .category_header_background, .term-vorziehgerate .category_header_background, .cat-item.category-vorziehgerate { background: url("./library/images/vorlagen/M38.jpg") left top; } .warm-gewindewalzen .category_header_background, .category-warm-gewindewalzen .category_header_background, .term-warm-gewindewalzen .category_header_background, .cat-item.category-warm-gewindewalzen { background: url("./library/images/vorlagen/M50.jpg") left top; } .draht .category_header_background, .category_sold-draht .category_header_background, .term-draht .category_header_background, .cat-item.category_sold-draht { background: url("./library/images/vorlagen/D08.jpg") left top; } .schrauben .category_header_background, .category_sold-schrauben .category_header_background, .category_sold-schrauben .category_header_background, .cat-item.category_sold-schrauben { background: url("./library/images/vorlagen/M14.jpg") left top; } .anspitzmaschinen .category_header_background, .category_sold-anspitzmaschinen .category_header_background, .term-anspitzmaschinen .category_header_background, .cat-item.category_sold-anspitzmaschinen { background: url("./library/images/vorlagen/D04.jpg") left top; } .draht-und-bandbiegemaschinen .category_header_background, .category_sold-draht-und-bandbiegemaschinen .category_header_background, .term-draht-und-bandbiegemaschinen .category_header_background, .cat-item.category_sold-draht-und-bandbiegemaschinen { background: url("./library/images/vorlagen/D06.jpg") left top; } .drahtricht-und-abschneidemaschinen .category_header_background, .category_sold-drahtricht-und-abschneidemaschinen .category_header_background, .term-drahtricht-und-abschneidemaschinen .category_header_background, .cat-item.category_sold-drahtricht-und-abschneidemaschinen { background: url("./library/images/vorlagen/D08.jpg") left top; } .drahtspuler .category_header_background, .category_sold-drahtspuler .category_header_background, .term-drahtspuler .category_header_background, .cat-item.category_sold-drahtspuler { background: url("./library/images/vorlagen/D10.jpg") left top; } .drahtstiftpressen .category_header_background, .category_sold-drahtstiftpressen .category_header_background, .term-drahtstiftpressen .category_header_background, .cat-item.category_sold-drahtstiftpressen { background: url("./library/images/vorlagen/D12.jpg") left top; } .drahtwalzwerke .category_header_background, .category_sold-drahtwalzwerke .category_header_background, .term-drahtwalzwerke .category_header_background, .cat-item.category_sold-drahtwalzwerke { background: url("./library/images/vorlagen/D14.jpg") left top; } .drahtwebstuhle .category_header_background, .category_sold-drahtwebstuhle .category_header_background, .term-drahtwebstuhle .category_header_background, .cat-item.category_sold-drahtwebstuhle { background: url("./library/images/vorlagen/D60.jpg") left top; } .drahtwickler .category_header_background, .category_sold-drahtwickler .category_header_background, .term-drahtwickler .category_header_background, .cat-item.category_sold-drahtwickler { background: url("./library/images/vorlagen/D16.jpg") left top; } .entzunderungsmaschinen .category_header_background, .category_sold-entzunderungsmaschinen .category_header_background, .term-entzunderungsmaschinen .category_header_background, .cat-item.category_sold-entzunderungsmaschinen { background: url("./library/images/vorlagen/D24.jpg") left top; } .extruder .category_header_background, .category_sold-extruder .category_header_background, .term-extruder .category_header_background, .cat-item.category_sold-extruder { background: url("./library/images/vorlagen/D24.jpg") left top; } .federendenschleifmaschinen .category_header_background, .category_sold-federendenschleifmaschinen .category_header_background, .term-federendenschleifmaschinen .category_header_background, .cat-item.category_sold-federendenschleifmaschinen { background: url("./library/images/vorlagen/D30.jpg") left top; } .federwindemaschinen .category_header_background, .category_sold-federwindemaschinen .category_header_background, .term-federwindemaschinen .category_header_background, .cat-item.category_sold-federwindemaschinen { background: url("./library/images/vorlagen/D32.jpg") left top; } .federwindemaschinen-fur-matrazen .category_header_background, .category_sold-federwindemaschinen-fur-matrazen .category_header_background, .term-federwindemaschinen-fur-matrazen .category_header_background, .cat-item.category_sold-federwindemaschinen-fur-matrazen { background: url("./library/images/vorlagen/D24.jpg") left top; } .gitterschweissmaschinen .category_header_background, .category_sold-gitterschweissmaschinen .category_header_background, .term-gitterschweissmaschinen .category_header_background, .cat-item.category_sold-gitterschweissmaschinen { background: url("./library/images/vorlagen/D34.jpg") left top; } .grobzuge .category_header_background, .category_sold-grobzuge .category_header_background, .term-grobzuge .category_header_background, .cat-item.category_sold-grobzuge { background: url("./library/images/vorlagen/D36.jpg") left top; } .kettenfertigungsmaschinen .category_header_background, .category_sold-kettenfertigungsmaschinen .category_header_background, .term-kettenfertigungsmaschinen .category_header_background, .cat-item.category_sold-kettenfertigungsmaschinen { background: url("./library/images/vorlagen/D38.jpg") left top; } .kombinierte-zieh-und-poliermaschinen .category_header_background, .category_sold-kombinierte-zieh-und-poliermaschinen .category_header_background, .term-kombinierte-zieh-und-poliermaschinen .category_header_background, .cat-item.category_sold-kombinierte-zieh-und-poliermaschinen { background: url("./library/images/vorlagen/D22.jpg") left top; } .krippmaschinen .category_header_background, .category_sold-krippmaschinen .category_header_background, .term-krippmaschinen .category_header_background, .cat-item.category_sold-krippmaschinen { background: url("./library/images/vorlagen/D40.jpg") left top; } .mehrfachdrahtziehmaschinen-nass .category_header_background, .category_sold-mehrfachdrahtziehmaschinen-nass .category_header_background, .term-mehrfachdrahtziehmaschinen-nass .category_header_background, .cat-item.category_sold-mehrfachdrahtziehmaschinen-nass { background: url("./library/images/vorlagen/D18.jpg") left top; } .mehrfachdrahtziehmaschinen-trocken .category_header_background, .category_sold-mehrfachdrahtziehmaschinen-trocken .category_header_background, .term-mehrfachdrahtziehmaschinen-trocken .category_header_background, .cat-item.category_sold-mehrfachdrahtziehmaschinen-trocken { background: url("./library/images/vorlagen/D20.jpg") left top; } .ofen .category_header_background, .category_sold-ofen .category_header_background, .term-ofen .category_header_background, .cat-item.category_sold-ofen { background: url("./library/images/vorlagen/D42.jpg") left top; } .prufmaschinen .category_header_background, .category_sold-prufmaschinen .category_header_background, .term-prufmaschinen .category_header_background, .cat-item.category_sold-prufmaschinen { background: url("./library/images/vorlagen/D44.jpg") left top; } .sechseckgeflechtmaschinen .category_header_background, .category_sold-sechseckgeflechtmaschinen .category_header_background, .term-sechseckgeflechtmaschinen .category_header_background, .cat-item.category_sold-sechseckgeflechtmaschinen { background: url("./library/images/vorlagen/D46.jpg") left top; } .stacheldrahtmaschinen .category_header_background, .category_sold-stacheldrahtmaschinen .category_header_background, .term-stacheldrahtmaschinen .category_header_background, .cat-item.category_sold-stacheldrahtmaschinen { background: url("./library/images/vorlagen/D48.jpg") left top; } .stumpfschweissmaschinen .category_header_background, .category_sold-stumpfschweissmaschinen .category_header_background, .term-stumpfschweissmaschinen .category_header_background, .cat-item.category_sold-stumpfschweissmaschinen { background: url("./library/images/vorlagen/D50.jpg") left top; } .verpackungsanlagen .category_header_background, .category_sold-verpackungsanlagen .category_header_background, .term-verpackungsanlagen .category_header_background, .cat-item.category_sold-verpackungsanlagen { background: url("./library/images/vorlagen/D56.jpg") left top; } .verschiedene .category_header_background, .category_sold-verschiedene .category_header_background, .term-verschiedene .category_header_background, .cat-item.category_sold-verschiedene { background: url("./library/images/vorlagen/D02.jpg") left top; } .verseilmaschinen .category_header_background, .category_sold-verseilmaschinen .category_header_background, .term-verseilmaschinen .category_header_background, .cat-item.category_sold-verseilmaschinen { background: url("./library/images/vorlagen/D54.jpg") left top; } .verzinkungsanlagen .category_header_background, .category_sold-verzinkungsanlagen .category_header_background, .term-verzinkungsanlagen .category_header_background, .cat-item.category_sold-verzinkungsanlagen { background: url("./library/images/vorlagen/D50.jpg") left top; } .viereckgeflechtmaschinen .category_header_background, .category_sold-viereckgeflechtmaschinen .category_header_background, .term-viereckgeflechtmaschinen .category_header_background, .cat-item.category_sold-viereckgeflechtmaschinen { background: url("./library/images/vorlagen/D58.jpg") left top; } .abgratmaschinen .category_header_background, .category_sold-abgratmaschinen .category_header_background, .term-abgratmaschinen .category_header_background, .cat-item.category_sold-abgratmaschinen { background: url("./library/images/vorlagen/M02.jpg") left top; } .boltmakers .category_header_background, .category_sold-boltmakers .category_header_background, .term-boltmakers .category_header_background, .cat-item.category_sold-boltmakers { background: url("./library/images/vorlagen/M10.jpg") left top; } .bolzenanspitz-und-kuppmaschinen .category_header_background, .category_sold-bolzenanspitz-und-kuppmaschinen .category_header_background, .term-bolzenanspitz-und-kuppmaschinen .category_header_background, .cat-item.category_sold-bolzenanspitz-und-kuppmaschinen { background: url("./library/images/vorlagen/M04.jpg") left top; } .bolzenkopfschmiedemaschinen .category_header_background, .category_sold-bolzenkopfschmiedemaschinen .category_header_background, .term-bolzenkopfschmiedemaschinen .category_header_background, .cat-item.category_sold-bolzenkopfschmiedemaschinen { background: url("./library/images/vorlagen/M44.jpg") left top; } .doppeldruckpressen .category_header_background, .category_sold-doppeldruckpressen .category_header_background, .term-doppeldruckpressen .category_header_background, .cat-item.category_sold-doppeldruckpressen { background: url("./library/images/vorlagen/M06.jpg") left top; } .eindruckpressen .category_header_background, .category_sold-eindruckpressen .category_header_background, .term-eindruckpressen .category_header_background, .cat-item.category_sold-eindruckpressen { background: url("./library/images/vorlagen/M12.jpg") left top; } .einsenkpressen .category_header_background, .category_sold-einsenkpressen .category_header_background, .term-einsenkpressen .category_header_background, .cat-item.category_sold-einsenkpressen { background: url("./library/images/vorlagen/M42.jpg") left top; } .erwarmungsanlagen .category_header_background, .category_sold-erwarmungsanlagen .category_header_background, .term-erwarmungsanlagen .category_header_background, .cat-item.category_sold-erwarmungsanlagen { background: url("./library/images/vorlagen/M50.jpg") left top; } .federringherstellungsmaschinen .category_header_background, .category_sold-federringherstellungsmaschinen .category_header_background, .term-federringherstellungsmaschinen .category_header_background, .cat-item.category_sold-federringherstellungsmaschinen { background: url("./library/images/vorlagen/M56.jpg") left top; } .gewinderollmaschinen .category_header_background, .category_sold-gewinderollmaschinen .category_header_background, .term-gewinderollmaschinen .category_header_background, .cat-item.category_sold-gewinderollmaschinen { background: url("./library/images/vorlagen/M24.jpg") left top; } .gewindeschneidmaschinen .category_header_background, .category_sold-gewindeschneidmaschinen .category_header_background, .term-gewindeschneidmaschinen .category_header_background, .cat-item.category_sold-gewindeschneidmaschinen { background: url("./library/images/vorlagen/M24.jpg") left top; } .gewindewalzen .category_header_background, .category_sold-gewindewalzen .category_header_background, .term-gewindewalzen .category_header_background, .cat-item.category_sold-gewindewalzen { background: url("./library/images/vorlagen/M14.jpg") left top; } .handwalzen .category_header_background, .category_sold-handwalzen .category_header_background, .term-handwalzen .category_header_background, .cat-item.category_sold-handwalzen { background: url("./library/images/vorlagen/M14.jpg") left top; } .holzschraubengewinde-frasmaschinen .category_header_background, .category_sold-holzschraubengewinde-frasmaschinen .category_header_background, .term-holzschraubengewinde-frasmaschinen .category_header_background, .cat-item.category_sold-holzschraubengewinde-frasmaschinen { background: url("./library/images/vorlagen/M28.jpg") left top; } .kaltmutternpressen .category_header_background, .category_sold-kaltmutternpressen .category_header_background, .term-kaltmutternpressen .category_header_background, .cat-item.category_sold-kaltmutternpressen, .warmutternpressen .category_header_background, .category_sold-warmutternpressen .category_header_background, .term-warmutternpressen .category_header_background, .cat-item.category_sold-warmutternpressen, .warmmutternpressen .category_header_background, .category_sold-warmmutternpressen .category_header_background, .term-warmmutternpressen .category_header_background, .cat-item.category_sold-warmmutternpressen { background: url("./library/images/vorlagen/M30.jpg") left top; } .kugel-rollenpressen .category_header_background, .category_sold-kugel-rollenpressen .category_header_background, .term-kugel-rollenpressen .category_header_background, .cat-item.category_sold-kugel-rollenpressen { background: url("./library/images/vorlagen/M22.jpg") left top; } .larmschutzhauben .category_header_background, .category_sold-larmschutzhauben .category_header_background, .term-larmschutzhauben .category_header_background, .cat-item.category_sold-larmschutzhauben { background: url("./library/images/vorlagen/M48.jpg") left top; } .mehrstufenpressen .category_header_background, .category_sold-mehrstufenpressen .category_header_background, .term-mehrstufenpressen .category_header_background, .cat-item.category_sold-mehrstufenpressen { background: url("./library/images/vorlagen/M08.jpg") left top; } .mutterngewindeschneidmaschinen .category_header_background, .category_sold-mutterngewindeschneidmaschinen .category_header_background, .term-mutterngewindeschneidmaschinen .category_header_background, .cat-item.category_sold-mutterngewindeschneidmaschinen { background: url("./library/images/vorlagen/M34.jpg") left top; } .nietenpressen .category_header_background, .category_sold-nietenpressen .category_header_background, .term-nietenpressen .category_header_background, .cat-item.category_sold-nietenpressen { background: url("./library/images/vorlagen/M20.jpg") left top; } .ofen-schrauben .category_header_background, .category_sold-ofen-schrauben .category_header_background, .term-ofen-schrauben .category_header_background, .cat-item.category_sold-ofen-schrauben { background: url("./library/images/vorlagen/M50.jpg") left top; } .schraubenkopf-schlitzmaschinen .category_header_background, .category_sold-schraubenkopf-schlitzmaschinen .category_header_background, .term-schraubenkopf-schlitzmaschinen .category_header_background, .cat-item.category_sold-schraubenkopf-schlitzmaschinen { background: url("./library/images/vorlagen/M18.jpg") left top; } .sonstige-maschinen-fur-die-mutternfertigung .category_header_background, .category_sold-sonstige-maschinen-fur-die-mutternfertigung .category_header_background, .term-sonstige-maschinen-fur-die-mutternfertigung .category_header_background, .cat-item.category_sold-sonstige-maschinen-fur-die-mutternfertigung { background: url("./library/images/vorlagen/M34.jpg") left top; } .spindelpressen .category_header_background, .category_sold-spindelpressen .category_header_background, .term-spindelpressen .category_header_background, .cat-item.category_sold-spindelpressen { background: url("./library/images/vorlagen/M44.jpg") left top; } .verpackungs-und-zahlmaschinen .category_header_background, .category_sold-verpackungs-und-zahlmaschinen .category_header_background, .term-verpackungs-und-zahlmaschinen .category_header_background, .cat-item.category_sold-verpackungs-und-zahlmaschinen { background: url("./library/images/vorlagen/M56.jpg") left top; } .verschiedene-schrauben .category_header_background, .category_sold-verschiedene-schrauben .category_header_background, .term-verschiedene-schrauben .category_header_background, .cat-item.category_sold-verschiedene-schrauben { background: url("./library/images/vorlagen/M60.jpg") left top; } .vorrichtgerate .category_header_background, .category_sold-vorrichtgerate .category_header_background, .term-vorrichtgerate .category_header_background, .cat-item.category_sold-vorrichtgerate { background: url("./library/images/vorlagen/M40.jpg") left top; } .vorziehgerate .category_header_background, .category_sold-vorziehgerate .category_header_background, .term-vorziehgerate .category_header_background, .cat-item.category_sold-vorziehgerate { background: url("./library/images/vorlagen/M38.jpg") left top; } .warm-gewindewalzen .category_header_background, .category_sold-warm-gewindewalzen .category_header_background, .term-warm-gewindewalzen .category_header_background, .cat-item.category_sold-warm-gewindewalzen { background: url("./library/images/vorlagen/M50.jpg") left top; } /********************* LAYOUT & GRID STYLES *********************/ .hersteller_header_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 48px; min-height: 48px; overflow: hidden; background: #fff; margin: 0 } .hersteller_header_list li, .hersteller_header_list li a { max-height: 24px; width: auto; height: 24px; display: inline-block; line-height: 1; min-height: 24px; } .hersteller_header_list li a { margin: 0 4px; } .hersteller_header_list img { max-height: 24px; width: auto; padding: 4px 0px; min-height: 24px; height: 24px; } @media only screen and (min-width: 767px) { .hersteller_header_list { min-height: 26px; max-height: 26px; } .hersteller_header_list li, .hersteller_header_list li a { max-height: 26px; min-height: 26px; height: 26px; } .hersteller_header_list li a { margin: 0 5px; } .hersteller_header_list img { max-height: 26px; min-height: 26px; height: 26px; } } .wrap { width: 100%; margin: 0 auto; position: relative; } .page-template-page-news .hsh_row .hsh_column > h2 { text-align: center; } .page-template-page-news .fb-page { background: #fff; border-radius: 5px; } .page-template-page-news .fb-page >span { display: block; margin: 0 auto; max-width: 500px; } .page-template-page-news .home_link_wrapper .single_button { width: 100%; text-align: center; max-width: 400px; margin-left: auto; margin-right: auto; display: block; } .page-template-page-news .home_link_wrapper .single_button { margin-bottom: 0; margin-top: 0; } .page-template-page-news .home_link_wrapper .single_button:before { position: relative; top: 2px; left: -0.3em; } .page-template-page-news .home_link_wrapper { padding: 30px 0 0; } .hsh_row { padding: 30px 0; width: 100%; } .hsh_row::before, .hsh_row::after { content: ''; clear: both; float: none; display: table; } .page-template-page-news .hsh_row.button_row:not(:last-of-type) { padding-bottom: 0; } .page-template-page-news .hsh_row.button_row h2 { margin-bottom: -12px; } .hsh_row .hsh_column { margin-bottom: 30px; } .hsh_row .hsh_column.empty { margin-bottom: 0; } .hsh_row .hsh_column:last-child { margin-bottom: 0% } section.entry-content > .hsh_row:first-child { padding-top: 0; } .page-template-page-news .epyt-gallery .epyt-gallery-list >.epyt-pagination:first-of-type { display: none } .page-template-page-news .epyt-gallery .__youtube_prefs__ { min-height: 240px; height: 100%; width: 100%!important; } @media only screen and (min-width: 480px) and (max-width: 767px) { .page-template-page-news .epyt-gallery .__youtube_prefs__ { min-height: 340px; } } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { .hsh_row .hsh_column { /*! margin-bottom: 0%; */ } .hsh_row .column_1_4 { width: 47.5%; margin-right:5%; float: left; } .hsh_row .column_1_2 { margin-bottom: 5%; } .hsh_row .column_1_2:last-child { margin-bottom: 0; } .hsh_row .column_1_4:nth-child(1), .hsh_row .column_1_4:nth-child(1) { margin-bottom: 5%; } .hsh_row .hsh_column:nth-child(2n) { margin-right: 0; } .page-template-page-news .epyt-gallery .__youtube_prefs__ { min-height: 440px; } } @media only screen and ( min-width: 981px) { .hsh_row .hsh_column { margin-bottom: 0% } .hsh_row { display: -webkit-box; display: -ms-flexbox; display: flex; } .hsh_row .column_1_1 { width: 100%; } .hsh_row .column_1_2 { width: 47.5%; margin-right:5%; } .hsh_row .column_3_5 { width: 58%; margin-right: 3%; } .hsh_row .column_1_5 { width: 18%; margin-right: 3%; } .hsh_row .column_2_5 { width: 39%; margin-right: 3%; } .hsh_row .column_1_3 { width: 31.333%; margin-right: 3%; } .hsh_row .column_2_3 { width: 65.666%; margin-right: 3%; } .hsh_row .column_1_6 { width: 15.1666%; margin-right: 3%; } .hsh_row .column_1_4 { width: 23%; margin-right: 2.666%; } .hsh_row .hsh_column:last-child { margin-right: 0; } .page-template-page-news .epyt-gallery { display: -ms-grid; -ms-grid-columns: 1fr 16px 1fr; display: grid; -ms-grid-columns: 1fr 16px 1fr; grid-template-columns: 1fr 16px 1fr; } .page-template-page-news .epyt-gallery .fluid-width-video-wrapper, .page-template-page-news .epyt-gallery >iframe { -ms-grid-column: 1; -ms-grid-column-span: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1; width: auto!important; } .page-template-page-news .epyt-gallery .epyt-gallery-list { -ms-grid-column: 3; -ms-grid-column-span: 1; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1; } .page-template-page-news .epyt-gallery .epyt-gallery-subscribe { -ms-grid-column: 1; -ms-grid-column-span: 3; -ms-grid-row: 2; grid-column: 1 / 4; grid-row: 2; } .page-template-page-news .epyt-gallery .__youtube_prefs__ { height: 360px; min-height: 360px; } } /********************* LINK STYLES *********************/ a, a:visited { color: #33759f; /* on hover */ /* on click */ /* mobile tap color */ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a:hover, a:focus, a:visited:hover, a:visited:focus { color: #fff; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } a:link, a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } p a, p a:visited { color: #004c7d; /* on hover */ /* on click */ /* mobile tap color */ } p a:hover, p a:focus, p a:visited:hover, p a:visited:focus { color: #004c7d; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } p a:link, p a:visited:link { /* this highlights links on iPhones/iPads. so it basically works like the :hover selector for mobile devices. */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Rubik", Helvetica, Arial, sans-serif; text-rendering: optimizelegibility; font-weight: normal; text-transform: uppercase; word-break: normal; -ms-word-break: normal; /* if you're going to use webfonts, be sure to check your weights http://css-tricks.com/watch-your-font-weight/ */ /* removing text decoration from all headline links */ } h1 a, h1 a:visited, .h1 a, .h1 a:visited, h2 a, h2 a:visited, .h2 a, .h2 a:visited, h3 a, h3 a:visited, .h3 a, .h3 a:visited, h4 a, h4 a:visited, .h4 a, .h4 a:visited, h5 a, h5 a:visited, .h5 a, .h5 a:visited { text-decoration: none; } h1 a:hover, h1 a:visited:hover, .h1 a:hover, .h1 a:visited:hover, h2 a:hover, h2 a:visited:hover, .h2 a:hover, .h2 a:visited:hover, h3 a:hover, h3 a:visited:hover, .h3 a:hover, .h3 a:visited:hover, h4 a:hover, h4 a:visited:hover, .h4 a:hover, .h4 a:visited:hover, h5 a:hover, h5 a:visited:hover, .h5 a:hover, .h5 a:visited:hover { color: #efc509; } h1, .h1 { font-size: 1.6em; line-height: 1.333em; margin: 0.6em 0 0.1em; } h2, .h2 { font-size: 1.3em; line-height: 1.4em; margin-bottom: 0.375em; /*! -moz-opacity: 0.9; */ /*! -khtml-opacity: 0.9; */ /*! opacity: 0.9; */ } h3, .h3 { font-size: 1.1em; line-height: 1.2em; margin: 1em 0 0.6em; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } h4, .h4 { font-size: 1.1em; font-weight: 700; } h5, .h5 { font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing: 2px; } /********************* Katalog PAGE *********************/ .katalog_container { margin-bottom: 5.5%; display: block; width: 100%; border: solid 2px #efc509; margin-right: 5.4%; } .katalog_container:nth-child(2) { margin-right: 0; } .katalog_container .download_katalog, .katalog_container .view_katalog { display: block; width: 100%; background: #efc509; text-align: center; } .katalog_container .download_katalog a, .katalog_container .view_katalog a { text-decoration: none; color: #004c7d; display: block; padding: 1em; } .katalog_container .download_katalog a:before, .katalog_container .view_katalog a:before { display: block; font-size: 4em; } .katalog_container .download_katalog a:hover, .katalog_container .view_katalog a:hover { color: #33759f; } .katalog_container .inhalt_katalog { display: block; width: 100%; text-align: center; padding: 1em 1.5em; vertical-align: middle; font-size: 1.2em; background: #33759f; color: #fff; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } .youtube_news_headline { margin-top: 1.3em; } /********************* NEWS PAGE *********************/ .single_video_embed { background: #33759f; border: #efc509 2px solid; padding: 15px; text-align: left; margin-bottom: 20px; } .single_video_embed iframe { width: 100%; height: 250px; } .single_video_embed .youtubeTitle, .single_video_embed .youtubeDatebeforevideo { font-size: 1em; line-height: 1.2em; font-weight: normal; } .single_video_embed .youtubeDatebeforevideo { margin-bottom: 0.2em; } .news_item { margin-top: 0.5em; margin-bottom: 0em; border-top: solid 2px #efc509; } .news_item span { -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; display: block; } .news_item h2 { margin: 0.7em 0 0.1em; } .news_item p { margin-bottom: 0.9em; } .news_item img { margin-top: 0.5em; max-width: 100%; /* max-width: 300px; */ border: solid 2px #efc509; } /********************* Messen PAGE *********************/ .messe_item { background: #33759f; border: #efc509 2px solid; margin-bottom: 2em; width: 100%; } .messe_item .messe_image { background: #efc509; position: relative; padding: 0.8em; } .messe_item .messe_image img { width: 100%; max-width: 250px; margin: auto; display: block; } .messe_item .messe_content { padding: 0% 6%; color: #fff; } #content .messe_item .messe_content h2 { color: #fff; font-size: 1.5em; } .messe_item .messe_content p { margin-bottom: 0.4em; } /********************* Admin *********************/ .edit-page-post .qtrans_title, .edit-page-post .qtrans_title_en, .edit-page-post .qtrans_title_fr, .edit-page-post .qtrans_title_es, .edit-page-post .qtrans_title_us, .edit-page-post .qtrans_title_ru { display: none; } /********************* POSTS & CONTENT STYLES *********************/ /**** General ***/ body>#container { max-width: 1920px; margin: 0 auto; /* -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.4);*/ background-color: #f0f0f0; } #content { margin: 0em auto 0em; width: 100%; color: #333333; /*! max-width: 1920px; */ } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content h7 { color: #004c7d; } .call-to-action, .info-box { padding: 25px; border-radius: 6px; border: solid 3px #efc509; -webkit-box-shadow: 2px 0px 16px -4px rgba(0,0,0,0.2); box-shadow: 2px 0px 16px -4px rgba(0,0,0,0.2); text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; float: right; gap: 1rem; margin: 0.6em 0 1.2em 1.2em; width: 50%; width:max(300px,50%); background-color: #f5f5f5; } .call-to-action h3, .info-box h3 { font-weight: 500; margin-top: 0 } .call-to-action.fullwidth, .info-box.fullwidth { max-width:600px; width:90%; margin-left: auto; margin-right: auto; float: none; } .info-box::before { content:""; font-family:"ETmodules"; font-size:2.5rem; margin-bottom:0; line-height: 1; color: #33759f; } .call-to-action p:last-of-type, .info-box p:last-of-type { margin-bottom: 0; } /* Clearfix erstmal weggelassen: Bei kurzen Absätzen führt es zu viel whitespace */ /*.call-to-action+*::after, .info-box+*::after { content:""; clear:both; display:block }*/ @media only screen and (max-width:767px) { .call-to-action.fullwidth, .info-box.fullwidth { width:100%; } } @media only screen and (max-width:767px) { .call-to-action.fullwidth, .info-box.fullwidth { width:100%; } } /**** Home Template ***/ .welcome_fb { max-width: 500px; margin: auto; } .entry-content .text_intro img { border: #efc509 2px solid; margin: 0.8em 0em 1em 3em; float: right; max-width: 250px; } .entry-content .text_intro_image img { border: #efc509 2px solid; margin: 0.8em 0em 1em 3em; max-width: 250px; } .search .search_link_wrapper { text-align: center; } .search .search_link_wrapper .single_button { display: block; width: 100%; padding: 0.4em 0.4em 0.4em 3em; margin: 1.1em auto; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } /**** Machine Template ***/ #maschinen_table { width: 100%; display: block; margin-top: 20px; } #maschinen_table .spalte { padding-bottom: 0; width: 100%; display: block; background: #004c7d; border: #004c7d 1px solid; margin-bottom: 2em; } #maschinen_table .spalte li { list-style: none; margin: 0 auto 0px; width: 100%; padding: 0.2em 0.8em; } #maschinen_table .spalte li:hover a { color: white; } #maschinen_table .spalte a { display: inline-block; padding: 0.5em 0; min-width: 100%; text-decoration: none; } #maschinen_table .spalte a span { word-break: break-word; -ms-word-break: break-all; width: 90%; display: inline-block; text-align: left; left: 0; -webkit-hyphens: auto; -epub-hyphens: auto; -o-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #maschinen_table .spalte a .count { word-break: normal; width: 10%; text-align: right; margin-left: 3px; } #maschinen_table .spalte h3 { margin: 0; -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #maschinen_table .spalte .headline_spalte { width: 100%; display: block; background: #004c7d; padding: 1em 40px; /* color: #;*/ text-decoration: none; margin-bottom: 0em; } #maschinen_table .spalte .headline_spalte:hover { background: #f1d270; } #maschinen_table .spalte .headline_spalte h2 { margin: 0; color: #fff; padding-left: 14px; border-left: solid 8px #efc509; padding-bottom: 8px; font-weight: 800; font-size: 18px; -webkit-hyphens: auto; -epub-hyphens: auto; -o-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } @media screen and ( min-width: 340px ) { #maschinen_table .spalte .headline_spalte h2 { font-size: 20px; } } @media screen and ( min-width: 380px ) { #maschinen_table .spalte .headline_spalte h2 { font-size: 22px; } } @media screen and ( min-width: 420px ) { #maschinen_table .spalte .headline_spalte h2 { font-size: 24px; } } /**** Tables & Data ***/ .sort, .arbeitsbereich p { display: none !important; } [data-borlabs-cookie-wrap="inline"]::before, [data-borlabs-cookie-log]::before { clear: both; content: ""; display: block; } .archive_table { width: 100%; } .archive_table thead tr { margin: 0px; padding: 0; border: none; } .archive_table .top_table_row { padding: 0; border: none; } .archive_table .top_table_row:hover, .archive_table .top_table_row:nth-child(odd):hover { background: none; } .archive_table tr:hover, .archive_table tr:nth-child(odd):hover { background: #eec84f; cursor: pointer; } .archive_table .neu { background: #f2d579; } .archive_table td { border: none; position: relative; padding: 0 0 0 55%; min-height: 1.6em; line-height: 1.8em; word-wrap: break-word; } .archive_table td:nth-of-type(5) { min-height: 2em; } .archive_table .merklisten_funktion { display: none; } .archive_table .arbeitsbereich { min-height: 0; } .archive_table .no_machine { text-align: center; padding-left: 0; } .archive_table .no_machine:before { display: none; } .archive_table .thumb_table { text-align: center; padding: 0.5em 0.5em 0em; min-height: 0; background: #2d678c; } .archive_table .thumb_table img { margin: auto; border: #efc509 3px solid; width: 100%; max-width: 300px; } /* Merkzettel Page */ #merkzettel_headline { margin-bottom: 0.2em; } .merkzettel-item { width: 100%; background: #efc509; margin-bottom: 1.6em; padding: 0.2em; } .merkzettel-item .merkzettel_image_container { padding: 1em; position: relative; text-align: center; } .merkzettel-item .merkzettel_image_container img { margin: auto; display: block; position: relative; } .merkzettel-item .merkzettel_image_container a { text-decoration: none; color: #004c7d; } .merkzettel-item .merkzettel_data { background: #33759f; padding: 1em; } .merkzettel-item .loeschen_container { height: 8em; text-align: center; padding-top: 1em; } .merkzettel-item .loeschen_container a { line-height: 1em; color: #004c7d; text-decoration: none; font-size: 4.5em; width: 100%; display: block; } .merkzettel-item .loeschen_container a span { font-size: 0.25em; width: 100%; display: block; line-height: 0.9em; } .merkzettel-item .loeschen_container a:hover { color: #33759f; } #contact_form_buttons { margin: 30px 0 44px; text-align: center; } .et-db #et-boc div.wpcf7, div.wpcf7, div.wpcf7 #kontakt_daten { color: #004c7d; } div.wpcf7 #spezielle_anfrage, div.wpcf7 #maschinen_angebot { border: 3px solid #efc509; background: #33759f; margin-top: 1em; } div.wpcf7 #spezielle_anfrage h4, div.wpcf7 #maschinen_angebot h4 { background: #efc509; margin: 0; color: #004c7d; padding: 1em 0.4em; font-weight: normal; } div.wpcf7 #spezielle_anfrage .anfrage_daten, div.wpcf7 #maschinen_angebot .anfrage_daten { padding: 0em; } div.wpcf7 #spezielle_anfrage .anfrage_daten .anfrage_daten_inner, div.wpcf7 #maschinen_angebot .anfrage_daten .anfrage_daten_inner { padding: 1em; } div.wpcf7 #spezielle_anfrage .anfrage_daten .anfrage_daten_inner .daten_row, div.wpcf7 #maschinen_angebot .anfrage_daten .anfrage_daten_inner .daten_row { margin-bottom: 0.6em; } div.wpcf7 #spezielle_anfrage #delete_machine_manually, div.wpcf7 #maschinen_angebot #delete_machine_manually { font-size: 1em; line-height: 1em; background: #efc509; text-align: center; text-decoration: none; padding: 0.2em 0; width: 100%; vertical-align: middle; color: #004c7d; padding-right: 1em; padding: 1em 0.4em; } div.wpcf7 #spezielle_anfrage #delete_machine_manually:before, div.wpcf7 #maschinen_angebot #delete_machine_manually:before { padding-right: 12px; /*! scale: 1.25; */ font-size: 1.6em; vertical-align: middle; } div.wpcf7 #spezielle_anfrage #delete_machine_manually:hover, div.wpcf7 #maschinen_angebot #delete_machine_manually:hover { color: #33759f; } div.wpcf7 #spezielle_anfrage #delete_machine_manually span, div.wpcf7 #maschinen_angebot #delete_machine_manually span { font-size: 1.1em; width: auto; display: inline-block; line-height: 0.9em; } .wpcf7-form-control-wrap, .et-db #et-boc .wpcf7-form-control-wrap { width: 100%; } div.wpcf7 #kontakt_daten .daten_table .daten_row { margin: 0.8em 0; } div.wpcf7 #kontakt_daten .daten_table .daten_row .form_data_name { color: #004c7d; } div.wpcf7 #kontakt_daten .daten_table .daten_row .form_data_field { display: -webkit-box; display: -ms-flexbox; display: flex; } div.wpcf7 #kontakt_daten .daten_table .daten_row span[data-name="number-plz"], div.wpcf7 #kontakt_daten .daten_table .daten_row span[data-name="dropdown-anrede"] { display: table-cell; width: 33%; padding-right: 3%; } div.wpcf7 #kontakt_daten .daten_table .daten_row span[data-name="text-stadt"], div.wpcf7 #kontakt_daten .daten_table .daten_row span[data-name="text-vorname"] { display: table-cell; width: 67%; } div.wpcf7 input, div.wpcf7 select, div.wpcf7 textarea, div.wpcf7 option, .et-db #et-boc div.wpcf7 input, .et-db #et-boc div.wpcf7 select, .et-db #et-boc div.wpcf7 textarea, .et-db #et-boc div.wpcf7 option { padding: 0.2em; width: 100%; padding: 8px 12px; line-height: 1.5em; border-width: 2px; border-color: #004c7d; border-style: solid; border-radius: 6px; background-color: #ffffff; color: #333333; } body.et-db #et-boc div.wpcf7 .flag-dropdown, body.et-db #et-boc div.wpcf7 .flag-container, div.wpcf7 .flag-dropdown, div.wpcf7 .flag-container { color: #333!important; } .et-db #et-boc div.wpcf7 .country-select.inside input, .et-db #et-boc div.wpcf7 .country-select.inside input[type="text"], .et-db #et-boc div.wpcf7 .intl-tel-input.allow-dropdown input, .et-db #et-boc div.wpcf7 .intl-tel-input.allow-dropdown input[type="tel"], .et-db #et-boc div.wpcf7 .intl-tel-input.allow-dropdown input[type="text"], .et-db #et-boc div.wpcf7 .intl-tel-input.separate-dial-code input, .et-db #et-boc div.wpcf7 .intl-tel-input.separate-dial-code input[type="tel"], .et-db #et-boc div.wpcf7 .intl-tel-input.separate-dial-code input[type="text"] { padding-left: 52px; } .wpcf7-form .intl-tel-input { width: 100%; } .wpcf7-form-control-wrap.number-tel.required::after, .wpcf7-form-control-wrap.number-tel-ng.required::after { content: "*"; position: absolute; right: 20px; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #929292; } .intl-tel-input { width: 100%; } div.wpcf7 input[type="checkbox"], .et-db #et-boc div.wpcf7 input[type="checkbox"] { width: auto; margin-right: 0.5em; } div.wpcf7 select, .et-db #et-boc div.wpcf7 select { padding-bottom: 0; padding-top: 0; height: 47px; -webkit-appearance: none; } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_name, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_name { color: #fff; } div.wpcf7 input:focus, div.wpcf7 select:focus, div.wpcf7 textarea:focus, div.wpcf7 option:focus, .et-db #et-boc div.wpcf7 input:focus, .et-db #et-boc div.wpcf7 select:focus, .et-db #et-boc div.wpcf7 textarea:focus, .et-db #et-boc div.wpcf7 option:focus { border-color: #efc509; } div.wpcf7 textarea, .et-db #et-boc div.wpcf7 textarea { height: 6em; } div.wpcf7 .send_button, .et-db #et-boc div.wpcf7 .send_button { position: relative; text-align: center; } div.wpcf7 .send_button .wpcf7-submit, .et-db #et-boc div.wpcf7 .send_button .wpcf7-submit { font-size: 1em; padding-left: 3.6em !important; } div.wpcf7 .send_button .wpcf7-submit:hover, .et-db #et-boc div.wpcf7 .send_button .wpcf7-submit:hover { background: #fff080; } div.wpcf7 .send_button img.ajax-loader, .et-db #et-boc div.wpcf7 .send_button img.ajax-loader { position: absolute; top: 0em; right: -2em; } div.wpcf7 .send_button span, .et-db #et-boc div.wpcf7 .send_button span { position: relative; display: inline-block; max-width: initial; } div.wpcf7 .send_button>span:before, .et-db #et-boc div.wpcf7 .send_button>span:before { content: "\f0e0"; font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 1em; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #004c7d; position: absolute; z-index: 100; left: 2em; top: 0.15em; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); padding-top: 0em; font-size: 22px; } div.wpcf7 .send_button>span:hover:before, .et-db #et-boc div.wpcf7 .send_button>span:hover:before { color: #fff; } div.wpcf7 .hide, .et-db #et-boc div.wpcf7 .hide { display: none; } div.wpcf7 .show, .et-db #et-boc div.wpcf7 .show { display: block; } div.wpcf7 span.wpcf7-not-valid-tip, .et-db #et-boc div.wpcf7 span.wpcf7-not-valid-tip { left: 1%; width: 98%; padding: 0 0.2em; border: 1px solid #efc509; background: #fff080; color: #004c7d; top: 0; margin-bottom: 1px; } .wpcf7-form .row, .et-db #et-boc .wpcf7-form .row { display: block; } .wpcf7-form .row .column_1_1, .wpcf7-form .row .column_1_2, .et-db #et-boc .wpcf7-form .row .column_1_1, .et-db #et-boc .wpcf7-form .row .column_1_2 { width: 100%; margin-bottom: 15px; } .wpcf7-form .row .column_1_2.anrede .wpcf7-form-control-wrap, .et-db #et-boc .wpcf7-form .row .column_1_2.anrede .wpcf7-form-control-wrap { display: inline-block; width: calc( 100% - 80px - 8%); } .wpcf7-form .row .column_1_2.anrede .wpcf7-form-control-wrap:first-child, .et-db #et-boc .wpcf7-form .row .column_1_2.anrede .wpcf7-form-control-wrap:first-child { width: 80px; } .wpcf7-form .row .column_1_2.anrede, .et-db #et-boc .wpcf7-form .row .column_1_2.anrede, .wpcf7-form .row .column_1_2.anrede p, .et-db #et-boc .wpcf7-form .row .column_1_2.anrede p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wpcf7 input.wpcf7-submit, .et-db #et-boc .wpcf7 input.wpcf7-submit { line-height: 1.7em; } div.wpcf7 input.wpcf7-submit:hover, .et-db #et-boc div.wpcf7 input.wpcf7-submit:hover { color: #ffffff !important; background-color: #004c7d !important; border-color: #004c7d !important; text-shadow: none; } @media screen and ( min-width:480px ) { .wpcf7-form .row, .et-db #et-boc .wpcf7-form .row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .wpcf7-form .row .column_1_1, .wpcf7-form .row .column_1_2, .et-db #et-boc .wpcf7-form .row .column_1_1, .et-db #et-boc .wpcf7-form .row .column_1_2 { margin-bottom: 0; } .wpcf7-form .row .column_1_2, .et-db #et-boc .wpcf7-form .row .column_1_2 { width: 48%; } .wpcf7-form .row .column_1_2:first-child, .et-db #et-boc .wpcf7-form .row .column_1_2:first-child { margin-right: 4%; } div.wpcf7 input.wpcf7-submit, .et-db #et-boc div.wpcf7 input.wpcf7-submit { width: auto; margin-left: auto; margin-right: auto; display: block; } } /* Hersteller Page */ .page-template-page-hersteller-php #hersteller_auswahl_box { display: inline-block; border: 2px solid #efc509; padding: 0 0em 0.6em; width: 100%; max-width: 300px; background: #33759f; } .page-template-page-hersteller-php #hersteller_auswahl_box h2 { font-size: 1.4em; padding: 0.4em 0.4em; background: #efc509; margin: 0 0 0.4em 0; color: #004c7d; opacity: 1; } .page-template-page-hersteller-php #hersteller_auswahl_box select { margin: 1em 0.4em 0; width: 90%; padding: 0.4em 0.2em; -webkit-appearance: none; } .page-template-page-hersteller-php #hersteller_auswahl_box #hersteller_submit { margin: 0.8em 0 0em 0.4em; } /* Kontakt Page */ .page-template-page-kontakt-php #location img { border: 2px solid #efc509; } .page-template-page-kontakt-php #direkte_links_kontakt { margin: 3em auto 1.5em; text-align: center; } .page-template-page-kontakt-php #direkte_links_kontakt a { margin-right: 5%; margin-bottom: 1.5em; } .page-template-page-kontakt-php .ansprechpartner-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-template-page-kontakt-php .ansprechpartner { display: block; width: 100%; margin-bottom: 2em; text-align: center; } .page-template-page-kontakt-php .ansprechpartner-header-row .team img, .page-template-page-kontakt-php .ansprechpartner div, .page-template-page-kontakt-php .team img { border: 2px solid #efc509; margin-bottom: 0.7em; overflow: hidden; } .page-template-page-kontakt-php .ansprechpartner-header-row .team img, .page-template-page-kontakt-php .ansprechpartner div, .page-template-page-kontakt-php .team img { border: 2px solid #efc509; margin-bottom: 0.7em; } .page-template-page-kontakt-php .ansprechpartner-header-row .team { max-width: 800px; margin-left: auto; margin-right: auto; } .page-template-page-kontakt-php .ansprechpartner img { margin-bottom: 0; display: block; } .page-template-page-kontakt-php .ansprechpartner a, .page-template-page-kontakt-php .ansprechpartner span, .page-template-page-kontakt-php .ansprechpartner img { text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .page-template-page-kontakt-php .ansprechpartner a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .page-template-page-kontakt-php .ansprechpartner a:hover span, .page-template-page-kontakt-php .ansprechpartner a:focus span { color: #33759f; opacity: 0.8; } .page-template-page-kontakt-php .ansprechpartner a:hover img, .page-template-page-kontakt-php .ansprechpartner a:focus img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .page-template-page-kontakt-php .ansprechpartner span { display: block; } .page-template-page-kontakt-php #company #unternehmen_banner { width: 100%; display: block; height: 250px; background: url("./library/images/unternehmen_banner_950px.jpg") center center no-repeat; border: solid 2px #efc509; margin-bottom: 1em; max-width: 950px; } /* end .hentry */ /* want to style individual post classes? Booya! */ /* post by id (i.e. post-3) */ /* general post style */ /* general article on a page style */ /* general style on an attatchment */ /* sticky post style */ /* hentry class */ /* style by category (i.e. category-videos) */ /* style by tag (i.e. tag-news) */ /* post meta */ .byline { color: #999; } /* entry content */ .entry-content dd { margin-left: 0; font-size: 0.9em; color: #787878; margin-bottom: 1.5em; } .entry-content img { margin: 0 0 1.5em 0; max-width: 100%; height: auto; } .entry-content video, .entry-content object { max-width: 100%; height: auto; } .entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } /* end .entry-content */ .wp-caption { max-width: 100%; background: #eee; padding: 5px; /* images inside wp-caption */ } .wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; } /* end .wp-caption */ /* image gallery styles */ /* end .gallery */ /* gallery caption styles */ /* Make the Facebook Like box responsive (fluid width) https://developers.facebook.com/docs/reference/plugins/like-box/ */ /* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */ #fb-root { display: none; } .fb-like-box { background: #ffffff; } .fb-like-box span { background: #ffffff; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #facebook_box .fb_iframe_widget span iframe[style] { width: auto !important; } .media-modal { top: 250px; } /****************************************************************** PAGE NAVI STYLES ******************************************************************/ .page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; } .bones_page_navi li.bpn-prev-link, .bones_page_navi li.bpn-next-link { font-weight: 700; } .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a { padding: 0; } .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover { background: none; } /* end .bones_page_navi */ /* fallback previous & next links */ .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; } /* end .wp-prev-next */ #fancybox-wrap, #fancybox-content, #fancybox-outer, #fancybox-inner { -webkit-box-sizing: content-box; -safari-box-sizing: content-box; box-sizing: content-box; } #fancybox-left-ico, #fancybox-right-ico { font-family: "steinfels"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background: none; font-size: 4em; height: 100%; top: 0; margin: 0; } #fancybox-close { font-size: 2em; font-family: "steinfels"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; background: none; color: #ffffff; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #fancybox-close:before { position: absolute; content: "\e002"; right: 0.9em; top: 0.9em; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9); } #fancybox-close:hover { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #fancybox-right { width: 47%; } #fancybox-right:hover #fancybox-right-ico { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #fancybox-right #fancybox-right-ico { left: 0; right: auto; color: #ffffff; -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; } #fancybox-right #fancybox-right-ico:before { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9); position: absolute; content: "\e00f"; left: 360%; bottom: 50%; margin-bottom: -0.5em; } #fancybox-left { width: 47%; } #fancybox-left:hover #fancybox-left-ico { -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } #fancybox-left #fancybox-left-ico { left: auto; right: 0; color: #ffffff; -moz-opacity: 0.35; -khtml-opacity: 0.35; opacity: 0.35; } #fancybox-left #fancybox-left-ico:before { text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9); display: table-cell; vertical-align: middle; position: absolute; content: "\e010"; right: 360%; bottom: 50%; margin-bottom: -0.5em; } #fancybox-title-over { display: none; } /****************************************************************** COMMENT STYLES ******************************************************************/ .commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; } .commentlist li:last-child { margin-bottom: 0; } .commentlist li ul.children { margin: 0; } .commentlist li[class*="depth-"] { margin-top: 1.1em; } .commentlist li.depth-1 { margin-left: 0; margin-top: 0; } .commentlist li:not(.depth-1) { margin-right: -10px; margin-left: -10px; margin-top: 0; padding-bottom: 0; } .commentlist .odd { background: #eee; } .commentlist .even { background: #fefefe; } .commentlist .vcard { margin-left: 50px; } .commentlist .vcard cite.fn { font-weight: 700; font-style: normal; } .commentlist .vcard time { float: right; } .commentlist .vcard time a { color: #999; text-decoration: none; } .commentlist .vcard time a:hover { text-decoration: underline; } .commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; } .commentlist .comment_content { margin-left: 50px; } .commentlist .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } .commentlist .comment-reply-link { text-decoration: none; float: right; background: #4598bb; padding: 3px 5px; color: #fff; opacity: 0.65; margin-bottom: 10px; font-weight: 700; font-size: 0.9em; } .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus { opacity: 1; } /* end .commentlist */ /****************************************************************** COMMENT FORM STYLES ******************************************************************/ .respond-form { margin: 1.5em 10px; padding-bottom: 2.2em; } .respond-form form { margin: 0.75em 0; } .respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; } .respond-form form li label, .respond-form form li small { display: none; } .respond-form form input[type="text"], .respond-form form input[type="email"], .respond-form form input[type="url"], .respond-form form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; /* form validation */ } .respond-form form input[type="text"]:focus, .respond-form form input[type="email"]:focus, .respond-form form input[type="url"]:focus, .respond-form form textarea:focus { background: #fff; } .respond-form form input[type="text"]:invalid, .respond-form form input[type="email"]:invalid, .respond-form form input[type="url"]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .respond-form form input[type="text"], .respond-form form input[type="email"], .respond-form form input[type="url"] { max-width: 400px; min-width: 250px; } .respond-form form textarea { resize: none; width: 97.3%; height: 150px; } /* comment submit button */ /* comment form title */ #comment-form-title { margin: 0 0 1.1em; } /* cancel comment reply link */ /* logged in comments */ /* allowed tags */ #allowed_tags { margin: 1.5em 10px 0.7335em 0; } /* no comments */ .nocomments { margin: 0 20px 1.1em; } /********************* FOOTER STYLES *********************/ .footer { clear: both; } /* if you checked out the link above: http://www.alistapart.com/articles/organizing-mobile/ you'll want to style the footer nav a bit more in-depth. Remember to keep it simple because you'll have to override these styles for the desktop view. */ /* end .footer-links */ .page-template-page-hersteller-php #hersteller_list li { display: block; text-align: center; word-break: break-all; overflow: hidden; width: 50%; } @media only screen and (min-width: 481px) { /****************************************************************** Site Name: Author: Stylesheet: 481px and Up Stylesheet This stylesheet is loaded for larger devices. It's set to 481px because at 480px it would load on a landscaped iPhone. This isn't ideal because then you would be loading all those extra styles on that same mobile connection. A word of warning. This size COULD be a larger mobile device, so you still want to keep it pretty light and simply expand upon your base.scss styles. ******************************************************************/ /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ /********************* NAVIGATION STYLES *********************/ #qts-lang-menu { display: block; width: 100%; text-align: right; } /********************* POSTS & CONTENT STYLES *********************/ .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; } .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; } .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } /* end .entry-content */ #related_machines li { width: 33%; } /**** Home Template ***/ /**** Data Tables ***/ .table_data .table_row .table_column { width: 50%; display: table-cell; vertical-align: top; } .table_data .table_row .table_column:nth-of-type(2) { vertical-align: bottom; } /* Kontakt Page */ .page-template-page-kontakt-php .last { float: none; margin: auto; } .page-template-page-hersteller-php #hersteller_list li { width: 33%; } /********************* Katalog PAGE *********************/ .katalog_container { display: table; width: 47.25%; float: left; border: solid 3px #efc509; } .katalog_container .download_katalog, .katalog_container .view_katalog { display: table-cell; width: 20%; background: #efc509; text-align: center; } .katalog_container .download_katalog a, .katalog_container .view_katalog a { font-size: 0.8em; } .katalog_container .download_katalog a:before, .katalog_container .view_katalog a:before { font-size: 4.5em; } .katalog_container .inhalt_katalog { display: table-cell; width: 60%; text-align: center; } /********************* NEWS PAGE *********************/ .single_video_embed iframe { height: 300px; } .news_item { border-top: solid 2px #efc509; margin-top: 0; margin-bottom: 0em; } .news_item span { -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; display: block; } .news_item p { margin-top: 0; } .news_item img { float: left; margin-right: 0.7em; /*max-width: 200px;*/ margin-bottom: 0.5em; } /********************* FOOTER STYLES *********************/ /* check your menus here. do they look good? do they need tweaking? */ /* end .footer-links */ } /* TABLET & SMALLER LAPTOPS This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ .widget_block:has(h3) { margin-bottom: 0; } .widget_block:has(h3) +.widget { margin-top: 0; } .widgettitle { border-bottom: 2px solid #444; margin-bottom: 0.75em; } .widget { padding: 0 10px; margin: 2.2em 0; } .sidebar .widget:first-child { margin-top: 0; } .widget ul li { margin-bottom: 0.3em; /* deep nesting */ } .widget ul li ul { margin-top: 0.75em; padding-left: 1em; } @media only screen and (min-width: 481px) { .page-template-page-kontakt-php .ansprechpartner { width: 47.5%; float: left; text-align: left; margin-right: 5%; } .page-template-page-kontakt-php .ansprechpartner:nth-child(2n) { margin-right: 0; } .page-template-page-kontakt-php .ansprechpartner span { text-align: center; display: block; } } @media only screen and (min-width: 768px) { /****************************************************************** Site Name: Author: Stylesheet: Grid Stylesheet I've seperated the grid so you can swap it out easily. It's called at the top the style.scss stylesheet. There are a ton of grid solutions out there. You should definitely experiment with your own. Here are some recommendations: http://gridsetapp.com - Love this site. Responsive Grids made easy. http://susy.oddbird.net/ - Grids using Compass. Very elegant. http://gridpak.com/ - Create your own responsive grid. The grid below is a combination of the 1140 grid and Twitter Boostrap. I liked 1140 but Boostrap's grid was way more detailed so I merged them together, let's see how this works out. If you want to use 1140, the original values are commented out on each line. ******************************************************************/ .onecol { width: 5.801104972%; } /* 4.85%; }/* grid_1 */ .twocol { width: 14.364640883%; } /* 13.45%; }/* grid_2 */ .threecol { width: 22.928176794%; } /* 22.05%; }/* grid_3 */ .fourcol { width: 31.491712705%; } /* 30.75%; }/* grid_4 */ .fivecol { width: 40.055248616%; } /* 39.45%; }/* grid_5 */ .sixcol { width: 48.618784527%; } /* 48%; }/* grid_6 */ .sevencol { width: 57.182320438000005%; } /* 56.75%; }/* grid_7 */ .eightcol { width: 65.74585634900001%; } /* 65.4%; }/* grid_8 */ .ninecol { width: 74.30939226%; } /* 74.05%; }/* grid_9 */ .tencol { width: 82.87292817100001%; } /* 82.7%; }/* grid_10 */ .elevencol { width: 91.436464082%; } /* 91.35%; }/* grid_11 */ .twelvecol { width: 99.999999993%; } /* 100%; }/* grid_12 */ .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; } .first { margin-left: 0; } .last { float: right; } /****************************************************************** Site Name: Author: Stylesheet: Tablet & Small Desktop Stylesheet Here's where you can start getting into the good stuff. This size will work on iPads, other tablets, and desktops. So you can start working with more styles, background images, and other resources. You'll also notice the grid starts to come into play. Have fun! ******************************************************************/ /********************* GENERAL STYLES *********************/ h1, .h1 { font-size: 1.9em; } .category h1, .category .h1 { width: 80%; } h2, .h2 { font-size: 1.3em; } h3, .h3 { font-size: 1.3em; } /********************* LAYOUT & GRID STYLES *********************/ #drucken_main { font-size: 0.8em; height: 2em; max-width: 130px; padding: 0.2em 0.2em 0.2em 3%; text-align: center; top: 15px; } #main { min-height: 500px; } .single h1 { font-size: 1.8em; } /* .single article .entry-content { display: table; width: 100%; position: relative; } .single article .entry-content #single_content_data { padding: 1.2em 0.8em 0.8em; display: table-cell; width: 70%; position: relative; } .single article .entry-content #single_content_data .back_button { margin: 0 0 0.8em; } .single article .entry-content #single_content_data .table_data { width: 65%; position: relative; font-size: 0.9em; margin-top: 0; } .single article .entry-content #single_content_data .table_data .table_row .table_column { font-size: 1.1em; word-break: normal; } .single article .entry-content #single_content_data .video_player_container { width: 100%; background: #004c7d; max-width: 100%; padding: 1em 0; margin-bottom: 0; border: none; } .single article .entry-content #single_content_data .video_player_container .lyte-wrapper { margin: auto; } .single article .entry-content #single_content_data #action_buttons { position: absolute; top: 1em; right: 3%; font-size: 0.7em; width: 25%; } .single article .entry-content #single_content_data #facebook_box { right: 34%; top: 0.2em; } .single article .entry-content #single_content_data .single_button { padding: 0.2em 0.4em 0.2em 25%; margin-bottom: 2em; } .single article .entry-content #single_content_gallery { padding-top: 2em; display: table-cell; width: 30%; height: 100%; } .single article .entry-content #single_content_gallery span { font-size: 1.4em; } .single article .entry-content #single_content_gallery img { width: 45%; float: left; margin: 2.5%; }*/ /* single post page */ /* #fancybox-left-ico, #fancybox-right-ico { font-size: 10em; } #fancybox-close { font-size: 3em; } #fancybox-close:before { right: 0.6em; top: 0.6em; } #fancybox-title-over { display: block; }*/ #related_machines li { width: 16.6%; } .search .search_link_wrapper { border-top: solid 2px #004c7d; border-bottom: solid 2px #004c7d; margin: 2% auto 4%; text-align: center; } .search .search_link_wrapper .single_button { height: auto; position: relative; font-size: 1em; display: inline-block; max-width: none; width: auto; padding: 0.8em 0.8em 0.8em 2.7em; margin: 1.8em 1.4%; top: 0; } /**** Kategorie Template ***/ .intro_cat span { display: inline; } /* Kontakt Page */ .page-template-page-kontakt-php #location { display: block; position: relative; } .page-template-page-kontakt-php #location #kontakt_daten { float: left; width: 64%; } .page-template-page-kontakt-php #location #anfahrts_skizze { width: 35%; margin-left: 66%; } .page-template-page-kontakt-php #location #kontakt_daten, .page-template-page-kontakt-php #location #anfahrts_skizze { position: relative; display: block; } .page-template-page-kontakt-php .ansprechpartner { width: 30.666%; margin-right: 4%; float: left; } .page-template-page-kontakt-php .ansprechpartner:nth-child(2n) { margin-right: 4%; } .page-template-page-kontakt-php .ansprechpartner:nth-child(3n) { margin-right: 0; } .page-template-page-kontakt-php .ansprechpartner:nth-of-type(even) { text-align: left; } .page-template-page-kontakt-php .ansprechpartner:nth-of-type(even) span { padding-right: 0; padding-left: 0; } .page-template-page-kontakt-php .ansprechpartner img { width: 100%; height: auto; } .page-template-page-kontakt-php .ansprechpartner span { padding-right: 0; /*! font-size: 0.7em; */ } .page-template-page-kontakt-php .last { float: left; margin-top: 0; margin-right: 0; } .page-template-page-kontakt-php #company { margin-bottom: 1em; } /********************* NEWS PAGE *********************/ .single_video_embed { width: 32%; margin-right: 2%; float: left; min-height: 320px; } .single_video_embed:nth-of-type(3) { margin-right: 0; } .single_video_embed iframe { height: 180px; } .news_item img { margin-bottom: 1.2em; } /********************* Messen PAGE *********************/ .messe_item { background: #efc509; border: #efc509 2px solid; display: table; } .messe_item .messe_image { display: table-cell; width: 25%; background: #efc509; position: relative; padding: 0.8em; border-right: 2px solid #efc509; } .messe_item .messe_image img { width: 100%; max-width: 250px; margin: auto; display: block; } .messe_item .messe_content { background: #33759f; width: 75%; position: relative; display: table-cell; /*! padding: 3% 7%; */ vertical-align: top; /*! color: #fff; */ } .messe_item .messe_content p { margin-bottom: 0.4em; } /********************* CONTENT STYLES *********************/ #maschinen_table .spalte { display: block; width: 48%; } #maschinen_table #spalte1 { float: left; } #maschinen_table #spalte2 { margin-left: 52%; } table { display: table; } tbody { display: table-row-group; } th, td { display: table-cell; text-align: center; } thead { display: table-header-group; background: #002d4a; } tr { display: table-row; } .search .single_button, .tag .single_button, .category .single_button, .page-template-page-lagerliste-php .single_button, .page-template-page-neuheiten-php .single_button, .page-template-page-specials-php .single_button { display: block; position: absolute; max-width: 200px; right: 0; top: 10px; height: 35px; padding: 0.2em 0.2em 0.2em 5%; z-index: 20; } .archive_table { width: 100%; margin-bottom: 54px; } .archive_table tbody tr { background: #33759f; margin-bottom: 2em; border: none; } .archive_table tbody .no_machine:hover, .archive_table tbody .no_machine:nth-child(odd):hover { background: none; cursor: pointer; } .archive_table td { /* Behave like a "row" */ position: relative; padding: 0.2em; border-right: 1px solid #efc509; vertical-align: middle; font-size: 0.9em; } .archive_table td .merklisten_funktion { display: inline; } .archive_table td img { height: 100%; vertical-align: middle; } .archive_table .arbeitsbereich { min-width: 10%; width: 10%; } .archive_table tbody { border: 3px solid #efc509; } /*.archive_table thead tr:nth-child(odd), .archive_table thead tr:nth-child(odd):hover { background: #002d4a; }*/ .archive_table thead tr th:hover, .archive_table thead tr th:nth-child(odd):hover { background: #003c63; } .archive_table .thumb_table { padding: 0.4em; text-align: center; vertical-align: middle; background: none; } /* Merkzettel Page */ #add_machine_manually, #back_to_machines, #drucken_merkliste { width: auto; display: inline-block; padding: 0.8em 0.9em 0.8em 2.5em; } #add_machine_manually, #drucken_merkliste { margin-right: 4%; max-width: none; } #back_to_machines { max-width: none; } .merkzettel-item { width: 100%; background: #efc509; margin-bottom: 1.8em; padding: 0.2em; display: table; } .merkzettel-item .merkzettel_image_container { display: table-cell; width: 20%; padding: 1em; position: relative; vertical-align: middle; border-right: 0.2em solid #efc509; } .merkzettel-item .merkzettel_image_container img { margin: auto; display: block; position: relative; } .merkzettel-item .merkzettel_data { display: table-cell; width: 60%; padding: 1em; vertical-align: middle; } .merkzettel-item .loeschen_container { vertical-align: middle; display: table-cell; width: 20%; padding: 1em; } .merkzettel-item .loeschen_container a { width: 100%; color: #004c7d; } div.wpcf7 #spezielle_anfrage .container_table, div.wpcf7 #maschinen_angebot .container_table { display: table; width: 100%; padding: 0; position: relative; } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten { display: table-cell; width: 75%; padding: 0; position: relative; } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten .anfrage_daten_inner, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten .anfrage_daten_inner { padding: 1em; display: table; width: 100%; position: relative; } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten .anfrage_daten_inner .daten_row, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten .anfrage_daten_inner .daten_row { position: relative; display: table-row; width: 100%; margin-bottom: 15px; } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_name, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_name { display: table-cell; width: 25%; padding: 0.5em; padding-left: 0; /*! color: #fff; */ } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_field, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_field { display: table-cell; width: 50%; /*! margin-bottom: 15px; */ padding-bottom: 12px; } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_field select, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten .anfrage_daten_inner .daten_row .form_data_field select { padding: 8px 22.5px; -webkit-appearance: none; /*! margin-bottom: 15px; */ } div.wpcf7 #spezielle_anfrage .container_table .anfrage_daten h4, div.wpcf7 #maschinen_angebot .container_table .anfrage_daten h4 { max-width: 33%; display: block; padding-left: 1em; } div.wpcf7 #spezielle_anfrage .anfrage_loeschen, div.wpcf7 #maschinen_angebot .anfrage_loeschen { display: block; width: 25%; background: #efc509; vertical-align: middle; position: absolute; top: 0; /*! padding: 1em 0.4em; */ right: 0; } div.wpcf7 #spezielle_anfrage #delete_machine_manually, div.wpcf7 #maschinen_angebot #delete_machine_manually { background: none; } div.wpcf7 #kontakt_daten .daten_table { width: 48%; padding-right: 2%; display: table-cell; } div.wpcf7 #kontakt_daten .daten_table .daten_row .form_data_name img { display: inline-block; } div.wpcf7 #kontakt_daten .daten_table .daten_row .form_data_field { padding: 1em 0 0; vertical-align: bottom; display: table-cell; /*! width: 61%; */ } div.wpcf7 #kontakt_daten .daten_table .daten_row .form_data_field span { top: 0; } div.wpcf7 #kontakt_daten .daten_table .daten_row .number-plz, div.wpcf7 #kontakt_daten .daten_table .daten_row .dropdown-anrede { display: table-cell; width: 33%; padding-right: 3%; } div.wpcf7 #kontakt_daten .daten_table .daten_row .text-stadt, div.wpcf7 #kontakt_daten .daten_table .daten_row .text-vorname { display: table-cell; width: 64%; } div.wpcf7 #kontakt_daten .bemerkung { padding: 1em 0 0.3em 0em; } div.wpcf7 #kontakt_daten .right_table { padding-right: 0; padding-left: 2%; } div.wpcf7 span.wpcf7-not-valid-tip { color: #004c7d; } /* Hersteller Page */ .page-template-page-hersteller-php #hersteller_auswahl_box { /*! width: 40%; */ /*! float: right; */ display: block; /*! margin-top: 2em; */ /*! margin-bottom: 2em; */ max-width: inherit; } .page-template-page-hersteller-php #hersteller_list { clear: both; /*! margin-top: 3em; */ } .page-template-page-hersteller-php #hersteller_list li { width: 20%; } /********************* SIDEBARS & ASIDES *********************/ .sidebar { margin-top: 0; /*2.2em;*/ } #main-footer #footer-widgets { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 0; } #main-footer .footer-widget { width: 48.5%; margin-right: 3%; } #main-footer .footer-widget:nth-child(2n) { margin-right: 0; } } #sharebar .shariff .shariff-buttons li, #sharebar .shariff a { border-radius: 6px; width: 40px !important; height: 40px !important; } #sharebar .shariff .buttonsize-large .shariff-icon svg { width: 35px; height: 23px; } #sharebar .shariff-button.printer, /*#sharebar .shariff-button.pinterest,*/ #sharebar .shariff-button.linkedin, #sharebar .shariff-button.twitter { display: none; } #sharebar .shariff .shariff-buttons.theme-round li.mailto a { background-color: #2AD9E5 !important; } #sharebar .shariff .shariff-buttons.theme-round li.mailto a:hover { /* background-image: linear-gradient(#2056F6, #2AD9E5) !important; */ background-color: #32E1ED !important; } #sharebar .shariff { position: fixed; z-index: 1000; bottom: 15px; width: 92%; margin: 0 auto; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); max-width: calc( 100% - 140px); } .ccw_plugin.chatbot { z-index: 1000; } @media only screen and (min-width: 360px) { #sharebar .shariff-button.twitter { display: list-item; } } @media only screen and (min-width: 420px) { #sharebar .shariff-button.pinterest { display: list-item; } #sharebar .shariff .shariff-buttons li, #sharebar .shariff a { border-radius: 6px; width: 45px !important; height: 45px !important; } #sharebar .shariff .buttonsize-large .shariff-icon svg { width: 40px; height: 28px; } } /* DESKTOP This is the average viewing window. So Desktops, Laptops, and in general anyone not viewing on a mobile device. Here's where you can add resource intensive styles. */ @media only screen and (min-width: 981px) { /****************************************************************** Site Name: Author: Stylesheet: Desktop Stylsheet This is the desktop size. It's larger than an iPad so it will only be seen on the Desktop. ******************************************************************/ #sharebar .shariff-button.printer { display: list-item; } div.wpcf7 #kontakt_daten .daten_table .daten_row { padding: 1em 0; display: table-row; } div.wpcf7 #kontakt_daten .daten_table .daten_row .form_data_name { display: table-cell; width: auto; padding: 1em 1em 0 0; height: 2em; vertical-align: middle; color: #004c7d; text-align: left; min-width: 150px; /*! max-width: 200px; */ } body, #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-row, #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu { background: url("./library/images/background_muster_85p.jpg"); background: url("./library/images/background_muster_85p.jpg.webp"); } #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: transparent; } #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu { width: 95vw; max-width: 1280px; right: 0; left: auto; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu { padding: 0 15px; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu ul { margin: 0; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.column-3 > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu ul li { width: 32%; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.column-5 > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu ul li { width: 18.4%; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu ul li a { display: block; background: transparent; color: #004c7d; font-family: inherit; font-size: 16px; font-weight: normal; padding: 0px 10px 0px 10px; line-height: 35px; text-decoration: none; text-transform: uppercase; vertical-align: baseline; text-align: left; padding: 0 15px; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu ul li:hover a { text-shadow: 1px 1px 0px #999; background: #efc509; font-weight: normal; text-decoration: none; color: #fff; } /**** Home Template ***/ .home_link_wrapper .single_button { display: inline-block; width: auto; padding: 0.75em 0.8em 0.8em 3em; margin: 1.9em 1.4%; } .home_link_wrapper_vert .single_button { display: inline-block; width: auto; padding: 0.75em 0.8em 0.8em 3em; margin: 1em 1.4%; } /********************* NAVIGATION STYLES *********************/ .center_extra_nav #container_table #breadcrumb { display: table-cell; width: 70%; } /* Kontakt Page */ .page-template-page-kontakt-php #location { display: block; position: relative; } .page-template-page-kontakt-php #location #kontakt_daten { float: left; width: 55%; } .page-template-page-kontakt-php #location #anfahrts_skizze { width: 40%; margin-left: 60%; } .page-template-page-kontakt-php #location #kontakt_daten, .page-template-page-kontakt-php #location #anfahrts_skizze { position: relative; display: block; } .page-template-page-kontakt-php .ansprechpartner { width: 18.4%; margin-right: 2%; float: left; } .page-template-page-kontakt-php .ansprechpartner:nth-child(n) { margin-right: 2%; } .page-template-page-kontakt-php .ansprechpartner:nth-child(6) { margin-right: 0%; } .page-template-page-kontakt-php .ansprechpartner:last-child { margin-right: 0; } .page-template-page-kontakt-php .ansprechpartner:nth-of-type(even) { text-align: left; } .page-template-page-kontakt-php .ansprechpartner img { width: 100%; } .page-template-page-kontakt-php .ansprechpartner span { font-size: 0.8em; } .page-template-page-kontakt-php .last { margin-right: 0; } #main-footer .footer-widget { width: 22.25%; } #main-footer .footer-widget:nth-child(2n) { margin-right: 5%; } #main-footer .footer-widget:nth-child(4n) { margin-right: 0; } } /* /************************************** ************ DIVI Commons ************* **************************************/ body.et-db #et-boc .et-l .et_pb_row, .et_pb_row { max-width: 1280px; margin: auto; position: relative; } @media only screen and ( max-width:1350px) { body.et-db #et-boc .et-l .et_pb_row, .et_pb_row { width: 95%; } } @media only screen and (min-width: 981px) { .et-db #et-boc .et_pb_gutters3 .et_pb_column_1_3, .et-db #et-boc .et_pb_gutters3.et_pb_row .et_pb_column_1_3 { width: 29.666%; } } .et_pb_button_module_wrapper.et_pb_button_alignment_center { text-align: center; } .et_pb_button_module_wrapper.et_pb_button_alignment_right { text-align: right; } .wp-element-button, .wp-block-cib-call-to-action .et_pb_button_wrapper a , body .et_pb_button, body.et-db #et-boc .et_pb_button, .single_button, .wpcf7-submit, #et-boc .et_pb_module.et_pb_button_module_wrapper a.simplefavorite-button, .bones_page_navi li a, .bones_page_navi li.bpn-current, button.simplefavorites-clear { position: relative; padding-top: 0.65em !important; padding-right: 2em !important; padding-bottom: 0.65em !important; padding-left: 2em !important; color: #004c7d !important; background: #efc509 !important; border-width: 1px !important; border-radius: 0.8em !important; border-radius: 6px !important; border-color: #004c7d !important; border-style: solid; letter-spacing: 4px; font-size: 14px; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-box-shadow: 0 4px 16px -4px #696969; box-shadow: 0 4px 16px -4px #696969; text-shadow: 0 0 16px #fff; display: inline-block; opacity: 1; line-height: 1.7em; cursor: pointer; } .et-db #et-boc .et_pb_button i, .et_pb_button i { vertical-align: baseline; } .sf-icon-spinner { width: 1em; } .et_pb_button.fullwidth { width: 100%; text-align: center; max-width: 500px; } #mini_merkliste { width: 100%; max-width: 480px; background-color: #dadada; background: url("./library/images/background_muster_85p.jpg"); background-position: center top; border: solid 1px #33759f; display: none; padding: 20px 20px 0 20px; -webkit-transition: all 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out, padding 0s ease-in-out; -o-transition: opacity 0.2s ease-in-out, padding 0s ease-in-out; transition: opacity 0.2s ease-in-out, padding 0s ease-in-out; position: fixed; top: 0; right: 0; z-index: 10; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4); max-height: 95vh; overflow-y: auto ; } .admin-bar #mini_merkliste { top:46px; } @media only screen and (min-width:481px) { #mini_merkliste, .admin-bar #mini_merkliste { top: unset; position: absolute; right: 0; max-height: 75vh; margin-top: 10px; } .sticky-wrapper.is-sticky #mini_merkliste, .admin-bar .sticky-wrapper.is-sticky #mini_merkliste { max-height: 87vh; } } #mini_merkliste.show { border: solid 1px #33759f; padding: 20px; opacity: 1; height: auto; visibility: visible; } #mini_merkliste .close { position: absolute; right: 10px; top: 10px; width: 42px; height: 42px; opacity: 0.6; } #mini_merkliste .close:hover { opacity: 1; } #mini_merkliste .close:before, .close:after { position: absolute; left: 20px; content: ' '; height: 23px; width: 2px; background-color: #004c7d; top: 13px; } #mini_merkliste .close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #mini_merkliste .close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #mini_merkliste ul li { padding: 1px 0; } #mini_merkliste ul li p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #mini_merkliste ul li p a { display: block; position: relative; } #mini_merkliste ul li p a:nth-child(1) { width:60px; line-height: 0 } #mini_merkliste ul li p a:nth-child(2) { width:calc(100% - 81px ); padding: 0 15px; font-size: 14px; text-decoration: none; line-height: 1.3; } #mini_merkliste ul li p a:nth-child(3) { width:21px; } #mini_merkliste ul li img { float: none; width: 100%; height: auto; } #mini_merkliste .mini_merkliste_header h4 { color: #004c7d; text-align: center; margin: 0; } #mini_merkliste a.et_pb_button { width: 100%; text-align: center; margin-bottom: 20px; } @media only screen and (min-width: 981px) { #mini_merkliste ul li p a:nth-child(2) { font-size: 16px; } } #mini_merkliste a.simplefavorite-button .label { left:initial; right: 120%; width: auto; word-wrap: normal; -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } #mini_merkliste a.simplefavorite-button { color: #efc509; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /*! position: relative; */ opacity: 1; text-shadow: 0px 0px 2px #073147 } .archive_table .simplefavorite-button i { color: #efc509 } .simplefavorite-button i.label, .archive_table .simplefavorite-button i.label{ font-style: normal; color: inherit!important; } .archive_table tr td a.simplefavorite-button, .et-db #et-boc .archive_table tr td a.simplefavorite-button { color: #004c7d; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.4em; padding: 10px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 46px; } .archive_table tr td a.preisanfrage, .et-db #et-boc .archive_table tr td a.preisanfrage { color: #efc509; position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.4em; padding: 10px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 46px; } .archive_table tr td a.simplefavorite-button:hover, .et-db #et-boc .archive_table tr td a.simplefavorite-button:hover, .archive_table tr td a.preisanfrage:hover, .et-db #et-boc .archive_table tr td a.preisanfrage:hover { z-index: 10; } .bones_page_navi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -30px; } .bones_page_navi li { margin-right: 30px; margin-bottom: 30px; } .bones_page_navi li.bpn-current { border-color: #efc509 !important; background-color: #efc509 !important; color: #fff !important; text-shadow: 0 0 9px #33333399; } #et-boc .et_pb_module.et_pb_button_module_wrapper .simplefavorite-button span.label { letter-spacing: inherit; } body .et_pb_button:hover, .wp-block-cib-call-to-action .et_pb_button_wrapper a:hover, .et-db #et-boc .et_pb_button:hover, .single_button:hover, .send_button span:hover .wpcf7-submit, #et-boc .et_pb_module.et_pb_button_module_wrapper .simplefavorite-button:hover, .bones_page_navi li a:hover, button.simplefavorites-clear:hover { color: #ffffff !important; background: #004c7d !important; border-color: #004c7d !important; text-shadow: none; } .archive_table tr td .simplefavorite-button:hover i, #et-boc .archive_table tr td .simplefavorite-button:hover i, .archive_table tr td .simplefavorite-button.active i, #et-boc .archive_table tr td .simplefavorite-button.active i, .archive_table tr td .simplefavorite-button:focus i, #et-boc .archive_table tr td .simplefavorite-button:focus i, .archive_table tr td .preisanfrage:hover i, #et-boc .archive_table tr td .preisanfrage:hover i, .archive_table tr td .preisanfrage:focus i, #et-boc .archive_table tr td .preisanfrage:focus i, a.simplefavorite-button:hover i, a.simplefavorite-button:focus i { opacity: 1; text-shadow: 0 0 15px #efc509; color: #efc509; } .archive_table tr td .simplefavorite-button.active, #et-boc .archive_table tr td .simplefavorite-button.active { opacity: 1; } .archive_table tr td .simplefavorite-button i, #et-boc .archive_table tr td .simplefavorite-button i, .archive_table tr td .preisanfrage i, #et-boc .archive_table tr td .preisanfrage i { line-height: 1em; letter-spacing: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #et-boc .archive_table tr td.offertennummer { position: relative; } .single_button[data-icon] { padding-left: calc(30px + 1.2em) !important; } .single_button[data-icon]::before { top: 9px; } body .et_pb_button i, button.simplefavorites-clear i { font-size: inherit; vertical-align: text-bottom; margin-right: 8px; } body .et_pb_button:hover::after, .et-db #et-boc .et_psb_button:hover::after { opacity: 0 !important; content: "" !important; } .et-db #et-boc .yellow_bg .et_pb_button, .yellow_bg .et_pb_button { /*! color:#ffffff!important; */ /*! background-color:#efc509!important; */ border-color: #333 !important; border-width: 1px !important; /*! font-weight:700!important; */ /*! text-shadow: 0px 0px 3px #333; */ } .drucken_main_wrap { position: relative; max-width: 1280px; width: 100%; margin: 0 auto; /*! height: 0; */ } .drucken_main_wrap #drucken_main { display: none; max-width: 100%; height: auto; width: auto; font-size: 12px; right: 0px; z-index: 9; margin: 0 auto; -webkit-box-shadow: 0 0 30px -5px #fff; box-shadow: 0 0 30px -5px #fff; } @media only screen and (min-width: 981px) { .drucken_main_wrap #drucken_main { display: inline-block; position: absolute; top: 15px; } #content header.article-header .page-title, #content header.article-header .archive-title { padding-right: 200px; } } /* Font Awesome */ .et_pb_image_wrap i { font-size: 38px; } .no-hyphens { -webkit-hyphens: none; -epub-hyphens: none; -o-hyphens: none; -ms-hyphens: none; hyphens: none; } body.et-db #et-boc .et_pb_section { background-color: #f0f0f0; } body.et-db #et-boc .blue_bg, .blue_bg { background-color: #33759f; } body.et-db #et-boc .blue_bg h1, .blue_bg h1, body.et-db #et-boc .blue_bg h2, .blue_bg h2, body.et-db #et-boc .blue_bg h3, .blue_bg h3, body.et-db #et-boc .blue_bg p, .blue_bg p, body.et-db #et-boc .blue_bg a:not(.et_pb_button), .blue_bg a:not(.et_pb_button) { color: #fff !important; } body.et-db #et-boc .yellow_bg, .yellow_bg { background-color: #efc509; } body.et-db #et-boc .yellow_bg:not(.et_pb_section), .yellow_bg { border-radius: 6px; } .et-db #et-boc .share_buttons.et_pb_module h4 { text-align: center; color: #004c7d; font-size: 1.5em; } .et-db #et-boc .shariff { display: block !important; clear: both; } .et-db #et-boc .shariff ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 !important; margin: 0 !important; } .et-db #et-boc .shariff li { height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none !important; overflow: hidden !important; margin: 5px !important; padding: 0 !important; text-indent: 0 !important; border-left: 0 none !important; } .et-db #et-boc .shariff a { position: relative; display: block !important; height: 35px; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; text-decoration: none; background-image: none !important; text-align: left; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; } .et-db #et-boc .shariff a:hover { color: #fff; background-color: inherit !important; text-decoration: none !important; } .et-db #et-boc .shariff a:visited { color: inherit; } .et-db #et-boc .shariff .shariff-count { position: absolute; height: 33px; top: 0; right: 0; margin: 1px; padding: 0 8px; background-color: rgba(255, 255, 255, 0.5); } .et-db #et-boc .shariff .shariff-count, .et-db #et-boc .shariff .shariff-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 36px; vertical-align: top; } .et-db #et-boc .shariff .shariff-text { padding-left: 3px; } .et-db #et-boc .shariff .shariff-icon svg { width: 32px; height: 20px; padding: 7px 1px; -webkit-box-sizing: content-box; box-sizing: content-box; } .shariff-button::before { content: none !important; } .et-db #et-boc .shariff .shariff-buttons .shariff-text-white { color: #fff; } .et-db #et-boc .shariff .shariff-buttons .shariff-hidezero { opacity: 0; } .et-db #et-boc .shariff .theme-default a { color: #fff !important; } .et-db #et-boc .shariff .theme-default .shariff-icon svg path { fill: #fff; } .et-db #et-boc .shariff .theme-color .shariff-count { background-color: transparent !important; color: #fff !important; } .et-db #et-boc .shariff .theme-color .shariff-icon svg path { fill: #fff; } .et-db #et-boc .shariff .theme-grey a { background-color: #004c7d !important; } .et-db #et-boc .shariff .theme-grey a:hover { background-color: inherit !important; } .et-db #et-boc .shariff .theme-grey .shariff-count { background-color: transparent; color: #fff !important; } .et-db #et-boc .shariff .theme-grey .shariff-icon svg path { fill: #fff; } .et-db #et-boc .shariff .theme-white a { background-color: #fff !important; border: 1px solid #ddd; } .et-db #et-boc .shariff .theme-white a:hover { background-color: #eee !important; color: inherit; } .et-db #et-boc .shariff .theme-white svg { fill: currentColor; } .et-db #et-boc .shariff .theme-white .shariff-count { background-color: transparent; margin: 0; } .et-db #et-boc .shariff .shariff-buttons.theme-round li { width: 35px !important; height: 35px; border-radius: 50%; margin: 5px; } .et-db #et-boc .shariff .theme-round a { position: relative; height: 35px; border-radius: 50%; } .et-db #et-boc .shariff .theme-round .shariff-icon svg { display: block; margin: auto; padding: 8px 1px; } .et-db #et-boc .shariff .theme-round .shariff-text { display: block; } .et-db #et-boc .shariff .theme-round .shariff-count { display: inline; padding: 0; right: 0; left: 0; top: 0; background-color: transparent; color: transparent !important; text-align: center; } .et-db #et-boc .shariff .theme-round .shariff-count:hover { background-color: inherit !important; color: #fff !important; } .et-db #et-boc .shariff .theme-round .shariff-icon svg path { fill: #fff; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small li { height: 25px !important; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small a { height: 25px !important; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small.orientation-vertical li { width: 115px; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small .shariff-icon svg { width: 22px; height: 15px; padding: 5px 1px; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small .shariff-text, .et-db #et-boc .shariff .shariff-buttons.buttonsize-small .shariff-count { font-size: 11px; line-height: 25px; padding: 0 5px; height: 23px; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small .shariff-text { padding-left: 1px !important; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small.theme-round li { width: 25px !important; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small.theme-round a { width: 25px !important; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-small.theme-round .shariff-count { padding: 0 !important; height: 25px !important; } .et-db #et-boc .shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li { margin: 5px 7px; } .et-db #et-boc .shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:first-child { margin-left: 5px; } .et-db #et-boc .shariff .shariff-buttons.theme-round.buttonsize-small.orientation-horizontal li:last-child { margin-right: 5px; } .et-db #et-boc .shariff .buttonsize-large li { height: 45px !important; } .et-db #et-boc .shariff .buttonsize-large a { height: 45px !important; } .et-db #et-boc .shariff .buttonsize-large.orientation-vertical li { width: 155px; } .et-db #et-boc .shariff .buttonsize-large .shariff-icon svg { width: 40px; height: 28px; padding: 9px 2px; } .et-db #et-boc .shariff .buttonsize-large .shariff-text, .et-db #et-boc .shariff .buttonsize-large .shariff-count { font-size: 14px; line-height: 45px; padding: 0 10px; height: 43px; } .et-db #et-boc .shariff .buttonsize-large .shariff-text { padding-left: 1px !important; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-large.theme-round li { width: 45px !important; height: 45px !important; } .et-db #et-boc .shariff .buttonsize-large.theme-round a { width: 45px !important; } .et-db #et-boc .shariff .buttonsize-large.theme-round .shariff-count { padding: 0 !important; height: 45px !important; } .et-db #et-boc .shariff .orientation-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .et-db #et-boc .shariff .orientation-vertical li { width: 135px; } .shariff.shariff-align-flex-start ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .shariff.shariff-align-center ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shariff.shariff-align-flex-end ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .widget .shariff.shariff-widget-align-flex-start ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .widget .shariff.shariff-widget-align-center ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .widget .shariff.shariff-widget-align-flex-end ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .shariff.shariff-buttonstretch li { -webkit-box-flex: 1 !important; -ms-flex: 1 0 auto !important; flex: 1 0 auto !important; } .shariff.shariff-buttonstretch .orientation-vertical li { width: 100% !important; } .widget .et-db #et-boc .shariff li { border: 0; font-weight: 400; } .widget .et-db #et-boc .shariff .theme-default a, .widget .et-db #et-boc .shariff .theme-color a, .widget .et-db #et-boc .shariff .theme-grey a, .widget .et-db #et-boc .shariff .theme-round a { color: #fff; display: block; font-weight: 400; } .widget .et-db #et-boc .shariff .theme-default a:hover, .widget .et-db #et-boc .shariff .theme-color a:hover, .widget .et-db #et-boc .shariff .theme-grey a:hover, .widget .et-db #et-boc .shariff .theme-round a:hover { color: #fff; font-weight: 400; } .shariff-warning { background-color: red; color: #fff; font-size: 20px; font-weight: 700; padding: 10px; text-align: center; margin: 0 auto; line-height: 1.5; } .et-db #et-boc .shariff .info a { border: 1px solid #ddd; width: 35px; } .et-db #et-boc .shariff .shariff-button.info { width: 35px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 auto !important; flex: 0 0 auto !important; } .et-db #et-boc .shariff .theme-default .shariff-button.shariff-nocustomcolor.info svg path { fill: #999; } .et-db #et-boc .shariff .theme-round .shariff-button.shariff-nocustomcolor.info svg path { fill: #999; } .et-db #et-boc .shariff .buttonsize-small .shariff-button.info { width: 25px; } .et-db #et-boc .shariff .buttonsize-small .info a { width: 25px; } .et-db #et-boc .shariff .buttonsize-large .shariff-button.info { width: 45px; } .et-db #et-boc .shariff .buttonsize-large .info a { width: 45px; } .et-db #et-boc .shariff .info .shariff-icon svg { display: block; margin: auto; } @media only screen and (max-width: 360px) { .et-db #et-boc .shariff .shariff-buttons.buttonsize-small li { width: 25px; } .et-db #et-boc .shariff .shariff-buttons li { width: 35px; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-large li { width: 45px; } .et-db #et-boc .shariff .shariff-buttons .shariff-icon svg { display: block; margin: auto; } .et-db #et-boc .shariff .shariff-buttons .shariff-text { display: none; } .et-db #et-boc .shariff .shariff-buttons .shariff-count { display: none; } } @media only screen and (min-width: 361px) { .et-db #et-boc .shariff .shariff-buttons.buttonsize-small li { width: 105px; } .et-db #et-boc .shariff .shariff-buttons li { width: 125px; } .et-db #et-boc .shariff .shariff-buttons.buttonsize-large li { width: 155px; } .et-db #et-boc .shariff .shariff-buttons .shariff-text { display: inline; } .et-db #et-boc .shariff .shariff-buttons .shariff-count { display: inline; } } @media only screen and ( min-device-width: 1025px ) { .et-db #et-boc .shariff .shariff-mobile { display: none !important; } } #filter { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #efc509; border-radius: 6px; padding: 30px; } #filter label { text-transform: uppercase; color: #004c7d; letter-spacing: 2px; padding: 2px 16px 4px; margin: 0 auto; font-size: 14px; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif; font-weight: 700; text-shadow: 0 0 16px #fff; } #filter .select_container { margin-right: 5%; width: 45%; margin-right: 0; margin-top: 1.5em; width: 100%; max-width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #filter .select_container:first-child { margin-top: 0; } #filter .button_container, #filter .et_pb_button { width: 100% ; max-width: 500px ; } #filter .select2 { width: 100%!important; ; } #filter .select2-selection__choice { /*! background-color: #efc509; */ border-color: #004c7d; color: #004c7d; text-shadow: 0 0 16px #fff; text-transform: uppercase; background-color: #efc509; border-radius: 5px; /*! float: none; */ display: inline-block; max-width: 100%; white-space: normal; } #filter .select2-search--inline .select2-search__field { padding: 3px 4px 1px 8px; text-transform: uppercase; } #filter .select2-selection__choice .select2-selection__choice__remove, #filter .select2-selection__clear { color: #377299; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-transform: uppercase; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); padding: 0 3px; } #filter .select2-selection__choice .select2-selection__choice__remove:hover { color: #004c7d; } .select2-container--default .select2-dropdown.filter_dropdown .select2-results__option { color: #565656; text-transform: uppercase; padding: 3px 8px 3px 29px; font-size: 18px; line-height: 1.5em; word-break: break-word; } .select2-container--default .select2-dropdown.filter_dropdown .select2-results__option--highlighted { background-color: #efc509; color: #fff; text-shadow: 1px 1px 0px #999; } .select2-container--default .select2-dropdown.filter_dropdown li.select2-results__option[aria-selected="true"] { background-color: #004c7d; color: #fff; } #filter .select2 .select2-selection { border-width: 2px; border-color: #004c7d; border-style: solid; min-height: 44px; border-radius: 6px; } #filter .button_container { margin-top: 1.5em; } #filter .button_container .et_pb_button i { letter-spacing: initial; margin-right: 0; } #filter .select2-search--inline, #filter .select2 .select2-selection__choice { float: none; display: inline-block; } #filter .select2-selection__rendered { white-space: normal; } @media only screen and (max-width: 479px ) { #filter ul.select2-selection__rendered { display: -ms-grid; display: grid; -ms-grid-columns: auto 32px; grid-template-columns: auto 32px; -ms-grid-rows: auto; grid-template-rows: auto; padding-bottom: 5px; } #filter ul.select2-selection__rendered > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } #filter ul.select2-selection__rendered > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 2; } #filter ul.select2-selection__rendered li.select2-selection__choice { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: auto / 1 / auto / 3; } #filter ul.select2-selection__rendered li.select2-search { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: 1 / 1 / 1 / 1; } #filter ul.select2-selection__rendered li.select2-search .select2-search__field[placeholder=""] { width: 100% !important; padding-left: 32px; } } @media only screen and ( max-width: 980px ) { /*#filter .select2 .select2-selection__rendered { padding-right: 22px; display: flex; flex-wrap: wrap; justify-content: center; } #filter .select2-selection__clear{ position: absolute; right: 0px; } #filter .select2-search--inline { max-width: calc( 100% - 32px ); outline: red 1px solid; } #filter .select2-search__field { margin-left: 27px; max-width: calc( 100% - 32px ); text-align: center; } #filter .select2-search__field[placeholder=""] { margin-left: 0; width: 100%; max-width: 100%; text-align: left; } */ #filter .select2-selection__rendered, #filter .select2-search--inline .select2-search__field { text-align: center; } } @media only screen and ( min-width: 981px ) { #filter { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } #filter label { margin: 0; } /*#filter .select_container { margin-right: 5%; width: calc( (100% - 80px - 10% ) * 0.5); max-width: calc( (100% - 80px - 10% ) * 0.5); margin-top: 0; max-width: auto; }*/ #filter .select_container { margin-right: 5%; width: 47.5%; max-width: 47.5%; margin-top: 0; max-width: auto; } #filter .select_container:nth-child(2n) { margin-right: 0; } #filter .select_container:nth-child(3) { margin-top: 1em; } #filter .button_container { margin-top: 2.5em; } /*#filter .button_container, #filter .et_pb_button { width: auto ; }*/ #filter .button_container { width: 47.5%; } #filter .button_container, #filter .et_pb_button { max-width: initial; } } #response .empty { margin-bottom: 30px; } #response .new_title { display: none; } .quickjump, .et-db #et-boc .quickjump { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } @media only screen and (min-width: 981px) { .quickjump, .et-db #et-boc .quickjump { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .quickjump_widget, .et-db #et-boc .quickjump_widget, .quickjump_container, .et-db #et-boc .et_pb_module.quickjump { background-color: #efc509; width: 100%; border-radius: 6px; text-transform: uppercase; } .quickjump_widget:last-child, .et-db #et-boc .quickjump_widget:last-child { margin-right: 0; } .quickjump_widget h3, .et-db #et-boc .quickjump_widget h3 { color: #333; opacity: 1; } .quickjump_widget select, .quickjump_widget a, .et-db #et-boc .quickjump_widget select, .et-db #et-boc .quickjump_widget a { padding: 8px 16px; line-height: 1.5em; border-width: 3px; border-color: #004c7d; border-style: solid; margin: 0 0; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius: 6px; width: 100%; font-size: 16px; } .quickjump_widget select, .et-db #et-boc .quickjump_widget select { -webkit-appearance: none; background-color: #ffffff; } .quickjump_widget form, .et-db #et-boc .quickjump_widget form { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .quickjump_widget a, .et-db #et-boc .quickjump_widget a { border-color: #004c7d; color: #004c7d; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin-right: 0; padding: 8px 11.5px; max-width: 49px; } .quickjump_widget a:hover, .et-db #et-boc .quickjump_widget a:hover { border-color: #004c7d; background-color: #004c7d; color: #fff; } .quickjump_widget select:focus, .et-db #et-boc .quickjump_widget select:focus { border-color: #004c7d; } @-webkit-keyframes spinner { from { -webkit-transform:rotate(0deg); transform:rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { from { -webkit-transform:rotate(0deg); transform:rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .quickjump_widget .loading:before { content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin-top: -12px; margin-left: -12px; border-radius: 50%; border-top: 3px solid #004c7d; border-right: 3px solid transparent; -webkit-animation: spinner .6s linear infinite; animation: spinner .6s linear infinite; } .quickjump_widget .loading select { opacity: 0.2 } .et-db #et-boc .et_pb_section .imagerow:before, .imagerow:before, .et-db #et-boc .et_pb_section .imagerow:after, .imagerow:after { content: ''; height: 0; visibility: hidden; float: none; clear: both; } .et-db #et-boc .et_pb_section .imagerow, .imagerow { padding: 30px 0; } .et-db #et-boc .et_pb_section .imagerow .imagerow-inner-wrap, .imagerow .imagerow-inner-wrap { max-height: 350px; overflow: hidden; } .page-template-page-messen .imagerow .imagerow-inner-wrap { max-height: 250px; } .et-db #et-boc .et_pb_section .imagerow .imagerow-inner, .imagerow .imagerow-inner { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: -100px; margin-left: -80px } .et-db #et-boc .et_pb_section .imagerow .imagerow-inner .imagerow-column, .imagerow .imagerow-inner .imagerow-column { -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg) } .et-db #et-boc .et_pb_section .imagerow .imagerow-inner .imagerow-column:nth-child(even) .post-image-item:first-child, .imagerow .imagerow-inner .imagerow-column:nth-child(even) .post-image-item:first-child { margin-top: -104px; } .et-db #et-boc .et_pb_section .imagerow .imagerow-inner .post-image-item, .imagerow .imagerow-inner .post-image-item { padding: 4px 11px; } .et-db #et-boc .et_pb_section .imagerow .imagerow-inner .post-image-item a div, .imagerow .imagerow-inner .post-image-item a div { background-size: cover; width: 134px; height: 200px; border-radius: 6px; background-position: center; } /************************************** *********** Page Commons ************** **************************************/ #content header.article-header { min-height: 200px; height: auto; /*! max-height: 300px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-position: center; margin-bottom: 30px; /*! background-color: inherit; */ } .single #content header.article-header { margin-bottom: 0px; } .archive #content header.article-header, .archive #content header.article-header .wrap { min-height: 200px; height: auto; } /* Default Image */ #content header.article-header:not(.category_header_background) { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(/wp-content/uploads/hsh-steinfels-Firmengebaeude.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(/wp-content/uploads/hsh-steinfels-Firmengebaeude.jpg); background-size: cover; } #content header.article-header .wrap, .sub-cat-header .wrap { background: -o-radial-gradient( 20%, circle, rgba(40, 40, 40, 0.77) 0%, rgba(40, 40, 40, 0.33) 100%); background: radial-gradient( circle at 20%, rgba(40, 40, 40, 0.77) 0%, rgba(40, 40, 40, 0.33) 100%); display: -webkit-box; display: -ms-flexbox; display: flex; /*! align-items: center; */ background-position: center; /*! height: 100%; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; /*! padding: 15px 0; */ min-height: 200px; } #content header.article-header.category_header_background { border: none; } .page-template-page-maschinen #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-maschinen.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-maschinen.jpg); } .page-template-page-ajax-filter #content header.article-header { background-image: url(./images/template-maschinen.jpg); } body.search #content header.article-header/*, body.blog #content header.article-header*/ { background-image: url(./images/template-search.jpg); } .page-template-page-maschinen #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-maschinen.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-maschinen.jpg); } .page-template-page-specials #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-spezielle-angebote.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-spezielle-angebote.jpg); } .page-template-page-neuheiten #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-neuheiten.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-neuheiten.jpg); } .page-template-page-merkliste #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-anfrage.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-anfrage.jpg); background-position: top center; } .page-template-page-angebotsformular #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-angebot.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-angebot.jpg); } body #content header.article-header.datenschutz { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-datenschutz.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-datenschutz.jpg); } body #content header.article-header.impressum { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-impressum.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-impressum.jpg); } .page-template-page-hersteller #content header.article-header, .tag #content header.article-header div.wrap { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-hersteller.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-hersteller.jpg); } .page-template-page-katalog #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-katalog.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-katalog.jpg); } .page-template-page-kontakt #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-kontakt.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-kontakt.jpg); background-position-y: top; } .page-template-page-kontakt #content header.article-header.team { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-anfrage.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-anfrage.jpg); background-position-y: top; } .page-template-page-kontakt #content header.article-header.unternehmen { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-kg-das-unternehmen-2.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-kg-das-unternehmen-2.jpg); background-position-y: bottom; background-size: cover; } .page-template-page-lagerliste #content header.article-header, .page-template-page-lagerliste-schrauben #content header.article-header, .page-template-page-lagerliste-draht #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-lagerliste.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-lagerliste.jpg); } .page-template-page-messen #content header.article-header { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-messe.jpg); background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/template-messe.jpg); } .center_on_mobile { text-align: center; } .lagerliste_kategorieselektor > * { margin-bottom: 1.3em; } .lagerliste_kategorieselektor > :last-child() { margin-bottom: 0; } #content header.article-header .page-title, #content header.article-header .archive-title, #content header.article-header .single-title { width: 95%; max-width: 1280px; margin: 25px auto; color: #fff; border-color: #efc509; border-left-width: 10px; border-left-style: solid; padding-left: 16px !important; line-height: 1.1em; padding-bottom: 0.15em; font-size: calc(18px + 2.3vw); } #content header.article-header .archive-title .sub_cat_sold { color: #efc509; } #content header.article-header .wrap .meta-wrap, .sub-cat-header .wrap .meta-wrap { width: 95%; max-width: 1280px; margin: 0 auto 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; } body.tag #content header.article-header .wrap .meta-wrap, body.tag .sub-cat-header .wrap .meta-wrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #content header.article-header .page-subtitle { margin: 0 0 0 0; color: #fff; padding-left: 26px !important; line-height: 1.1em; font-size: calc(16px + 0.8vw); } #content header.article-header .page-subtitle a { color: #fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #content header.article-header .page-subtitle a:hover { color: #efc509; } #content header.article-header .hersteller-logo { margin-left: 26px; margin-top: 16px; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-item-align: start; align-self: flex-start; max-width: 60%; } #content header.article-header .hersteller-logo a { text-decoration: none; background-color: #fff; padding: 8px 22px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; display: block; line-height: 1; } #content header.article-header .hersteller-logo a span { line-height: 1.7em; color: #004c7d; } #content header.article-header .hersteller-logo a img { padding: 2px; display: inline-block; background: #fff; width: auto; height: auto; max-height: 67px; max-width: 100%; } #content header.article-header .hersteller-logo a:hover { background-color: #efc509; } @media screen and ( min-width: 480px ) { #content header.article-header .wrap .meta-wrap, .sub-cat-header .wrap .meta-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #content header.article-header .hersteller-logo { margin-top: 0px; } } @media screen and (min-width: 1600px) { #content header.article-header .page-subtitle { font-size: 30px; } #content header.article-header .page-title, #content header.article-header .archive-title { font-size: 48px; } } .et-db #et-boc .et_pb_section.footer-section { padding: 0; } .et_pb_button_tableswitch.switch_to_list .switch_to_grid, .et_pb_button_tableswitch.switch_to_grid .switch_to_list { display: none; } body .et_pb_button.et_pb_button_tableswitch i { margin-right: 0; } /************************************** ************* DIVI Home *************** **************************************/ .et-db #et-boc .home_header { position: relative; } .et-db #et-boc .home_header .slick-container { height: 100%; position: absolute; width: 100%; } .et-db #et-boc .home_header .slick-container .slick-list, .et-db #et-boc .home_header .slick-container .slick-list .slick-track { height: 100%; } .slick-container.slick-slider .slick-track, .slick-container.slick-slider .slick-list { -webkit-transform: none; -ms-transform: none; transform: none; } .et-db #et-boc .home_header .slick-container .slick-item { height: 100%; background-attachment: fixed; background-position: center center; background-size: cover; } @media only screen and (max-width: 980px) { .et-db #et-boc .home_header .slick-container .slick-item { background-attachment: initial; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .et-db #et-boc .home_header .slick-container .slick-item { background-attachment: initial; } } .et-db #et-boc .home_header .slick-container .slick-item.item-one { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-firmengebaeude-2.jpg) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-firmengebaeude-2.jpg) !important; background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-firmengebaeude-2.jpg.webp) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-firmengebaeude-2.jpg.webp) !important; } .et-db #et-boc .home_header .slick-container .slick-item.item-two { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-maschine.jpg) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-maschine.jpg) !important; background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-maschine.jpg.webp) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-maschine.jpg.webp) !important; } .et-db #et-boc .home_header .slick-container .slick-item.item-three { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-messe.jpg) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-messe.jpg) !important; background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-messe.jpg.webp) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-messe.jpg.webp) !important; } .et-db #et-boc .home_header .slick-container .slick-item.item-four { background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-lager.jpg) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-lager.jpg) !important; background-image: -o-radial-gradient( top left, circle, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-lager.jpg.webp) !important; background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(./images/hsh-steinfels-lager.jpg.webp) !important; } .et-db #et-boc .home_header .et_pb_button { /*! color:#ffffff!important; */ /*! background-color:#efc509!important; */ border-color: #004c7d !important; /*! font-weight:700!important; */ /*! text-transform:uppercase!important; */ /*! text-shadow: 0 0 5px #696969; */ } .et-db #et-boc .et_pb_section.home_header { padding: 0 0 40% 0; /*background-image: radial-gradient( circle at top left, rgba(40, 40, 40, 0.6) 20%, rgba(40, 40, 40, 0.0) 100%), url(/wp-content/uploads/hsh-steinfels-Firmengebaeude.jpg) !important;*/ background-size: cover; } /* 1025px, damit im Landscape auf iPad keine Darstellungsfehler kommen */ @media only screen and ( min-width: 1025px ) { .et-db #et-boc .et_pb_section.home_header { background-attachment: fixed; } .quickjump_widget select, .quickjump_widget a, .et-db #et-boc .quickjump_widget select, .et-db #et-boc .quickjump_widget a { font-size: 18px; } } .et-db #et-boc .home_header .et_pb_row { padding: 0 0 0 0; max-width: 1600px !important; width: 92% !important; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 1001; } @media all and (max-width: 980px) { .et-db #et-boc .home_header .et_pb_row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .et-db #et-boc .home_header .et_pb_column_hero_head { padding-right: 6vw; } } .et-db #et-boc .home_header .et_pb_column_hero_head { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-top: 6vw; padding-right: 0; padding-left: 0; padding-bottom: 6vw; } .et-db #et-boc .home_header .et_pb_column_1 { background-color: #efc509; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } .et-db #et-boc .et_pb_gutters3.home_header .et_pb_column_1, .et-db #et-boc .et_pb_gutters3.et_pb_row.home_header .et_pb_column_1, .et-db #et-boc .home_header .et_pb_column_1, .et-db #et-boc .home_header .et_pb_row .et_pb_column.et-last-child, .et-db #et-boc .home_header .et_pb_row .et_pb_column:last-child { /*! margin-right: 6vw !important; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 6vw; } .et-db #et-boc .home_header .et_pb_text.et_pb_with_border { border-color: #efc509; border-width: 0; border-left-width: 10px; border-style: solid; max-width: 800px; padding-left: 16px !important; } .et-db #et-boc .home_header h1 { font-weight: 700; font-size: 50px; line-height: 1.1em; } .et-db #et-boc .home_header .et_pb_text_hero_desc { font-size: 26px; } .et-db #et-boc .home_header .et_pb_text_1 { font-size: 22px; line-height: 1.6em; } .et-db #et-boc .home_header h2 { font-size: 32px !important; line-height: 1.2em; font-weight: 700; color: #333; } .et-db #et-boc .leistungen_section { padding-top: 0 !important; float: left; width: 100%; z-index: 1001; position: relative; } .et-db #et-boc .leistungen_heading_row { margin-top: -38% !important; margin-bottom: 0 !important; padding: 0 !important; } .et-db #et-boc .leistungen_heading_row, .et-db #et-boc .leistungen_row { max-width: 1600px !important; width: 92% !important; } .et-db #et-boc .leistungen_heading_row { max-width: 1600px !important; width: 92% !important; } .et-db #et-boc .leistungen_heading_row h2 { color: #fff; font-size: 30px; } .et-db #et-boc .leistungen_row .et_pb_column { background-color: #efc509; padding: 30px 30px !important; border-radius: 6px; -webkit-box-shadow: 0 4px 16px -4px #696969; box-shadow: 0 4px 16px -4px #696969; } .et-db #et-boc .leistungen_heading_row .et_pb_text { display: inline-block; } .et-db #et-boc .leistungen_heading_row h2 { margin: 0; padding: 0; } .et-db #et-boc .leistungen_row .et_pb_blurb h4 { font-weight: 700; color: #2a2a2a !important; line-height: 1.4em; text-align: center; min-height: 3.4em; } .et-db #et-boc .leistungen_row .et_pb_blurb .et_pb_blurb_description, .et-db #et-boc .leistungen_row .et_pb_blurb .et_pb_image_wrap i { line-height: 1.4em; text-shadow: 1px 1px 0px #6969694d; } .et-db.page-template-page-home #et-boc .et_pb_section_1, .et-db.page-template-page-home #et-boc .recent-posts-row { padding: 30px 0 15px; } .et_pb_section.home_content { padding-bottom: 0; } .et_pb_row.image_row { width: 100%; max-width: 100%; padding-top: 0; padding-bottom: 0; } .et-db.page-template-page-home #et-boc .et_pb_section.home_content .et_pb_row.image_row .imagerow { padding-top: 0; padding-bottom: 0; } .divider-border-top, #et-boc div .divider-border-top, .et-db #et-boc .footer_button_row, .et-db #et-boc .home_button_row { border-top: solid 1px #004c7d; } @media only screen and ( max-width: 1300px) and ( min-width: 981px) { .leistungen_row { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; } .leistungen_row .et_pb_column { -ms-flex-preferred-size: 270px; flex-basis: 270px; -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 1.5% 25px !important; ; } .et-db #et-boc .et_pb_row.leistungen_row .et_pb_column:last-child { margin-right: 1.5%!important; ; } } @media only screen and ( max-width: 980px) { .et-db #et-boc .home_header .et_pb_column_hero_head { /*! padding-right: 8vw!important; */ float: none; } .et-db #et-boc .et_pb_gutters3.home_header .et_pb_column_1, .et-db #et-boc .et_pb_gutters3.et_pb_row.home_header .et_pb_column_1, .et-db #et-boc .home_header .et_pb_column_1, .et-db #et-boc .home_header .et_pb_row .et_pb_column.et-last-child, .et-db #et-boc .home_header .et_pb_row .et_pb_column:last-child { display: block; margin: 0 auto 30px !important; max-width: 600px; width: 100% !important; float: none; } .et-db #et-boc .et_pb_row.leistungen_row .et_pb_column:last-child { margin-left: auto !important; margin-right: auto !important; } .et-db #et-boc .home_header h1 { font-size: 40px; } .et-db #et-boc .home_header .et_pb_text_hero_desc { font-size: 22px; } } @media only screen and ( max-width: 479px) { .et-db #et-boc .home_header h1 { font-size: 30px; } .et-db #et-boc .home_header .et_pb_text_hero_desc { font-size: 20px; } } .google-business-reviews-rating .listing .text { background-color: #fff; } /************************************** ******* Maschinen / Category ********* **************************************/ #maschinen_table .spalte li { padding: 0; } #maschinen_table .spalte li a { padding: 0.2em 40px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-shadow: 0 0 4px #000; text-transform: uppercase; font-size: 16px; color: #fff; } @media screen and ( min-width: 340px ) { #maschinen_table .spalte li a { font-size: 17px; } } @media screen and ( min-width: 380px ) { #maschinen_table .spalte li a { font-size: 18px; } } @media screen and ( min-width: 420px ) { #maschinen_table .spalte li a { font-size: 19px; } } @media screen and ( min-width: 460px ) { #maschinen_table .spalte li a { font-size: 20px; } } #maschinen_table .spalte li a { background: rgba(40, 40, 40, 0.8); } #maschinen_table .spalte li:hover a, #content header.article-header a.wrap:hover, .sub-cat-header a.wrap:hover { background: -o-radial-gradient( 20%, circle, rgba(40, 40, 40, 0.55) 0%, rgba(40, 40, 40, 0.22) 100%); background: radial-gradient( circle at 20%, rgba(40, 40, 40, 0.55) 0%, rgba(40, 40, 40, 0.22) 100%); color: white; } body.page-template-page-fullwidth section.entry-content > p { width: 100%; max-width: 100%; float: none; } .quickjump_container { padding: 20px 30px; margin: 0.3em 0 1.2em; } .quickjump_container .quickjump_widget { margin-bottom: 20px; } .quickjump_container .quickjump_widget:last-child { margin-bottom: 0; } @media only screen and (min-width: 981px) { #telefon_area_outer a.whatsapp { display: none; } section.entry-content>p, #spezielle_anfrage_wrapper>p, .quickjump_container { max-width: 750px; width: 100%; } section.entry-content > p, section.entry-content > .left { max-width: 750px; width: 57.8%; margin-right: 0; float: left; max-width: 57.8%; } .center_on_mobile { text-align: left; } .page-template-page-merkliste section p.align-right { text-align: right; } body.page-template-page-fullwidth section.entry-content > p { width: 100%; max-width: 100%; float: none; } .entry-content > .quickjump_container, section.entry-content > .right { max-width: 750px; width: 36.7%; margin-right: 0; float: right; } section.entry-content> p .right:after { content: ""; display: table; } section.entry-content> p .right.align-right { text-align: right; } } .cat-item.category_header_background { border-left: none; border-right: none; border-bottom: none; } /************************************** ******* Maincategory / Archive ******** **************************************/ #content .sub-cat-header { border: solid 1px rgba(40, 40, 40, 0.6); margin-bottom: 27px; } #content .sub-cat-header h2 { margin: 0 0 5px 27px; padding: 0 0 8px 10px; border-left: solid 8px #efc509; font-weight: 500; color: #fff; } #content .sub-cat-header h2 a:hover { color: inherit; } #content .sub-cat-header a { text-decoration: none; min-height: 100%; } /************************************** ******* Subcategory / Archive ******** **************************************/ /* Grid-View */ .archive_table thead { background: none; } .archive_table thead tr { display: -webkit-box; display: -ms-flexbox; display: flex; /*! justify-content: center; */ background: none; -ms-flex-wrap: wrap; flex-wrap: wrap; /*! align-content: stretch; */ } .archive_table thead tr th { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 240px; flex-basis: 240px; } .archive_table thead tr th { margin: 0 12px 12px 12px; padding: 0.7em 1.4em; color: #004c7d; background: #ffffff; border: solid 2px #004c7d; border-radius: 6px; letter-spacing: 4px; font-size: 14px; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .archive_table thead tr th:hover { color: #ffffff !important; background: #004c7d !important; /*! border-color: #efc509 !important; */ } @media only screen and (max-width: 479px) { .archive_table thead tr th { font-size: 12px; } div.wpcf7 .send_button > span::before, .et-db #et-boc div.wpcf7 .send_button > span::before { font-size: 1em; } div.wpcf7 .send_button .wpcf7-submit, .et-db #et-boc div.wpcf7 .send_button .wpcf7-submit { font-size: 0.8em; /*! max-width: 90%; */ word-wrap: wrap; } } @media only screen and (max-width: 360px) { div.wpcf7 .send_button > span::before { font-size: 0.9em; } div.wpcf7 .send_button .wpcf7-submit, .et-db #et-boc div.wpcf7 .send_button .wpcf7-submit { font-size: 0.7em; /*! max-width: 90%; */ word-wrap: wrap; letter-spacing: 3px; } } @media only screen and (max-width: 980px) { .archive_table thead { position: relative; width: 100%; top: 0; left: 0; z-index: 3; height: 65px; vertical-align: middle; display: block; font-weight: 300; font-style: normal; cursor: pointer; -o-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; max-width: 500px; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; margin: 0 auto; } .archive_table thead tr { height: 50px; padding: 0 10px; text-align: left; border: 1px solid #33383B; background: #fafafa; border-radius: 3px; display: inline-block; position: absolute; width: 100%; } .archive_table thead tr:first-child:before { content: attr(data-sort-label); position: relative; font-weight: 600; text-transform: uppercase; padding-right: 0; color: #004c7d; background: #ffffff; border: solid 2px #004c7d; border-radius: 6px; letter-spacing: 4px; margin-bottom: 15px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif; display: block; line-height: 1.4em; text-align: center; padding: 0.8em 2em; } .archive_table thead tr:first-child:after { position: absolute; top: 0; right: 0; font-size: 1em; content: "\f0d7"; color: #004c7d; padding-right: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1.3em; padding: 0.6em; -webkit-box-sizing: border-box; box-sizing: border-box; } .archive_table thead th { display: none; font-size: 1.5rem; font-size: 15px; text-decoration: none; text-transform: uppercase; color: #4A5564; line-height: 1.4em; max-width: 500px; text-align: center; } /* styles for the dropdown open */ .archive_table thead.sort-is-visible tr.top_table_row, .archive_table thead.sort-is-visible tr.top_table_row:hover { height: initial; background: #F1F1F1; -webkit-box-shadow: 0 4px 6px #666; box-shadow: 0 4px 6px #666; } .archive_table thead.sort-is-visible tr:first-child:after { content: "\f00d"; } .archive_table thead.sort-is-visible tr th { display: block; margin: 0 12px 12px; } } .archive_table thead tr th.sorttable_sorted, .archive_table thead tr th.sorttable_sorted_reverse { color: #33759f !important; border-color: #33759f !important; } .archive_table thead tr th.sorttable_sorted:hover, .archive_table thead tr th.sorttable_sorted_reverse:hover { color: #ffffff !important; background: #33759f !important; border-color: #33759f !important; } .archive_table thead tr th.bild { display: none; } .archive_table tbody { /* margin: 0 -25px 0 0; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-preferred-size: 295px; flex-basis: 295px; padding: 0; border: none; } .archive_table tbody tr { border: #efc509 0px solid; background-color: #33759f; /*margin: 0 25px 25px 0;*/ margin: 12px; padding: 15px; color: #fff; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-shadow: 0 0 12px 2px #33759f; box-shadow: 0 0 12px 2px #33759f; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* flex-grow: 1; flex-shrink: 1; width: auto; max-width: 360px; flex-basis: 250px; */ width: 100%; } @media all and ( min-width:578px ) { .archive_table tbody tr { width: calc(50% - 30px); } } @media all and ( min-width:866px ) { .archive_table tbody tr { width: calc(33% - 30px); } } @media all and ( min-width:1153px ) { .archive_table tbody tr { width: calc(25% - 30px); } } body.ie .archive_table tbody tr { float: left; } body.ie .archive_table tbody { display: block; } body.ie .archive_table tbody::after { content: ''; display: table; clear: both; } .archive_table tbody tr a { color: #fff; } .archive_table tbody tr:hover, .archive_table tbody tr:nth-child(2n+1):hover { background: #33759fcc; cursor: pointer; } body.ie .archive_table tbody tr:hover, body.ie .archive_table tbody tr:nth-child(2n+1):hover { background: #33759f; cursor: pointer; opacity: 0.8; } .archive_table td::before { display: block; color: #efc509; } .archive_table td { border: none; padding: 8px 5px; line-height: 1.2em; width: 47.5%; text-align: center; vertical-align: middle; display: block; } .archive_table td.bild { padding: 0; } .archive_table td:before { content: attr(data-label); display: block; } .et-db #et-boc .et_pb_module .archive_table a { color: #fff; } .archive_table tbody .offertennummer { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .archive_table tbody .maschinen_tag { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .archive_table tbody .fabrikat { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .archive_table tbody .typ { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .archive_table tbody .durchmesser { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .archive_table tbody .baujahr { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .archive_table tbody .arbeitsbereich { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .archive_table tbody .bild:before { content: ""; } .archive_table tbody .bild { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; border: solid 2px #004c7d; line-height: 0em !important; -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start; max-width: 300px; } .archive_table .thumb_table img { width: 100%; height: auto; border: none; } .merken_overview:before, .loeschen_overview:before { speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Font Awesome 5 Free"; content: "\f005"; font-weight: 400; } .loeschen_overview { font-weight: 900; } .archive_table td .merken_overview, .archive_table td .loeschen_overview { text-decoration: none; margin-right: 10px; } .archive_table td .merken_overview { color: white; } .archive_table td .merken_overview:hover, .archive_table td .merken_overview:focus { color: #efc509; } .archive_table td .loeschen_overview { color: #efc509; } .archive_table td .loeschen_overview:hover { color: #ffffff; } #et-boc .archive_table .thumb_table.bild .no-thumb, .archive_table .thumb_table.bild .no-thumb, .single #et-boc .no_thumb { position: relative; width: 100%; padding-bottom: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient( linear, left top, left bottom, from(#323232), to(#cccccc)); background: -o-linear-gradient( top, #323232 0%, #cccccc 100%); background: linear-gradient( to bottom, #323232 0%, #cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#cccccc', GradientType=0); /* IE6-9 */ } .single #et-boc .no_thumb { padding-bottom: 56.125%; border: solid 2px #004c7d; color: #fff; } .archive_table .thumb_table.bild .no-thumb:before, .single #et-boc .no_thumb:before { font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f03e"; font-size: 80px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .et-db #et-boc .archive_table tr td .simplefavorite-button .label, .archive_table tr td .simplefavorite-button .label, .et-db #et-boc .archive_table tr td .preisanfrage .label, .archive_table tr td .preisanfrage .label, #mini_merkliste .simplefavorite-button .label { display: block; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 16px; padding: 3px 6px !important; background-color: #33759f !important; border: solid 1px #002d4a !important; color: #fff; color: #002d4a; background-color: #efc509!important; ; border-radius: 5px !important; position: absolute; width: auto; max-width: 240px; min-width: 120px; bottom: 50%; left: 90%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); visibility: hidden; opacity: 0; z-index: 2; } .et-db #et-boc .archive_table tr td .preisanfrage .label, .archive_table tr td .preisanfrage .label { left: initial; right: 90%; } .et-db #et-boc .archive_table tr td .simplefavorite-button:hover .label, .archive_table tr td .simplefavorite-button:hover .label, .et-db #et-boc .archive_table tr td .preisanfrage:hover .label, .archive_table tr td .preisanfrage:hover .label, #mini_merkliste .simplefavorite-button:hover .label { display: block; visibility: visible; opacity: 1 !important; } @media only screen and (min-width: 981px) { .et-db #et-boc .archive_table tr td .preisanfrage .label, .archive_table tr td .preisanfrage .label { left: 90%; right: initial; } #content header.article-header .hersteller-logo { margin-left: 30px; position: absolute; bottom: 0px; right: 0; } .tag #content header.article-header .hersteller-logo { right: 31.25%; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #content header.article-header .hersteller-logo.has-logo { max-width: calc(31.25% - 200px); } /* List View */ .archive_table.list tr:nth-child(even) { background: #002d4a; } .archive_table.list tr th, .archive_table.list tr td { color: #fff; font-size: 16px; padding: 3px; } .archive_table.list a, .archive_table.list a:visited { color: #fff; text-decoration: none; } .archive_table.list { display: table; table-layout: fixed; } .archive_table.list thead { border: 3px solid #efc509; display: table-header-group; background: #002d4a; } .archive_table.list thead tr:before { display: none !important; } .archive_table.list th { height: 3em; border: none; border-right: 1px solid #efc509; border-radius: 0; padding: 0 0.4em; color: white; display: table-cell; margin: 0 25px 25px 0; padding: 0; background: transparent; letter-spacing: 0px; font-size: 16px; font-family: "ExpresswayRgRegular", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: none; } .archive_table.list th.bild { display: table-cell; } .archive_table.list tbody { margin: 0; display: table-row-group; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; border: 3px solid #efc509; } .archive_table.list thead tr, .archive_table.list tbody tr, .archive_table.list tfoot tr { display: table-row; -webkit-box-shadow: none; box-shadow: none; } .archive_table.list:not(.no-items) tbody tr:hover { background-color: #548bae; } .archive_table.list:not(.no-items) tbody tr:hover td, .archive_table.list:not(.no-items) tbody tr:hover td a:not(.simplefavorite-button) { cursor: pointer; color: #fff !important; } .archive_table.list:not(.no-items) tbody tr:nth-child(even):hover { background-color: #294f67; } .archive_table.list:not(.no-items) tbody tr:nth-child(even):hover td, .archive_table.list:not(.no-items) tbody tr:nth-child(even):hover td a:not(.simplefavorite-button) { cursor: pointer; color: #fff !important; } .archive_table.list.no-items tbody tr:hover { background-color: #33759f; } .archive_table.list.no-items tbody tr:hover td { cursor: initial; } .archive_table.list.no-items tbody { height: 80px; } .archive_table.list.no-items tbody a { color: #efc509; text-decoration: underline; } .archive_table.list.no-items tbody a:hover { color: #bfbfbf; } .archive_table.list tr:nth-child(even) { background: #002d4a; } .archive_table.list tr td { display: table-cell; color: #fff; border: none; border-right: 1px solid #efc509; -webkit-hyphens: auto; -epub-hyphens: auto; -o-hyphens: auto; -ms-hyphens: auto; hyphens: auto; z-index: 1; } .archive_table.list tr td:hover { z-index: 2; } .archive_table.list td::before { display: none; } .archive_table.list.column-count-6 tr td.offertennummer, .archive_table.list.column-count-6 tr th.offertennummer { padding-left: 20px; width: 200px; } .archive_table.list.column-count-6 tr td.baujahr, .archive_table.list.column-count-6 tr th.baujahr { width: 12%; } .archive_table.list.column-count-6 tr td.durchmesser, .archive_table.list.column-count-6 tr th.durchmesser { width: 14%; } .archive_table.list.column-count-6 tr td.typ, .archive_table.list.column-count-6 tr th.typ { width: 25%; } .archive_table.list.column-count-6 tr td, .archive_table.list.column-count-6 tr th { width: 25%; } .archive_table.list.column-count-7 tr td.offertennummer, .archive_table.list.column-count-7 tr th.offertennummer { width: 190px; padding-left: 20px; padding-right: 20px; } .archive_table.list.column-count-7 tr td.baujahr, .archive_table.list.column-count-7 tr th.baujahr { width: 12%; } .archive_table.list.column-count-7 tr td.durchmesser, .archive_table.list.column-count-7 tr th.durchmesser { width: 12%; } .archive_table.list.column-count-7 tr td.typ, .archive_table.list.column-count-7 tr th.typ { width: 12%; } .archive_table.list.column-count-7 tr td, .archive_table.list.column-count-7 tr th { width: 20%; } .archive_table.list.column-count-8 tr td.offertennummer, .archive_table.list.column-count-8 tr th.offertennummer { padding-left: 20px; width: 180px; } .archive_table.list.column-count-8 tr td.baujahr, .archive_table.list.column-count-8 tr th.baujahr { width: 12%; } .archive_table.list.column-count-8 tr td.durchmesser, .archive_table.list.column-count-8 tr th.durchmesser { width: 12%; } .archive_table.list.column-count-8 tr td.typ, .archive_table.list.column-count-8 tr th.typ { width: 12%; } .archive_table.list.column-count-8 tr td, .archive_table.list.column-count-8 tr th { width: 20%; } .archive_table.list.sold tr td, .archive_table.list.sold tr th { height: 3em; } .archive_table.list tr td.bild, .archive_table.list tr th.bild { width: 112px; } .archive_table.list tr td.bild { position: relative; height: 112px; } .archive_table.list tr td.bild img { position: absolute; left: 2px; top: 50%; height: auto; width: 106px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; max-height: 106px; /*max-height: calc(100% - 4px); */ -o-object-fit: cover; object-fit: cover; } .archive_table.list tr td.bild:hover img, .archive_table.list tr .thumb_table.bild:hover .no-thumb { top: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); z-index: 10; right: 0; border: solid 1px #fff; left: -60px; } /* .archive_table.list tr td.bild div { /* position: absolute; left: 2px; top: 50%; height: auto; width: 106px; transform: translateY(-50%); transition: transform 0.2s ease-in-out; max-height: calc(100% - 4px); object-fit: cover; */ /*transition: transform 0.2s ease-in-out; padding-bottom: 100%; background-size: cover; } .archive_table.list tr td.bild:hover div, .archive_table.list tr .thumb_table.bild:hover .no-thumb { position: absolute; top: 0; transform: scale(2); z-index: 10; right: 0; border: solid 1px #fff; left: -60px; max-width: 106px; }*/ #et-boc .archive_table.list .thumb_table.bild .no-thumb, .archive_table.list .thumb_table.bild .no-thumb { position: relative; width: 100%; padding-bottom: 100%; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient( linear, left top, left bottom, from(#323232), to(#cccccc)); background: -o-linear-gradient( top, #323232 0%, #cccccc 100%); background: linear-gradient( to bottom, #323232 0%, #cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#cccccc', GradientType=0); /* IE6-9 */ border: solid 1px #fff; } .archive_table.list .thumb_table.bild .no-thumb:before { font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f03e"; font-size: 50px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } body.ie .archive_table:not(.grid) tbody tr { float: none; } body.ie .archive_table:not(.grid) tbody { display: table-row-group; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .archive_table.list tr td.bild img { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .archive_table tr td a.simplefavorite-button, .et-db #et-boc .archive_table tr td a.simplefavorite-button, .archive_table tr td a.preisanfrage, .et-db #et-boc .archive_table tr td a.preisanfrage { top: auto; -webkit-transform: translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%); } } .et-db #et-boc .lyte-wrapper-audio div, .et-db #et-boc .lyte-wrapper div { margin: 0px; overflow: hidden; } .et-db #et-boc .lyte, .lyMe { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background-color: #777; } .et-db #et-boc .fourthree .lyMe, .et-db #et-boc .fourthree .lyte { padding-bottom: 75%; } .et-db #et-boc .lidget { margin-bottom: 5px; } .et-db #et-boc .lidget .lyte, .et-db #et-boc .widget .lyMe { padding-bottom: 0 !important; height: 100% !important; } .et-db #et-boc .lyte-wrapper-audio .lyte { height: 38px !important; overflow: hidden; padding: 0 !important; } .et-db #et-boc .lyMe iframe, .et-db #et-boc .lyte iframe, .et-db #et-boc .lyte .pL { position: absolute !important; top: 0; left: 0; width: 100%; height: 100% !important; background: no-repeat scroll center #000; background-size: cover; cursor: pointer; } .et-db #et-boc .tC { left: 0; position: absolute; top: 0; width: 100%; } .et-db #et-boc .tC { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); } .et-db #et-boc .tT { color: #fff; font-family: Roboto, sans-serif; font-size: 16px; height: auto; text-align: left; padding: 5px 10px 50px 10px; } .et-db #et-boc .play { background: no-repeat scroll 0 0 transparent; width: 88px; height: 63px; position: absolute; left: 43%; left: calc(50% - 44px); left: -webkit-calc(50% - 44px); top: 38%; top: calc(50% - 31px); top: -webkit-calc(50% - 31px); } .et-db #et-boc .widget .play { top: 30%; top: calc(45% - 31px); top: -webkit-calc(45% - 31px); transform: scale(0.6); -webkit-transform: scale(0.6); -ms-transform: scale(0.6); } .et-db #et-boc .lyte:hover .play { background-position: 0 -65px; } .et-db #et-boc .lyte-audio .pL { max-height: 38px !important; } .et-db #et-boc .lyte-audio iframe { height: 438px !important; } .et-db #et-boc .ctrl { background: repeat scroll 0 -220px rgba(0, 0, 0, 0.3); width: 100%; height: 40px; bottom: 0px; left: 0; position: absolute; } .et-db #et-boc .lyte-wrapper .ctrl { display: none; } .et-db #et-boc .Lctrl { background: no-repeat scroll 0 -137px transparent; width: 158px; height: 40px; bottom: 0; left: 0; position: absolute; } .et-db #et-boc .Rctrl { background: no-repeat scroll -42px -179px transparent; width: 117px; height: 40px; bottom: 0; right: 0; position: absolute; padding-right: 10px; } .et-db #et-boc .lyte-audio .play { display: none; } .et-db #et-boc .lyte-audio .ctrl { background-color: rgba(0, 0, 0, 1); } .et-db #et-boc .hidden, .hidden { display: none!important; } .et-db #et-boc .lyte .ctrl, .et-db #et-boc .lyte .Rctrl, .et-db #et-boc .lyte .Lctrl, .et-db #et-boc .lyte .play { background-image: url(/wp-content/plugins/wp-youtube-lyte/lyte/lytesprite.png); } .et-db #et-boc .lyte-wrapper div { background: none; } /* ************************************* *************** Search *************** ************************************* */ .entry-content p.intro_cat.not_found { color: #dd3c0d; } /* ************************************* ************* Hersteller ************* ************************************* */ /* Hersteller Page */ body.et-db.page-template-page-hersteller-php #et-boc .et_pb_row.desc { padding-top: 0; } body.et-db #et-boc .quickjump.et_pb_module { padding: 20px 30px 0; } body.et-db #et-boc .quickjump.et_pb_module .quickjump_widget { margin-bottom: 20px; } .page-template-page-hersteller-php #hersteller_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-template-page-hersteller-php #hersteller_list li { display: block; text-align: center; word-break: break-all; overflow: hidden; } body.et-db.page-template-page-hersteller-php #et-boc #hersteller_list li a, .page-template-page-hersteller-php #hersteller_list li a { position: relative; display: block; background: #ffffff; height: 5em; margin: 0.3em; padding: 0.4em 0.2em 0.7em; color: #004c7d!important; } .page-template-page-hersteller-php #hersteller_list li a:hover { -o-transition: all 0.2s ease-in-out; -webkit-transition: all0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #efc509; } .page-template-page-hersteller-php #hersteller_list li a:hover img { -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 3px; border: #d6b108 2px solid; } .page-template-page-hersteller-php #hersteller_list li a img { padding: 5px; background: #ffffff; display: block; margin: auto; max-width: 100%; max-height: 40px; } .page-template-page-hersteller-php #hersteller_list li a span { width: 100%; position: absolute; display: inline-block; bottom: 0.3em; left: 0; } .page-template-page-hersteller-php.et-db #et-boc .et_pb_section { padding: 0; } /* ******************** HEADER STYLES ******************** */ .header { background-color: #33759f; -webkit-box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 10px 6px -6px rgba(0, 0, 0, 0.4); position: relative; z-index: 1010; } .header #intro_wrap { width: 100%; text-align: center; position: relative; display: block; margin-bottom: 14px; /*! max-width: 20%; */ } .header #intro_wrap #logo { display: block; position: relative; text-decoration: none; color: white; font-size: 1em; line-height: 1.2em; max-height: 100%; } .header #intro_wrap #logo img { width: 100%; max-width: 138px; height: auto; font-size: 16px; font-weight: normal; } .header #intro_wrap #logo span, .header #intro_wrap #logo::before { display: none; } .header #intro_wrap #intro_headlines { color: white; width: 95%; margin: auto; } .header #intro_wrap #intro_headlines h3 { font-family: "ExpresswayRgRegular", Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0; font-size: 1.1em; text-align: center; font-weight: normal; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; color: #fff; } .header #intro_wrap #intro_headlines h3, .header #intro_wrap #logo { text-shadow: 1px 1px 0px #666; } .header #intro_wrap #intro_headlines h3 .intro_small { font-size: calc(12px + 0.5vw); line-height: 1em; display: inline; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .header #intro_wrap #intro_headlines h3 .intro_big { font-size: calc(14px + 0.9vw); width: 90%; line-height: 1em; display: inline; top: 0.3em; position: relative; } @media screen and (min-width: 1600px) { .header #intro_wrap #intro_headlines h3 .intro_big { font-size: 30px; } .header #intro_wrap #intro_headlines h3 .intro_small { font-size: 22px; } } .header #intro_wrap #intro_headlines h3 .not_vis { display: none; } .header .header_elements_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* ! box-shadow: 0 0 0px 1px red; */ } .header .header_elements_wrap>* { margin-bottom: 14px; text-align: center; } .header .header_elements_wrap #search { width: 100%; margin-left: 3%; margin-right: 3%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 880px; -ms-flex-negative: 1; flex-shrink: 1; } .header .icon-search { position: absolute; top: 0; /* ! margin-top: 0.2em; */ text-align: center; margin-left: 0; color: #004c7d; font-size: 1.2em; width: 100%; padding: 8px 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 0 4px 4px 0; } .header #submit_box:hover .icon-search { color: #fff; background-color: #004c7d; } .header input { text-transform: uppercase; color: #004c7d; } .sticky-wrapper:not(.is-sticky) { height: auto!important; } .is-sticky header.header { z-index: 99998!important; } header.header #intro_headlines, header.header #telefon_area_outer, header.header #qts-lang-menu, header.header .hersteller_header_list, header.header #logo_wrap, .header #intro_wrap #logo, .header #intro_wrap #logo img, header.header #intro_wrap { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .is-sticky header.header #intro_headlines, .is-sticky header.header #qts-lang-menu, .is-sticky #breadcrumb { opacity: 0; height: 0 !important; min-height: 0; position: absolute; z-index: -100; } .is-sticky header.header #intro_wrap { margin: 0 0 14px; } .is-sticky header.header #logo_wrap { position: absolute; } .is-sticky .header #intro_wrap #logo img { width: 75px; max-width: 75px; } .is-sticky .hersteller_header_list { min-height: 26px; max-height: 26px; } @media screen and (min-width:601px) { .admin-bar .is-sticky header.header { top:46px!important; } } @media screen and (min-width:783px) { .admin-bar .is-sticky header.header { top:32px!important; } } @media screen and (min-width: 500px) and (max-width:980px) { .is-sticky .header .header_elements_wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .is-sticky #search { margin-top: 14px; margin-bottom: 0; } .is-sticky #mega-menu-wrap-main-nav { position: static; } .is-sticky .mega-menu-toggle { width:100px; position: absolute; top:14px; right: 2.5%; } .is-sticky .mega-menu-toggle.mega-menu-open { width:95%; } .is-sticky .mega-menu-toggle.mega-menu-open + #mega-menu-main-nav { top: 54px!important; position: absolute!important; width: 95%!important; z-index: 10; } .is-sticky #telefon_area_outer { position: absolute; z-index: -10; height: 0; min-height:0; opacity:0; } .is-sticky .header #intro_wrap #logo { position: absolute; left: 0; top: 14px; } .is-sticky .header #intro_wrap #logo img { width: 72px; } .is-sticky #telefon_area_outer { position: absolute; z-index: -10; } .is-sticky .merklisten_link { line-height: 16px; } .is-sticky .merkliste-wrap { margin-bottom: 0; } } @media screen and (max-width:499px) { .is-sticky .header .header_elements_wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .is-sticky #search { margin-top: 0; margin-bottom: 14px; } .is-sticky .header .header_elements_wrap #search { width: calc( 100% - 114px ); max-width: 880px; margin-left: 0; margin-right: auto; margin-bottom: 0; } .is-sticky .mega-menu-toggle { width:100px; position: absolute; bottom: 0; right: 2.5%; } .is-sticky .input_box { font-size: 16px; } .is-sticky #search_box #input_box input, .is-sticky #search_box #submit_box .icon-search, .is-sticky #search_box #submit_box #searchsubmit { padding-bottom: 7px; padding-top: 7px; } .is-sticky #telefon_area_outer { position: absolute; z-index: -10; height: 0; min-height:0; opacity:0; } .is-sticky header .header_elements_wrap { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .is-sticky header .logo_wrap { position: absolute; left: 2.5%; top: 14px; } } @media screen and ( min-width: 981px ) { .is-sticky header.header #telefon_area_outer .et_pb_button { border: none; background: none!important; text-shadow: none!important; -webkit-box-shadow: none; box-shadow: none; color: #fff!important; margin-left: 90px; padding-left: 0!important; padding-right: 0!important; width: auto!important; min-width: auto!important; } .is-sticky #telefon_area_outer a::before { display: none; } .is-sticky header.header #telefon_area_outer .et_pb_button i.fa-phone-square { background: #004c7d } } /********************* NAVIGATION STYLES *********************/ #qts-lang-menu { width: auto; text-align: right; padding: 0 0 0 0; margin: 0 auto; max-width: 192px; } #qts-lang-menu::after { content: ''; display: table; clear: both; } #qts-lang-menu li { display: inline-block; padding: 0 0px; line-height: 1em; margin: 0 8px 8px 0; } #qts-lang-menu li a { display: inline-block; padding: 11px 11px; /* box-shadow: 0 0 6px 2px #005c97; */ line-height: 1 !important; } #qts-lang-menu li a img { -webkit-box-shadow: 0 0 6px 4px #004c7d; box-shadow: 0 0 6px 4px #004c7d; max-width: 18px; min-width: 18px; background-color: #004c7d; } #qts-lang-menu li a:hover img, #qts-lang-menu .current-menu-item a img { -webkit-box-shadow: 0 0 6px 4px #efc509; box-shadow: 0 0 6px 4px #efc509; background-color: #efc509; } /* telefon button in header.php */ #telefon_area_outer a:before { content: attr(data-label); position: absolute; z-index: 1; width: 100%; left: 0px; font-weight: 400; font-size: 80%; margin-left: 10px; } #telefon_area_outer a { color: #fff; /* ! background-color: #fff; */ padding: 6px 0 6px 42px; /* ! border: solid 2px #004C7D; */ text-decoration: none; text-transform: uppercase; display: block; line-height: 1.2em; border-radius: 6px; /* ! box-shadow: 0 4px 16px -4px #696969; */ font-size: 16px; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif !important; font-weight: 500 !important; letter-spacing: 1px; vertical-align: text-top; position: relative; text-align: left; white-space: nowrap; margin: 0 0 14px; padding-left: 48px !important; padding-right: 10px !important; font-size: 14px; font-weight: 700 !important; line-height: 1.6em; min-width: 244px; width: 244px; } #telefon_area_outer a.telefon_area_inner_font:last-child { margin-bottom: 0; } @media only screen and (min-width: 530px) { #telefon_area_outer a { display: inline-block; } #telefon_area_outer a.telefon_area_inner_font:first-child { margin-bottom: 0; margin-right: 8px; } } #telefon_area_outer a.telefon_area_inner_font i.fa-whatsapp-square { font-weight: 400; } #telefon_area_outer a:hover { color: #fff; /* ! background-color: #004C7D; */ text-shadow: 0 0 8px #333; opacity: 0.7; } #telefon_area_outer a i { margin-right: 4px; font-size: 22px; background-color: #fff; line-height: 0.7em; letter-spacing: -2px; text-shadow: none !important; display: inline-block; position: relative; top: -2px; } #telefon_area_outer a:hover i { background-color: #004c7d; } #telefon_area_outer a.whatsapp i { color: #25d366; display: inline-block; background-color: #ffffff; /*! text-shadow: 0px 0px 3px #fff; */ /*! box-shadow: inset -10px 0px 8px 8px #fff; */ } .telefon_area_inner_font { color: #004c7d; font-size: 16px; text-decoration: none; } #search_box { display: table; background: #f2f2f2; padding: 0px 0px; border: solid 2px #efc509; border-radius: 0px; width: 100%; -webkit-box-shadow: 0 4px 16px -4px #696969; box-shadow: 0 4px 16px -4px #696969; border-radius: 6px; } #search_box #submit_box { width: 48px; display: table-cell; position: relative; line-height: 1; } #search_box #submit_box input { background: none; border: none; width: 100%; height: 100%; padding: 8px 0 7px; position: relative; } #search_box #submit_box input::-moz-placeholder { font-size: 14px; } #search_box #submit_box input::-moz-placeholder, #search_box #submit_box input::-webkit-input-placeholder, #search_box #submit_box input::placeholder { font-size: 14px; } #search_box #submit_box input:after { color: #004c7d; content: "O"; position: absolute; top: 0; right: 0; } #search_box #submit_box span { font-size: 14px; } #search_box #input_box { width: calc(100% - 48px); display: table-cell; vertical-align: middle; /* ! */ } #search_box #input_box input { background: none; border: none; width: 100%; padding: 8px 8px 7px; text-align: center; } #search_box #input_box input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-transform: uppercase; opacity: 0.8; } #search_box #input_box input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-transform: uppercase; opacity: 0.8; } #search_box #input_box input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-transform: uppercase; opacity: 0.8; } #search_box #input_box input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-transform: uppercase; opacity: 0.8; } #search_box #input_box input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ text-transform: uppercase; opacity: 0.8; } #search_box #input_box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ text-transform: uppercase; opacity: 0.8; } #search_box #input_box input::-ms-input-placeholder { /* Microsoft Edge */ text-transform: none; opacity: 0.8; } .merklisten_link { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; line-height: 1.2em; border: solid 0px #004c7d; border-radius: 6px; -webkit-box-shadow: 0 4px 16px -4px #696969; box-shadow: 0 4px 16px -4px #696969; text-shadow: 0 0 16px #fff; /* ! display: inline-block; */ opacity: 1; cursor: pointer; letter-spacing: 4px; text-transform: uppercase; font-family: "Rubik", Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .merklisten_link #anzahl_merkliste { padding: 11px 0 10px; width: 37.6px; border: solid 1px #004c7d; text-align: center; color: #fff; background-color: #004c7d; text-shadow: none; border-radius: 6px 0 0 6px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .merklisten_link .lable { padding: 11px 30px; border: solid 1px #004c7d; text-align: center; color: #004c7d; background-color: #efc509; border-radius: 0 6px 6px 0; border-left: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; min-width: 207px; /* Make the Button as large as the call-number on the left. */ } .merklisten_link:hover .lable { background-color: #004c7d; color: #fff; text-shadow: none; } .merklisten_link:hover #anzahl_merkliste { background-color: #004c7daa; /* ! color: #fff; */ /* ! opacity: 0.7; */ } #breadcrumb { display: none; font-size: 0.7em; color: #fff; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #breadcrumb a { color: #fff; } #breadcrumb a:hover { color: #fff; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .header #nav-wrap { padding-bottom: 14px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; align-self: flex-end; } #mega-menu-wrap-main-nav #mega-menu-main-nav>li.mega-menu-megamenu>ul.mega-sub-menu .item-list ul li a { text-decoration: none; display: block; padding: 0 15px; } ul.column_3 { display: block; width: 32%; margin-right: 2%; float: left; } ul.column_5 { display: block; width: 18.4%; margin-right: 2%; float: left; } ul.column_3:last-child, ul.column_5:last-child { margin-right: 0; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-column .mega-menu-item-type-widget ul li { font-size: 16px; padding: 0px 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-column .mega-menu-item-type-widget a { color: #004c7d; font-size: 16px; text-transform: uppercase; padding: 1px 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-column .mega-menu-item-type-widget a:hover { text-shadow: 1px 1px 0px #999; background: #efc509; color: #fff; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-column .mega-menu-item-type-widget a.et_pb_button { margin-top: 14px; font-size: 1em; } @media only screen and ( max-width: 980px ) { #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 0 0 10px } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu { padding: 0; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu .menu { margin: 0; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu .menu li a { display: block; background: #fff; color: #004c7d; font-family: inherit; font-size: 16px; font-weight: normal; padding: 0px 10px 0px 10px; line-height: 35px; text-decoration: none; text-transform: uppercase; vertical-align: baseline; text-align: right; } #mega-menu-wrap-main-nav #mega-menu-main-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_nav_menu .menu li:hover a { text-shadow: 1px 1px 0px #999; background: #efc509; font-weight: normal; text-decoration: none; color: #fff; } #mega-menu-wrap-main-nav #mega-menu-main-nav a.mega-menu-link { text-align: right; } } @media only screen and ( max-width:479px ) { .merklisten_link .lable { min-width: auto; } } /* iPad-Fixes */ @media only screen and ( min-width: 981px ) and ( max-width: 1024px ) { #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item { margin-right: 0; } #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-item > a.mega-menu-link { font-size: 15px; } } #related_machines li { width: 16.6%; } /* Merkliste / Anfrageformular / Angebotsformular */ .page-template-page-merkliste p.align-right { text-align: center; } #contact_form_buttons a { margin-bottom: 1.2em; } #contact_form_buttons #drucken_merkliste { display: none; } #contact_form_buttons a:last-child { margin-bottom: 0; } .header #intro_wrap .logo_wrap { width: 80px; margin: 0 auto 4px; } @media only screen and (min-width: 340px) { .header #intro_wrap .logo_wrap { width: auto; margin: 0 auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 26.9%; } .header #intro_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0px 0 15px; /*! padding: 0 2%; */ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .header #intro_wrap #logo { display: table-cell; /*! width: 100%; */ /* height: 110px;*/ font-size: 4.5em; vertical-align: middle; left: 0; line-height: 0; max-width: 100%; } .header #intro_wrap #intro_headlines { border-left: 4px solid white; width: auto; padding-left: 2.5%; color: white; display: table-cell; /*! height: 110px; */ vertical-align: middle; margin: 0 0 0 2.5%; width: 70.6%; } .header #intro_wrap #intro_headlines h3 { margin: 0; text-align: left; } } @media only screen and (min-width: 410px) { #qts-lang-menu { max-width: 384px; } } @media only screen and (min-width: 768px) { .header #intro_wrap .logo_wrap { position: absolute; left: 0; padding-top: 8px; } .is-sticky .header #intro_wrap .logo_wrap { padding-top: 14px; width: auto; } .header #intro_wrap #intro_headlines { border-left: none; padding-left: 0; width: auto; } .header #intro_wrap { width: 100%; } .header .header_elements_wrap>* { text-align: left; } .header .header_elements_wrap>#telefon_area_outer .telefon_area_inner_font { margin-right: 0; } .header #intro_wrap #intro_headlines h3 { text-align: center; } .header #intro_wrap #intro_headlines h3 .intro_big { top: auto; display: inline; line-height: 1.5em; text-align: center; } .header #intro_wrap #intro_headlines h3 .intro_small { display: inline; line-height: 1.7em; text-align: center; } #search_box #submit_box input::-moz-placeholder { font-size: 16px; } #search_box #submit_box input::-moz-placeholder, #search_box #submit_box input::-webkit-input-placeholder, #search_box #submit_box input::placeholder { font-size: 16px; } #sharebar .shariff-button.linkedin { display: list-item; } } @media only screen and (min-width: 981px) { /* ******************** HEADER STYLES ******************** */ #qts-lang-menu { max-width: 192px; } .header #intro_wrap #intro_headlines { margin: 0 50px 0 2.5%; } /* ******************** NAVIGATION STYLES ******************** */ #qts-lang-menu { top: 0; right: 0; display: block; text-align: right; position: absolute; z-index: 1; margin-right: -19px; } #search_box { margin: 0; } .header .header_elements_wrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .header .header_elements_wrap #search { width: auto; } .header .header_elements_wrap>#telefon_area_outer { text-align: left; width: 245px; min-width: 245px; } #search_box #submit_box input::-moz-placeholder { font-size: 18px; } #search_box #submit_box input::-moz-placeholder, #search_box #submit_box input::-webkit-input-placeholder, #search_box #submit_box input::placeholder { font-size: 18px; } #breadcrumb { display: block; /*! display: flex; */ /*! flex-wrap: wrap; */ /*! flex-shrink: 1; */ /*! justify-content: flex-start; */ position: absolute; bottom: -1.8em; } #breadcrumb>* { margin: 0 0.3em; } #breadcrumb>*:first-child { margin-left: 0; } .header #nav-wrap { padding-bottom: 0; } header .nav_line { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #sharebar .shariff { bottom: 50%; width: auto; left: auto; -webkit-transform: translateX(0) translateY(50%); -ms-transform: translateX(0) translateY(50%); transform: translateX(0) translateY(50%); right: 20px; } #sharebar .shariff .shariff-buttons.theme-round li { margin-right: 0 !important; ; } #sharebar .shariff ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #contact_form_buttons #drucken_merkliste { display: inline-block; } } .print_header_switcher { display: none; } @media only screen and (min-width: 980px) { .print_header_switcher { position: absolute; max-width: 1280px; width: 80%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .print_header_switcher .inner { padding: 15px; border-radius: 5px; max-width: 400px; background: #fff; border: solid 1px #004c7d; position: absolute; z-index: -1; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; display: none; } .print_header_switcher.open .inner { display: block; opacity: 1; } .print_header_switcher .opener::before { content: '\f140'; font-family: dashicons; font-weight: normal; font-size: 36px; background: #fff; border-radius: 8px; border: solid 1px #004c7d; color: #004c7d; display: inline-block; margin: 0 0 0 6px; position: relative; height: auto; width: auto; right: auto; line-height: 1em; ; } .print_header_switcher.open .opener::before { content: '\f142'; } .print_header_switcher .header_einblenden, .print_no_header .print_header_switcher .header_ausblenden { display: none; } .print_no_header .print_header_switcher .header_einblenden { display: inline; } } #wp-admin-bar-print-header >a::after { content: ''; display: inline-block; width:1em; height: 1em; border-radius: 0.5em; margin-left: 0.25em; background-color: limegreen; } .print_no_header #wp-admin-bar-print-header .print-header-deact, #wp-admin-bar-print-header .print-header-act { display: none; } .print_no_header #wp-admin-bar-print-header .print-header-act { display: list-item; } .print_no_header #wp-admin-bar-print-header >a::after { background-color: red; }