/* Theme Name: adON Theme URI: http://underscores.me/ Author: Erico Brehmer Author URI: http://www.adon-line.de Description: adON\'s Theme Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: adon Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. adON is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /* Text meant only for screen readers. */ html[lang=de] #moove_gdpr_cookie_info_bar, html[lang=es] #moove_gdpr_cookie_info_bar { display: none !important; } .gfield_checkbox { list-style-type: none !important; } #logo-hero { height: auto; width: 100%; max-width: 200px; } /* roboto-100 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-100.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-100.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-100.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; font-display: swap; src: url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-900.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-900.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-900.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-v30-latin-ext_latin_cyrillic-ext_cyrillic-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-300italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 300; font-display: swap; src: url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-regular - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 400; font-display: swap; src: url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-italic.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700 - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-condensed-700italic - latin-ext_latin_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; font-display: swap; src: url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff') format('woff'), /* Modern Browsers */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/roboto-condensed-v25-latin-ext_latin_cyrillic-ext_cyrillic-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* barlow-regular - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 400; src: url('./fonts/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-500 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; src: url('./fonts/barlow-v12-latin-500.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/barlow-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/barlow-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/barlow-v12-latin-500.woff') format('woff'), /* Modern Browsers */ url('./fonts/barlow-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/barlow-v12-latin-500.svg#Barlow') format('svg'); /* Legacy iOS */ } /* barlow-600 - latin */ @font-face { font-family: 'Barlow'; font-style: normal; font-weight: 600; src: url('./fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/barlow-v12-latin-600.woff') format('woff'), /* Modern Browsers */ url('./fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */ } /* source-sans-pro-200 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('./fonts/source-sans-pro-v21-latin-200.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/source-sans-pro-v21-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/source-sans-pro-v21-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-200.woff') format('woff'), /* Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/source-sans-pro-v21-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('./fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('./fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('./fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('./fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url('./fonts/source-sans-pro-v21-latin-900.eot'); /* IE9 Compat Modes */ font-display: swap; src: local(''), url('./fonts/source-sans-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/source-sans-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */ url('./fonts/source-sans-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/source-sans-pro-v21-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } .page-template-e-scooter .hidden, .page-template-air-fryer .hidden { display: none !important; } .hidden { color: #F57C00 !important; } .load-screen { position: fixed; height: 100%; width: 100%; background: rgba(255,255,255,0.8); z-index: 9999999999; top:0; left: -100%; opacity: 0; -webkit-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .load-screen.show { left: 0; opacity: 1; } .repairablity_index { position: relative; } .repairablity_index img { max-width: 80px !important; } .repairablity_index span { position: absolute; display: block; left:44px; top:-28px; color: #000; font-weight: 900; z-index: +1; font-weight: 700; } .repairablity_index.overview span { top:4px; left:60px; } .loader02 { width: 56px; height: 56px; border: 8px solid rgba(33, 33, 33, 0.25); border-top-color:rgba(33, 33, 33, 1); border-radius: 50%; position: relative; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; top: 50%; margin: -28px auto 0 auto; } @-webkit-keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .legend { font-style: italic !important; } .legend.hidden { font-size: 13px !important; margin-top: 20px; } .h2 { font-size: 1.6rem; color: inherit; line-height: 1.2; margin-bottom: .5em; margin-top: 0; font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif !important; } .h3 { font-size: 1.4rem; color: inherit; line-height: 1.2; margin-bottom: .5em; margin-top: 0; font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif !important; } .mobile-overlay-beta { display: none; position: fixed; top:0; left:0; width: 100%; height: 100%; background: #fff; z-index: 999999999; text-align: center; padding:30px; padding-top: 100px; } .mobile-overlay-beta h2 { margin-top:50px; } @media (min-width: 1020px) { .mobile-overlay-beta { display: none !important; } } h1, h2, h3, h4, h5, h6 { font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif !important; } .produkt-top .title { font-size: 20px; margin-top:3px; margin-bottom: 3px; font-weight: 700 !important; font-family: 'Roboto Condensed', sans-serif !important; } @media (min-width: 1200px) { .produkt-top .title { font-size: 30px; } } body { font-family: 'Roboto', sans-serif !important; } body.open-menu { overflow: hidden !important; } .img-responsive { max-width: 100%; width: 100%; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .columns.marketing { font-size: 22px !important; margin:0 !important; padding: 0 !important; font-weight: 300; } @media (min-width: 1200px) { .columns.marketing { font-weight: 100; } } .pack-sec { margin-top: 50px; } .pack-sec img.img-responsive { max-width: 80%; } .columns.marketing .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; margin:0 !important; padding-right: 0px !important; padding-left: 0px !important; } .columns.marketing .column.lefter { text-align: left; padding: 0 !important; padding-right: 20px !important; padding-left: 20px !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 20px !important; padding-bottom: 40px !important; } .columns.marketing .column.righter { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 !important; padding-left: 20px !important; padding-right: 20px !important; padding-top: 20px !important; padding-bottom: 40px !important; } .lefter p { font-size: .8rem; margin-bottom: 0; } .lefter .h2 { font-size: 1.4rem; } .righter p { font-size: .8rem; margin-bottom: 0; } .righter .h2 { font-size: 1.4rem; } .columns.marketing .column div:not(.h2) { display: inline-block; width: auto; max-width: 90%; } @media (min-width:1020px) { .columns.marketing .column.lefter { text-align: right; padding: 0 !important; padding-right: 30px !important; padding-left: 0px !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-top: 0px !important; padding-bottom: 0px !important; } .columns.marketing .column.righter { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 !important; padding-left: 30px !important; padding-right: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } /* .pack-sec { opacity: 0; } */ .animate__backInLeft, .animate__backInRight, .animate__fadeInLeft, .animate__fadeInRight, .animate__zoomIn { opacity: 1 !important; } .lefter p { font-size: 14px; } .lefter .h2 { font-size: 25px; } .righter p { font-size: 14px; } .righter .h2 { font-size: 25px; } .columns.marketing .column div:not(.h2) { display: inline-block; width: auto; max-width: 90%; } } @media (min-width:1200px) { .lefter p { font-size: 14px; } .lefter h2 { font-size: .38px; } .righter p { font-size: 14px; } .righter h2 { font-size: .38px; } .columns.marketing .column div:not(.h2) { display: inline-block; width: auto; max-width: 80%; } } @media (min-width:1400px) { .lefter p { font-size: 16px; } .lefter .h2 { font-size: 50px; } .righter p { font-size: 16px; } .righter .h2 { font-size: 50px; } .columns.marketing .column div:not(.h2) { display: inline-block; width: auto; max-width: 70%; } .columns.marketing .column.lefter { padding-right: 50px !important; } .columns.marketing .column.righter { padding-left: 50px !important; } } @media (min-width:1700px) { .lefter p { font-size: 19px; } .lefter .h2 { font-size: 60px; } .righter p { font-size: 19px; } .righter .h2 { font-size: 60px; } .columns.marketing .column div:not(.h2) { display: inline-block; width: auto; max-width: 60%; } .columns.marketing .column.lefter { padding-right: 70px !important; } .columns.marketing .column.righter { padding-left: 70px !important; } } .to-the-top { position: fixed; bottom:80px; right: -70px; color:#fff; height: 40px; width: 60px; text-align: center; line-height: 40px; border-radius: 3px 3px; cursor: pointer; z-index: +1; background-image: -o-repeating-linear-gradient( 135deg, rgba(30,30,30,1) 0%, /* blau */ rgba(35,35,35,1) 15%, /* grün */ rgba(30,30,30,1) 30%, /* rosa */ rgba(40,40,40,1) 45% /* blau */ ); background-image: repeating-linear-gradient( -45deg, rgba(30,30,30,1) 0%, /* blau */ rgba(35,35,35,1) 15%, /* grün */ rgba(30,30,30,1) 30%, /* rosa */ rgba(40,40,40,1) 45% /* blau */ ); background-size: 200% 200%; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .to-the-top.show { right: 20px; } @media (min-width: 1020px) { .to-the-top:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.192837); box-shadow: 0 2px 5px rgba(0,0,0,0.192837); -webkit-animation: diagonal alternate 5s infinite; animation: diagonal alternate 5s infinite; } .to-the-top { bottom:95px; right: -70px; } .to-the-top.show { right: 50px; } } @-webkit-keyframes diagonal { 0% {background-position: 0% 50%} 100% {background-position: 100% 50%} } @keyframes diagonal { 0% {background-position: 0% 50%} 100% {background-position: 100% 50%} } .row-240240240.features { background-color: rgb(255,255,255); padding-top: 40px; padding-bottom: 0px; } .row-240240240.features .image { padding: 0px; border:0px solid rgb(230,230,230); } .feature-box { padding: 0px; margin-bottom: 0px !important; display: block; } @media (min-width: 1020px) { .row-240240240.features { background-color: rgb(255,255,255); padding-top: 80px; padding-bottom: 0px; } .feature-box { padding: 0px; margin-bottom: 50px !important; display: block; } } .menu-main div.sub-menu__wrapper { width: 100%; position: relative; left: 0; z-index: 99; display: none; border: 0; height: auto; opacity:1; pointer-events: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding-top: 0px; background: #fff !important; } .menu-main div.sub-menu__wrapper.show { display: block; pointer-events: auto; } .menu-main li:hover div.sub-menu__wrapper { opacity: 1; pointer-events:auto; } .menu-main div.sub-menu__wrapper .sub-menu-inner { padding-top:0px; background: #fff; -webkit-box-shadow: 0px 0px 0px rgba(0,0,0, 0); box-shadow: 0px 0px 0px rgba(0,0,0, 0); } .menu-main ul.sub-menu { height: auto; width: 100%; /* max-width:1400px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; /* margin: 0 auto !important; */ background: #FFF; padding-bottom: 30px !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-main ul.sub-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border:0px solid #ccc; /* height: 100%; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; /*width: 100% !important;*/ cursor: pointer; padding-left: 10px !important; width: 100%; } @media (min-width:1020px) { .menu-main ul.sub-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border:0px solid #ccc; /* height: 100%; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; /*width: 100% !important;*/ cursor: pointer; padding-left: 15px !important; flex: 1 1 0; width: 0; } } .menu-main ul.sub-menu li a img { display: none; } .menu-main ul.sub-menu li a img { max-width: 100px; margin: 0 auto; } .menu-main ul.sub-menu li a { border:0px solid blue; display: block; /* height: 100%; */ width: 100%; text-align: left; font-size: 13px; font-family: 'Roboto'; font-weight: 500; } .main-footer-nav ul:not(.prom):not(.menu-footer):not(.sub-menu):not(.dropdown-menu) { height: 0; overflow: hidden; } .prom li:first-child { padding-top: 30px; } .main-footer-nav ul li a { padding-left: 20px; } .main-footer-nav ul:not(.prom) li a { display: block; height: 34px; line-height: 34px; } .main-footer-nav h3, .main-footer-nav .h3 { height: 50px; line-height: 50px; display: block; font-weight: 500 !important; font-size: 16px !important; margin-bottom: 0; font-family: 'Roboto' !important; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(0,0,0,0.18); padding-left: 20px; } .main-footer-nav ul.show { height: auto; padding-top: 15px; padding-bottom: 30px; } .main-footer-nav ul.show:not(.prom) { background: rgba(255,255,255,0.03); } .main-footer-nav .h3 { background: rgba(255,255,255,0); } .main-footer-nav .h3.open { background: rgba(255,255,255,0.08); } @media (min-width: 970px) { .main-footer-nav .h3 { background: rgba(255,255,255,0); } .main-footer-nav .h3.open { background: rgba(255,255,255,0); } } .main-footer-nav h3 .icon.open, .main-footer-nav .h3 .icon.open, .sharp-main-cat .icon.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 1279px) { .main-footer-nav ul.show { height: auto; padding-top: 0px; padding-bottom: 0px; } .main-footer-nav ul.show:not(.prom) { background: rgba(255,255,255,0); } .main-footer-nav ul li a { padding-left: 20px; } .main-footer-nav ul:not(.prom) li a { display: block; height: 25px; line-height: 25px; } .prom li:first-child { padding-top: 0px; } .main-footer-nav h3 .icon, .main-footer-nav .h3 .icon { display: none; } .main-footer-nav h3, .main-footer-nav .h3 { height: 45px; line-height: 45px; display: block; margin-bottom: 0; border-top:0px solid rgba(255,255,255,0.1); border-bottom:0px solid rgba(0,0,0,0.18); padding-left: 20px; } .menu-main ul.sub-menu li a { border:0px solid blue; display: block; height: 100%; width: 100%; text-align: left; padding-left: 40px !important; font-size: 13px; font-family: 'Roboto Condensed'; } .main-footer-nav ul:not(.prom) { height: auto; overflow: hidden; } } .menu-main ul.sub-menu li a.btn { width: 80%; max-width: 100%; margin: 0 auto; text-align: left !important; padding-left: 20px !important; padding-right: 20px !important; margin-top:15px; margin-bottom:0px; display: none; } .menu-main ul.sub-menu li a.btn:hover, .menu-main ul.sub-menu li a.btn:active, .menu-main ul.sub-menu li a.btn:focus { border:1px solid #E6000D !important; color:#E6000D !important; } /* ORIG 1020 */ @media (min-width:1020px) { .menu-main ul.sub-menu li a.btn { display: inline-block; width: 80%; max-width: 270px; margin: 0 auto; text-align: center !important; padding-left: 20px !important; padding-right: 20px !important; margin-top:15px; margin-bottom:25px; } } .menu-main ul.sub-menu li a .textos { line-height: 1.2 !important; } .menu-main ul.sub-menu li:hover a .textos { line-height: 1.2 !important; } .menu-main { overflow-x:auto; overflow-y: hidden; } .navbar ul li a:not(.btn) { color: #000000 !important; text-decoration: none !important; /* white-space: nowrap; */ font-size: 18px !important; font-weight: 400 !important; margin-left: 0px; margin-right: 0px; height: 55px; line-height: 55px; display: block; padding-left: 20px; border-bottom:2px solid #ffffff !important; } .navbar ul li a.switchers.lang-mobile { position: relative; } .navbar ul li a.switchers.lang-mobile .inner-lang { padding-left: 30px; } .navbar ul li div.h4 { color: #fff; } .navbar ul li a .icon-langer-footer { position: absolute; width: 0px !important; height: 33px !important; overflow: hidden; text-align: center; display: block; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; top:6px; left: 16px; } .navbar ul li a .icon-langer-footer.mobile-version { position: absolute; width: 0px !important; height: 33px !important; overflow: hidden; text-align: center; display: block; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; top:14px; left: 16px; } .language-overlay-footer.mobile-version { padding-bottom: 0 !important; } .navbar ul li.lang-mobile ul.footer__geo__toggle__list li a.cnavbar__item__link.active { color:#fff !important; border: 1px solid #fff !important; } .navbar ul li.lang-mobile .language-overlay-footer-inner { border-radius: 0 0 !important; padding-left: 20px; padding-right: 20px; } .navbar ul li.lang-mobile .language-overlay-footer { margin-top: 0; display: none; } .navbar ul li.lang-mobile .language-overlay-footer.show { display: block; } .navbar ul li.lang-mobile li.cnavbar__item { padding-left: 0 !important; padding-right: 0 !important; } .navbar ul li.lang-mobile .language-overlay-footer-inner:after { top: 100%; left:30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(72, 72, 73, 0); border-top-color: #484849; border-width: 10px; margin-left: -10px; z-index: +1; } .navbar ul li a .icon-langer-footer.show { width: 30px !important; opacity: 1; } .icon-langer-footer.show, .icon-closer-langer-footer.show { width: auto !important; opacity: 1; left: 0; } .icon-closer-langer-footer.mobile-version.show { width: auto !important; opacity: 1; left: 20px !important; line-height: 1; top:17px; } .icon-closer-langer-footer.mobile-version { top:17px; } .icon-langer-footer.show, .icon-closer-langer-footer i { width: auto !important; opacity: 1; left: 0; line-height: 1 !important; } .icon-closer-langer-footer.mobile-version i { width: 20px !important; opacity: 1; left: 0; line-height: 1 !important; height: 20px; font-size: 18px !important; top:0 !important; } .navbar ul li >a:not(.btn) { color: #000000 !important; text-decoration: none !important; /* white-space: nowrap; */ font-size: 18px !important; font-weight: 400 !important; margin-left: 0px; margin-right: 0px; height: 55px; line-height: 55px; display: block; padding-left: 20px; border-bottom:2px solid #ffffff !important; } .navbar ul.footer__geo__toggle__list li a.cnavbar__item__link { text-decoration: none !important; display: block; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 5px !important; border:1px solid #ffffff !important; border-bottom:0px solid #ffffff !important; color:#999 !important; } .navbar ul li.cnavbar__item { padding: 5px !important; } .navbar ul.footer__geo__toggle__list li a.cnavbar__item__link:hover { text-decoration: none !important; background: #f9f9f9; color:#121212 !important; } .navbar ul li.menu-item-depth-1 a:not(.view-all) { padding-left: 0; } .navbar ul li.menu-item-depth-1 a .icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar ul li.menu-item-depth-0.active { background: #E6000D; } .navbar ul li.menu-item-depth-0.active a.sharp-main-cat { color: #fff !important; } .navbar .menu-master-container-2023 ul li.menu-item-depth-0.active a:not(.btn) { color: #212121 !important; height: 30px; line-height: 30px !important; font-weight: 300 !important; } .navbar .menu-master-container-2023 ul li.menu-item-depth-0.active a.sharp-main-cat { color: #fff !important; } .navbar .menu-master-container-2023.mobile ul li.menu-item-depth-0.active a:not(.btn) { color: #212121 !important; height: 30px; line-height: 30px !important; font-weight: 300 !important; } .navbar .menu-master-container-2023.mobile ul li.menu-item-depth-0.active a.sharp-main-cat { color: #fff !important; height: 50px; line-height: 50px !important; font-weight: 300 !important; } .navbar ul li.menu-item-depth-1 a.cnavbar__item__link { padding-left: 10px !important; } .navbar ul.footer__geo__toggle__list li a.cnavbar__item__link { text-decoration: none !important; /* white-space: nowrap; */ font-size: 14px !important; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; height: 30px; line-height: 30px; display: block; padding-left: 10px !important; padding-right: 10px !important; border-bottom:0px solid #ffffff !important; border-radius: 5px !important; color:#999 !important; } .header-overlay { position: fixed; top:0; max-width: 100%; overflow: hidden; height: 100%; width: 100%; background: rgba(0,0,0,0.4345); z-index: 100; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0; pointer-events: none; } .header-overlay.show { opacity: 1; pointer-events: auto; } .hide-mobi-wan-kenobi { display: none !important; } .menu-main ul.sub-menu li a .textos { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: block; color: #3b4351 !important; padding-top: 0px !important; font-weight: 400; } .menu-main ul.sub-menu li a:hover .textos, .menu-main ul.sub-menu li a:active .textos, .menu-main ul.sub-menu li a:focus .textos { color: #E6000D !important; } @media (min-width: 1020px) { .navbar ul li.menu-item-depth-1 a .icon { display: none; } .menu-main li > a.big-time-ref { position: relative; } .menu-main li:hover > a.big-time-ref, .menu-main li.active > a.big-time-ref { } .menu-main li > a.big-time-ref:after { position: absolute; content: ''; z-index: +1; bottom:-2px; left:0; width: 100%; height: 0px; background: rgb(255, 255, 255) !important; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .menu-main li:hover > a.big-time-ref:after, .menu-main li.active > a.big-time-ref:after { background: #E6000D !important; bottom:-2px; height: 10px; } .menu-main li > a.big-time-ref img { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .menu-main li:hover > a.big-time-ref img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .menu-main ul.sub-menu li a.btn { margin-top:0px; margin-bottom:0px; } .menu-main ul.sub-menu li a { border:0px solid blue; display: block; height: 100%; width: 100%; text-align: center; padding-left: 0 !important; font-size: 13px; font-family: 'Roboto Condensed'; } .menu-main ul.sub-menu li a .textos { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display: block; color: #3b4351 !important; padding-top: 25px !important; font-weight: 600; } .menu-main div.sub-menu__wrapper { padding-top: 30px; } .menu-main div.sub-menu__wrapper .sub-menu-inner { margin-top:30px; padding-top:0px; } .menu-main ul.sub-menu li a img { display: block; } .hide-mobi-wan-kenobi { display: block !important; } .navbar ul li.menu-item-depth-0.active { background: #fff !important; } .navbar ul li.menu-item-depth-0.active a:not(.btn) { color: #000000 !important; } .navbar ul li.menu-item-depth-0.active a { text-align: center !important; } .header-overlay { opacity: 0 !important; pointer-events: none !important; } .menu-main li > a:not(.btn) { } .menu-main li:hover > a:not(.btn) { } .navbar ul li a:not(.btn) { color: #000000 !important; text-decoration: none !important; /* white-space: nowrap; */ font-size: 16px !important; margin-left: 10px; margin-right: 10px; padding-left: 0 !important; } .navbar .submenu-container ul li a:not(.btn) { color: #444 !important; text-decoration: none !important; /* white-space: nowrap; */ font-size: 14px !important; } .navbar ul li a:not(.btn) .textos { font-size: 13px !important; } .menu-main ul.sub-menu li:hover a .textos { color: #3b4351 !important; } .menu-main div.sub-menu__wrapper .sub-menu-inner { margin-top:30px; background: #fff !important; -webkit-box-shadow: 0px 6px 5px rgba(0,0,0, 0.1997); box-shadow: 0px 6px 5px rgba(0,0,0, 0.1997); display:flex; justify-content: flex-start; } .menu-main ul.sub-menu li a img { max-width: 200px; margin: 0 auto; } .menu-main div.sub-menu__wrapper { width: 100%; position: absolute; left: 0; z-index: 99; display: block; border: 0; height: auto; opacity:0; pointer-events: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .menu-main ul.sub-menu { height: auto; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-bottom: 0px !important; } .menu-main ul.sub-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border:0px solid #ccc; /* height: 100%; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; /*width: 16.6666666667% !important;*/ cursor: pointer; padding-left: 0 !important; } } @media (min-width:1110px) { .navbar ul li a:not(.btn) .textos { font-size: 16px !important; } } .menu-main ul.sub-menu li div, .menu-main ul.sub-menu li p { margin: 0 auto; margin-bottom: 10px; } .menu-main ul.sub-menu li div.h5 { overflow: hidden; text-overflow: ellipsis; } .menu-main ul.sub-menu li p { font-size: 0.7rem; } .menu-main ul.sub-menu li:first-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; pointer-events: none; } .main-cat-info { background: transparent; border-radius: 20px; padding:20px; padding-bottom: 0; max-width: 100%; width: 100%; pointer-events: none; } .main-cat-info p { display: none; } .navbar .sub-menu-inner>li { display: none !important; } /* ORIG 1020 */ @media (min-width:1020px) { .navbar .sub-menu-inner>li { display: block !important; width:200px !important; padding:20px !important; padding-top:0 !important; } .navbar .sub-menu-inner>li a { text-align: center !important; margin-left: 0 !important; padding-left:20px !important; padding-right:20px !important; } .navbar .sub-menu-inner>li a:hover, .navbar .sub-menu-inner>li a:focus { color: #E6000D !important; border-color: #E6000D !important; } .view-all-mobile-version { display: none !important; } .main-cat-info p { display: none; } .menu-main ul.sub-menu li:first-child { pointer-events: inherit; } .main-cat-info { background: #f8f8f8; border-radius: 20px; padding:20px; padding-bottom: 20px; max-width: 270px; width: 80%; pointer-events: inherit; } } .menu-main ul.sub-menu li a img { } .menu-main ul.sub-menu li:hover a img { } .btn.btn-main-menu { border-radius: 50px 50px !important; text-transform: uppercase !important; } /* .features .column:nth-child(2n) { background: green; color:#fff; padding-left: 0.6rem !important; padding-right: 0.6rem !important; } .features .column:nth-child(2n+1) { background: red; color:#fff; padding-left: 1.2rem !important; } .features .column:first-child { background: blue; color:#fff; padding-right: 1.2rem !important; padding-left: 0rem !important; } .marketing-test .column:nth-child(2n) { background: green; color:#fff; padding-left: 1.2rem !important; padding-right: 1.2rem !important; } .marketing-test .column:nth-child(2n+1) { background: red; color:#fff; } .marketing-test .column:first-child { background: blue; color:#fff; } */ .feature-box .content { padding:20px; padding-left:0px; padding-right:0px; font-weight: 300; } .size_inch { margin-top: 30px; text-transform: uppercase; font-size: 17px; font-weight: 300; } .more_models { display: none; } .more_models a { font-size: 17px !important; text-transform: uppercase; font-weight: 400; } .more_models a .icon { font-size: 13px; position: relative; top:-2px; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .ean, .subtitle { font-size: 17px; font-weight: 300; margin-top: 0px; } .momntor { height: 500px; } .navbar.main { background: #fff; position: relative; -webkit-box-shadow: 3px 0px 5px rgba(0,0,0,0.18288); box-shadow: 3px 0px 5px rgba(0,0,0,0.18288); z-index: 2001; width: 100%; } .navbar.main.hitter { opacity: 0; pointer-events: none; } .other-butts { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .navbar ul li { margin: 0 !important; padding: 0 !important; display: block; } .navbar ul li.menu-item-depth-0 { margin: 0 !important; padding: 0 !important; display: block; background: #F0F0F0; } .produkt-toolbar { width: 100%; } .produkt-toolbar div.leiste { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 100% !important; padding-top: 10px !important; flex-wrap:wrap; } .produkt-toolbar div.leiste.leiste_1 { justify-content: space-between; } .produkt-toolbar div.leiste a { white-space: nowrap !important; font-size: 12px !important; text-transform: capitalize !important; } .produkt-toolbar h1 { font-size: 20px; font-weight: 700 !important; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .produkt-toolbar h1 { font-size: 16px; font-weight: 700 !important; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .cc-InlineWidget-module-channel_12kck { border-top:0px solid transparent !important; } @media (max-width: 720px) { .cc-Header-module-productImage_1qwbq { padding-left: 5px !important; } .cc-Header-module-details_lRj9u { padding-left: 5px !important; } } ul.breadcrumb { list-style-type: none; padding: 0; margin: 0; /* overflow: hidden; */ } ul.breadcrumb li { float: left; } ul.breadcrumb li { font-size: 12px; } ul.breadcrumb li a { color:rgb(128,128,128) !important; } .divi { padding-left: 10px; padding-right: 10px; } @media (min-width: 1020px) { .produkt-toolbar h1 { font-size: 25px; font-weight: 700 !important; margin-bottom: 0; } .produkt-toolbar div.leiste a { white-space: nowrap !important; font-size: 15px !important; } .navbar ul li.menu-item-depth-0 { margin: 0 !important; padding: 0 !important; display: table-cell; background: #fff; } .navbar ul li { margin: 0 !important; padding: 0 !important; display: block; background: #FFF; } .navbar.main { display: block !important; } .other-butts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .main-subnavi { position: absolute; top:-200%; z-index: 2000; background: #dddddd; height: 400px; width: 100%; } .main-subnavi.active { position: absolute; top:-200%; z-index: 2000; background: #dddddd; height: 400px; width: 100%; } .navbar-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-butts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar a.adon-logo { max-width: 113px !important; display: block; margin-left: 1.3rem !important; position: relative; top:-1px; } a.ankerchen { position: absolute; margin-top:-80px; } .lifestyle p:last-of-type { margin-bottom: 0 !important; } .marketing-test .column { padding-bottom: 50px; } .card { margin: 0px !important; margin-bottom:32px !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .card-image, .card-header { max-width: 50%; } .home .row.banner, .page-id-60826 .row.banner, .page-id-60828 .row.banner { background-color: #f2f2f2; } .row.banner { background-color: #f2f2f2; } .card-image { padding-left:15px; padding-right: 0px; } .card-header { text-align: center !important; } .card-title .h3, .card-title h3 { font-size: 17px !important; font-weight: 700 !important; margin-top: 10px !important; padding-bottom: 10px !important; font-family: 'Roboto Condensed', sans-serif !important; } .marketing div.h2 { color: inherit; font-weight: 500; line-height: 1.2; margin-bottom: .5em; margin-top: 0; font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif !important; -ms-word-break: break-all; word-break: break-all; /* Non standard for WebKit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } pre { margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; font-size: 12px !important; display: block; height: auto; } .datasheet .h4 { font-size: 18px !important; font-weight: 700 !important; margin-top:40px; font-family: 'Roboto Condensed', sans-serif !important; } .datasheet .h4.marginal { font-size: 18px !important; font-weight: 700 !important; margin-top:40px; font-family: 'Roboto Condensed', sans-serif !important; } .datasheet .h4.marginalcore { margin-top:0px; } .datasheet { font-size: .7rem; } .card-header { font-size: 0.7rem; } .sharp_masonry { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } .sharp_masonry_item { display: inline-block; margin: 0 0 1em; width: 100%; } @media (min-width: 1020px) { .navbar a.adon-logo { max-width: 113px !important; display: block; margin-left: 1.3rem !important; position: relative; top:4px; } .sharp_masonry { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; } .datasheet .h4.marginalcore { margin-top:40px !important; } .card { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .card-image { padding-left:15px; padding-right: 15px; max-height: 440px; height:100%; } .card-image .img-responsive { max-height: 100%; width: auto; object-fit: contain; } .card-header { font-size: 0.8rem; } .card-title .h3, .card-title h3 { font-size: 23px !important; font-weight: 700 !important; margin-top: 10px !important; padding-bottom: 10px !important; font-family: 'Roboto Condensed', sans-serif !important; } .card-image, .card-header { max-width: 100%; } .datasheet { font-size: .8rem; } .datasheet .h4 { font-size: 20px !important; margin-top:40px; font-weight: 700 !important; font-family: 'Roboto Condensed', sans-serif !important; } .datasheet .h4.marginal { font-size: 20px !important; font-weight: 700 !important; margin-top:0px; font-family: 'Roboto Condensed', sans-serif !important; } } .navbar-section .dropdown { margin-left: 10px; margin-right: 10px; } .grid-xl { max-width: 1500px !important; } .grid-lg { max-width: 1250px !important; } .menu .menu-item > a { font-size: 18px !important } .menu .menu-item > a { font-size: 18px !important } .navbar-center .dropdown a { } .switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center !important; align-content: center !important; -ms-flex-pack: distribute; justify-content: space-around; } .switcher a { margin-left: 10px; margin-right: 10px; width: 70px; } .switcher .trenner { width: 1px; height: 100%; height: 50px; background: rgb(214, 214, 214); transition: all 0.2s linear; } .switcher .trenner.show { width: 1px; height: 100%; height: 50px; background:#fff; } .navbar.produkt { padding-top: 10px; padding-bottom: 10px; z-index: 30000; } .navbar.main { padding-top: 20px; padding-bottom: 10px; } @media (min-width: 1020px) { .navbar.main, .navbar.produkt { padding-top: 20px; padding-bottom: 20px; } } .video-padding { padding-left:0px; padding-right: 0px; } @media (min-width: 1020px) { .video-padding { padding-left:40px; padding-right: 40px; } } @media (min-width: 1100px) { .video-padding { padding-left:0px; padding-right: 0px; } } .navbar.produkt { margin-left: 0.8rem; margin-right: 0.8rem; } .navbar.produkt .btn { border-radius: 50px; } .navbar ul { list-style-type: none !important; margin: 0 !important; padding: 0 !important; /* overflow: hidden; */ } .other-butts { float: right; } .navbar ul li { margin: 0 !important; padding: 0 !important; display: block; } .hamburger { display: block; padding-right: 20px; position: relative; top:-7px; cursor: pointer; } .hamburger a { display: block; height: 40px; width: 40px; border:1px solid #ccc; text-align: center; line-height: 35px; pointer-events: none; } .hamburger span { display: none; } .menu-master-container { margin-left: 0px; position: absolute; left: 0; top:70px; background: #fff; width: 100%; display: none; } .menu-master-container-2023 { margin-left: 0px; position: absolute; left: 0; top:70px; background: #fff; width: 100%; display: none; } .menu-master-container.show { display: block; /* box-shadow: 3px 0px 5px rgba(0,0,0,0.18288); */ } .menu-master-container-2023.show { display: block; /* box-shadow: 3px 0px 5px rgba(0,0,0,0.18288); */ } .dropdown-toggle { /* pointer-events: none; */ } .navbar .produkt-sprung { color: #000000 !important; font-size: 14px !important; margin-right: 30px; margin-left: 0px !important; text-decoration: none !important; height: 35px; line-height: 35px; display: inline-block; padding: 0 !important; } @media (min-width:1146px) { .navbar .produkt-sprung { font-size: 15px !important; } .menu-main li > a { font-size: 16px !important; margin-left: 20px; margin-right: 20px; } } .navbar .righter .main { color: rgb(128, 128, 128) !important; } .navbar .produkt-sprung { color: #000000 !important; font-size: 12px !important; margin-right: 30px; margin-left: 0px !important; text-decoration: none !important; height: 35px; line-height: 35px; display: inline-block; padding: 0 !important; } .navbar .produkt-sprung.active, .navbar .produkt-sprung:hover { border-bottom:3px solid #E6000D; } @media (min-width: 1020px) { .navbar .produkt-sprung { color: #000000 !important; font-size: 14px !important; margin-right: 30px; margin-left: 0px !important; text-decoration: none !important; height: 35px; line-height: 35px; display: inline-block; padding: 0 !important; } .navbar .produkt-sprung { color: #000000 !important; font-size: 15px !important; margin-right: 30px; margin-left: 0px !important; text-decoration: none !important; height: 35px; line-height: 35px; display: inline-block; padding: 0 !important; } .navbar .produkt-sprung.active, .navbar .produkt-sprung:hover { border-bottom:3px solid #E6000D; } .hamburger { display: none; } .menu-master-container, .menu-master-container-2023 { display: block; position: static; margin-left: 20px; width: auto; } .navbar ul li { margin: 0 !important; padding: 0 !important; display: table-cell; } .menu-main li > a { padding-left: 0 !important; } } @media (min-width:1146px) { .navbar .produkt-sprung { font-size: 15px !important; } .menu-main li > a { font-size: 16px !important; margin-left: 20px; margin-right: 20px; } } .navbar .righter .main { color: rgb(128, 128, 128) !important; } .row.produkt { position: -webkit-sticky; position: sticky; top:0px; z-index: 20; background: rgb(243, 243, 243) !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .row.produkt.show { background: rgb(255, 255, 255) !important; -webkit-box-shadow: 3px 0px 5px rgba(0,0,0,0.18288); box-shadow: 3px 0px 5px rgba(0,0,0,0.18288); } .row.nothing { padding-top: 100px; padding-bottom: 500px; } .row.nothing .column { text-align: center; } a.prom { font-weight: 500 !important; font-size: 0.8rem; } .dropdown .icon { position: relative; top:-3px; color: rgb(168, 168, 168); display: none !important; } footer { background: rgb(48, 48, 49); color:#fff; padding-top:40px; padding-bottom: 40px; border-top:1px dotted rgb(68, 68, 69); } footer ul { list-style-type: none; margin:0; padding: 0; } footer ul li { list-style-type: none; margin:0; padding: 0; } footer h3 { color:#fff; font-size: 20px; font-weight: 400 !important; } footer a, footer a:visited { color:#fff; font-weight: 100 !important; height: 30px; display: inline-block; line-height: 30px; color:#fff !important; font-weight: 300 !important; } footer a:hover, footer a:active { color:#fff; text-decoration: underline; } .columns.trenner-footer { border-top:1px solid rgb(102, 102, 102); border-bottom:1px solid rgb(102, 102, 102); padding-top:20px; margin-top:30px; padding-bottom:20px; margin-bottom:30px; max-width: 100%; margin-left: 0rem !important; margin-right: 0rem !important; } .columns.trenner-footer.language { border-top:0px solid rgb(102, 102, 102) !important; border-bottom:0px solid rgb(102, 102, 102) !important; padding:0px; margin:0px; max-width: 100%; width: 100%; margin-left: 0rem !important; margin-right: 0rem !important; position: relative; height: 0; overflow: hidden; -webkit-transition: all 0.234 ease-out; -o-transition: all 0.234 ease-out; transition: all 0.234 ease-out; margin-top:0px; } .columns.trenner-footer.language.show { height: 100%; padding-bottom: 35px; } .columns.trenner-footer.three { border-bottom: 0px solid rgb(102, 102, 102); padding-top: 20px; margin-top: 20px; padding-bottom: 0px; margin-bottom: -10px; } @media (min-width: 1020px) { .columns.trenner-footer.language.show { height: 100%; padding-bottom: 0px; } } .language-overlay-footer-inner { border-top:0px solid rgb(102, 102, 102) !important; border-bottom:0px solid rgb(102, 102, 102) !important; background: #484849; max-width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding:30px; position: relative; height: auto; overflow: visible; } .language-overlay-footer { margin-top:40px; width: 100%; padding-bottom: 10px; } .language-overlay-footer-inner:after { top: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(72, 72, 73, 0); border-top-color: #484849; border-width: 10px; margin-left: -10px; z-index: +1; } .trenner-footer a, .trenner-footer a:visited { color:#fff !important; font-size: 13px !important; font-weight: 300 !important; margin-right: 20px; margin-bottom: 10px; } .trenner-footer a:hover, .trenner-footer a:active { color:#fff !important; font-size: 13px; text-decoration: underline; } .trenner-footer a.svg { width: 30px; height: 30px; display: inline-block; } .trenner-footer a svg { position: absolute; } .trenner-footer a.lang-footer svg { left:0; } .trenner-footer a.lang-footer { padding-left: 30px; position: relative; width: auto; display: inline-block; } .switchers.lang-footer, .switchers.lang-footer:hover, .switchers.lang-footer:focus { text-decoration: none !important; } .icon-langer-footer { position: absolute; width: 0px !important; height: 30px !important; overflow: hidden; text-align: center; display: block; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; left: 0; } .icon-closer-langer-footer { position: absolute; width: 0px !important; height: 30px !important; overflow: hidden; text-align: center; display: block; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; left:-3px !important; top:-3px; } .icon-langer-footer.show, .icon-closer-langer-footer.show { width: 30px !important; opacity: 1; left: 0; } .icon-closer-langer-footer.show { width: 30px !important; opacity: 1; left: -3px; } .icon-closer-langer-footer .icon { font-size: 18px !important; } .inner-lang { position: relative; top:0; text-decoration: none !important; } .trenner-footer a img { max-width: 20px; display: inline-block; } footer .legendos { font-size: 11px; font-weight: 300 !important; overflow: hidden; text-align: center; } .footer-logo { max-width: 132px; } .trenner-footer .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .columns.legendas { margin-left: 0rem !important; margin-right: 0rem !important; } .socials { margin-top: 30px; } .legals { text-align: center; } .socials a:last-child { margin-right: 0px; } .legals a:last-child { margin-right: 0px; } .wpml-ls-statics-footer { display: none; } .columns.trenner-footer.langopen { border-top:0px solid rgb(102, 102, 102); border-bottom:1px solid rgb(102, 102, 102); padding-top:0px; margin-top:0px; padding-bottom:20px; margin-bottom:30px; max-width: 100%; margin-left: -.4rem; margin-right: -.4rem; } @media (min-width: 1020px) { .trenner-footer a, .trenner-footer a:visited { margin-bottom: 0px; } .socials a:last-child { margin-right: 20px; } .legals a:last-child { margin-right: 20px; } .legals { text-align: left; } .columns.trenner-footer { border-top:1px solid rgb(102, 102, 102); border-bottom:1px solid rgb(102, 102, 102); padding-top:20px; margin-top:30px; padding-bottom:20px; margin-bottom:30px; max-width: 100%; margin-left: -.4rem; margin-right: -.4rem; } .columns.trenner-footer.langopen { border-top:0px solid rgb(102, 102, 102); border-bottom:1px solid rgb(102, 102, 102); padding-top:0px; margin-top:0px; padding-bottom:20px; margin-bottom:30px; max-width: 100%; margin-left: -.4rem; margin-right: -.4rem; } .columns.legendas { margin-left: -.4rem !important; margin-right: -.4rem !important; } .socials { margin-top: 0px; } .trenner-footer .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .trenner-footer ul.prom li { display: inline-block; } .trenner-footer ul.prom a { font-weight: 700 !important; font-size:16px !important; } .trenner-footer ul.prom { text-align:center; } .btn { padding:0 !important; padding-left:30px !important; padding-right: 30px !important; background: rgb(255, 255, 255) !important; border-color: rgb(168, 168, 168) !important; border:1px solid rgb(168, 168, 168) !important; color: rgb(69, 69, 69) !important; height: 40px !important; line-height: 40px !important; border-radius: 50px 50px !important; -webkit-transition: all 0.1s ease-in !important; -o-transition: all 0.1s ease-in !important; transition: all 0.1s ease-in !important; font-size: 0.65rem !important; } @media (min-width: 1020px) { .btn { padding:0 !important; padding-left:50px !important; padding-right: 50px !important; background: rgb(255, 255, 255) !important; border-color: rgb(168, 168, 168) !important; border:1px solid rgb(168, 168, 168) !important; color: rgb(69, 69, 69) !important; height: 50px !important; line-height: 50px !important; border-radius: 50px 50px !important; -webkit-transition: all 0.1s ease-in !important; -o-transition: all 0.1s ease-in !important; transition: all 0.1s ease-in !important; font-size: 0.8rem !important; } } .wpcf7-submit, .gform_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: .05rem solid #5755d9; border-radius: .1rem; color: #5755d9; cursor: pointer; display: inline-block; font-size: .8rem; height: 1.8rem; line-height: 1.2rem; outline: 0; padding: .25rem .4rem; text-align: center; text-decoration: none; -webkit-transition: background .2s,border .2s,color .2s,-webkit-box-shadow .2s; transition: background .2s,border .2s,color .2s,-webkit-box-shadow .2s; -o-transition: background .2s,border .2s,box-shadow .2s,color .2s; transition: background .2s,border .2s,box-shadow .2s,color .2s; transition: background .2s,border .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; padding: 0 !important; padding-left: 50px !important; padding-right: 50px !important; background: rgb(255, 255, 255) !important; border-color: rgb(168, 168, 168) !important; border: 1px solid rgb(168, 168, 168) !important; color: rgb(69, 69, 69) !important; height: 50px !important; line-height: 50px !important; border-radius: 50px 50px !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 0.8rem !important; margin: 0 auto; } .btn.btn-primary, .wpcf7-submit, .gform_button { background: #E6000D !important; border-color: #E6000D !important; border:1px solid #E6000D !important; color:#fff !important; } .hero .btn.btn-primary { text-transform: uppercase; } /* .hero .btn.btn-primary { background: rgba(232, 27, 0, 0) !important; border-color: #fff !important; border:1px solid #fff !important; color:#fff !important; text-transform: uppercase; } .btn:focus { border:1px solid rgb(168, 168, 168) !important; } */ .card { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /* .card.click:hover { cursor: pointer; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) !important; } */ .card.click .card-footer { -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-top: 1px dotted #f0f0f0; } .card.click .card-body { position: relative; } .card.click:hover .card-footer { cursor: pointer; border-top: 1px dotted #d0d0d0; -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) !important; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) !important; } .card.click:hover { cursor: pointer; -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.134) !important; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.134) !important; } .card.click:hover .tlogos.overview { /*border-bottom: 1px dotted #d9d9d9;*/ } /* .card.click:hover .card-footer .btn { border-color: #E6000D !important; color: #E6000D !important; } .card.click:hover .card-footer .btn:hover { border-color: #E6000D !important; color: #fff !important; } .card.click:hover .btn { background:#E6000D !important; color:rgb(255, 255, 255) !important; border-color: #E6000D !important; } */ .btn:hover { background: rgb(168, 168, 168) !important; color:#fff !important; } .btn.btn-main-menu:hover { background: rgb(255, 255, 255) !important; color: #E6000D !important; border-color: #E6000D !important; } .btn.btn-primary:hover, .wpcf7-submit:hover { /* box-shadow: 0 4px 5px rgba(232, 27, 0,0.1234) !important; */ background: rgb(255, 255, 255) !important; color:#E6000D !important; } .hideos { display: none !important; } .label { font-size: 12px !important; font-weight: 500; } .ph { color: #e85600; } .rating { margin-top:20px; margin-bottom:20px; } .rating img { max-width: 136px; } .main-produkt-area { margin-top: 0px; margin-bottom: 20px; position: relative; /*overflow: hidden;*/ } .more_models { margin-top: 40px; } .row.produktdebug .column { position: relative; } .row.produktdebug h2 { margin-top: 70px; margin-bottom: 40px; } .product_datasheet { margin-top:40px; margin-bottom: 0px; font-weight: 400; } .card-body .product_datasheet { text-align: center; margin-top: 0 !important; margin-bottom: 20px !important; } a.energy-label { color: #3b4351 !important; font-size: 14px; } a.energy-label span { color: #3b4351 !important; background: #fff; height: 22px; line-height: 22px; display: inline-block; font-size: 17px; font-weight: 300; padding-right: 10px; text-transform: uppercase; } .datasheet-header .h2, .downloads .h2, .more-models .h2 { text-transform: uppercase; } a.energy-label:hover { text-decoration: none !important; } a.energy-label img { max-width: 45px !important; position: relative; top:4px; } .card-body .product_datasheet { text-align: center; margin-top: 0 !important; margin-bottom: 20px !important; } .card-body .product_datasheet a.energy-label { color: #3b4351 !important; font-size: 14px; } .card-body .product_datasheet a.energy-label span { color: #3b4351 !important; background: #fff; height: 22px; line-height: 22px; display: inline-block; font-size: 14px; font-weight: 300; padding-right: 6px; } .card-body .product_datasheet a.energy-label:hover { text-decoration: none !important; } .card-body .product_datasheet a.energy-label img { max-width: 33px !important; position: relative; top:3px; } .card-body .product_datasheet a.energy-label img { max-width: 33px !important; position: relative; top:3px; } a { color:rgba(232, 27, 0) !important; } a:focus, a:active, a:hover { text-decoration: underline; } .more-models-content-inner h2, .more-models-content-inner .h2 { margin-bottom: 40px !important; } *:focus { border: none !important; outline: none !important; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; } .row.produktdebug h2:after { position: absolute; width: 100%; height: 2px; background: rgb(59, 67, 81); content: ''; bottom: 30px; left: 0; } .card .btn { display: block; width: 100%; } .cat-heder { text-align: center; padding-top: 50px; padding-bottom: 50px; } .cat-heder h1 { text-align: center; margin: 0 !important; } .row.produktdebug { margin-bottom: 100px; } .produktdebug .card { padding: 20px; } .produktdebug .card .label { display: inline-block !important; width: auto !important; } .tns-nav { margin-top:20px; text-align: center; width: 100%; } .tns-nav > [aria-controls] { width: 12px; height: 12px; padding: 0; margin: 0 12px; border-radius: 50%; background: #ddd; border: 0; } .tns-nav-active { background: rgba(232, 27, 0) !important; } .slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin:0 auto; position: relative; } .slider-container { position: relative; width:100%; opacity: 0; max-height:0; overflow: hidden; -webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .produkt-top { padding-top: 23px; } .slider-container { margin-bottom: 40px; overflow: hidden; } @media (min-width: 1020px) { .main-produkt-area { margin-top: 0px; margin-bottom: 40px; position: relative; overflow: hidden; } .slider-container { /*height: 400px;*/ } footer .legendos { font-size: 13px; font-weight: 300 !important; overflow: hidden; text-align: left; } .slider-container { margin-bottom: 0px; } .slider-container { width:225px; } .produkt-top { padding-top: 40px; } } .slider-container.show { max-height:1190px; opacity: 1; overflow: visible; top:40px; } .playbutton-wrapper { display: none; } .tns-ovh { /* max-width: 85%; margin-left: 80px; */ } .slide .my-slider { } .slide .main-image { padding:40px; } .slide .main-image img { cursor: zoom-in; cursor: url(/wp-content/themes/adon/assets/cursor/zoomin_cursor.png), url(/wp-content/themes/adon/assets/cursor/zoomin_cursor.cur), pointer !important; border:0px solid #fff; transition: all 0.1s linear; } .slide .main-image img:hover { opacity: 1; } .tns-outer { } .tns-item { cursor: pointer; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .above1020 #tns3 .tns-item, #tns2 .tns-item { opacity: 0; border:1px solid rgba(236,236,240,1); background: rgba(250,250,250,0.8); } #tns3 .tns-item.show, #tns2 .tns-item.show { opacity: 1; } #tns3 .tns-item:hover, #tns2 .tns-item:hover { background: rgba(250,250,250,0.8); } .sharp-main-cat .icon-caret { margin-left: 5px; } #tns3 .tns-item.clickado, #tns2 .tns-item.clickado { border:1px solid rgba(216,216,216,1); background: rgba(255,255,255,1); } /* .controls { position: absolute; height: 50px; width: 100%; bottom:0; z-index: +1; pointer-events: none; display: none; } */ .img-responsive.tlogo { max-width: 100px; } .card.click .img-responsive.overview-second { opacity:0; position: absolute; top:0; left:0; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .card.click .img-responsive.overview-second.show { opacity:1 !important; position: absolute; } .card-image { position: relative; } .column.tlogos { 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-wrap: wrap; flex-wrap: wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-bottom: 30px; margin-bottom: 0px; border-bottom: 0px solid #f0f0f0; padding-left: 0px !important; padding-right: 0px !important; } @media (min-width: 1020px) { .column.tlogos { /* flex-change-not */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 40px; padding-left: 40px !important; padding-right: 40px !important; } } .controls .prev { position: absolute; left: 0; width: 40px; text-align: center; } .controls .next { position: absolute; right:0; width: 40px; text-align: center; } .controls-outer { position: relative; } .tlogos.overview { 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-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 10px; /* border-bottom: 1px dotted #f0f0f0; */ -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; padding-left: 0px !important; padding-right: 0px !important; } .tns-controls { position: absolute; top: 0px; width: 100%; height: 100%; } .tns-controls button { position: absolute; bottom:-40px; left:50%; background: transparent !important; border:none !important; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .tns-controls button:hover { -webkit-transform: translate(-50%,0) scale(1.3); -ms-transform: translate(-50%,0) scale(1.3); transform: translate(-50%,0) scale(1.3); } .tns-controls button:first-of-type { position: absolute; top: -40px; bottom:auto; } .navigation.posts-navigation { display: none !important; width: 100%; position: relative; height: 50px; margin-bottom: 100px; margin-top: 50px; } .nav-previous { position: absolute; left: 0; } .nav-next { position: absolute; right: 0; } .nav-previous a { display: block; padding:0 !important; padding-left:50px !important; padding-right: 50px !important; background: rgb(255, 255, 255) !important; border:1px solid #E6000D !important; color:#E6000D !important; height: 50px !important; line-height: 50px !important; color:#E6000D !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav-next a { display: block; padding:0 !important; padding-left:50px !important; padding-right: 50px !important; background: rgb(255, 255, 255) !important; border:1px solid #E6000D !important; color:#E6000D !important; height: 50px !important; line-height: 50px !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav-previous a:hover, .nav-previous a:focus, .nav-previous a:active { text-decoration: none !important; border:1px solid rgba(232, 27, 0,0.2) !important; color:#151517 !important; } .nav-next a:hover, .nav-next a:focus, .nav-next a:active { text-decoration: none !important; border:1px solid rgba(232, 27, 0,0.2) !important; color:#151517 !important; } .cat-header { position: relative; } .cat-header .img-responsive:not(.sumo-logo-header) { height: 450px; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: 75%; object-position: 75%; } .category-home-appliances .cat-header .img-responsive:not(.sumo-logo-header), .category-haushaltsgeraete .cat-header .img-responsive:not(.sumo-logo-header), .category-elettrodomestici .cat-header .img-responsive:not(.sumo-logo-header), .category-huishoudtoestellen .cat-header .img-responsive:not(.sumo-logo-header), .category-agd .cat-header .img-responsive:not(.sumo-logo-header), .category-eletrodomesticos .cat-header .img-responsive:not(.sumo-logo-header), .category-electrodomesticos .cat-header .img-responsive:not(.sumo-logo-header), .category-electromenager .cat-header .img-responsive:not(.sumo-logo-header), .category-home-appliances .cat-header .img-responsive:not(.sumo-logo-header) { height: 750px; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: 75%; object-position: 75%; } @media (min-width: 1020px) { .cat-header.home-appliances .inhalt, .cat-header.haushaltsgeraete .inhalt, .cat-header.elettrodomestici .inhalt, .cat-header.huishoudtoestellen .inhalt, .cat-header.agd .inhalt, .cat-header.eletrodomesticos .inhalt, .cat-header.electrodomesticos .inhalt, .cat-header.electromenager .inhalt, .cat-header.home-appliances .inhalt, .cat-header.home-appliances .inhalt { position: absolute; top: auto; bottom: 6%; width: 100%; padding-top: 0px; padding-bottom: 0px; background: transparent; } } .cat-header.eq-series .img-responsive.show-md { height: auto; display: block; -o-object-fit: cover; object-fit: cover; width:100%; } .cat-header.sharp2 .img-responsive { height: auto; display: block; -o-object-fit: cover; object-fit: cover; width:100%; } .cat-header.right .img-responsive { height: 450px; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: 8%; object-position: 8%; } .cat-header.right .col-5 { width: 100% !important; } @media (min-width: 1020px) { .cat-header.right .col-5 { width: 41.66666667% !important; } .cat-header .img-responsive, .cat-header.right .img-responsive { height: auto; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .row.cat-filter { margin-top: 10px; margin-bottom: 10px; } .row.cat-filter-pane { background: rgb(235, 235, 235); height:0px; overflow: hidden; -webkit-transition: height 0.2s linear; -o-transition: height 0.2s linear; transition: height 0.2s linear; } .cat-filter-pane .col-12 { text-align: center; } .filter-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_datasheet.second { margin-top: 10px !important; } .row.cat-filter-pane .inner { padding: 0px; text-align: left; } .filter-header { color: #E6000D; font-size: 18px; padding-top: 30px; text-transform: uppercase; } .filter-active { font-size: 16px; padding-left: 1em; padding-bottom: 20px; } .filter-active .filter-header { padding-top: 10px; } .filter-active span { display: block; } .filter-active.hide-lg .filter-header { color:#ffffff !important; font-size: 16px; margin-left: 20px; } .filter-active.hide-lg { padding-left:20px; font-weight: 100 !important; padding-bottom: 0px; } .filter-1, .filter-2, .filter-3 { width: 100%; } .filter-3 { margin-bottom: 30px; } .ausstattungs-logos { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 40px; } .main-footer-nav.columns { margin-left: 0rem !important; margin-right: 0rem !important; } .site-footer .container.grid-xl { padding-left: 0rem; padding-right: 0rem; } .main-footer-nav .column.top { padding-left: 0rem !important; padding-right: 0rem !important; } @media (min-width: 1020px) { .site-footer .container.grid-xl { padding-left: .4rem; padding-right: .4rem; } .main-footer-nav.columns { margin-left: -.4rem !important; margin-right: -.4rem !important; } .ausstattungs-logos { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0px; } .filter-active span { display: inline; } .filter-1, .filter-2, .filter-3 { width: auto; } .filter-3 { margin-bottom: 0px; } .filter-header { color: #E6000D; font-size: 18px; padding-top: 0px; } .filter-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .row.cat-filter-pane .inner { padding: 50px; text-align: left; } } .row.cat-filter-pane.show { height:auto; } .filter-butt { background: #E6000D; display: inline-block; padding-left: 20px; padding-right: 10px; line-height:40px; height: 40px; color:#fff; font-weight:bold; } .filter-butt svg { margin-left: 30px; } .filter-butt.show svg { -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .filter-butt-closer { background: #E6000D; display: inline-block; height: 30px; width: 30px; line-height: 30px; color:#fff; font-weight:bold; margin-left: 20px; text-align: center; cursor: pointer; border-radius: 50% 50%; } .filter-butt, .filter-butt-closer { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #E6000D; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#E6000D),to(#E6000D)); background: -o-linear-gradient(top, #E6000D 0%,#E6000D 100%); background: linear-gradient(to bottom, #E6000D 0%,#E6000D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .filter-butt-closer .icon { top: 0px; font-size: 10px; } .filter-butt:hover, .filter-butt-closer:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #E6000D; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#E6000D),to(rgb(255, 30, 0))); background: -o-linear-gradient(top, #E6000D 0%,rgb(255, 30, 0) 100%); background: linear-gradient(to bottom, #E6000D 0%,rgb(255, 30, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ } .row.archive-overview { background: rgb(243, 243, 243); padding-top:50px; } .card-footer { text-align: center; width: 100%; } .card-body { width: 100%; } .card-header { width: 50%; } @media (min-width: 1020px) { .card-header { width: 100%; } .card-footer { text-align: center; width: 100%; } } .card-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } .getcarter { text-align: left; } .filter-container ul { margin: 0; padding: 0; list-style-type: none; } .filter-container li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; position: relative; color:#666666; } .filter-container li:hover { cursor: pointer; color:#000000; } .filter-container li svg { margin-right: 10px; } .filter-container li .icon { position: absolute; left:8px; display: none; } .ausstattungs-logos ul li { text-align: center; width: 150px; height: 50px; display: block; padding:10px; background: rgb(242, 242, 242); overflow: hidden; } .ausstattungs-logos ul li.selected{ text-align: center; width: 150px; height: 50px; display: block; padding:10px; background: #fff; overflow: hidden; } .ausstattungs-logos ul:first-of-type { margin-right: 10px; } .ausstattungs-logos img { width: auto !important; height: auto !important; max-height: 100%; max-width: 100%; margin: 0 auto; mix-blend-mode: multiply; background-blend-mode: multiply; -webkit-transition: all 0.12s linear; -o-transition: all 0.12s linear; transition: all 0.12s linear; } .filter-container li.selected .icon { display: block; } .filter-container li.selected { color:#000000; } .ausstattungs-logos { display: -webkit-box; display: -ms-flexbox; display: flex; } .ausstattungs-logos li img{ opacity: 0.4; -webkit-transition: all 0.12s linear; -o-transition: all 0.12s linear; transition: all 0.12s linear; } .ausstattungs-logos li.selected img { opacity: 1; } .ausstattungs-logos li:hover img { opacity: 1; } .ausstattungs-logos li:hover { background: #fff; } .filter-actions { margin-top: 20px !important; display: inline-block; margin: 0 auto; } .filter-actions .btn.delete { border:1px solid rgb(128, 128, 128); color:rgb(128, 128, 128) !important; text-transform: uppercase !important; border-radius: 50px; background: rgb(255, 255, 255) !important; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important; width: auto !important; margin: 0 auto; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } .filter-actions .btn.delete:hover { border:1px solid rgb(100, 100, 100); color:rgb(255, 255, 255) !important; text-transform: uppercase !important; border-radius: 50px; background: rgb(100, 100, 100) !important; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important; width: auto !important; margin: 0 auto; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; } .filter-actions .btn.apply { border:none !important; color:rgb(255, 255, 255) !important; text-transform: uppercase !important; border-radius: 50px; background: #E6000D !important; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important; width: auto !important; margin: 0 auto; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; position: relative; } .tns-nav { } .filter-actions .btn.apply:hover { border:none !important; color:rgb(255, 255, 255) !important; text-transform: uppercase !important; border-radius: 50px; background: rgb(100, 100, 100) !important; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important; width: auto !important; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; } .highligts ul { list-style-type:none; margin: 0; margin-left: 20px; padding: 0; font-size: 14px; list-style-position: outside; } .highligts ul li::before { content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: rgb(128,128,128); /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -1em; /* Also needed for space (tweak if needed) */ } .highligts ul li h2 { font-size: 0.8rem !important; margin:0 !important; padding: 0 !important; font-family: "Roboto", sans-serif !important; line-height: 1.2 !important; display: inline !important; } .filter-butt, .count-filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .filter-butt { margin-left: 20px; cursor: pointer; } .count-filter .count { font-size: 19px; margin-left: 30px; } .count-filter .count span { color: #E6000D !important; } .scrennsize-slinky { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding: 15px; padding-top:0px; padding-bottom: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .scrennsize-slinky.detail { padding-left: 0; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; padding-top:10px; } /* size slinky */ .size-slinky { width: 50px; height: 30px; min-width: 50px; min-height: 30px; line-height: 30px; border:1px solid rgba(128,128,128) !important; text-align: center; color:#252527 !important; font-weight: 500; font-size: 13px; border-radius: 3px; margin:5px; } .scrennsize-slinky.detail .size-slinky { width: 80px; height: 40px; min-width: 80px; min-height: 40px; line-height: 40px; border:1px solid rgba(128,128,128) !important; text-align: center; color:#252527 !important; font-weight: 500; font-size: 13px; border-radius: 3px; margin:5px; } @media (min-width:1055px) { .scrennsize-slinky.detail .size-slinky { width: 90px; min-width: 90px; } } .size-slinky.active, .scrennsize-slinky.detail .size-slinky.active { border:1px solid #E6000D !important; background: #E6000D !important; color:#fff !important; text-decoration: none !important; } .size-slinky:hover, .scrennsize-slinky.detail .size-slinky:hover { border:1px solid #E6000D !important; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2); box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: #E6000D !important; background: -webkit-gradient(linear, left top, left bottom, from(#E6000D),to(#E6000D)) !important; background: -o-linear-gradient(top, #E6000D 0%,#E6000D 100%) !important; background: linear-gradient(to bottom, #E6000D 0%,#E6000D 100%) !important; color:#fff !important; text-decoration: none !important; } .size-slinky:focus, .size-slinky:active, .scrennsize-slinky.detail .size-slinky:focus, .scrennsize-slinky.detail .size-slinky:active { border:1px solid rgba(50, 50, 50) !important; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0); box-shadow: 0 2px 5px rgba(0,0,0,0); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */ background: rgb(50, 50, 50) !important; color:#fff !important; text-decoration: none !important; } /* colour slinky */ .scrennsize-slinky { padding-bottom: 20px; } .colour-slinky { width: 30px; height: 30px; min-width: 30px; min-height: 30px; line-height: 30px; border:0px solid rgba(128,128,128) !important; text-align: center; color:#252527 !important; font-weight: 500; font-size: 13px; border-radius: 50%; margin:5px; margin-bottom: 15px; text-decoration: none !important; position: relative; } .colour-slinky:before { position: absolute; content: ''; top:50%; left:50%; background: transparent; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 50%; border:1px solid rgba(190,190,190,0); height: 100%; width: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .colour-slinky:hover:before, .colour-slinky.active:before { border:1px solid rgba(190,190,190,1); height: 130%; width: 130%; } .single-audio .scrennsize-slinky.detail { margin-top: 0px; } .scrennsize-slinky.detail .colour-slinky { width: 50px; height: 50px; min-width: 50px; min-height: 50px; line-height: 50px; border:0px solid rgba(128,128,128) !important; text-align: center; color:#252527 !important; font-weight: 500; font-size: 13px; border-radius: 50%; margin:15px; margin-bottom: 30px; text-decoration: none !important; padding-bottom: 10px; position: relative; } .scrennsize-slinky.detail .colour-slinky .name { position: absolute; width: 100%; text-align: center; white-space: nowrap; } @media (min-width:1055px) { .scrennsize-slinky.detail .colour-slinky { } } .colour-slinky { position: relative !important; } .spotify { position: absolute !important; left:50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color:#fff; font-weight: 900; font-size: 0.5rem; } .colour-slinky.active, .scrennsize-slinky.detail .colour-slinky.active { /*border:1px solid rgba(232, 27, 0) !important; background: rgba(232, 27, 0) !important; color:#fff !important; text-decoration: none !important;*/ } .colour-slinky:hover, .scrennsize-slinky.detail .colour-slinky:hover { /*border:1px solid rgba(232, 27, 0) !important; box-shadow: 0 2px 5px rgba(0,0,0,0.2); background: #E6000D !important; background: -moz-linear-gradient(top, #E6000D 0%, rgb(255, 30, 0) 100%) !important; background: -webkit-linear-gradient(top, #E6000D 0%,rgb(255, 30, 0) 100%) !important; background: linear-gradient(to bottom, #E6000D 0%,rgb(255, 30, 0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ) !important; color:#fff !important; text-decoration: none !important;*/ } .colour-slinky:focus, .colour-slinky:active, .scrennsize-slinky.detail .colour-slinky:focus, .scrennsize-slinky.detail .colour-slinky:active { /*border:1px solid rgba(50, 50, 50) !important; box-shadow: 0 2px 5px rgba(0,0,0,0); background: rgb(50, 50, 50) !important; color:#fff !important; text-decoration: none !important;*/ } /* end */ .nav-previous { left: auto !important; right: 0 !important; } .nav-next { right: auto !important; left: 0 !important; } .nav-next a .icon, .nav-previous a .icon { top:-1px; } .card-header { margin-top: 0 !important; padding-top: 0 !important; } .row-484849 { background-color: rgb(48,48,49); color:#fff; padding-top: 80px; padding-bottom: 80px; } .row-484849.lifestyle { background-color: rgb(48,48,49); color:#fff; padding-top: 80px; padding-bottom: 80px; text-align: center !important; } .row-484849.lifestyle-noimage { background-color: rgb(48,48,49); color:#fff; padding-top: 80px; padding-bottom: 80px; text-align: center !important; opacity: 1; } .claim p { font-size:30px; font-weight: 100 !important; line-height: 1.3 !important; margin-bottom: 0 !important; } .lozad { opacity: 0; -webkit-transition: opacity 0.2s ease-in 0.1s; -o-transition: opacity 0.2s ease-in 0.1s; transition: opacity 0.2s ease-in 0.1s; } .lozad.loaded { opacity: 1; } @media (min-width: 1020px) { .row-484849 { background-color: rgb(48,48,49); color:#fff; padding-top: 40px; padding-bottom: 40px; } .row-484849.lifestyle { background-color: rgb(48,48,49); color:#fff; padding-top: 40px; padding-bottom: 40px; text-align: center !important; opacity: 1; } .row-484849.lifestyle-noimage { background-color: rgb(48,48,49); color:#fff; padding-top: 40px; padding-bottom: 40px; text-align: center !important; opacity: 1 !important; } } .lifestyle-noimage { opacity: 1 !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .lifestyle-noimage.show { opacity: 1 !important; } .lifestyle.show { opacity: 1 !important; } @media (min-width:1000px) { .row-484849.lifestyle { background-color: rgba(0,0,0,0.8); position: absolute; color:#fff; text-align: left !important; padding-top: 20px; padding-left: 20px; padding-right: 60px; padding-bottom: 60px; width: 100%; max-width: 340px; margin-left: 40px; margin-top: 40px; } .claim p { font-size:22px; } } @media (min-width:1200px) { .row-484849.lifestyle { background-color: rgba(0,0,0,0.8); position: absolute; color:#fff; text-align: left !important; padding-top: 40px; padding-left: 40px; padding-right: 80px; padding-bottom: 80px; width: 100%; max-width: 450px; margin-left: 40px; margin-top: 40px; } .claim p { font-size:30px; } } @media (min-width:1600px) { .row-484849.lifestyle { background-color: rgba(0,0,0,0.8); position: absolute; color:#fff; text-align: left !important; padding-top: 40px; padding-left: 40px; padding-right: 80px; padding-bottom: 80px; width: 100%; max-width: 640px; margin-left: 40px; margin-top: 40px; } .claim p { font-size:48px; } } .row-484849.marketing { background-color: rgb(48,48,49); color:#fff; padding-top: 0px; padding-bottom:0px; } .row-235235235 { background-color: rgb(235,235,235); padding-top: 80px; padding-bottom: 80px; } .row-255255255.lifestyle { padding-top: 0px; font-weight: 300 !important; padding-bottom: 0px; } .row-243243243 { background-color: rgb(243,243,243); padding-top: 80px; padding-bottom: 80px; } .row-235235235.downloads { padding-bottom: 0px; } .dotter { border-bottom:1px dotted rgb(69, 69, 69); width: 100%; max-width: 200px; height: 5px; margin: 0 auto; margin-bottom: 20px; } .dotter-large { border-bottom:1px dotted rgb(69, 69, 69); width: 100%; max-width: 1000px; height: 5px; margin: 0 auto; margin-bottom: 20px; } .downloads.specification { padding-bottom: 50px; padding-top: 50px; } .row-235235235.downloads-butts { padding-top: 30px; padding-bottom: 30px; } .row-235235235.downloads-butts .btn { margin-right: 20px; margin-bottom: 20px; } .row-243243243.marketing-test { padding-bottom: 30px; } .row-243243243.marketing-test p { font-weight: 300; } .cat-header h1 { font-weight: 100 !important; font-size: 45px !important; margin-bottom: 10px !important; max-width: 80%; } .cat-header h2 { font-size: 17px !important; font-weight: 400 !important; margin-bottom: 0 !important; max-width: 80%; } .cat-header .inhalt { position: relative; width: 100%; padding-top: 20px; padding-bottom: 30px; background: #313132; color:#fff !important; } h1.hell, h2.hell { color: #fff !important; } h1.dunkel, h2.dunkel { color: #fff !important; } @media (min-width: 1020px) { .dotter { border-bottom:1px dotted rgb(69, 69, 69); width: 100%; max-width: 200px; height: 15px; margin: 0 auto; margin-bottom: 35px; } h1.hell, h2.hell { color: #fff !important; } h1.dunkel, h2.dunkel { color: #3b4351 !important; } .cat-header .inhalt { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); width: 100%; padding-top: 0px; padding-bottom: 0px; background: transparent; color:#3b4351; } .cat-header.home-appliances .inhalt { position: absolute; top:auto; bottom: 6%; /* -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); */ width: 100%; padding-top: 0px; padding-bottom: 0px; background: transparent; color:#3b4351; } .right .cat-header h1 { font-weight: 100 !important; font-size: 66px !important; margin-bottom: 10px !important; max-width: 70%; } .right .cat-header h2 { font-size: 20px !important; font-weight: 400 !important; margin-bottom: 0 !important; max-width: 50%; } .cat-header h1 { font-weight: 100 !important; font-size: 66px !important; margin-bottom: 10px !important; max-width: 50%; } .cat-header h2 { font-size: 20px !important; font-weight: 400 !important; margin-bottom: 0 !important; max-width: 30%; } } .column.col-12.cat-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .row-255255255 { background-color: rgb(255,255,255); padding-top: 40px; padding-bottom: 40px; } .row-255255255.datasheet-header { padding-top: 40px; padding-bottom: 10px; } .row-255255255.datasheet { padding-top: 0px; padding-bottom: 0px; } @media (min-width: 1020px) { .row-255255255 { background-color: rgb(255,255,255); padding-top: 80px; padding-bottom: 80px; } .row-255255255.datasheet-header { padding-top: 80px; padding-bottom: 20px; } } .datasheet ul { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid rgb(200,200,200); max-width: 80%; } .datasheet ul li { margin: 0; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid rgb(200,200,200); overflow: hidden; } .datasheet ul li div { width: 50%; float:left; } .datasheet ul li div:first-of-type { font-weight: 500; } .datasheet ul li div:last-of-type { float:right; padding-left: 15px; } .datasheet .container.downloads { margin-top: 50px; } .datasheet .container.other-data { /* margin-top: 50px; */ } .datasheet .container.downloads .btn.btn-primary { margin-right: 20px; } .datasheet .container.downloads .btn { text-transform: uppercase; } .highligts-specos { padding-bottom: 50px !important; } .row-255255255.legal-notes { padding-top: 10px; padding-bottom: 10px; cursor: pointer; } .row-255255255.legal-notes .h4 { font-size: 0.8rem; margin-bottom: 0 !important; font-weight: 400 !important; } .row-255255255.legal-notes-content { padding-top: 0; padding-bottom: 0; font-size:14px; height: 0; overflow: hidden; -webkit-transition: height 0.4s linear; -o-transition: height 0.4s linear; transition: height 0.4s linear; } .row-255255255.legal-notes-content .h2 { padding-bottom: 20px; } .produkt-sprung .icon { font-size: 13px; top:-1px; } .responsive-video { position: relative; padding-bottom: 56%; padding-top: 30px; height: 0; overflow: hidden; /* max-width: 900px; margin: 0 auto; */ } .row-255255255.video { padding-top: 40px !important; } .row-255255255.video grid-lg { max-width: 900px !important; } .responsive-video iframe, .responsive-video object, .responsive-video video, .responsive-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .row-255255255.legal-notes-content.show { } .row-100100100.video { background: rgba(100,100,100); padding-top: 80px; padding-bottom: 80px; } .legal-notes-content-inner { padding-top: 80px; padding-bottom: 80px; opacity: 0; -webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .legal-notes-content-inner ol { margin: 0; margin-bottom: 80px !important; display: block; list-style-position: outside; margin: 0 auto; max-width: 95%; padding-bottom: 50px; } .legal-notes-content-inner ol li { margin: 0; padding-bottom: 30px; } .legal-notes { border-top:1px solid rgb(235,235,235); } .totheright { text-align: right; } .data-load-container { height: 0; overflow: hidden; -webkit-transition: height 0.4s linear; -o-transition: height 0.4s linear; transition: height 0.4s linear; } .data-load-container-inner { background-color: rgb(250,250,250); opacity: 0; -webkit-transition: opacity 0.4s linear; -o-transition: opacity 0.4s linear; transition: opacity 0.4s linear; } .data-load-container-inner .container.first { /* padding-top:50px; */ } .data-load-container-inner .container.last { padding-bottom: 100px; } .columns.lifestyle { padding-top: 50px; padding-bottom: 50px; font-size: 18px; } .columns.lifestyle.nocontent { padding-top: 0px; padding-bottom: 20px; font-size: 18px; } .centered { text-align: center !important; } em { text-align: center !important; padding-top: 50px; padding-bottom: 200px; display: block !important; width: 100% !important; } .card.click .card-image img { padding-top: 0px; padding-bottom: 20px; } .card.click { padding-top: 20px; position: relative; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .card.click .card-footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .card.click.search { background: #fff; border: .05rem solid #dadee4; border-radius: .1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } body.search-results, body.search-no-results { background: #f0f0f0 !important; } .card.click.search .card-image { width: 50% !important; } .card.click.search .card-header { width: 50% !important; text-align: left !important; } .card.click.search .card-body { width: 100% !important; border-left:0px dotted #d0d0d0; } .card.click.search .card-body .scrennsize-slinky { display: none; } .card.click.search .card-footer { width: 100% !important; border-top: 1px dotted #d0d0d0; padding: .4rem; background: #f8f8f8; } /* ORIG 1020 */ @media (min-width:1020px) { .row-255255255.video { padding-top: 0px !important; } .slider-container .tns-item .img-responsive { max-height: 100px; width: auto; margin:0 auto; } .card.click.search .card-footer { position: relative; width: 20% !important; border-top: 0px solid rgba(0,0,0,0) !important; display: block; padding: .8rem; background: transparent; } .card.click.search { background: #fff; border: .05rem solid #dadee4; border-radius: .1rem; display: -webkit-box; display: flex; display: -ms-flexbox; -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } body.search-results { background: #f0f0f0 !important; } .card.click.search .card-image { width: 20% !important; } .card.click.search .card-header { width: 30% !important; text-align: left !important; } .card.click.search .card-body { width: 30% !important; border-left:1px dotted #d0d0d0; } .card.click.search .card-body .scrennsize-slinky { display: none; } .card.click.search .card-footer { width: 100% !important; border-top: 0px solid rgba(0,0,0,0) !important; position: absolute; display: none; } } /* .card.click.search .card-footer .btn { border:0px solid rgba(0,0,0,0) !important; font-size: 0.7rem !important; color: rgba(232, 27, 0) !important; text-decoration: underline !important; font-weight: 400 !important; padding-left: 10px !important; padding-right: 10px !important; background: transparent !important; display: block !important; width: 100% !important; } */ .card.click.search:hover .card-footer { -webkit-box-shadow: 0 0 0 rgba(0,0,0,0) !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; } /* .card.click.search:hover .card-footer .btn { border:0px solid rgba(0,0,0,0) !important; font-size: 0.7rem !important; color: rgba(232, 27, 0) !important; text-transform: capitalize; background: transparent !important; text-decoration: underline !important; } */ .card.click.search:hover { -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.234) !important; box-shadow: 0 2px 3px rgba(0,0,0,0.234) !important; } /* ORIG 1020 */ @media (min-width:1020px) { .card.click.search .card-footer { position: relative; width: 20% !important; border-top: 0px solid rgba(0,0,0,0) !important; display: block; } } .logo-container { width: 90px; height: 50px; margin:0px; border:0px solid #d0d0d0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .overview .logo-container { width: 80px; height: 80px; margin: 0px; border: 0px solid #d0d0d0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .overview .logo-container.mobile { width: 110px; height: 70px; margin: 0px; border: 0px solid #d0d0d0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } .card-body .highligts ul { font-size: 11px !important; color: rgb(64, 71, 81) !important; padding-bottom: 20px; } @media (min-width: 1020px) { .columns.lifestyle { padding-top: 100px; padding-bottom: 100px; font-size: 22px; } .columns.lifestyle.nocontent { padding-top: 0px; padding-bottom: 50px; font-size: 22px; } .card-body .highligts ul { font-size: 13px !important; color: rgb(64, 71, 81) !important; padding-bottom: 20px; } } @media (min-width:1288px) { .logo-container { width: 120px; height: 80px; margin:10px; border:0px solid #d0d0d0; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; } } @media (min-width:1288px) { .overview .logo-container { width: 80px; height: 80px; margin:0px; } .card-body .highligts { font-size: 13px; color: rgb(64, 71, 81) !important; padding: 20px; padding-top: 0px; } } /* from tiny slider demo */ .customize-tools { position: relative; } .thumbnails { margin: 20px 0; text-align: center; } .thumbnails li { display: inline-block; cursor: pointer; border: 3px solid #fff; } .thumbnails .tns-nav-active { background: none; border-color: rgba(235,235,235,1); } .thumbnails li { width: 100px; } .thumbnails img { vertical-align: bottom; height: auto; max-height: 90px; } .controls { text-align: center; } .controls li { display: block; position: absolute; top: 50%; height: 90px; line-height: 90px; margin-top: -30px; padding: 0 15px; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } .controls li svg { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .controls svg { display: inline-block; vertical-align: middle; } .controls .prev { left: -60px; } .controls .next { right: -30px; } .controls li:hover svg { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .slider-outer { padding: 40px; } @media (min-width:700px) { .thumbnails li { width: 50px; } .thumbnails img { vertical-align: bottom; height: auto; max-height: 50px; } .controls { text-align: center; } .controls li { display: block; position: absolute; top: 50%; height: 60px; line-height: 60px; margin-top: -30px; padding: 0 15px; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } } @media (min-width:1000px) { .thumbnails li { width: 70px; } .thumbnails img { vertical-align: bottom; height: auto; max-height: 70px; } .controls { text-align: center; } .controls li { display: block; position: absolute; top: 50%; height: 70px; line-height: 70px; margin-top: -30px; padding: 0 15px; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } } @media (min-width:1400px) { .thumbnails li { width: 100px; } .thumbnails img { vertical-align: bottom; height: auto; max-height: 90px; } .controls { text-align: center; } .controls li { display: block; position: absolute; top: 50%; height: 90px; line-height: 90px; margin-top: -30px; padding: 0 15px; cursor: pointer; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; } } .column { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; max-width: 100%; padding-left: .8rem !important; padding-right: .8rem !important; } .label.sharp-new { position: absolute; text-transform: uppercase; top:0; left: 0; padding:10px 35px; display: block; color:#fff; font-weight: 500; background: #E6000D; z-index: +1; } .toloadmore { padding-bottom: 50px; padding-top: 20px; display: none !important; } .toload { padding-bottom: 50px; padding-top: 20px; } .bg-243243243 { background-color: rgba(243,243,243,1); } .bg-240247255 { background-color: rgb(240, 247, 255); } .row.content_5050 { padding-top: 80px; padding-bottom: 80px; } .row.banner { padding-top: 80px; padding-bottom: 80px; } .row.banner.same-colour { padding-top: 0px; padding-bottom: 80px; } .banner_v_1 { position: relative; } .banner_v_1 .inhalt { padding-top: 20px; padding-right: .8rem; padding-left: .8rem; width: 100%; } .banner_v_1 .inhalt.glossy { padding-bottom: 20px; } .banner_v_1 .inhalt.right { left: auto; right: 50px; } .banner_v_2_full { position: relative; overflow: hidden; } .banner_v_2_full .inhalt { position: relative; background: rgba(255,255,255,0); width: 100%; padding-right: .8rem; padding-left: .8rem; padding-top:20px; padding-bottom:40px; width: 100%; opacity: 1; } .banner_v_2_full .inhalt.right { position: relative; background: rgba(255,255,255,0); width: 100%; padding-right: .8rem; padding-left: .8rem; padding-top:20px; padding-bottom:40px; width: 100%; opacity: 1; } .cat-header .inhalt { opacity: 1; } .animate__fadeIn { opacity: 1 !important; } .banner_v_2_full .inhalt h1, .banner_v_2_full .inhalt h2, .banner_v_1 .inhalt h2, .content_5050 h2, .video .h2 { font-size: 30px; font-weight: 400 !important; } .video .h2 { color:#232323; display: none; } .banner_v_2_full.hero .inhalt h1 { font-size: 40px; font-weight: 700 !important; } .banner_v_2_full.hero .inhalt p { font-size: 16px; margin-bottom: 20px; } .content_5050 .columns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .banner_v_2_full.hero .img-responsive { height: auto; /* object-fit: cover; object-position: center center; */ -webkit-transition: -webkit-transform 0s ease 0s; transition: -webkit-transform 0s ease 0s; -o-transition: transform 0s ease 0s; transition: transform 0s ease 0s; transition: transform 0s ease 0s, -webkit-transform 0s ease 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero.energize .img-responsive { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full .img-responsive { height: auto; /* object-fit: cover; object-position: center center; */ -webkit-transition: -webkit-transform 7.8s ease 0s; transition: -webkit-transform 7.8s ease 0s; -o-transition: transform 7.8s ease 0s; transition: transform 7.8s ease 0s; transition: transform 7.8s ease 0s, -webkit-transform 7.8s ease 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.energize .img-responsive { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero .inhalt { position: absolute; background: rgba(255,255,255,0); width: 100%; padding-right: .8rem; padding-left: .8rem; padding-top:20px; padding-bottom:40px; width: 100%; color: #ffffff; bottom:0px; left: 0px; } .banner_v_2_full.vol2 .inhalt.right { position: relative; width: 100%; padding-right: 0; padding-left: 0; padding-top:0px; padding-bottom:0px; width: 100%; bottom:0px; left: 0px; } .vol3 .column { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .banner_v_2_full.vol3 .inhalt.right { position: relative; width: 100%; padding-right: 0; padding-left: 0; padding-top:0px; padding-bottom:0px; width: 100%; bottom:0px; left: 0px; } .banner_v_2_full.white-area .inhalt { position: relative; background: rgba(255,255,255,0); width: 100%; padding-right: .8rem; padding-left: .8rem; padding-top:20px; padding-bottom:40px; width: 100%; /* top: -45px; */ } .header-logo { max-width: 113px !important; } .box-simple { margin-bottom: 50px; } .vol3 { background: rgb(247,247,247); /* Old browsers */ opacity: 0; transition: opacity 0.2s linear; } .vol3.loaded { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f7f7+50,e3022e+51 */ background: rgb(247,247,247); /* Old browsers */ background: -moz-linear-gradient(left, rgba(247,247,247,1) 50%, rgba(227,2,46,1) 51%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(247,247,247,1) 50%,rgba(227,2,46,1) 51%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(247,247,247,1) 50%,rgba(227,2,46,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e3022e',GradientType=1 ); /* IE6-9 */ opacity: 1; } .sharp108.head, .sharp108.intro, .sharp108.register { padding-top: 50px; padding-bottom: 50px; position: relative; } .sharp108.head h1 { font-size: 30px !important; color: #111111 !important; font-weight: 400 !important; margin-bottom: 0; } .sharp108.register h2 { font-size: 30px !important; color: #E3022E !important; font-weight: 700 !important; margin: 0 auto; margin-bottom: 0; max-width: 600px; } .farbe108 { max-width: 240px !important; margin: 0 auto; } .screentext { max-width: 565px !important; margin: 0 auto; } .sharp108.intro p{ font-size: 18px; color: #111111 !important; text-align: center; margin-bottom: 40; margin-top: 20px; } .register .sharp180 { margin-top: 30px; } .sharp108 .legend { font-style: normal !important; font-size: 12px !important; max-width: 600px !important; text-align: center; margin: 0 auto; margin-top: 40px; } p.first { font-size: 16px !important; } p.second { font-size: 16px !important; margin: 0 auto; margin-top: 40px !important; max-width: 650px; } .logo108 { max-width: 160px !important; margin: 0 auto; margin-top: 50px; } .sharp-108-overlay { display: none; } /* .covid-num { visibility: hidden !important; } .covid-num.animate__zoomIn { visibility: visible !important; } */ /* ORIG 1020 */ @media (min-width: 1020px) { .banner_v_2_full.hero .inhalt h1 { font-size: 60px; font-weight: 700 !important; } .banner_v_2_full.hero .inhalt p { font-size: 22px; margin-bottom: 50px; } .sharp108.intro p{ font-size: 28px; margin-bottom: 0px; } .sharp-108-overlay { display: block; position: absolute; height: 100%; width: 100%; background: rgba(255,255,255,1); top: 0; right: 0; transition: width 5.3s ease; } .sharp-108-overlay.reveal { width: 0%; } /* img.farbe108 { visibility: hidden !important; } img.farbe108.animate__animated { visibility: visible !important; } */ p.first { font-size: 20px !important; } p.second { font-size: 20px !important; margin: 0 auto; margin-top: 40px !important; max-width: 650px; } .sharp108 .legend { font-style: normal !important; font-size: 14px !important; } .register .sharp180 { margin-top: 40px; } .sharp108.register h2 { font-size: 50px !important; color: #E3022E !important; font-weight: 700 !important; margin-bottom: 0; } .sharp108.head h1 { font-size: 50px !important; } .sharp108.head, .sharp108.intro, .sharp108.register { padding-top: 80px; padding-bottom: 80px; } .box-simple { margin-bottom: 0px; } .banner_v_1 .inhalt.glossy { padding-bottom:40px; } .banner_v_2_full .inhalt { position: relative; background: rgba(255,255,255,0); width: 100%; padding-right: .8rem; padding-left: .8rem; padding-top:20px; padding-bottom:40px; width: 100%; opacity: 1; } .banner_v_2_full .inhalt.right { position: absolute; background: rgba(255,255,255,0); width: 100%; padding-right: .8rem; padding-left: .8rem; padding-top:20px; padding-bottom:40px; width: 100%; opacity: 1; } .banner_v_2_full .inhalt.right .container .columns, .cat-header .inhalt.right .container .columns { justify-content: flex-end; } .cat-header .inhalt { opacity: 1; } .animate__fadeIn { opacity: 1 !important; } .banner_v_2_full.hero .img-responsive:not(.logo) { height: auto; -webkit-transition: -webkit-transform 0s ease 0s; transition: -webkit-transform 0s ease 0s; -o-transition: transform 0s ease 0s; transition: transform 0s ease 0s; transition: transform 0s ease 0s, -webkit-transform 0s ease 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero.vol2 .img-responsive:not(.logo) { height: auto; max-height: 800px; -o-object-position: left bottom; object-position: left bottom; -webkit-transition: -webkit-transform 0s ease 0s; transition: -webkit-transform 0s ease 0s; -o-transition: transform 0s ease 0s; transition: transform 0s ease 0s; transition: transform 0s ease 0s, -webkit-transform 0s ease 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero.vol2.energize .img-responsive { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero.vol3 .img-responsive:not(.logo) { height: auto; max-height: 80000px; -o-object-position: left bottom; object-position: left bottom; -webkit-transition: -webkit-transform 0s ease 0s; transition: -webkit-transform 0s ease 0s; -o-transition: transform 0s ease 0s; transition: transform 0s ease 0s; transition: transform 0s ease 0s, -webkit-transform 0s ease 0s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero.vol3.energize .img-responsive { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero.energize .img-responsive { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .banner_v_2_full.hero .img-responsive { height: auto; -o-object-fit: cover; object-fit: cover; } .banner_v_1 .inhalt { position: absolute; background: rgba(255,255,255,0.8); padding-top: 50px; padding-bottom: 50px; padding-right: 50px; padding-left: 50px; width: auto; max-width: 433px; min-width: 420px; top:50px; left: 50px; } .alternate .banner_v_1 .inhalt { position: absolute; color: rgba(255,255,255,1); background:#E6000D; padding-top: 50px; padding-bottom: 50px; padding-right: 50px; padding-left: 50px; width: auto; max-width: 433px; top:50px; left: 50px; } .banner_v_1 .inhalt.right, .banner_v_2_full .inhalt.right { left: auto; /* right: 50px; */ } .banner_v_2_full.vol2 .inhalt.right { position: absolute; left: auto; right: 50px; bottom: auto; } .banner_v_2_full.vol3 .inhalt.right { position: absolute; left: auto; right: 50px; bottom: auto; } /* .banner_v_1 .inhalt { opacity: 0; } .banner_v_1 .inhalt.right { opacity: 0; } .animate__slideInLeft, .animate__slideInRight { opacity: 1 !important; } */ .banner_v_2_full { position: relative; } .banner_v_2_full .inhalt { position: absolute; color: #ffffff; background: rgba(255,255,255,0); width: 100%; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .banner_v_2_full.white-area .inhalt { position: absolute; color: #ffffff; background: rgba(255,255,255,0); width: 100%; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .banner_v_2_full.hero .inhalt { position: absolute; color: #ffffff; background: rgba(255,255,255,0); width: 100%; top:50%; bottom: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .banner_v_2_full .inhalt h1, .banner_v_2_full .inhalt h2, .banner_v_1 .inhalt h2, .content_5050 h2, .video .h2 { margin-bottom: 15px; font-size: 40px; line-height: 1.1; font-weight: 300 !important; } .content_5050 .columns { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1090px) { .banner_v_1 .inhalt { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 1190px) { .banner_v_2_full .inhalt h1,.banner_v_2_full .inhalt h2, .banner_v_1 .inhalt h2, .content_5050 h2, .video .h2 { font-size: 50px; line-height: 1.1; } } .row.banner.carder.homepage.left img { position: absolute; top:0; max-width: 100% !important; right: 0; } .row.banner.carder.homepage.right img { position: absolute; top:0; max-width: 100% !important; left: 0; } .row.banner.carder.homepage img.placeholder { position: relative; opacity: 0 !important; } .row.banner.carder.homepage ul { list-style-position: outside; } .row.banner.carder.homepage ul li { margin-top: 5px; } .row.box a.box { color: #3b4351 !important; text-decoration: none !important; margin-bottom: 30px; position: relative; display: block; } .row.box a.box h2 { position: relative; display: inline-block; width: auto; max-width: 95%; font-size: 30px; margin-bottom: 0 !important; } .row.box a.box p { margin-top: 10px; margin-bottom: 0 !important; } .row.box a.box h2 .icon { position: absolute; font-size: 0.8rem; -webkit-transition: all 0.234s linear; -o-transition: all 0.234s linear; transition: all 0.234s linear; padding-left: 0px; right:-20px; top:10px; /* top:50%; transform: translate(0, -50%); */ } .row.box a.box:hover h2 .icon { right:-30px; } /* .row.box a.box .img-responsive { transition: all 0.234s linear; object-fit: cover; } .row.box a.box:hover .img-responsive { object-fit: fill; object-position: left; } */ .row.box a.box .inhalt { -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; padding: 20px; background: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top: 1px dotted #fff; -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0), 0 6.7px 5.3px rgba(0, 0, 0, 0), 0 12.5px 10px rgba(0, 0, 0, 0), 0 22.3px 17.9px rgba(0, 0, 0, 0), 0 41.8px 33.4px rgba(0, 0, 0, 0), 0 100px 80px rgba(0, 0, 0, 0) ; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0), 0 6.7px 5.3px rgba(0, 0, 0, 0), 0 12.5px 10px rgba(0, 0, 0, 0), 0 22.3px 17.9px rgba(0, 0, 0, 0), 0 41.8px 33.4px rgba(0, 0, 0, 0), 0 100px 80px rgba(0, 0, 0, 0) ; } .row.box a.box:hover .inhalt { border-top: 1px dotted #9a9a9a; -webkit-box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) ; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12) ; } .row.box a.box .inhalt .h3, .banner_v_2_full.white-area .inner .h3 { color: #E81B00 !important; font-size: 0.8rem !important; font-family: "Roboto",sans-serif !important; font-weight: 500 !important; } .banner_v_2_full.white-area .inner { background: rgba(255,2555,255,0); color: #3b4351 !important; padding:0px; } #nav-menu-item-4173.hide, #nav-menu-item-9311 a { display: none !important; } #nav-menu-item-38135 a { display: none !important; } #nav-menu-item-28359 a { display: none !important; } #nav-menu-item-31394 a { display: none !important; } #nav-menu-item-36856 a { display: none !important; } #nav-menu-item-20361 a { display: none !important; } #nav-menu-item-14172 a { display: none !important; } #nav-menu-item-10401 a { display: none !important; } #nav-menu-item-24660 a { display: none !important; } #nav-menu-item-9311 a { display: none !important; } .sharp-label { position: absolute; width: auto; padding: 7px; padding-left: 20px; padding-right: 20px; color: #ffffff; text-transform: uppercase; } /* ORIG 1020 */ @media (min-width: 1020px) { .row.banner.carder.homepage .inhalt a.btn { margin-top: 20px; } .banner_v_2_full.white-area .inner { background: rgba(255,2555,255,0.8); color: #3b4351 !important; padding:40px; } .row.box a.box h2 { font-size: 32px; } .row.banner.carder.homepage.left img { position: absolute; top:0; max-width: 70% !important; right: 0; } .row.banner.carder.homepage.right img { position: absolute; top:0; max-width: 70% !important; left: 0; } .row.banner.carder.homepage img.placeholder { position: relative; opacity: 0 !important; } .row.box a.box { margin-bottom: 0px; } } .row.search { margin-top: 50px; } .searchbar { position: absolute; width: 100%; height: 100%; right: 90px; top:-100%; /*background: rgb(240,240,240);*/ z-index: +1; opacity: 0; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .searchbar.results { position: relative; width: 100%; height:50px; right:0px; margin-left: 0px; max-width: 500px; top:0; background: #fff; z-index: +1; opacity: 1; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; background: rgb(240,240,240); margin: 0 auto; margin-bottom: 40px; } .searchbar.mobile { position: relative; height: 100%; right:0px; top:0; background: #fff; z-index: +1; opacity: 1; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; background: rgb(240,240,240); } @media (min-width: 1020px) { .searchbar.mobile { display: none !important; } } div.icon-closer, div.icon-searcher, div.icon-closer-langer, div.icon-langer { position: relative; width: 0px !important; height: 30px !important; overflow: hidden; text-align: center; display: block; -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; opacity: 0; } div.icon-searcher svg { top:-3px !important; -webkit-transform: translate(0,-3px) !important; -ms-transform: translate(0,-3px) !important; transform: translate(0,-3px) !important; } div.icon-closer.show, div.icon-searcher.show, div.icon-closer-langer.show, div.icon-langer.show { width: 70px !important; opacity: 1; } div.icon-closer { } div.icon-closer .icon, div.icon-closer-langer .icon { font-size: 25px; } .searchbar.show { opacity: 1; top:0; } .searchbar .input-group .form-input, .searchbar .input-group .form-select { height: 50px; } .searchbar:not(.mobile) .input-group .form-input { border-radius:30px 30px; padding-left:20px; } .form-input { height: 50px; border:0px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(200, 200, 200) !important; padding-left: 15px; background: rgb(251,251,251) !important; font-size: 17px!important; } .form-input:focus { border:0px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(100, 100, 100) !important; padding-left: 15px; background: rgb(251,251,251) !important; color: #000 !important; } .form-select { height: 43px !important; border:1px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(200, 200, 200) !important; padding-left: 15px; font-size: 15px!important; } .form-select:focus { border:1px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(100, 100, 100) !important; padding-left: 15px; color: #000 !important; } label.form-label { font-size: 14px; font-weight: 500; } .hotlines-columns { margin-bottom: 50px; } .social-icon .icon-closer { color: rgb(128, 128, 128) !important; } .searchbar .form-input { } .searchbar .form-input { border:0px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(200, 200, 200) !important; padding-left: 15px; background: rgb(251,251,251); font-size: 17px!important; } .searchbar .form-input:focus { border:0px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(100, 100, 100) !important; padding-left: 15px; background: rgb(251,251,251); color: #000 !important; } .searchbar.mobile .form-input { border:0px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(200, 200, 200) !important; padding-left: 15px; background: rgb(251,251,251); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.134) inset !important; box-shadow: 0 1px 2px rgba(0,0,0,0.134) inset !important; } .searchbar.mobile .form-input:focus { border:0px solid rgb(200, 200, 200) !important; border-bottom:1px solid rgb(100, 100, 100) !important; } .search-form { position: relative; } .search-form .search-submit { -webkit-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; cursor: pointer; z-index: 30000; position: absolute; right:10px; top:45%; -webkit-transform: translate(0,-45%); -ms-transform: translate(0,-45%); transform: translate(0,-45%); border: none !important; background: transparent; color: rgb(128, 128, 128) !important; font-size: 20px !important; } .search-form .search-submit:hover, .search-form .search-submit:focus, .social-icon:hover .icon-closer { color: #E6000D !important; } .searchbar.results.mobile { display: none !important; } .not-outer { margin: 0 auto; padding-top:20px; padding-bottom: 100px; } .not-found { color: inherit; font-weight: 500; line-height: 1.2; margin-bottom: .5em; margin-top: 0; display: inline-block; width: auto; font-size: 2rem; margin: 0 auto; margin-bottom: 20px; } .not-outer.filters .not-found { color: inherit; font-weight: 500; line-height: 1.2; margin-bottom: .5em; margin-top: 0; display: inline-block; width: auto; font-size: 2rem; margin: 0 auto; margin-bottom: 20px; color: #E6000D !important; } .search h1 { margin-bottom: 25px !important; font-size: 1.5rem !important; font-weight: 500 !important; } .sharp-content-breadcrumb { margin-top: 30px; } .sharp-content { } .sharp-content h1 { border-top:0px solid rgba(128,128,128,0.3); border-bottom:1px solid rgba(128,128,128,0.3); padding-top: 10px; padding-bottom: 30px; margin-bottom: 50px; } .row.support-downloads { padding-top: 40px; padding-bottom: 40px; background: #f0f0f0; } .row.support { padding-top: 0px; padding-bottom: 40px; } .row.support-downloads h2 { margin-bottom: 30px; } .support__search-form .legend, .support-downloads .legend { padding:20px; font-style: italic; color: rgb(128,128,128); font-size: 0.7rem; } .support-contenter img { max-width: 350px !important; margin: 0 auto; margin-top: 50px; } .modal:not(.modal-zoom) img { max-width: 350px !important; margin: 0 auto; } .info-container { display: none; } .info-container.show { display: inherit ; text-align: center; } .result-container { display: none; overflow: hidden; } .result-container.show { display: block; } .error { display: none !important; } .error.show { display: block !important; } .input-group .btn { margin-left: 10px !important; } .support-search-term { font-weight: 500; } .result-support-entry { padding-left: 30px; position: relative; margin-bottom: 20px; } .result-support-entry .pre { width: 10px; height: 100%; background: grey; position: absolute; left: 0; top: 0; } @media (min-width: 1020px) { .input-group .form-input { height: 50px !important; } .input-group .btn { margin-left: 20px !important; } } .support iframe.iframe { width: 100%; height: 0; border: 0 linear #000000; background: #f0f0f0; -webkit-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear; margin-top: 50px; } .support iframe.iframe.active { height: 500px; } .contacts__hotline__disclaimer__toggle-text { display: none; padding:20px; padding-top:30px; } .contacts__hotline__disclaimer__toggle-text.show { display: block; } .expand-toggle-button__text { position: relative; } .expand-toggle-button__text .icon { font-size: 13px; margin-left: 10px; position: relative; top:-4px; } .page .country { background: #f8f8f8; padding: 30px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top:1px dotted #d0d0d0; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); } .contacts__hotline__description h4 { border-bottom: 2px solid #ffffff; margin-top:20px; padding-bottom: 6px; } @media (min-width: 1020px) { .row.support { padding-top: 0px; padding-bottom: 80px; } .row.support-downloads { padding-top: 80px; padding-bottom: 80px; } .sharp-content h1 { border-top:1px solid rgba(128,128,128,0.3); border-bottom:1px solid rgba(128,128,128,0.3); padding-top: 30px; padding-bottom: 30px; margin-bottom: 50px; } } .form-submit { margin-top: 50px; margin-bottom: 100px; } .butt-top-divider { border-top:1px dotted rgba(128,128,128,0.3); padding-top: 30px; max-width: 50%; margin: 0 auto; } .support-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; border-left: 1px solid rgba(128,128,128,0.3); /* border-bottom: 1px solid rgba(128,128,128,0.3); */ -ms-flex-wrap: wrap; flex-wrap: wrap; } .support-content { padding-top:20px; display: none; } .support-content.active { display: block; } .support .h6 { font-family: "Roboto Condensed", sans-serif; margin-bottom: 20px; } .support-tabs div { height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; color: rgba(128,128,128,0.7); font-weight: 500; font-size: 0.89rem; border-right: 1px solid rgba(128,128,128,0.3); border-top: 1px solid rgba(128,128,128,0.3); border-bottom: 1px solid rgba(128,128,128,0.3); width: 100% !important; cursor: pointer; -webkit-transition: all 0.23s linear; -o-transition: all 0.23s linear; transition: all 0.23s linear; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background-image: -o-linear-gradient(45deg, #263238 25%, #37474f 25%, #37474f 50%, #263238 50%, #263238 75%, #37474f 75%, #37474f 100%); background-image: linear-gradient(45deg, #263238 25%, #37474f 25%, #37474f 50%, #263238 50%, #263238 75%, #37474f 75%, #37474f 100%); background-size: 56.57px 56.57px; border-color: transparent; width: auto; padding:20px; color: #fff; } .wpcf7 form.sent .wpcf7-response-output { background: green; border-color: transparent; width: auto; padding:20px; color: #fff; } .btn.btn-primary, .wpcf7-submit, .gform_button { background: #E6000D !important; border-color: #E6000D !important; border:1px solid #E6000D !important; color:#fff !important; transition: all 0.1s ease-in 0s; } .btn.btn-primary:hover, .wpcf7-submit:hover, .gform_button:hover,.btn.btn-primary:focus, .wpcf7-submit:focus, .gform_button:focus,.btn.btn-primary:active, .wpcf7-submit:active, .gform_button:active { background: #fff!important; border-color: #E6000D !important; color:#E6000D !important; } .cc-InlineButton-module-button_1_g4B { color: #ffffff !important; text-transform: uppercase; padding:0 !important; padding-left: 15px !important; padding-right: 15px !important; line-height: 40px !important; border: 1px solid rgb(232, 27, 0) !important; text-decoration: none !important; transition: all 0.2s linear; } .cc-InlineButton-module-button_1_g4B { -webkit-appearance: none; appearance: none; display: inline-block; padding: 10px 18px 0; height: 40px; font-family: inherit; font-size: 14px; line-height: 1; white-space: nowrap; border-radius: 20px; border: 1px solid #000; background-color: #000; color: #fff; text-decoration: none; box-sizing: border-box; } .cc-InlineButton-module-button_1_g4B:hover, .cc-InlineButton-module-button_1_g4B:active, .cc-InlineButton-module-button_1_g4B:focus { color: rgb(232, 27, 0) !important; background: #ffffff !important; } .leiste .show-md { padding-left: 10px; padding-right: 0px; } @media (min-width: 700px) { .leiste .show-md { padding-left: 20px; padding-right: 20px; } .cc-InlineButton-module-button_1_g4B { color: #ffffff !important; text-transform: uppercase; padding:0 !important; padding-left: 40px !important; padding-right: 40px !important; line-height: 40px !important; border: 1px solid rgb(232, 27, 0) !important; text-decoration: none !important; transition: all 0.2s linear; } .cc-InlineButton-module-button_1_g4B:hover, .cc-InlineButton-module-button_1_g4B:active, .cc-InlineButton-module-button_1_g4B:focus { color: rgb(232, 27, 0) !important; background: #ffffff !important; } } @media (min-width: 1020px) { .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background-image: -o-linear-gradient(45deg, #263238 25%, #37474f 25%, #37474f 50%, #263238 50%, #263238 75%, #37474f 75%, #37474f 100%); background-image: linear-gradient(45deg, #263238 25%, #37474f 25%, #37474f 50%, #263238 50%, #263238 75%, #37474f 75%, #37474f 100%); background-size: 56.57px 56.57px; border-color: transparent; width: auto; max-width: 50%; margin: 0 auto; padding:20px; color: #fff; } .wpcf7 form.sent .wpcf7-response-output { background: #43A047; border-color: transparent; width: auto; max-width: 50%; margin: 0 auto; padding:20px; color: #fff; width: auto; padding:20px; color: #fff; } .support-content { padding-top:0px; } .support-tabs div { height: 50px; line-height: 50px; padding-left: 20px; padding-right: 20px; color: rgba(128,128,128,0.7); font-weight: 500; font-size: 0.89rem; border-right: 1px solid rgba(128,128,128,0.3); border-top: 1px solid rgba(128,128,128,0.3); border-bottom: 1px solid rgba(128,128,128,0.3); width: auto !important; } } .support-tabs div.active, .support-tabs div:hover { height: 50px; line-height: 50px; background: rgba(128,128,128,0.1); color:#010101; padding-left: 20px; padding-right: 20px; font-weight: 500; font-size: 0.89rem; border-right: 1px solid rgba(128,128,128,0.3); border-top: 1px solid rgba(128,128,128,0.3); } .support-tabs div.active { height: 50px; line-height: 50px; background: rgba(128,128,128,0.1); color:#E6000D; padding-left: 20px; padding-right: 20px; font-weight: 500; font-size: 0.89rem; border-right: 1px solid rgba(128,128,128,0.3); border-top: 1px solid rgba(128,128,128,0.3); } .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: auto; margin: 0 auto; padding-bottom: 50px; } .page-numbers { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: .05rem solid #5755d9; border-radius: .1rem; color: #5755d9; cursor: pointer; display: inline-block; font-size: .8rem; height: 1.8rem; line-height: 1.2rem; outline: 0; padding: .25rem .4rem; text-align: center; text-decoration: none !important; -webkit-transition: background .2s,border .2s,color .2s,-webkit-box-shadow .2s; transition: background .2s,border .2s,color .2s,-webkit-box-shadow .2s; -o-transition: background .2s,border .2s,box-shadow .2s,color .2s; transition: background .2s,border .2s,box-shadow .2s,color .2s; transition: background .2s,border .2s,box-shadow .2s,color .2s,-webkit-box-shadow .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; padding: 0 !important; padding-left: 50px !important; padding-right: 50px !important; background: rgb(255, 255, 255) !important; border-color: rgb(168, 168, 168) !important; border: 1px solid rgb(168, 168, 168) !important; color: rgb(69, 69, 69) !important; height: 50px !important; line-height: 50px !important; border-radius: 50px 50px !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size: 0.8rem !important; margin: 0 auto; display: none; } .page-numbers.prev, .page-numbers.next { background: #E6000D !important; border-color: #E6000D !important; border:1px solid #E6000D !important; color:#fff !important; display: block; } .page-numbers:hover, .page-numbers:focus { background: rgb(255, 255, 255) !important; color:#E6000D !important; } .language-overlay { width: 800px; position: absolute; left: auto; right: 30px; z-index: 900000; top:80px; display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; height: 0px; opacity:0; pointer-events: none; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding-top: 20px !important; background: transparent !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* overflow: hidden; */ opacity: 0; padding: 20px; -webkit-transition: all 0.23s ease-out; -o-transition: all 0.23s ease-out; transition: all 0.23s ease-out; } .language-overlay.show { display: -webkit-box; display: -ms-flexbox; display: flex; height: 230px; opacity: 1; } .language-overlay.show div:not(.h4) { pointer-events: auto; } .language-overlay div:not(.h4) { padding: 30px; -webkit-box-shadow: 0px 6px 5px rgba(0,0,0, 0.1997); box-shadow: 0px 6px 5px rgba(0,0,0, 0.1997); background: #fff; position: relative; pointer-events: none; border: 1px solid #ddd; } /* .language-overlay div:after { bottom: 100%; left: 594px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } */ .language-overlay div:not(.h4):after, .language-overlay div:not(.h4):before { bottom: 100%; left: 674px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .language-overlay div:not(.h4):after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .language-overlay div:not(.h4):before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ddd; border-width: 11px; margin-left: -11px; } .language-overlay a:hover { text-decoration: underline !important; } .navbar ul li a.cnavbar__item__link:hover { text-decoration: underline !important; } .footer__geo__toggle__list { list-style-type: none; 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-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer__geo__toggle__list a.cnavbar__item__link { color: #fff !important; text-decoration: none !important; white-space: nowrap; font-size: 14px !important; margin-left: 0px !important; margin-right: 0px !important; height: 45px; line-height: 45px; display: inline-block !important; width: auto !important; padding-left: 10px !important; padding-right: 10px !important; border:1px solid transparent !important; } .navbar ul.footer__geo__toggle__list li a.cnavbar__item__link { text-decoration: none !important; display: inline-block !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 5px !important; border:1px solid transparent !important; } .footer__geo__toggle__list a.cnavbar__item__link { display: inline-block !important; } .navbar ul.footer__geo__toggle__list li a.cnavbar__item__link.active { border:1px solid rgb(20, 20, 20) !important; } .footer__geo__toggle__list a.cnavbar__item__link.active { border:1px solid #ffffff !important; } .language-overlay-footer-inner .footer__geo__toggle__list a.cnavbar__item__link { color: #ccc !important; text-decoration: none !important; white-space: nowrap; font-size: 14px !important; height: 30px; line-height: 30px; display: inline-block !important; padding-left: 10px !important; padding-right: 10px !important; margin-left: 5px !important; margin-right: 5px !important; border-radius: 5px !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .language-overlay-footer-inner .navbar ul.footer__geo__toggle__list li a.cnavbar__item__link { text-decoration: none !important; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 5px !important; border:1px solid #ffffff !important; } .language-overlay-footer-inner .footer__geo__toggle__list a.cnavbar__item__link:hover { background-color: #777 !important; color: #fff !important; } .language-overlay-footer-inner .footer__geo__toggle__list a.cnavbar__item__link { display: block !important; width: auto !important; } .language-overlay div.h4 { font-size: 20px; } .language-overlay-footer-inner h4, .language-overlay-footer-inner div.h4 { margin-bottom: 25px !important; font-size: 20px; } .social-icon.switcher.lang { /*height: auto !important; text-align: center; height: 20px; margin-top: 40px;*/ } @media (min-width: 1020px) { .navbar .other-butts ul li a.openwin { font-size: 0.7rem !important; color:rgba(128,128,128,1) !important; } .navbar .other-butts ul li a.openwin:hover, .navbar .other-butts ul li a.openwin:active, .navbar .other-butts ul li a.openwin:focus { text-decoration: underline !important; } .navbar ul li a.sharp-main-cat { border-bottom:2px solid #fff !important; pointer-events: auto; cursor: pointer; } .navbar ul li a.sharp-main-cat:hover, .navbar ul li a.sharp-main-cat:focus, .navbar ul li a.sharp-main-cat:active { border-bottom:2px solid #e81b00 !important; } .navbar ul li a.sharp-main-cat { } .language-overlay { padding-top: 20px !important; } } .switcher ul li { display: block !important; } .table-fader-outer { position: relative; } .table-container { display: block; overflow: auto; margin-right: 10px; } .table-fader { position: absolute; height: 100%; width: 40px; pointer-events: none; right: 0; top:0; z-index: +1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),to(rgba(255,255,255,1))); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } @media (min-width: 700px) { .table-container { display: block; overflow: auto; margin-right: 0px; } .table-fader { display: none; } } table { border:1px solid #d0d0d0; border-spacing: 0px; } table td, table th { padding:10px; border-right:1px solid #d0d0d0; } table tr td { border-bottom:1px solid #d0d0d0; } table tr:last-child td { border-bottom:0px solid #d0d0d0; } table td:last-child, table th:last-child { border-right:0px solid #d0d0d0; } table th { background: #f0f0f0; } table.contentwidth { width: 100%; min-width: 700px; } table.autowidth { width: auto; min-width: 700px; } .rc-anchor-error-msg-container { color:darkred !important; } .menu-main li.btn { border-bottom: 0px solid transparent; text-align: center; margin-left: 20px; } .menu-main li.btn > a { border-bottom: 0px solid transparent; text-align: center; display: block; width: 100%; padding:0; margin:0; } .menu-main li.btn:hover > a { border-bottom: 0 solid transparent; } .menu-main li.btn:hover > a { color: #fff !important; } .card .card-header { padding: .8rem; padding-bottom: 0!important; } blockquote { border-left: .15rem solid rgb(73, 158, 186) !important; } blockquote.fury { font-weight: 700; color:rgb(255, 83, 13); } .box-simple .box-bottom { padding:20px; color:#fff; background: rgb(73, 158, 186); } .box-simple .box-bottom h2 { color:#fff !important; font-size: 26px !important; } .col-3 .box-simple p { font-size: 15px !important; } .logobanner-container { padding-right: 0px; } .box-logobanner { margin: 0 auto; position: relative; width: 100%; background: #fff; padding: 40px; padding-top: 150px !important; max-width: 100%; text-align: center; } .box-logobanner p { font-size: 21px !important; margin-bottom: 0; } .box-logobanner img { position: absolute; left:auto; left:50%; top:-150px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .logobanner-container-large { padding-right: 0px; } .box-logobanner-large { margin: 0 auto; position: relative; width: 100%; background: #fff; padding: 40px; padding-top: 150px !important; max-width: 100%; text-align: center; } .box-logobanner-large p { font-size: 21px !important; margin-bottom: 0; } .box-logobanner-large img { position: absolute; left:auto; left:50%; top:-150px; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } @media (min-width:870px) { .box-logobanner-large { padding-top: 150px !important; } .logobanner-container { padding-right: 150px; } .box-logobanner { margin: 0 auto; position: relative; width: 100%; max-width: 815px; background: #fff; padding: 40px; padding-top: 40px !important; padding-right: 170px !important; text-align: left; } .box-logobanner p { font-size: 28px !important; line-height: 1.2 !important; margin-bottom: 0; } .box-logobanner img { position: absolute; left:auto; right:-150px; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } } @media (min-width:1290px) { .logobanner-container-large { padding-right: 100px; } .box-logobanner-large { margin: 0 auto; position: relative; width: 100%; max-width: 100%; background: #fff; padding: 40px; padding-top: 40px !important; padding-right: 170px !important; text-align: left; } .box-logobanner-large p { font-size: 28px !important; margin-bottom: 0; line-height: 1.2 !important; } .box-logobanner-large img { position: absolute; left:auto; right:-150px; top:50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } } .columns.overture p { font-size: 11px; text-align: center; padding-top:80px; padding-bottom:0px; } .row.blockcontent h2 { margin-top:30px; } @media (min-width:1000px) { .row.blockcontent h2 { margin-top:0px; } } .calc-bussy { display: none; } @media (min-width:1160px) { .calc-bussy { display: block; } } .search-result-support { height: auto; -webkit-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear; } .search-result-support.show { height: auto; } .speckles { position: relative; } .load-specs { opacity: 0; -webkit-transition: opacity 0.1787s linear; -o-transition: opacity 0.1787s linear; transition: opacity 0.1787s linear; } .load-specs.show { opacity: 1; } .loader-container { pointer-events: none; opacity: 0; width: 330px; -webkit-transition: opacity 0.1787s linear; -o-transition: opacity 0.1787s linear; transition: opacity 0.1787s linear; } .loader-container.show { opacity: 1; } .search-result-support .loader02 { opacity: 0; -webkit-transition: opacity 0.1787s linear; -o-transition: opacity 0.1787s linear; transition: opacity 0.1787s linear; } .search-result-support .loader02.show { opacity: 1; } .search-result-support .found { display: none; } .search-result-support .not-found { display: none; } .search-result-support .found.show { display: block; } .search-result-support .not-found.show { display: block; } .modal-container { min-height: 100vh !important; } .modal-container .modal-body { min-height: 300px !important; } .wpcf7-form-control-wrap.contact-email { opacity: 0; height: 0; overflow: hidden; padding: 0; margin: 0; display: none; } .contact-part-2 { opacity: 0.3; pointer-events: none; cursor: no-drop; } .contact-part-2.active { opacity: 1; pointer-events: auto; cursor: default; } .btn.btn-clear { width: 40px !important; height: 40px !important; line-height: 40px !important; padding: 0 !important; } .legendos { position: relative; } .accessibility-info { color:rgba(255,255,255,0.4); position: absolute; right: 0.8rem; font-size: 0.5rem; top:0; display: none; } @media (min-width:1023px) { .accessibility-info { display: block; } } .page-content-o p { position: relative; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; } .page-content-o p a { color: #121212 !important; font-weight: 500; display: block; } .page-content-o p a:hover { text-decoration: none !important; } .page-content-o p a span { display: block; color: #E6000D !important; font-weight: 400; } .page-content-o p a:hover span { display: block; color: #E6000D !important; font-weight: 400; text-decoration: underline !important; } .page-content-o p:before { position: absolute; content: ''; left:0; top:0; width: 10px; height: 100%; background: grey; border-left:0px solid #E6000D !important; transition: all 0.2s linear; } .page-content-o p:hover:before { border-left:10px solid #E6000D !important; width: 0px; } ul.gform_fields { list-style-type: none; } .contacts__hotline .howto { margin-top: 60px; } .contacts__hotline .howto ol { list-style-position: outside; } #gform_6 #field_6_8, #gform_6 #field_6_24, #gform_6 .gform_footer, #gform_6 #field_6_26 { margin-top: 70px; } .ginput_container_select, .ginput_container_date { position: relative; } .ginput_container_select:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0d7"; position: absolute; z-index: +1; font-size: 20px; pointer-events: none; right: 15px; top:50%; transform: translate(0,-50%); } .ginput_container_date:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f133"; font-size: 20px; position: absolute; z-index: +1; pointer-events: none; right: 12px; top:50%; transform: translate(0,-50%); } .validation_message { padding:5px; color:#E6000D !important; font-weight: 500; } .gfield_label { font-size: 14px; font-weight: 500; display: block; line-height: 1.2rem; padding: .3rem 0; } .gfield_description { color:#999; font-style: italic; font-size: 13px; margin-bottom: 8px; } #field_4_20 { margin-top: 40px; } .gfield_checkbox input { } .validation_error { color:#E6000D !important; font-weight: 700; } input.medium, input.large, input.datepicker { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: #fff !important; background-image: none !important; border: .05rem solid #bcc3ce !important; border-radius: .1rem !important; color: #3b4351 !important; display: block !important; font-size: .8rem !important; height: 1.8rem !important; line-height: 1.2rem !important; max-width: 100% !important; outline: 0 !important; padding: .25rem .4rem !important; position: relative !important; transition: background .2s,border .2s,box-shadow .2s,color .2s !important; width: 100% !important; height: 50px !important; border: 0px solid rgb(200, 200, 200) !important; border-bottom: 1px solid rgb(200, 200, 200) !important; padding-left: 15px; background: rgb(251,251,251) !important; font-size: 17px!important; } select { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: #fff !important; background-image: none !important; border: .05rem solid #bcc3ce !important; border-radius: .1rem !important; color: #3b4351 !important; display: block !important; font-size: .8rem !important; height: 1.8rem !important; line-height: 1.2rem !important; max-width: 100% !important; outline: 0 !important; padding: .25rem .4rem !important; position: relative !important; transition: background .2s,border .2s,box-shadow .2s,color .2s !important; width: 100% !important; height: 50px !important; border: 0px solid rgb(200, 200, 200) !important; border-bottom: 1px solid rgb(200, 200, 200) !important; padding-left: 15px; background: rgb(251,251,251) !important; font-size: 17px!important; } .gform_heading { display: none; } .lang-mobile { display: block !important; } @media (min-width:1020px) { .lang-mobile { display: none !important; } } .card-footer .btn { border:1px solid rgb(128, 128, 128) !important; color:#252527 !important; text-transform: uppercase !important; border-radius: 50px; background-color: #fff !important; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important; width: auto !important; margin: 0 auto; margin-bottom: 0px; font-size: 14px; transition-property: none !important; } .btn.btn-primary { border:1px solid #E6000D !important; color:#fff !important; text-transform: uppercase !important; border-radius: 50px; background-color: #E6000D !important; border:1px solid #E6000D !important; display: inline-block !important; padding-left: 50px !important; padding-right: 50px !important; width: auto !important; margin: 0 auto; margin-bottom: 0px; font-size: 14px; transition-property: none !important; } .card-footer .btn:hover, .card-footer .btn:focus, .card-footer .btn:active { transition-property: none !important; color:#ffffff !important; background-color: #E6000D !important; border-color: #E6000D !important; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { transition-property: none !important; color:#E6000D !important; background-color: #fff !important; border-color: #E6000D !important; } @media (min-width:768px) { .card-footer .btn { transition: all 0.12s linear !important; } .btn.btn-primary { transition: all 0.12s linear !important; } .card-footer .btn:hover, .card-footer .btn:focus, .card-footer .btn:active { transition: all 0.12s linear !important; } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { transition: all 0.12s linear !important; } } .card-footer div { margin: 0 auto !important; } /* .card-footer .cc-InlineButton-module-button_1_g4B, .card-footer .btn.sbc { display: none !important; font-size: 16px !important; height: 50px !important; line-height: 50px !important; border-radius: 30px 30px !important; padding-left: 40px !important; padding-right: 40px !important; } .card-footer .cc-InlineButton-module-button_1_g4B.show, .card-footer .btn.sbc.show { display: inline-block !important; } */ .manual-pdf { } .downloads-manuals { background: #fff; height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; } .downloads-manuals.top { display: none; } .downloads-manuals.bottom { display: block; } .downloads-manuals.open { height: auto; padding-top: 40px; padding-bottom: 40px; } .downloads-manuals.open.top { height: auto; padding-top: 20px; padding-bottom: 20px; padding: 20px; margin: 0 auto; margin-bottom:40px; width: 90%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .downloads-manuals.open.bottom { height: auto; padding-top: 20px; padding-bottom: 20px; padding: 20px; margin: 0 auto; margin-bottom:40px; width: 90%; } .downloads-manuals.open.top h3 { display: none; } .downloads-manuals .legend { padding-left: 40px; padding-bottom: 20px; } .downloads-manuals ul, .warranty ul { padding: 0; margin: 0; list-style-type: none; } .downloads-manuals ul li, .warranty ul li { padding: 0; margin: 0; border-bottom: 1px solid #ddd; } .downloads-manuals a, .warranty a { display: inline-block; border:0px solid red; position: relative; text-decoration: none; padding: 15px; padding-left: 40px; font-weight: 700; } .warranty a { font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif !important; font-size: 20px; } .validits { margin-top: 10px; font-weight: 500; font-style: normal; font-size: 11px; } .downloads-manuals a:hover, .warranty a:hover { display: inline-block; border:0px solid red; position: relative; padding-left: 40px; text-decoration: none; } .downloads-manuals a img, .warranty a img { max-width: 30px !important; position: absolute !important; left: 0 !important; } .downloads-butts a.btn.active { background: rgba(232, 27, 0) !important; color:#fff !important; } .downloads-butts a.btn { position: relative; } .downloads-butts a.btn i.icon-caret { position: relative; top:0px; font-size: 20px; } .downloads-butts a.btn.active i { transform: rotate(180deg); } @media (max-width:800px) { .downloads-manuals.top { display: block; } .downloads-manuals.bottom { display: none; } .downloads-butts a.btn.active { margin-bottom: 0 !important; } .downloads-butts a.btn { display: block !important; width: 100%; } .downloads-manuals a { font-size: 12px !important; } .downloads-manuals .legend { font-size: 12px !important; } } /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .rep_ener_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .rep_ener_container .product_datasheet.energy { padding-right: 15px; } .rep_ener_container .product_datasheet.repairablity_index { padding-left: 15px; margin-bottom: 0 !important; } .rep_ener_container div.repairablity_index { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .repairablity_index a { cursor: default; } .page-content-o h3 i { font-size: 16px !important; } .page-content-o h3 { margin-bottom: 20px; } .page-content-o h3.active { color: #000; } .page-content-o h3.active i { transform: rotate(180deg); } .page-content-o h3:hover { color:rgb(168, 168, 168) !important; cursor:pointer; transition: color 0.2s linear; } .page-content-o .docs-container { display: none; margin-bottom: 60px; } .page-content-o .docs-container.show { display: block; } /* changes from staging-z 07.07.2021 */ .ng-element-viewer-360 { cursor: pointer; } .viw360 { position: relative; height: 100%; right:0; margin: 0 auto; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 98%; z-index: +1; background: #fff; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; opacity: 1; pointer-events: auto; } @media (max-width:800px) { .viw360 { z-index:20000; } } .viw360.sda { max-height: 72%; width: 60%; } .viw360.sda .viewer-360 .viewer-image { /*height: 550px;*/ padding-bottom: 82.2% !important; } .viw360.show { top:30px; opacity: 1; pointer-events: auto; } .viewer-butt-group { text-align: center; margin-top: 40px; } .viewer-butt-group .btn { width: auto; display: inline-block; margin: 0 auto; } .viewer-butt-group .btn:focus { background: #999 !important; color: #fff !important; } .viewer-butt-group .btn { width: auto; display: inline-block; margin: 0 auto; } .viewer360 { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .viewer-360 { width: 100%; } .viewer-butt-group.show-lg { margin-top:20px; } .box .img-responsive { object-fit: cover; } /* #sharp-zoomer { position:absolute; transform:translate(-50%,-50%); height:335px; width:335px; border-radius:30px; border:1px solid #232323; z-index: 2000000; background-color:#fff; background-size: 300%; background-repeat: no-repeat; box-shadow: 0 11px 4px -5px rgba(0,0,0,0.19338); cursor: crosshair; transition: opacity 0.1s linear; opacity: 0; pointer-events: none; } #sharp-zoomer.active { opacity: 1; pointer-events: none; } */ [draggable=true] { cursor: move; } #modal-zoom, #modal-360 { z-index: 3000; } .chip.sel, .chip:hover { color: #ffffff !important; background: rgba(232, 27, 0) !important; } @media (min-width:760px) { .chip { background: #ffffff !important; padding: .8rem 1rem !important; font-size: 100% !important; cursor: pointer; transition: all 0.3287s linear; margin-bottom: 10px !important; } .chip.sel, .chip:hover { color: #ffffff !important; background: rgba(232, 27, 0) !important; } } .filter-nav .chip:nth-child(4) { display: none; } /* end changes from staging-n */ /* changes from staging */ .web-sticker { position: relative; padding:4px 20px; background: rgb(232,37,0); font-size: 13px; color: #fff; font-weight: 400; display: inline-block; margin-bottom: 20px; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0,0,0,0.19); text-shadow: 1px 1px 1px rgba(0,0,0,0.19); } .web-sticker::before { display: none; } .web-sticker::after { display: none; } .card.click .web-sticker { position: absolute; padding:4px 20px !important; left: -1px; top:20px; background: rgb(232,37,0); color: #fff; font-weight: 400; margin-bottom: 0px; z-index: +1; border-radius: 5px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .web-sticker.flatbed { background: #f29900 !important; } /* end changes from staging */ .terms-conditions-warranty { list-style-type: decimal; list-style-position: outside; } .terms-conditions-warranty .decimal { list-style-type: decimal; } .terms-conditions-warranty h3, .nested h3 { display: inline-block; font-size: 17px; font-weight: 700 !important; } .hide-me { position: absolute; opacity: 0; height: 0; overflow: hidden; } ol.nested { list-style: none; counter-reset: cupcake; /*padding-left: 32px;*/ } ol.nested>li { counter-increment: cupcake; } ol.nested>li:before { content: counters(cupcake, ".") ". "; } ol.alpha { list-style: lower-alpha; counter-reset: inner; /*padding-left: 32px;*/ padding-left: 20px; } ol.alpha>li { list-style: lower-alpha; counter-reset: inner; counter-increment: inner; margin-left: 10px; position: relative; padding-left: 20px; } ol.alpha>li:before { display: none; } #field_6_8, #field_7_8, #field_8_8, #field_9_8, #field_10_8, #field_11_8, #field_12_8, #field_13_8, #field_6_24, #field_7_24, #field_8_24, #field_9_24, #field_10_24, #field_11_24, #field_12_24, #field_13_24, #field_6_27, #field_7_27, #field_8_27, #field_9_27, #field_10_27, #field_11_27, #field_12_27, #field_13_27, .gform_footer.top_label { padding-top: 40px !important; } #field_6_27 ul, #field_7_27 ul, #field_8_27 ul, #field_9_27 ul, #field_10_27 ul, #field_11_27 ul, #field_12_27 ul, #field_13_27 ul { list-style-type: none; } .gfield_description { color: #999; font-style: normal; font-size: 15px; margin-bottom: 8px; } .maestro-link { display: block; margin-top: 60px; } table.black-border { border: 1px solid #333; border-bottom: 2px solid #333; margin: 5px; margin-left: -5px; } table.black-border td { padding:5px; border: 1px solid #333; font-weight: 700; text-align: center; font-size: 13px; } @media (min-width:768px) { table.black-border { border: 1px solid #333; border-bottom: 2px solid #333; margin: 20px; margin-left: 20px; } table.black-border td { padding:20px; border: 1px solid #333; font-weight: 700; text-align: center; font-size: 15px; } .menu-main ul.sub-menu li a.btn.beratung-menu { margin-top: 20px !important; } } li.heading { margin-top: 40px; } strong.second { margin-top: 50px; display: block; } .hidden-form-part { display: block !important; } .six.nested ul.cosima { list-style-type: none; } .downloads-butts form { display: inline-block; } .price { padding: 4px; border-radius: 5px; font-weight: 500; display: inline-block; font-size: 29px; font-family: 'Roboto Condensed', sans-serif !important; } .card-body .price{ width: 100%; text-align: center; margin: 0 auto; margin-bottom: 30px; } .produkt-top .price { margin-bottom: 0px; margin-top: 30px; } .cat-header .btn.btn-primary { margin-left: 0 !important; margin-top: 40px !important; } .annex { margin-top: 50px !important; } .annex-header { text-align: center !important; font-weight: 700 !important; } .powietrza { margin-top: -10px; list-style-position: outside; margin-left:30px; } #cc_button_desktop { display: flex; } .whenem a { padding-left: 20px !important; padding-right: 20px !important; } .page-template-e-scooter .whenem a { margin-top:20px; } @media (max-width:969px) { .produkt-toolbar .cc-InlineButton-module-button_1_g4B { padding-left: 20px !important; padding-right: 20px !important; line-height: 30px !important; height: 30px !important; } .whenem a, .whenem .btn, .card-footer .whenem .btn.de { padding-left: 20px !important; padding-right: 20px !important; font-size: 13px !important; } .card .card-footer.de { padding: 0.8rem 0.4rem 0.8rem 0.4rem; } #cc_button_mobile.show-md { display: flex !important; padding-right: 0px; } } @media (min-width:970px) { .alternate .btn.btn-primary { background: #ffffff !important; color:#E6000D !important; position: relative; } .alternate .btn.btn-primary:before { position: absolute; content: ''; width: 100%; height: 100%; background: #fff; border-radius: 50px 50px !important; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s linear; opacity:0; } .alternate a.btn.btn-primary:hover:before { /* opacity:.4; transform: translate(-50%,-50%) scale(1.03) ; */ } } .card-footer .btn { padding-left: 20px !important; padding-right: 20px !important; font-size: 14px !important; height: 40px !important; line-height: 40px !important; } .cc-InlineButton-module-button_1_g4B { margin: 0 auto; } .cc-InlineButton-module-button_1_g4B.digital { background-color: #388e3c !important; border-color: #388e3c !important; color: white !important; margin-right: 15px; } .cc-InlineButton-module-button_1_g4B.digital { background-color: #388e3c !important; border-color: #388e3c !important; color: white !important; } .btn.btn-primary.hider { opacity: 0 !important; position: absolute; } .whenem { display: contents !important; } #modal-zoom .modal-footer, #modal-zoom .modal-header { position: relative; } #modal-zoom .modal-header .zoom-controls { position: absolute; left:50%; transform: translate(-50%,0); display: block; } #tns2-ow .tns-controls { } .slide-zoom-container { max-height: 80px; margin:0 auto; max-width: 320px; width: 320px; } .slide-zoom-container .tns-outer { max-height: 80px; } #modal-zoom .modal-header .zoom-info { position: absolute; right:100px; top:15px; display: none; align-items: center; align-content: center; font-size: 0.6rem; } #modal-zoom .modal-header .zoom-info img { width: 33px; height: auto; margin-right: 10px; } #modal-zoom .modal-header .zoom-controls button { /* width: 50px; height: 30px; border:1px solid #999; border-radius: 3px; padding: 10px; */ height: 40px !important; padding:0 !important; padding-left:20px !important; padding-right:20px !important; line-height: 1 !important; } #modal-zoom .modal-header .zoom-controls button { /* width: 50px; height: 30px; border:1px solid #999; border-radius: 3px; padding: 10px; */ height: 40px !important; padding:0 !important; padding-left:20px !important; padding-right:20px !important; line-height: 1 !important; } #modal-zoom .modal-header .zoom-controls button.smaller { /* width: 50px; height: 30px; border:1px solid #999; border-radius: 3px; padding: 10px; */ height: 40px !important; padding:0 !important; padding-left:20px !important; padding-right:20px !important; line-height: 1 !important; border:1px solid #111 !important; } #modal-zoom .modal-header .zoom-controls button.bigger { /* width: 50px; height: 30px; border:1px solid #999; border-radius: 3px; padding: 10px; */ height: 40px !important; padding:0 !important; padding-left:20px !important; padding-right:20px !important; line-height: 1 !important; border:1px solid #111 !important; } #modal-zoom .modal-header .zoom-controls button.bigger.inactive, #modal-zoom .modal-header .zoom-controls button.smaller.inactive { border:1px dashed #666 !important; } #modal-zoom .modal-container .modal-body { min-height: 30px !important; } #modal-zoom.modal .modal-container .modal-body { overflow: hidden !important; } #modal-zoom.modal .modal-footer { max-height: 100px; } #modal-zoom .modal-container .modal-header { padding-bottom:10px !important; } #modal-zoom .modal-container .modal-body { padding:0px !important; } #modal-zoom .modal-container .modal-footer { padding: 0 !important; } #tns2 { height: 80px !important; } #tns2 .tns-item { height: 80px !important; } .hochkant #tns2 { height: 80px !important; } .hochkant #tns2 .tns-item { height: 80px !important; width: 80px !important; } #modal-zoom .tns-nav { display: none !important; } #modal-zoom.modal:target .modal-overlay, #modal-zoom.modal.active .modal-overlay, #modal-360.modal:target .modal-overlay, #modal-360.modal.active .modal-overlay { background: rgba(0,0,0,0.8) } .pinch-zoom-container { width: 100%; } #tns2-iw { } #tns2-ow .tns-controls { position: absolute; top: -20px; left: 20px; width: 100%; height: 100%; } #tns2-ow .tns-controls button { position: absolute; top:50%; bottom:auto; right:0; left:auto; z-index: +1 !important; background: transparent !important; border:none !important; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; -webkit-transform: rotate(-90deg) translate(0,-50%); -ms-transform: rotate(-90deg) translate(0,-50%); transform: rotate(-90deg) translate(0,-50%); } #tns2-ow .tns-controls button:hover { -webkit-transform: rotate(-90deg) translate(0,-50%) scale(1.3); -ms-transform: rotate(-90deg) translate(0,-50%) scale(1.3); transform: rotate(-90deg) translate(0,-50%) scale(1.3); } #tns2-ow .tns-controls button:first-of-type:hover { -webkit-transform: rotate(-90deg) translate(0,-50%) scale(1.3); -ms-transform: rotate(-90deg) translate(0,-50%) scale(1.3); transform: rotate(-90deg) translate(0,-50%) scale(1.3); } #tns2-ow .tns-controls button:first-of-type { position: absolute; top:50%; left: 0; right: auto; bottom:auto; -webkit-transform: rotate(-90deg) translate(0,-50%); -ms-transform: rotate(-90deg) translate(0,-50%); transform: rotate(-90deg) translate(0,-50%); } #modal-zoom .modal-container, #modal-360 .modal-container { height: 80vh !important; width: 100%!important; min-height: 80vh !important; min-width: 100%!important; max-height: 80vh !important; max-width: 100%!important; padding: 0 !important; } #modal-zoom .zoom-detail-container { overflow: hidden; height: 70vh !important; width: 100%!important; min-height: 70vh !important; min-width: 100%!important; max-height: 70vh !important; max-width: 100%!important; position: relative; margin:0 auto; } #modal-zoom .modal-container { display: flex; top:0px; position: absolute; } #modal-360 .modal-container { display: flex; top:0px; position: absolute; } #modal-360 .modal-container .modal-body { min-height: 70vh !important; display: flex; align-items: center; } #modal-360 .modal-container .modal-body .content { width: 100%; } #tns2 > .tns-item { text-align: center; padding: 10px; } .slider-imag-zoom { max-width: 100%; width: 100%; height: auto; margin: 0 auto; position: relative; top: 50%; transform: translate(0, -50%); } #modal-zoom .zoom-detail { max-width: 80%; width: 80%; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #modal-zoom .zoom-detail.two { } #modal-zoom .zoom-detail.three{ } #modal-zoom.modal .main-image { pointer-events: none; } .tns-controls button:disabled svg path { fill:#ccc !important; } .img-zoom-hidden { opacity:0; transition: opacity 0.1s linear; } .image-position { position: absolute; top:-50px; left:50%; transform: translate(-50%,0); padding:2px; padding-left: 10px; padding-right: 10px; background: #fff; border:1px solid #aaa; color: #888; font-size: 11px; text-align: center; border-radius: 12px; display: block; } @media (min-width:901px) { .image-position { /* display: none; */ } .slide-zoom-container { max-height: 80px; margin:0 auto; max-width: 480px; width: 480px; } #modal-zoom.modal img.hero-prod { max-height: 80%; width: auto; } #modal-zoom.modal img { } #modal-zoom .zoom-detail.two { } #modal-zoom .zoom-detail.three{ } #modal-zoom.modal .main-image { pointer-events: none; } #modal-zoom .modal-container { display: flex; top:auto; position: absolute; } #modal-360 .modal-container { display: flex; top:auto; position: absolute; } #modal-zoom .modal-container, #modal-360 .modal-container { height: 80vh !important; width: 70vw !important; min-height: 80vh !important; min-width: 70vw!important; max-height: 80vh !important; max-width: 70vw!important; padding: 0 !important; } #modal-zoom .zoom-detail-container { overflow: hidden; height: 70vh !important; width: 70vw !important; min-height: 70vh !important; min-width: 70vw!important; max-height: 70vh !important; max-width: 70vw!important; position: relative; margin:0 auto; } .smaller.inactive, .bigger.inactive { pointer-events: none; opacity: 0.5; } #modal-zoom .zoom-detail { position: absolute; display: block; } #modal-zoom .modal-header .zoom-controls { display: block; } #modal-zoom .modal-header .zoom-info { position: absolute; right:100px; top:15px; display: none; } } .row.cat-header.sharp2 video, .sharp2-features-xl video, .sharp2-features-l video { width: 100% !important; height: auto !important; margin-left: 0px !important; } .row.cat-header.sharp2 video { margin-bottom: -10px !important; } .row.cat-header.sharp2 .inhalt { width:35%; right:0; color:#000000 !important; background: transparent !important; top:50%; } .row.cat-header.sharp2.eq-series .inhalt { width:55%; left:5%; right: auto; color:#000000 !important; background: transparent !important; bottom:20px; top:auto; transform: translate(0,0); } .row.cat-header.sharp2.air-fryer .inhalt { width:100%; left:50%; right: auto; color:#000000 !important; background: transparent !important; top:50%; bottom:auto; transform: translate(-50%,-50%); } .row.cat-header.sharp2 .btn { margin-top:70px !important; } .sharp2-overview { background: #f8f8f8; padding-top: 50px; } .sharp2-overview.e-scooter{ background: #f8f8f8; padding-top: 0px; } .logo-in-head { max-width: 135px !important; height: auto; position: relative; margin-bottom: 40px; } .product-card { display: flex; margin-top:60px; box-shadow: 2px 6px 10px rgba(0,0,0,0.1937); } .e-scooter .product-card { display: flex; align-items: center; margin-top:60px; box-shadow: 2px 6px 10px rgba(0,0,0,0.1937); } .product-card h3 { font-weight: 900 !important; } .danum { font-size: 22px; display: block; margin-bottom: 20px; } .e-scooter .danum { font-size: 22px; display: block; margin-bottom: 10px; } .product-card, .danum, .sharp2 h1, .sharp2 h2 { color: #777 !important; } .product-card, .danum, .eq-series.sharp2 h1, .eq-series.sharp2 h2 { color: #444 !important; } .e-scooter.sharp2 h1, .e-scooter.sharp2 h2 { color: #fff !important; } .e-scooter.air-fryer.sharp2 h1, .e-scooter.air-fryer.sharp2 h2 { color: #222 !important; } .sharp2 h1 { font-size: 60px !important; margin-bottom: 30px !important; max-width: 100% !important; } .sharp2 h2 { font-size: 28px !important; font-weight: 100 !important; max-width: 70% !important } .eq-series.sharp2 h1 { font-size: 30px !important; font-weight: 700 !important; margin-bottom: 30px !important; max-width: 100% !important; } .eq-series.sharp2 h2 { font-size: 20px !important; font-weight: 100 !important; max-width: 70% !important } .product-card:last-of-type { margin-bottom: 80px; } .e-scooter .product-card:first-of-type { margin-top: 0px; } .product-card .inter-right, .product-card .inter-left { width: 50%; position:relative; } .product-card { background: #fff; } .inter-right { padding:30px; } .sharp2-features-xl h2, .sharp2-lifestyle h2 { margin-top:80px; margin-bottom: 40px; } .sharp2-lifestyle { margin-bottom: 80px; background-color: #f8f8f8; } .feature-xl, .feature-l { text-align: center; margin-bottom: 120px; } .feature-xl h3, .feature-l h3 { margin-top: 30px; } .carousel-container .btn-lg { background: transparent !important; border:0px solid transparent !important; padding-left: 20px !important; padding-right: 20px !important; } .carousel-container .btn-lg .icon { vertical-align: 0% !important; width: 100% !important; color:#fff!important; font-size: 30px!important; } .carousel .carousel-container .item-next, .carousel .carousel-container .item-prev { opacity: 1 !important; } .product-card .column.tlogos { padding-left: 0px !important; justify-content: flex-start !important; padding-bottom: 20px !important; } .e-scooter .product-card.left .column.tlogos { padding-right: 0px !important; justify-content: flex-end !important; padding-bottom: 20px !important; } .inter-left img { position: relative; top:-40px; } .inter-left img.cashback-info { position: absolute; top:20px; left:0; max-width: 200px; cursor: pointer; } .cashback-detail-logo { cursor: pointer; } .inter-left img.cashback-info.right { position: absolute; top:20px; left:auto; right:0; max-width: 200px; } .cashback_headline { font-weight: 700; color:rgba(232, 27, 0,1); margin-bottom: 15px; } .cashback-logos { display: flex; margin-bottom:20px; justify-content: space-between; } .cashback-logos a { display: block; width: 16.666%; } .e-scooter .inter-left img { position: relative; top:0px; margin: 0 auto; margin-top:80px; margin-bottom:40px; max-width: 480px; } .sharp2-features-xl .videocolumn { margin-bottom: 80px; } .product-card .cc-InlineButton-module-button_1_g4B { border-radius: 20px !important; margin-left: 40px; } .product-card .card-footer { display: inline-flex; justify-content: flex-start; width: auto; } .cat-header.sharp2 { overflow: hidden; } .sharp2-features-xl p, .sharp2-features-l p { font-weight: 300 !important; max-width: 90%; margin: 0 auto; } .sharp2-features-xl img.img-responsive { height:800px; object-fit: cover; } /* .e-scooter .product-card .logo-container { width: 70px !important; height: 70px !important; background-size: cover !important; margin: 0 !important; } .e-scooter .product-card .tlogos { margin-top: 20px !important; } */ .e-scooter .container { position: relative; } .e-scooter.stickier { position: sticky; top:0; z-index: 300; padding-top: 20px; padding-bottom: 20px; background: #f8f8f8; } .e-scooter.stickier.smaller { padding-top: 5px; padding-bottom: 5px; transition: all 0.3484s ease; } ul.e-scooter { list-style: none; display: block; overflow: hidden; } ul.e-scooter li { float: left; padding-left: 40px; padding-right: 40px; } ul.e-scooter li a { color:#777 !important; text-decoration: none !important; } ul.e-scooter li a:hover, ul.e-scooter li a.active { color:rgba(232, 27, 0) !important; } ul.e-scooter li a h2 { transition: all 0.3445s ease; } .smaller ul.e-scooter li a h2 { font-size: 20px !important; } .sharp2-control-image { margin-bottom: 120px; } .sharp2 .btn.with-icon { position: relative; padding-left: 60px !important; } .sharp2 .btn .icon { position: absolute !important; left:30px !important; top:50% !important; transform: translate(0,-50%) !important; } .img-responsive.app-screen { max-width: 575px !important; } .download-boxes img, .download-boxes a { display: block; max-width: 230px; height: auto; } .download-boxes .google a { display: block; margin-top: 20px; } .download-boxes .apple a { text-align: center; margin-top: 30px; } .download-boxes .apple a img { display: inline-block; max-width: 200px !important; height: auto; } .download-boxes { margin-top: 120px; display: flex; justify-content: space-around; } .img-responsive.show-md.app-screen { max-width: 375px !important; margin: 0 auto; margin-top:20px; margin-bottom: 30px; } .e-scooter .product-card.left .inter-right{ text-align: end; } .e-scooter .highligts ul, .page-template-eq-series .highligts ul { margin-left: 0 !important; } .e-scooter .highligts ul li::before, .page-template-eq-series .highligts ul li::before { display: none !important; } .e-scooter .product-card.left .inter-right p { padding-left:30% !important; } .e-scooter .product-card.right .inter-right p { padding-right:30% !important; } /* .google, .apple { background: #f0f0f0; padding: 20px; border-radius: 40px; } */ @media (max-width:1020px) { .row.cat-header.sharp2.air-fryer .inhalt { width:55%; left:5%; right: auto; position: relative; color:#000000 !important; background: transparent !important; bottom:0px; top:auto; transform: translate(0,0); } } @media (max-width:901px) { .download-boxes { margin-top: 50px; } .download-boxes .google, .download-boxes .apple { margin-bottom: 50px; } .e-scooter .product-card.left .inter-right p { padding-left:0% !important; } .e-scooter .product-card.left .inter-right{ text-align: left; } .e-scooter .product-card.right .inter-right p { padding-right:0% !important; } .e-scooter .product-card.left .column.tlogos { padding-right: 0px !important; justify-content: center !important; padding-bottom: 20px !important; } .download-boxes { flex-direction: column; } .google img, .apple img, .google a, .apple a { display: block; margin:0 auto; } .sharp2-control-image { margin-bottom: 80px; } .e-scooter.cat-header .img-responsive { object-position: 36%; } .e-scooter.sharp2 h1, .e-scooter.sharp2 h2 { color:#777 !important; } ul.e-scooter li { float: left; padding-left: 10px; padding-right: 10px; } ul.e-scooter li a h2, .smaller ul.e-scooter li a h2 { font-size: 17px !important; } .sharp2-features-xl img.img-responsive, .sharp2-features-l img.img-responsive { height:280px; object-fit: cover; } .sharp2-features-xl p, .sharp2-features-l p { font-weight: 300 !important; max-width: 95%; margin: 0 auto; font-size: 14px !important; } .product-card .card-footer { display: flex; justify-content: center; width: auto; } .sharp2-features-xl h2, .sharp2-lifestyle h2 { margin-top: 30px; margin-bottom: 40px; } .sharp2-lifestyle { margin-bottom: 0px; } .row.cat-header.sharp2 .btn { margin-top: 30px !important; } .product-card .scrennsize-slinky.detail .size-slinky { width: 60px !important; min-width: 40px !important; } .row.cat-header.sharp2.eq-series .inhalt { width:55%; left:5%; right: auto; position: relative; color:#000000 !important; background: transparent !important; bottom:20px; top:auto; transform: translate(0,0); } .product-card .logo-container { width: 70px; } .product-card .column.tlogos { padding-left: 0px !important; justify-content: center !important; padding-bottom: 20px !important; margin-top: 20px; } .row.cat-header.sharp2 .inhalt { background: #fff !important; width:100%; } .row.cat-header.sharp2 video { width: 150% !important; height: auto !important; margin-left: 0px !important; } .product-card { flex-direction: column; } .product-card .inter-right, .product-card .inter-left { width: 100%; } .product-card .inter-left { order: 1; } .product-card .inter-right { order: 2; } .sharp2 h1 { font-size: 40px !important; margin-bottom: 10px !important; max-width: 100% !important; } .sharp2 h2 { font-size: 18px !important; font-weight: 100 !important; max-width: 100% !important } .product-card .cc-InlineButton-module-button_1_g4B { border-radius: 20px !important; margin-left: 10px; } .feature-xl, .feature-l { text-align: center; margin-bottom: 80px; } .feature-xl h3, .feature-l h3 { margin-top: 18px; } .inter-right { padding: 18px; padding-top: 0px; } .cat-header.sharp2 .logo-in-head { margin-bottom: 20px; } } @keyframes flickerAnimation { 0% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; } 100% { opacity:1; } } @-o-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes flickerAnimation{ 0% { opacity:1; } 50% { opacity:1; } 75% { opacity:0; } 100% { opacity:1; } } .animate-flicker { -webkit-animation: flickerAnimation 4s infinite; -moz-animation: flickerAnimation 4s infinite; -o-animation: flickerAnimation 4s infinite; animation: flickerAnimation 4s infinite; } @media (min-width:1020px) { .eq-series.sharp2 h1 { font-size: 27px !important; margin-bottom: 10px !important; max-width: 100% !important; } .eq-series.sharp2 h2 { font-size: 19px !important; font-weight: 100 !important; max-width: 70% !important } .row.cat-header.eq-series.sharp2 .btn { margin-top: 10px !important; } } @media (min-width:1220px) { .eq-series.sharp2 h1 { font-size: 30px !important; margin-bottom: 20px !important; max-width: 100% !important; } .eq-series.sharp2 h2 { font-size: 22px !important; font-weight: 100 !important; max-width: 70% !important } .row.cat-header.eq-series.sharp2 .btn { margin-top: 30px !important; } } @media (min-width:1441px) { .eq-series.sharp2 h1 { font-size: 60px !important; margin-bottom: 20px !important; max-width: 100% !important; } .eq-series.sharp2 h2 { font-size: 28px !important; font-weight: 100 !important; max-width: 70% !important } } @media (min-width:1941px) { .sharp2 h1 { font-size: 85px !important; margin-bottom: 20px !important; max-width: 100% !important; } .sharp2 h2 { font-size: 36px !important; font-weight: 100 !important; max-width: 70% !important } .eq-series.sharp2 h1 { font-size: 85px !important; margin-bottom: 20px !important; max-width: 100% !important; } .eq-series.sharp2 h2 { font-size: 36px !important; font-weight: 100 !important; max-width: 70% !important } } .page-template-e-scooter .columns { position: relative; } #e-scooters, #features, #control-application { position: absolute; top: -100px; } .new-marketing { text-align: center !important; } .new-marketing .column { padding-bottom:30px; } .new-marketing .h2 { margin-top: 30px; font-weight: 300; } .new-marketing p { margin-top: 30px; font-weight: 100; max-width: 90%; margin: 0 auto; } .new-marketing.row-484849 { padding-top: 50px; padding-bottom: 80px; } .new-marketing.row-484849 .img-responsive { height:280px; object-fit: cover; } .sharp2-features-l { display: none !important; } @media (min-width:910px) { .new-marketing.row-484849 .img-responsive { height:800px; object-fit: cover; } .new-marketing.row-484849 { padding-top: 50px; padding-bottom: 120px; } } #nav-menu-item-54813 a { display: none !important; } .more-space.e-scooter { margin-top: 50px !important; width: 100%; } .foaccess { margin-top: 40px !important; } .more-models.accessories, .more-models.e-scooter, .downloads.accessories { display: none; } /* series */ .ce.series { background:rgb(243, 243, 243); padding-top: 80px; } .series-card { background: #fff; display: flex; width: 100%; overflow: hidden; color:rgba(20, 20, 20, 1) !important; margin-bottom: 40px; text-decoration: none !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.1026); border-radius: 3px; } .series-card img { position: relative; max-width: 100%; height: auto; width: 30%; background-position: center; background-size: cover; background-repeat: no-repeat; left:0; transition: width .5s ease; } @media (min-width: 971px) { .series-card:hover img { width: 15%; } } .series-card .content { width: 70%; padding:10px; font-weight: 300; } .series-card .content { position: relative; } .series-card .content .icon { position: absolute; right: -40px; top:50%; transform: translate(0,-50%); } .series_name { font-size: 32px; max-width: 95%; line-height: 1.2; font-weight: 300 !important; font-family: 'Roboto Condensed', sans-serif !important; margin-bottom: 10px; } .series_category { font-weight: 700; color:rgba(232, 27, 0) !important; } .cat-header > .series_category { font-weight: 700; color:rgba(232, 27, 0) !important; font-size:20px; } .series_content { line-height: 1.2; font-size: 15px !important; } .btn.btn-primary .icon { position: relative; top:-3px; left:-10px; } .row.box a.box img { width: 100% !important; max-width: 100% !important; height: auto !important; } .columns.support-result .img-responsive { max-width: 400px !important; margin-bottom: 30px; } .btn.btn-primary.btn-sm { height: 38px !important; line-height: 38px !important; margin-top: 20px !important; font-size: .6rem !important; } @media (max-width:700px) { .result-support-entry .h5 { font-size: 0.7rem !important; font-weight: 700 !important; } } .prefix-fg-code-result { position: absolute; left: 0; top: 0; width: 0; height: 0; overflow: hidden; pointer-events: none; opacity: 0; } .filter-nav { margin-bottom: 30px; } .comp-models { padding-bottom: 0px; } .top-warranty { margin-bottom:40px; } .top-warranty .h6 { color:#aaa !important; margin-bottom: 20px; } #input_1_1 { border-radius:30px 30px; padding-left:20px; } .sharp-pagination { text-align: center; margin: 0 auto; width: auto; display: inline-block; margin-top:30px; margin-bottom:60px; } .sharp-pagination ul { display: flex; margin: 0 auto; list-style-type: none; margin:0; padding:0; } .sharp-pagination ul li { margin:0; padding:0; padding-right: 10px; padding-left: 10px; } .sharp-pagination ul li a { background-color: #dfdfdf; color:#212121 !important; text-decoration: none !important; font-weight:700; border-radius: 50% 50%; border:1px solid #ddd; display:block; width: 40px; height: 40px; text-align: center; line-height: 38px; transition: background-color 0.1927s ease-in, color 0.2927s linear; } .sharp-pagination ul li.active a { background-color: #E6000D; color:#ffffff !important; font-weight:700; border-radius: 50% 50%; border:1px solid #E6000D; display:block; width: 40px; height: 40px; text-align: center; line-height: 38px; text-decoration: none !important; } .sharp-pagination ul li a:hover, .sharp-pagination ul li a:active { text-decoration: none; background-color: #E6000D; color:#ffffff !important; border:1px solid #E6000D; text-decoration: none !important; } .sharp-pagination ul li.prev a, .sharp-pagination ul li.next a { background-color: transparent !important; color:#ffffff !important; line-height: 48px; border:2px solid transparent; } .sharp-pagination ul li.oh-dotted { font-size: 20px; } .sub-brand-header { display: inline-block; } .produkt-toolbar h1.subbrand { display: flex; } @media (max-width:700px) { .sharp-pagination ul li { margin:0; padding:0; padding-right: 4px; padding-left: 4px; } .sub-brand-header { display: block; /*margin-top:10px;*/ } .produkt-toolbar h1.subbrand { display: flex; /*flex-flow: column;*/ } } .to-the-top { display: none; } .grecaptcha-badge { display: none !important; } /* menu 2023 */ .page-template-page-templateshtml-2023-php .grid-xl, .category-tv .grid-xl { max-width:1700px !important; } .menu-master-container-2023.menu-main ul.sub-menu { max-width: 100%; padding-left:50px !important; padding-right: 50px !important; height: auto !important; background-color: #fff; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 { display: flex !important; align-items:baseline; align-content:flex-start; justify-content:flex-start; flex-wrap:wrap !important; flex-flow: row; flex: 1 1 0px; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li { width: auto; align-self: flex-start; max-width:300px; /*min-width:300px;*/ /* border:1px solid salmon; */ } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li#nav-menu-item-67340 { width: auto; align-self: flex-start; max-width:200px; /*min-width:300px;*/ /* border:1px solid salmon; */ } nav-menu-item-67340 .menu-master-container-2023>li:first-of-type .sub-menu.dropdown-menu.menu-depth-1>li:nth-child(3) { align-content:start; justify-content:start; } .menu-master-container-2023 .dropdown-menu.menu-depth-2 { display: flex !important; flex-direction: column; align-items:start; align-content:start; justify-content:start; } .menu-master-container-2023 .dropdown-menu.menu-depth-2 li { text-align: left; margin-top:3px !important; margin-bottom:3px !important; } .menu-master-container-2023 .dropdown-menu.menu-depth-2 li a { white-space: wrap; text-align: left; margin:0; padding-left:0px !important; position:relative; line-height:1 !important; } .menu-master-container-2023>li div.submenu-container.with-icons .dropdown-menu.menu-depth-2 li a { white-space: nowrap; text-align: left; margin:0; padding-left:30px !important; position:relative; line-height:1 !important; } @media (max-width:1019px) { .menu-master-container-2023 .dropdown-menu.menu-depth-2 li a { color:#313131 !important; font-size: 15px !important; } .menu-master-container-2023 .dropdown-menu.menu-depth-2 li a.with-image img.img-responsive { display: block !important; } } .menu-master-container-2023 .dropdown-menu.menu-depth-2 li a:hover { color:#777 !important; } .menu-master-container-2023 .dropdown-menu.menu-depth-2 li a.with-image { padding-left:25px !important; } .menu-master-container-2023 .dropdown-menu.menu-depth-2 li a.with-image img.img-responsive { max-width: 18px !important; position: absolute !important; left:0; top:0; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 .img-responsive:not(.icon) { max-width:100px !important; min-width:100px; } .menu-master-container-2023>li:nth-of-type(2) .sub-menu.dropdown-menu.menu-depth-1 .img-responsive { max-width: 150px !important; /* border: 1px solid rebeccapurple; */ min-width: 150px; margin-right: 20px; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 .menu-title { position:relative; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 .menu-title .img-responsive { position:absolute; left:-21px; max-width:20px !important; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 .view-all-item { text-align: left; display: flex; align-items:start; align-content:start; justify-content:start; padding-left: 30px !important; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 .view-all-item .menu-title { color:#888; font-size:20px; } .menu-master-container-2023 ul.sub-menu li a.btn.btn-sm.view-all { margin:0; } .menu-master-container-2023 ul.sub-menu li div, .menu-master-container-2023 ul.sub-menu li p { margin:0; margin-bottom:10px; } .menu-master-container-2023 .menu-item-depth-1.menu-item-has-children { display: flex; align-items:start; align-content:start; justify-content:start; } .menu-master-container-2023 .menu-title { font-weight:700; font-size:16px; white-space: nowrap; line-height:1; margin-bottom:20px; } .submenu-container { margin:0 !important; margin-bottom:50px !important; } .submenu-container.menues { margin:0 !important; margin-bottom:25px !important; padding-left:30px; } .menu-main ul.sub-menu li a.btn.btn-sm.view-all { padding-left:50px !important; padding-right:50px !important; width:auto !important; } .btn.btn-sm.view-all:hover { background-color: #fff !important; } /* .menu-master-container-2023.menu-main div.sub-menu__wrapper { width: 100%; position: absolute; left: 0; z-index: 99; display: block; border: 0; height: auto; opacity: 1 !important; pointer-events:all !important; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } */ @media (max-width:1019px) { .menu-master-container-2023 .menu-title { font-weight:700; font-size:19px; white-space: nowrap; line-height:1; margin-left:8px !important; pointer-events: none;; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li#nav-menu-item-67340 { width: auto; align-self: flex-start; max-width:100%; /*min-width:300px;*/ /* border:1px solid salmon; */ } .submenu-container.menues { margin:0 !important; margin-bottom:10px !important; width:100%; padding-left:0px; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 .view-all-item { text-align: left; display: none; align-items:start; align-content:start; justify-content:start; padding-left: 30px !important; } .submenu-container.image { display: none; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1 { display: flex !important; align-items:start; align-content:start; justify-content:start; flex-wrap:nowrap !important; flex-flow: column; flex: 1 1 0px; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li { width: auto; align-self: start; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li.view-all-mobile-version { height: 30px !important; line-height: 30px !important; margin-top:20px !important; margin-bottom:30px !important; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li.view-all-mobile-version a { height: 30px; line-height: 30px; } .menu-master-container-2023 .sub-menu.dropdown-menu.menu-depth-1>li.view-all-mobile-version a:hover { height: 30px; line-height: 30px; } .menu-master-container-2023 ul.sub-menu li a .textos { height: 30px; line-height: 30px !important; margin: 0; } a.sharp-main-cat, a.sharp-main-cat .textos, .navbar .menu-master-container-2023 ul li.menu-item-depth-0>a:not(.btn), .navbar .menu-master-container-2023 ul li.menu-item-depth-0.active>a:not(.btn) { height: 50px !important; line-height: 50px !important; margin: 0 !important; } .menu-master-container-2023 img { display:none !important; } } /* footer-menu-2023 */ ul#footer-menu-2023 { display: flex; align-items: flex-start; flex-flow: column; flex-wrap: nowrap; } ul#footer-menu-2023 li { display: block; width:100%; } ul#footer-menu-2023 img, ul#footer-menu-2023 .view-all-item, ul#footer-menu-2023>li:last-of-type, ul#footer-menu-2023 .submenu-container.image { display: none; } ul#footer-menu-2023 .sub-menu__wrapper .sub-menu-inner { height: 0; overflow: hidden; } ul#footer-menu-2023 .sub-menu__wrapper .sub-menu-inner.show { height: auto; overflow: hidden; } ul#footer-menu-2023 li.menu-item-depth-0 { height: 50px; line-height: 50px; display: block; font-weight: 500 !important; font-size: 16px !important; margin-bottom: 0; font-family: 'Roboto' !important; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.18); padding-left: 15px; } ul#footer-menu-2023 li.menu-item-depth-0.open { height: auto; line-height: 1.1; display: block; font-weight: 500 !important; font-size: 16px !important; margin-bottom: 0; font-family: 'Roboto' !important; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(0,0,0,0.18); padding-left: 10px; background:linear-gradient(rgb(48, 48, 49), rgb(60, 60, 61)); } ul#footer-menu-2023 .dropdown-menu, ul#footer-menu-2023 .dropdown-menu li , ul#footer-menu-2023 .dropdown-menu li a, ul#footer-menu-2023 a.sharp-main-cat { margin:0; padding:0; } ul#footer-menu-2023 a.sharp-main-cat { padding-left: 10px; font-weight: 500 !important; border-bottom:none !important; text-decoration: none; height: 45px; line-height: 45px; } ul#footer-menu-2023 .sub-menu__wrapper a { border-bottom:none !important; text-decoration: none; height: auto; line-height: 1.1; font-size: 14px; margin-top:20px !important; display: block; transition: all 0.234s linear; } ul#footer-menu-2023 .sub-menu__wrapper a:hover { color:rgba(255,255,255,0.8) !important; } ul#footer-menu-2023 .sub-menu__wrapper { padding-right:20px; } ul#footer-menu-2023 .sub-menu__wrapper .sub-menu-inner .sub-menu { padding-top:30px; } ul#footer-menu-2023 .sub-menu__wrapper .sub-menu-inner .sub-menu li { } ul#footer-menu-2023 .menu-title { color:rgba(255,255,255,0.5); font-weight: 400; } ul#footer-menu-2023 .sub-menu.dropdown-menu.menu-depth-1>li { width: auto; align-self: flex-start; max-width:300px; min-width:200px; /* border:1px solid salmon; */ } @media (min-width:1279px) { ul#footer-menu-2023 .sub-menu__wrapper a { border-bottom:none !important; text-decoration: none; height: auto; line-height: 1.1; font-size: 14px; margin-top:10px !important; display: block; } ul#footer-menu-2023 li { display: flex-block; width:auto; } ul#footer-menu-2023 li.menu-item-depth-0 { height: auto; line-height: 1.1; display: flex; font-weight: 500 !important; font-size: 16px !important; margin-bottom: 0; font-family: 'Roboto' !important; border-top: 0px solid rgba(255,255,255,0.1); border-bottom: 0px solid rgba(0,0,0,0.18); padding-left: 0px; } ul#footer-menu-2023 a.sharp-main-cat { width:135px !important; line-height:1.4; height:auto; } ul#footer-menu-2023 a.sharp-main-cat i { display: none; } ul#footer-menu-2023 { display: flex; align-items: flex-start; flex-flow: column; flex-wrap: wrap; margin-left:15px; } ul#footer-menu-2023 .sub-menu__wrapper .sub-menu-inner { height: auto; overflow: visible; } ul#footer-menu-2023 .sub-menu__wrapper .sub-menu-inner .sub-menu { padding-top:0px; display: flex; } }