/* rubik-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: normal; font-weight: 400; src: url('../fonts/rubik-v28-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: italic; font-weight: 400; src: url('../fonts/rubik-v28-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-italic.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: normal; font-weight: 500; src: url('../fonts/rubik-v28-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: italic; font-weight: 500; src: url('../fonts/rubik-v28-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-500italic.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: normal; font-weight: 600; src: url('../fonts/rubik-v28-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-600italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: italic; font-weight: 600; src: url('../fonts/rubik-v28-latin-600italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-600italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-600italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-600italic.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: normal; font-weight: 700; src: url('../fonts/rubik-v28-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */ } /* rubik-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Rubik'; font-style: italic; font-weight: 700; src: url('../fonts/rubik-v28-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/rubik-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/rubik-v28-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/rubik-v28-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/rubik-v28-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/rubik-v28-latin-700italic.svg#Rubik') format('svg'); /* Legacy iOS */ } /* inter-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('../fonts/inter-v19-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/inter-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/inter-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/inter-v19-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/inter-v19-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/inter-v19-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: italic; font-weight: 400; src: url('../fonts/inter-v19-latin-italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/inter-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/inter-v19-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/inter-v19-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/inter-v19-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/inter-v19-latin-italic.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('../fonts/inter-v19-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/inter-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/inter-v19-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/inter-v19-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/inter-v19-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/inter-v19-latin-500.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-500italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: italic; font-weight: 500; src: url('../fonts/inter-v19-latin-500italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/inter-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/inter-v19-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/inter-v19-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/inter-v19-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/inter-v19-latin-500italic.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('../fonts/inter-v19-latin-700.eot'); /* IE9 Compat Modes */ src: url('../fonts/inter-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/inter-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/inter-v19-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/inter-v19-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/inter-v19-latin-700.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-700italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Inter'; font-style: italic; font-weight: 700; src: url('../fonts/inter-v19-latin-700italic.eot'); /* IE9 Compat Modes */ src: url('../fonts/inter-v19-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/inter-v19-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('../fonts/inter-v19-latin-700italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('../fonts/inter-v19-latin-700italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('../fonts/inter-v19-latin-700italic.svg#Inter') format('svg'); /* Legacy iOS */ } body { font-family: 'Inter', sans-serif; font-size: 20px; line-height: 28px; color: #272a2c; background: #f3f6ee; } h1,h2,h3,h4,h5,h6 { font-family: 'Rubik', sans-serif; color: #1555a3; font-weight: 500; text-transform: uppercase !important; } h1, .h1 { font-size: 40px; } h3, .h3 { font-size: 32px; } h4, .h4 { font-size: 24px; } h1, .h1, h2, .nav-tabs>li>a, .tab-content>.tab-pane>.tab-heading>a, .h2, h3, .h3 { margin-top: 30px; } .malibu-heading, body.page-index #main h1, .product-info-listings h1, .page-index-type-cat h1, body.page-index #main h2, body.page-index #main .nav-tabs>li>a, body.page-index #main .tab-content>.tab-pane>.tab-heading>a, .product-info-listings h2, .product-info-listings .nav-tabs>li>a, .product-info-listings .tab-content>.tab-pane>.tab-heading>a, .page-index-type-cat h2, .page-index-type-cat .nav-tabs>li>a, .page-index-type-cat .tab-content>.tab-pane>.tab-heading>a, body.page-index #main h3, .product-info-listings h3, .page-index-type-cat h3 { font-weight: 500; } a { color: #1555a3; } .btn.btn-buy, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy { color: #ffffff; background-color: #1555a3; border-color: #1555a3; } .btn.btn-buy:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy:hover, .btn.btn-buy:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy:active:hover, .btn.btn-buy:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy:active:focus, .btn.btn-buy:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy.focus:active, .btn.btn-buy.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy.active:hover, .btn.btn-buy.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy.active:focus, .btn.btn-buy.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy.active.focus, .open>.btn.btn-buy.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-buy.dropdown-toggle:hover, .open>.btn.btn-buy.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-buy.dropdown-toggle:focus, .open>.btn.btn-buy.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-buy.dropdown-toggle.focus, .btn.btn-buy:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy:active, .btn.btn-buy.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy.active, .open>.btn.btn-buy.dropdown-toggle, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-buy.dropdown-toggle, .btn.btn-buy:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy:focus, .btn.btn-buy.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-buy.focus { color: #ffffff; background-color: #1555a3 !important; border-color: #1555a3 !important; } .btn.btn-primary:hover { background-color: #14276d !important; } .btn.btn-primary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-primary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.ui-priority-primary:active:hover, .btn.btn-primary:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-primary:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.ui-priority-primary:active:focus, .btn.btn-primary:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary.focus:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.focus.ui-priority-primary:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.focus.ui-priority-primary:active, .btn.btn-primary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.active.ui-priority-primary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.active.ui-priority-primary:hover, .btn.btn-primary.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.active.ui-priority-primary:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.active.ui-priority-primary:focus, .btn.btn-primary.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.active.focus.ui-priority-primary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.active.focus.ui-priority-primary, .open>.btn.btn-primary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-primary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.dropdown-toggle.ui-priority-primary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn.dropdown-toggle.ui-priority-primary:hover, .open>.btn.btn-primary.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-primary.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.dropdown-toggle.ui-priority-primary:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn.dropdown-toggle.ui-priority-primary:focus, .open>.btn.btn-primary.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-primary.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.dropdown-toggle.focus.ui-priority-primary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn.dropdown-toggle.focus.ui-priority-primary { color: #ffffff; background-color: #14276d !important; border-color: #14276d !important; } .btn-block, .navbar-search .input-group .input-group-btn .dropdown-toggle, .navbar-search .input-number .input-group-btn .dropdown-toggle, .navbar-search .input-group .input-number .btn-plus .dropdown-toggle, .input-number .navbar-search .input-group .btn-plus .dropdown-toggle, .navbar-search .input-group .input-number .btn-minus .dropdown-toggle, .input-number .navbar-search .input-group .btn-minus .dropdown-toggle, .navbar-search .input-number .input-number .btn-plus .dropdown-toggle, .input-number .navbar-search .input-number .btn-plus .dropdown-toggle, .navbar-search .input-number .input-number .btn-minus .dropdown-toggle, .input-number .navbar-search .input-number .btn-minus .dropdown-toggle { width: auto; min-width: 160px; } .img-thumbnail, .product-info-thumbnails .swiper-slide, .product-info-thumbnails-mobile .swiper-slide, .product-info-layer-thumbnails .swiper-slide, .product-container .gallery>li img { border: 1px solid #fff; border-radius: 16px; } .product-info-thumbnails .swiper-slide.active, .product-info-thumbnails .swiper-slide:hover, .product-info-thumbnails-mobile .swiper-slide.active, .product-info-thumbnails-mobile .swiper-slide:hover, .product-info-layer-thumbnails .swiper-slide.active, .product-info-layer-thumbnails .swiper-slide:hover { border-color: #ef7d02; } body #outer-wrapper { overflow: hidden; background: transparent; } #wrapper { padding-bottom: 0; margin-bottom: 0; } #wrapper #main .main-inside { padding-bottom: 60px; } #header { background: #fff !important; } #header .topnav { background: #1555A3; background: -webkit-linear-gradient(90deg, rgba(21, 85, 163, 1) 0%, rgba(233, 242, 251, 1) 100%); background: -moz-linear-gradient(90deg, rgba(21, 85, 163, 1) 0%, rgba(233, 242, 251, 1) 100%); background: linear-gradient(90deg, rgba(21, 85, 163, 1) 0%, rgba(233, 242, 251, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1555A3", endColorstr="#E9F2FB", GradientType=1); padding: 8px 0; } #header .topnav .container { display: flex; align-items: center; justify-content: space-between; } #header .topnav .container:before, #header .topnav .container:after { display: none; } #header .topnav .topnav-links { display: flex; color: #fff; gap: 30px; font-size: 16px; font-weight: 500; list-style: none; padding: 0; margin: 0; } #header .topnav .topnav-links a { color: #fff; } #header .topnav .topnav-links a svg { width: 24px ; height: 24px; -ms-fill: #fff; fill: #fff; } #header .topnav .topnav-links a svg g { -ms-fill: #fff; fill: #fff; } #header .topnav #header-ratings { height: 16px; } #header .topnav #header-ratings .overall-rating { font-size: 16px; line-height: 1; font-weight: 600; color: #fff; } #header .topnav #header-ratings { display: flex; align-items: flex-end; gap: 8px; } #header .topnav #header-ratings .rating-desc { font-size: 12px; line-height: 1; color: #0f0f0f; } #header .topnav #header-ratings .rating-desc a { color: #0f0f0f; text-decoration: underline; } #header .topnav #header-ratings .rating-desc a:hover { text-decoration: none; } #header .topnav #header-benefits { display: flex; gap: 24px; font-size: 14px; font-weight: 500; color: #272a2c; } #header .topnav #header-benefits span { display: flex; align-items:center; gap: 8px; } #header .topnav #header-benefits span:before { content: " "; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23272a2c' class='bi bi-check2-circle' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0'/%3E%3Cpath d='M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z'/%3E%3C/svg%3E") no-repeat; background-position: center; background-size: 18px auto; } #header .top-desc { max-width: 345px; font-size: 18px; font-weight: 500; line-height: 1.2; } /* Beispiel: „Weitere“-Menü ausblenden */ .nav-item--more { display: none !important; } /* Optional: Alle Menüeinträge sichtbar machen */ .main-navigation .nav-item { display: inline-block !important; visibility: visible !important; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a, .navbar-collapse .navbar-menu ul.navbar-nav>li>a { font-size: 18px; } .navbar-brand { height: 57px !important; line-height: 57px !important; max-width: initial; padding: 0 !important; } .navbar-brand img, .navbar-brand svg { width: auto; max-width: initial !important; } #header .navbar-search .search-input { font-size: 16px; font-weight: 300; padding-left: 24px; padding-right: 24px; height: 64px; border-radius: 64px; border: 0; background: #D9E7E8; background: -webkit-linear-gradient(90deg, rgba(217, 231, 232, 1) 0%, rgba(243, 246, 238, 1) 100%); background: -moz-linear-gradient(90deg, rgba(217, 231, 232, 1) 0%, rgba(243, 246, 238, 1) 100%); background: linear-gradient(90deg, rgba(217, 231, 232, 1) 0%, rgba(243, 246, 238, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D9E7E8", endColorstr="#F3F6EE", GradientType=1); color: #01100e; } #header .navbar-search .search-input:focus { box-shadow: 0 0 1rem 0 #1555a3; } #header .navbar-search [type="submit"] { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; top: 8px; right: 8px; line-height: 48px; background-color: transparent; border-radius: 48px; padding: 0; transition: .3s ease; z-index: 2; } #header .navbar-search [type="submit"]:hover, #header .navbar-search [type="submit"]:focus { background-color: #1555a3; } #header .navbar-search [type="submit"] svg { -ms-fill: #272a2c; fill: #272a2c; width: 24px; height: 24px; transition: .3s ease; } #header .navbar-search [type="submit"]:hover svg, #header .navbar-search [type="submit"]:focus svg { -ms-fill: #fff; fill: #fff; } #header .navbar-secondary .navbar-nav>li>a svg path, #header .navbar-secondary .navbar-nav>li>a svg polygon { -ms-fill: #1d322f; fill: #1d322f; } #header .navbar-secondary .navbar-nav>li>a:hover svg path, #header .navbar-secondary .navbar-nav>li>a:hover svg polygon, #header .navbar-secondary .navbar-nav>li>a:focus svg path, #header .navbar-secondary .navbar-nav>li>a:focus svg polygon { -ms-fill: #1555a3; fill: #1555a3; } #header .navbar-secondary .navbar-nav>li>a:hover, #header .navbar-secondary .navbar-nav>li>a:focus { color: #1555a3; background-color: #fff !important; } #header .navbar-secondary .topbar-cart .topbar-label { min-width: 160px; } .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a:active, .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a.active, .open>.navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a.dropdown-toggle { color: #1555a3; font-weight: bold; } .navbar-search.collapse { gap: 50px; } .header-contact a { display: flex; align-items: center; color: #1555a3; text-decoration: none !important; } .header-contact .tel-icon { display: inline-block; width: 48px; height: 48px; border-radius: 48px; margin-right: 16px; background-color: #1555a3; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chat' viewBox='0 0 16 16'%3E%3Cpath d='M2.678 11.894a1 1 0 0 1 .287.801 11 11 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8 8 0 0 0 8 14c3.996 0 7-2.807 7-6s-3.004-6-7-6-7 2.808-7 6c0 1.468.617 2.83 1.678 3.894m-.493 3.905a22 22 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a10 10 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 52% 43%; background-size: 48% auto; } .cart-products-count { left: 0; right: 0; margin: 0 auto; background-color: #1555a3; transform: translate(12px); } #topbar-container .navbar-nav>li:not(:last-child) { margin-right: 10px; } #topbar-container .navbar-nav>li.language-item, #topbar-container .navbar-nav>li.wishlist-item { display: none; } #topbar-container .navbar-nav>li.wishlist-item { display: block; } #topbar-container .navbar-nav>li.gambio-admin { display: block; } /* #topbar-container .navbar-nav>li.gambio-admin + .navbar-topbar-item:not(.gambio-admin) { display: none; }*/ ul.main-nav { list-style: none; } .navbar-collapse .navbar-categories .home-icon { width: 26px; height: 26px; margin-right: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23005146' class='bi bi-house' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 26px auto; background-position: center; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a, .navbar-collapse .navbar-menu ul.navbar-nav>li>a { color: #1555a3; font-weight: 300; text-transform: none; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a:hover, .navbar-collapse .navbar-menu ul.navbar-nav>li>a:hover { color: #1555a3; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background: #fff; } .malibu-heading, body.page-index #main h1, .product-info-listings h1, .page-index-type-cat h1, body.page-index #main h2, body.page-index #main .nav-tabs>li>a, body.page-index #main .tab-content>.tab-pane>.tab-heading>a, .product-info-listings h2, .product-info-listings .nav-tabs>li>a, .product-info-listings .tab-content>.tab-pane>.tab-heading>a, .page-index-type-cat h2, .page-index-type-cat .nav-tabs>li>a, .page-index-type-cat .tab-content>.tab-pane>.tab-heading>a, body.page-index #main h3, .product-info-listings h3, .page-index-type-cat h3, .product-info .product-info-description .nav-tabs>li>a { text-align: left; text-transform: none; } .malibu-heading:after, body.page-index #main h1:after, .product-info-listings h1:after, .page-index-type-cat h1:after, body.page-index #main h2:after, .product-info-listings h2:after, .page-index-type-cat h2:after, body.page-index #main h3:after, .product-info-listings h3:after, .page-index-type-cat h3:after, .product-info .product-info-description .nav-tabs>li>a:after { display: none; } #main h2, #footer h2 { font-size: 40px; } #main .product-info-description h2 { font-size: 28px; } #main .product-info-description h3 { font-size: 24px; } #main .product-info-description h4 { font-size: 20px; } .product-info-description .tab-content .tab-body img { max-width: 100% !important; width: 450px !important; height: auto !important; } #stage { max-width: 1920px; margin-left: auto; margin-right: auto; } #stage .swiper-slide img { width: 100%; height: 100%; object-fit:cover; } .swiper-button-next, .swiper-button-prev { color: #212529; } #slider .swiper-button-next, #slider .swiper-button-prev { color: #fff; } #slider .swiper-button-prev:before, #slider .swiper-button-next:before { text-shadow: 0 0 10px rgba(0,0,0,.7); } #stage .swiper-button-prev { left: 20px; } #stage .swiper-button-next { right: 20px; } .swiper-slide-overlay { display: none; position: absolute; width: 465px; top: 50%; left: 108px; transform: translateY(-50%); color: #fff; border-radius: 48px; padding: 64px; background: rgba(21,85,163,.8); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); z-index: 1; } .swiper-slide-overlay h2 { font-size: 30px; color: #fff; margin-top: 0; margin-bottom: 16px; -webkit-hyphens: auto; hyphens: auto; } .swiper-slide-overlay p { margin-bottom: 32px; } #breadcrumb_navi>span.breadcrumbEntry, #breadcrumb_navi>span.breadcrumbEntry a{ font-size: 18px; color: #1555a3 !important; } .btn.btn-default { color: #525252; } .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { color: #fff; background: #0e246d; } .productlisting-filter-container .btn.btn-default.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.active.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.active.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container button.btn-default.active, .productlisting-filter-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.active.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .productlisting-filter-container button.btn.active.ui-priority-secondary { background: #ccc !important; } .productlist.productlist-viewmode-grid { display: flex; flex-wrap: wrap; gap: 16px; } .productlist:before, .productlist:after { display: none; } .productlist-swiper .product-container>form, .productlist-viewmode-grid .product-container { border-right: 0 !important; } /* Flyover komplett ausblenden */ .flyover { display: none !important; visibility: hidden !important; opacity: 0 !important; } .productlist-viewmode-grid .product-container .product-tile .inside .content-container .content-container-inner { border-bottom: 0 !important; } .pagination>li>a, .pagination>li>span { border: 0 !important; } .productlist-viewmode-list .product-container { border-radius: 16px; overflow: hidden; border: 0; margin-bottom: 16px; } .productlist-viewmode-list .product-container .btn { margin-top: 16px; min-width: 200px; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner { padding: 16px; } .categories-description-bottom-container { margin-top: 60px; margin-bottom: 0; } .ribbons>div { min-width: 64px; height: 28px; line-height: 28px; text-align: center; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; text-transform: uppercase; border-right: 0 !important; border-radius: 8px; padding: 0 8px; } .ribbons>.ribbon-recommendation { background: #1555a3; } .ribbons>.ribbon-special { background: #ef7d02; background: #1555a3; color: #ffffff; } .productlist-viewmode-grid .product-container .product-tile figure, .productlist-swiper .product-container .product-tile figure, .product-container.flyover .product-tile figure { text-align: center; } .productlist-viewmode-grid .product-container, .productlist-swiper .product-container, .product-container.flyover { text-align: left; } .productlist-viewmode-grid .product-container .product-tile figure, .productlist-swiper .product-container .product-tile figure, .product-container.flyover .product-tile figure { height: 200px; padding: 0; } .productlist-viewmode-grid .product-container .product-tile figure .product-image img, .productlist-swiper .product-container .product-tile figure .product-image img, .product-container.flyover .product-tile figure .product-image img { max-height: 200px; } .productlist-viewmode-grid .product-container .product-tile .title-description, .productlist-swiper .product-container .product-tile .title-description, .product-container.flyover .product-tile .title-description { padding: 0; } .productlist-viewmode-grid .product-container .price-tax { margin: 0 !important; padding: 0 !important; } .productlist-viewmode-grid .product-container .product-tile .title-description .title, .productlist-swiper .product-container .product-tile .title-description .title, .product-container.flyover .product-tile .title-description .title, .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description .title { font-size: 20px; line-height: 28px; color: #1555a3; height: auto; } .productlist-viewmode-grid .product-container .product-tile .title-description .title a, .productlist-swiper .product-container .product-tile .title-description .title a, .product-container.flyover .product-tile .title-description .title a { min-height: initial !important } .productlist-viewmode-grid .product-container .product-tile .title-description, .productlist-swiper .product-container .product-tile .title-description, .product-container.flyover .product-tile .title-description { height: auto; } .product-container .shipping { font-size: 12px !important; } .product-container .inside .content-container .content-container-inner .title a { color: #1555a3; } .product-container .inside .content-container .content-container-inner .title a:hover { color: #1555a3; } .product-container .inside .content-container .content-container-inner .description.hidden-grid { font-size: 18px; } .productlist-viewmode-grid .product-container .product-tile .rating-container, .productlist-swiper .product-container .product-tile .rating-container, .product-container.flyover .product-tile .rating-container { display: none; } .quantity-input .form-control { border-radius: 48px; height: 50px; } .current-price-container { font-family: 'Rubik',sans-serif; font-size: 18px; color: #525252; font-weight: bold; } .shipping-info-short img { display: inline-block !important; } .current-price-container span { display: block; color: #b9b9b9; } .current-price-container span.productOldPrice { text-decoration: line-through; } .productlist-viewmode-grid .product-container .product-tile .price-tax .price .current-price-container .productOldPrice, .productlist-swiper .product-container .product-tile .price-tax .price .current-price-container .productOldPrice, .product-container.flyover .product-tile .price-tax .price .current-price-container .productOldPrice { margin: 0; } .current-price-container br { display: none !important; } .product-container.flyover { height: 400px !important; } .productlist-viewmode-grid .product-container, .productlist-swiper .product-container, .product-container.flyover { height: 400px; } .product-container .shipping.visible-list { display: none !important; } .productlist-viewmode-grid .product-container { padding: 0 !important; } .productlist-viewmode-list .product-container .content-container-inner > .shipping { display: none !important; } .btn, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button { font-size: 17px !important; border: 0 !important; padding: 12px 12px; border-radius: 8px; } .btn.btn-primary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-primary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.ui-priority-primary:hover { color: #fff; background-color: #1555a3; border-color: #1555a3; } .btn.btn-default, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.ui-priority-secondary { background: #fff; border-color: transparent; } .btn, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button { text-transform: none; } .btn-group.dropdown:not(:last-child), .jsPanelViewmode.panel-viewmode { margin-right: 16px; } fieldset legend { text-transform: none; } .panel { border-radius: 16px; border: 0; overflow: hidden; } .panel-default .panel-heading { color: #fff; } .panel-pagination .pagination>li>.active { background-color: #fff; } .btn.btn-default:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.ui-priority-secondary:active, .btn.btn-default.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.active.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.active.ui-priority-secondary, .open>.btn.btn-default.dropdown-toggle, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn-default.dropdown-toggle, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.dropdown-toggle.ui-priority-secondary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open>button.btn.dropdown-toggle.ui-priority-secondary { background-color: #f6f6f6 !important; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner { display: flex; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description { order: 2; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .price-tax { order: 3; } .subcategories-listing-container { display: none; } .categories-description-container { margin-bottom: 60px; } .box-categories .heading { font-size: 30px; color: #1555a3; text-transform: none; margin-bottom: 30px; } .product-listing-sidebar { border: 0 !important; } .box-categories .navbar-categories-left ul li a, .box-categories .navbar-categories-left ul li a { font-size: 20px; color: #1555a3; background: #fff !important; padding: 10px 0 !important; margin-bottom: 0 !important; border-bottom: 1px solid #d9d9d9; } .box-categories .navbar-categories-left ul li a:hover, .box-categories .navbar-categories-left ul li a:focus, .box-categories .navbar-categories-left ul li a:active { color: #1555a3 !important; } .box-categories .navbar-categories-left>ul>li.active>a { padding: 10px 0; } .box-categories .navbar-categories-left ul li a:hover { font-size: 20px; color: #1555a3; background: #fff !important; padding: 0 0 15px; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; } .product-info .product-info-details { border-radius: 16px; border: 1px solid #d9d9d9; padding: 30px; } .product-info .product-info-details .product-info-title-desktop { font-size: 28px; color: #1555a3; margin-top: 15px; padding-bottom: 15px; text-transform: none !important; } .form-group-big-select .form-control, .form-group-big-select .input-text { height: 62px; padding-top: 30px; } .product-info .product-info-details .product-info-links>a { background-position: 5px 13px; } .product-info .product-info-details .button-container .btn-buy.btn-lg, .product-info .product-info-details .button-container .btn-group-lg>.btn-buy.btn, .product-info .product-info-details .button-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .btn-group-lg>button.btn-buy, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .product-info .product-info-details .button-container .btn-group-lg>button.btn-buy { width:100%; border-radius: 8px; } .btn-buy .throbbler:after { background: #1555a3; } .product-info .product-info-details .button-container .btn-buy.btn-lg, .product-info .product-info-details .button-container .btn-group-lg>.btn-buy.btn, .product-info .product-info-details .button-container .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .btn-group-lg>button.btn-buy, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .product-info .product-info-details .button-container .btn-group-lg>button.btn-buy { padding: 14px 16px; font-size: 18px; } .products-quantity { padding: 0; } .products-quantity + .col-xs-8 { text-align: right; } .modifiers-selection { clear: both; } .product-info .product-info-details .button-container .btn-buy .throbbler { top: 14px; } .product-info .product-info-details .product-definitions .product-definition-shipping-time svg { top: 4px; } .modifier-group.modifier-type__radio .radio .radio-wrapper .checkmark { top: 45%; } .order-wishlist table tr>td.qty a { margin: -4px 0 0 10px; } .btn-price-offer { font-size: 18px; } .product-info .product-info-content-wrapper { background: #fff; } .product-info-tabs, .product-info-description .nav-tabs { position: relative; display: flex !important; list-style: none; padding: 0; margin: 0 0 -1px 0; float: none !important; clear: both !important; z-index: 2; } .product-info-tabs a, .product-info-description .nav-tabs li a { display: block; font-size: 20px; height: auto !important; color: #1555a3 !important; font-weight: 600 !important; padding: 25px 30px !important; border: 0; background: #eee; border-radius: 16px 16px 0 0 !important; text-decoration: none !important; margin:0 !important; cursor: pointer; } .product-info-tabs a:hover, .product-info-tabs a:focus, .product-info-tabs a:active, .product-info-description .nav-tabs a:hover, .product-info-description .nav-tabs a:focus, .product-info-description .nav-tabs a:active { color: #1555a3 !important; background: #f6f6f6; } .product-info-tabs a.active, .product-info-description .nav-tabs .active a { color: #1555a3 !important; border-bottom: 1px solid #fff !important; background: #fff; } .product-info .product-info-description .nav-tabs-container>.nav.nav-tabs li.active>a { background: #fff; } .product-info-thumbnails.swiper-vertical .swiper-button-prev, .product-info-thumbnails.swiper-vertical .swiper-button-next { margin-left: -30px; } .product-info-description .tab-content, #product-ratings { position: relative; border: 0; border-radius: 0 16px 16px 16px; background: #fff; margin-top: 0 !important; z-index: 1; } .product-info .product-info-description .tab-content, #product-ratings { padding: 30px; } .product-info .product-info-details .input-number input[type="number"] { height: 48px; } .product-info .product-info-details .price-container .current-price-container { font-size: 28px; line-height: 28px; } .product-info .product-info-description .tab-content .tab-body span { font-size: inherit !important; font-family: inherit !important; } .product-info .product-info-description .tab-content .tab-body em { font-style: normal; } #product-ratings { border-radius: 16px; margin-left: 12px; margin-right: 12px; } #product-ratings .col-md-offset-8 { margin-left: 0; } #product-ratings h2 { font-size: 30px; font-weight: bold; } .product-info-content { padding-bottom: 60px; } .checkout-processfunnel li .step-text { height: 40px; line-height: 40px; text-transform: none; } .checkout-processfunnel li:not(:last-child):after, .checkout-processfunnel li:not(:first-child):before { border-top: 20px inset transparent; border-bottom: 20px inset transparent; display: none; } .checkout-processfunnel li .step-text { background: #fff; border-radius: 8px; } .checkout-processfunnel li.active .step-text { color: #fff; } .form-control, .input-text { font-size: 18px; height: 44px; } .miscellaneous-container a { color: #1555a3 !important; } h2 .small { color: #1555a3 !important; } ul.infoportal { display: flex; flex-wrap: wrap; list-style: none; padding: 0; gap: 32px; margin-bottom: 32px; } ul.infoportal li { flex: 0 0 calc(33.333333% - 32px); width: calc(33.333333% - 32px); } ul.infoportal li a { display: block; font-size: 24px; color: #1555a3; padding: 30px; border-radius: 32px; border: 1px solid #dedede; text-decoration:none !important; transition: .3s ease 0ms; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")no-repeat; background-position: calc(100% - 30px) center; background-size: auto 24px; } ul.infoportal li a:hover, ul.infoportal li a:focus, ul.infoportal li a:active { color: #fff; border: 1px solid #1555a3; box-shadow: 0 0 30px 0 rgba(0,0,0,.1); transform: translateY(-5px); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")no-repeat #1555a3; background-position: calc(100% - 30px) center; background-size: auto 24px; } table.infoportal, table.infoportal tbody { display: block; border: 0; } #main table.infoportal h2, #main table.infoportal h3 { font-size: 30px; } table.infoportal tbody tr{ display: flex; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ededed; } table.infoportal tbody tr td { display: block; border: 0; } table.infoportal tbody tr td:first-child { width: 25%; } table.infoportal tbody tr td:first-child img{ width: 100% !important; max-width: 100% !important; height: auto !important; } table.infoportal tbody tr td:last-child { width: 75%; padding-left: 30px; } .btn-block.history-back { margin-top: 30px; } #footer { font-size: 16px; line-height: 30px; font-weight: 500; color: #282828; background: #fff; } #footer .panel .panel-heading { color: #1555a3; min-height: initial; } #footer a { color: #282828; } #footer a:hover { color: #1555a3 !important; } #footer .panel .panel-body ul, #footer .panel .panel-body li { font-size: 16px; line-height: 30px; } #footer .footer-header { width: 100%; color: #fff; padding: 100px 0; border-radius: 0; text-align: center; transform: none; background: url("/GXModules/Pharmasports/Shop/Themes/All/images/footer-top-bg.jpg")no-repeat center #1555a3; background-size: cover; } .page-product-info #footer .footer-header { width: 100vw; margin-left: -15px; } #footer .footer-header h2 { color: #fff; text-align: center; } #footer .footer-header p { font-size: 24px; } #footer .footer-header p:last-child { margin-bottom: 0; } #footer .inside { padding-top: 50px; border: 0; } #footer .panel .panel-heading .panel-title.footer-column-title, #footer .panel-title.footer-column-title { display: block; font-family: 'Rubik', sans-serif; font-size: 18px; line-height: 1.5; color: #1555a3; font-weight: 500; margin-top: 0; margin-bottom: 16px; text-transform: uppercase; padding-bottom: 0; } #footer a:hover { color: #1555a3 !important; } #footer .inside .row .footer-col-1 p, #footer .inside .teaser-group-three-squares .footer-col-1 p, #footer .inside .teaser-group-2-cols-big-image .footer-col-1 p, #footer .inside .row .footer-col-2 p, #footer .inside .teaser-group-three-squares .footer-col-2 p, #footer .inside .teaser-group-2-cols-big-image .footer-col-2 p, #footer .inside .row .footer-col-3 p, #footer .inside .teaser-group-three-squares .footer-col-3 p, #footer .inside .teaser-group-2-cols-big-image .footer-col-3 p, #footer .inside .row .footer-col-4 p, #footer .inside .teaser-group-three-squares .footer-col-4 p, #footer .inside .teaser-group-2-cols-big-image .footer-col-4 p { line-height: 32px; } #footer .inside .row .footer-col-1 .panel .panel-body li a, #footer .inside .teaser-group-three-squares .footer-col-1 .panel .panel-body li a, #footer .inside .teaser-group-2-cols-big-image .footer-col-1 .panel .panel-body li a { padding-left: 0; } #footer .inside .row .footer-col-3 ul li:before, #footer .inside .teaser-group-three-squares .footer-col-3 ul li:before, #footer .inside .teaser-group-2-cols-big-image .footer-col-3 ul li:before { display: none; } #footer .inside .row .footer-col-3 ul li, #footer .inside .teaser-group-three-squares .footer-col-3 ul li, #footer .inside .teaser-group-2-cols-big-image .footer-col-3 ul li { padding-left: 0; line-height: 30px; } #footer .inside .row .footer-col-1, #footer .inside .teaser-group-three-squares .footer-col-1, #footer .inside .teaser-group-2-cols-big-image .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .teaser-group-three-squares .footer-col-2, #footer .inside .teaser-group-2-cols-big-image .footer-col-2, #footer .inside .row .footer-col-3, #footer .inside .teaser-group-three-squares .footer-col-3, #footer .inside .teaser-group-2-cols-big-image .footer-col-3, #footer .inside .row .footer-col-4, #footer .inside .teaser-group-three-squares .footer-col-4, #footer .inside .teaser-group-2-cols-big-image .footer-col-4 { min-height: initial; height: auto; } #footer .inside .row .footer-col-1 .panel .panel-body li a:before, #footer .inside .teaser-group-three-squares .footer-col-1 .panel .panel-body li a:before, #footer .inside .teaser-group-2-cols-big-image .footer-col-1 .panel .panel-body li a:before { display: none; } #footer .footer-bottom { text-align: left; border-top: 0; background: #f3f6ee; padding: 40px 0; } #footer .footer-bottom .container { display: flex; justify-content: space-between; align-items: center; } #footer .footer-bottom .container:before, #footer .footer-bottom .container:after { display: none; } #footer .footer-bottom .container > div { display: flex; align-items: center; gap: 24px; } #footer .footer-bottom .container > div p { font-size: 14px; text-transform: uppercase; margin-bottom: 0; } #footer .socials { display: flex !important; align-items: center; justify-content: space-between; margin-bottom: 0; } .social-link { display: inline-block; width: 48px; height: 48px; border-radius: 48px; background-color: #1555a3; background-repeat: no-repeat; background-size: 50% auto; background-position: center; } .social-link:hover { background-color: #1555a3; } .social-link:not(:last-child) { margin-right: 10px; } .social-link.social-facebook { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E"); } .social-link.social-youtube { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-youtube' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z'/%3E%3C/svg%3E"); } .form-horizontal label { padding-left: 0; } .form-horizontal #message { min-height: 100px; } .panel>.navbar-categories-left>ul li.active>a, .panel>.navbar-categories-left>ul li.active>a:before { color: #1555a3; font-weight: 700; } .infinite-scroll .blog-article { margin-bottom: 40px !important; padding-bottom: 40px; border-bottom: 1px solid #d9d9d9; } .infinite-scroll .blog-article .btn.btn-default { margin-top: 25px; } .infinite-scroll { display: none; } .infinite-scroll.kat-1 { display: block; } .info-themen { margin-bottom: 25px; } #infoportal-tabs { display: flex; background: #f6f6f6; justify-content: space-between; list-style: none; padding: 0; margin-bottom: 50px; border-radius: 58px; } #infoportal-tabs a { display: block; padding: 15px 25px; text-decoration: none !important; border-radius: 58px; } #infoportal-tabs a:hover, #infoportal-tabs a:focus, #infoportal-tabs a:active { color: #1555a3; } #infoportal-tabs a.active { color: #fff; background: #1555a3; } .info-add { display: none; } .info-add.visible { display: block; } .info-loading { display: flex; align-items: center; gap: .75rem; } .info-loading .spinner { width: 2.75rem; height: 2.75rem; -ms-animation: spinner 1s infinite; -webkit-animation: spinner 1s infinite; -moz-animation: spinner 1s infinite; animation: spinner 1s infinite linear; } .blog-article-details * { font-family: 'Inter', sans-serif !important; } .blog-article-details h2 span, .blog-article-details h3 span, .blog-article-details p span { font-size: inherit !important; } @-ms-keyframes spinner { 0 {transform: rotate(0);} 100% {transform: rotate(360deg);} } @-webkit-keyframes spinner { 0 {transform: rotate(0);} 100% {transform: rotate(360deg);} } @-moz-keyframes spinner { 0 {transform: rotate(0);} 100% {transform: rotate(360deg);} } @keyframes spinner { 0 {transform: rotate(0);} 100% {transform: rotate(360deg);} } .main-inside p a { color: #1555a3 !important; text-decoration: underline; } .main-inside p a:hover, .main-inside p a:focus, .main-inside p a:active { color: #1555a3 !important; } .product-info .rating-model-row .product-rating { margin-right: 15px; } .product-info .product-model { font-size: 14px; } .navbar-search .search-result-container .search-result li { position: relative; } .navbar-search .search-result-container .search-result li .product-image { position: absolute; top: 10px; } .navbar-search .search-result-container a { font-size: 16px; padding-left: 38px; } .productlist-viewmode-grid .product-container .product-tile .title-description .title a, .productlist-swiper .product-container .product-tile .title-description .title a, .product-container.flyover .product-tile .title-description .title a { max-height: unset; min-height: 55px; } .productlist-viewmode-grid .product-container, .productlist-swiper .product-container, .product-container.flyover { height: 440px !important; } .productlist-swiper .product-container, .product-container.flyover { height: 456px !important; } /* .productlist-viewmode-grid .product-container .gm_products_vpe { display: none; }*/ .productlist-swiper .product-container { background: transparent; padding: 8px; border: 0; } .productlist-swiper .product-container > form { background: #fff; border-radius: 16px; padding: 16px; } .productlist-viewmode-grid .product-container .product-tile .ribbons, .productlist-swiper .product-container .product-tile .ribbons, .product-container.flyover .product-tile .ribbons { top: 15px; left: 16px; right: auto; } .product-container .inside .content-container .content-container-inner { padding: 0; } h1, h2, .nav-tabs>li>a, .tab-content>.tab-pane>.tab-heading>a, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.25; } h1 span, h2 span, h3 span, h4 span, h5 span { font-size: inherit !important; } #main h2, #footer h2 { font-size: 32px; } h3, .h3 { font-size: 28px; } .product-info-rating-heading { display: flex; gap: 16px; } .product-info-rating-heading .average { font-size: 24px !important; font-weight: 500; } .product-info .product-info-description .nav-tabs-container>.nav.nav-tabs li { top: 2px; } .product-info .product-info-description .nav-tabs-container>.nav.nav-tabs li.active { top: 3px; } .rating-item.list-group-item .rating-comment { padding-bottom: 20px; } fieldset legend { font-size: 21px; } .form-control, .input-text, #checkout_payment .miscellaneous-container { font-size: 18px; } .alert.alert-info { color: #25292c; border-color: #f9828d; background-color: #f9828d; } address { font-style: normal; } .checkout-processfunnel li .step-text { font-size: 18px; } #product-ratings .btn-primary.btn-block { max-width: 300px; } #product_reviews_write .row > label { padding-left: 15px; } #header .navbar-secondary .cart-info-wrapper { position: relative; } #header .navbar-secondary li a { text-align: center; } #header .navbar-secondary .dropdown-menu li a { text-align: left; } #header .navbar-secondary .topbar-label { display: block; } #header .navbar-secondary .navbar-nav>li>a { padding: 0 8px; } #header .navbar-secondary .navbar-nav>li>a svg { width: 32px; margin-bottom: 4px; } #header .navbar-secondary .navbar-nav>li>a { font-size: 16px; padding-top: 8px; } #header .navbar-secondary .navbar-nav>li .topbar-label img { margin-left: 5px; } #header .navbar-secondary .navbar-nav>li.open .topbar-label img { transform: rotate(180deg); } #header .navbar-secondary .navbar-nav>li>a .products{ font-size: 12px; } #header .navbar-secondary .cart-info-wrapper .topbar-label br { display: none; } .page-index-type-manufacturers_id .hersteller > a { font-weight: 600 !important; } body.page-index-type-manufacturers_id #breadcrumb_navi { display: block; } .categories-manufacturer .align-helper a { display: none; } .categories-manufacturer .align-helper strong { display: block; color: #1555a3; font-size: 32px; margin-top: 20px; } body.page-index-type-manufacturers_id .categories-description-container { margin-bottom: 20px; } .blog-link { display: none !important; } .product-definitions .text-left { padding-left: 0; } .product-definitions .col-xs-8 { padding: 0; } .shelf-life { float: none; clear: both; padding-top: 15px; } .btn.btn-primary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-primary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-primary, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn.ui-priority-primary { color: #fff; font-weight: bold; } .btn.btn-white { color: #272a2c; font-weight: 600; padding-right: 56px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2325292c' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")no-repeat calc(100% - 15px) center #fff; } .btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active { color: #fff; background: #14276d; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")no-repeat calc(100% - 15px) center #14276d; } .productlist-viewmode-grid .product-container .product-tile .price-tax .price .current-price-container:before, .productlist-swiper .product-container .product-tile .price-tax .price .current-price-container:before, .product-container.flyover .product-tile .price-tax .price .current-price-container:before { display: none; } .product-container .inside .content-container .content-container-inner .title { display: block; min-height: 140px; max-height: 140px; padding-bottom: 32px; margin-bottom: 16px; border-bottom: 1px solid #d4d4d4; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title { min-height: initial; padding-bottom: 15px; } .productlist-viewmode-grid .product-container .product-tile .price-tax, .productlist-swiper .product-container .product-tile .price-tax, .product-container.flyover .product-tile .price-tax { display: flex; align-items: center; justify-content: space-between; } .btn.btn-outline { border-radius: 8px; border: 1px solid #525252 !important; } .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active { color: #fff; background: #1555a3; border: 1px solid #1555a3 !important; } .btn, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button { letter-spacing: 0; } #footer-benefits { font-size: 20px; color: #fff; font-weight: 500; padding: 56px 0; background: #21357D; background: -webkit-linear-gradient(90deg, rgba(33, 53, 125, 1) 0%, rgba(21, 85, 163, 1) 100%); background: -moz-linear-gradient(90deg, rgba(33, 53, 125, 1) 0%, rgba(21, 85, 163, 1) 100%); background: linear-gradient(90deg, rgba(33, 53, 125, 1) 0%, rgba(21, 85, 163, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21357D", endColorstr="#1555A3", GradientType=1); } #footer-benefits .container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 64px; width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto; } #footer-benefits .container:before, #footer-benefits .container:after { display: none; } #footer-benefits p { display: flex; align-items: center; gap: 20px; margin-bottom: 0; } #footer-benefits img { width: 48px; height: auto; } #footer .inside .row { display: flex; flex-wrap: wrap; margin: 0; } #footer .inside .row .footer-col-1, #footer .inside .teaser-group-three-squares .footer-col-1, #footer .inside .teaser-group-1-cols-big-image .footer-col-1 { display: none; } #footer .inside .row .footer-col-2, #footer .inside .teaser-group-three-squares .footer-col-2, #footer .inside .teaser-group-2-cols-big-image .footer-col-2, #footer .inside .row .footer-col-3, #footer .inside .teaser-group-three-squares .footer-col-3, #footer .inside .teaser-group-2-cols-big-image .footer-col-3, #footer .inside .row .footer-col-4, #footer .inside .teaser-group-three-squares .footer-col-4, #footer .inside .teaser-group-2-cols-big-image .footer-col-4 { display: block; } .productlist-viewmode-grid .product-container { border-radius: 16px; overflow: hidden; } .productlist-viewmode-grid .product-container .product-tile .inside .content-container { padding: 16px; } .total-box { border-radius: 16px; overflow: hidden; } #_gift-coupon-code { height: 48px; background: #fff; } #_gift-coupon-code-submit { height: 48px; line-height: 1; } .page-account .account-options-container ul li a { color: #25292c; font-size: 16px; line-height: 48px; } .productlist-viewmode-grid .product-container { margin-bottom: 0; } .ts-rating { display: none; } .categories-description-container .categories-images { display: none; } .categories-teaser .teaser-box { position: relative; max-height: 465px; margin-bottom: 30px; } .categories-teaser .teaser-box > .widge-content:first-child { border-radius: 16px; overflow: hidden; } .categories-teaser .teaser-box img { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; will-change: transform; transition: transform 600ms ease 0ms; } .categories-teaser .teaser-box:hover img { transform: scale(1.05); } .categories-teaser .teaser-box .teaser-overlay { position: absolute; width: calc(100% - 62px); bottom: 16px; left: 31px; color: #fff; border-radius: 16px; padding: 16px; background: rgba(21, 85, 163, .8); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); z-index: 1; } .categories-teaser .teaser-box .teaser-overlay h3, .categories-teaser .teaser-box .teaser-overlay h4, .categories-teaser .teaser-box .teaser-overlay p, .categories-teaser .teaser-box .teaser-overlay a { color: #fff !important; text-decoration: none !important; } .categories-teaser .teaser-box .teaser-overlay h3, .categories-teaser .teaser-box .teaser-overlay h4 { margin-top: 0; margin-bottom: 32px; } .categories-teaser .teaser-box .teaser-overlay h3 a, .categories-teaser .teaser-box .teaser-overlay h4 a { font-weight: 500 !important; } .categories-teaser .teaser-box .teaser-overlay p a { font-size: 16px; } .categories-teaser .teaser-box .teaser-overlay p a:after { display: inline-block; width: 18px; height: 18px; content: " "; margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% auto; vertical-align: middle; } .product-info .product-info-description .nav-tabs-container>.nav.nav-tabs a[title="Bewertungen"] { display: none; } .product-info-description table th, .product-info-description table td { padding: 8px 12px; border-color: #ccc; } .product-info-description table { margin-bottom: 8px; } div[id^="wm_tipp_swiper_"] { width: calc(100% - 20px); } .rating-hint::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 8px; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; } .rating-hint { font-size: 14px; font-weight: 400; background: none; border: 0; } .rating-hint:hover { text-decoration: underline; } #rating-hints { position: fixed; display: none; align-items: center; justify-content: center; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 10000; } #rating-hints .lightbox-inner { position: absolute; width: calc(100% - 30px); max-width: 900px; top: 50%; left: 0; right: 0; transform: translateY(-50%); background: #fff; padding: 20px 24px 24px; margin: 0 auto; } #rating-hints .lightbox-inner .lightbox-closer { position: absolute; width: 40px; height: 40px; right: 0; top: -40px; background-color: #1555a3 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-x-lg' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3E%3C/svg%3E")no-repeat center; background-size: 75% auto; border: 0; } #rating-hints .lightbox-inner .lightbox-closer:hover { background-color: #1D73DD !important; } @media screen and (min-width: 576px) { body.page-index-type-cat .product-listing-full-width .productlist-viewmode-grid .product-container { width: calc(50% - 8px); } } @media screen and (min-width: 768px) { body { padding-top: 270px; } #header { height: 250px !important; } #header .inside .navbar-header { width: auto !important; } #header { height: 270px !important; background: #fff !important; padding: 0; transition: .5s ease; } #header.sticky { transform: translateY(-168px); } #header > .inside > .row { display: flex; align-items: center; padding: 10px 0; } .navbar-header { padding: 0; margin-right: 28px; } .navbar-brand img, .navbar-brand svg { height: 40px; } #header.sticky .navbar-categories, #header.sticky .navbar-menu { height: auto !important; } .navbar-search.collapse { display: flex; align-items: center; justify-content: space-between; max-width: 550px; padding: 10px 15px; gap: 50px; } .navbar-search { float: none !important; width: 90%; } .navbar-search form { width: 100%; } #header .navbar-categories { height: auto !important; } #header .navbar-categories, #header .navbar-menu { padding: 0 15px; overflow: visible !important; } #header.sticky .navbar-categories, #header.sticky .navbar-menu { overflow: visible !important; } #categories { height: 100px; background: #f3f6ee; } #categories .navbar-default, .navbar-collapse .navbar-categories ul.navbar-nav, .navbar-collapse .navbar-menu ul.navbar-nav { display: flex; justify-content: space-between; background: transparent; } .navbar-collapse .navbar-menu ul.navbar-nav:before, .navbar-collapse .navbar-menu ul.navbar-nav:after { display: none; } .navbar-categories>ul>li { position: static; } .level-1 .dropdown-more { width: 100%; } #mainNavigation { display: none; } .level-1 .dropdown-more > .dropdown-toggle { display: none; } .level-1 .dropdown-more .level-2.dropdown-menu.ignore-menu { position: relative; display: flex !important; justify-content: space-between; width: 100% !important; top: 0; background: transparent; box-shadow: none; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a { height: auto; font-size: 20px; font-weight: 500; color: #272a2c; } .navbar-collapse .navbar-categories ul.navbar-nav>li.active>a { color: #1555a3; } .navbar-categories .cat-icon{ display: block; width: auto; height: 40px; margin: 0 auto 10px; } .navbar-collapse .navbar-categories ul.navbar-nav>li>ul.dropdown-menu>li>a { text-align: center; } .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav, .navbar-collapse .navbar-menu ul.navbar-nav ul.main-nav { position: absolute; display: none; width: 100%; left: 0; padding: 20px; grid-auto-flow: column; grid-template-columns: repeat(2, 1fr); grid-template-columns: masonry; grid-template-rows: repeat(8, auto); background: #fff; box-shadow: 0 30px 30px 0 rgba(0,0,0,.1); z-index: 1; } .navbar-collapse .navbar-categories ul.navbar-nav .hersteller ul.main-nav, .navbar-collapse .navbar-menu ul.navbar-nav .hersteller ul.main-nav { max-height: 70vh; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(5, auto); overflow-y: auto; } .navbar-collapse .navbar-categories ul.navbar-nav > li.overview:hover ul.main-nav, .navbar-collapse .navbar-menu ul.navbar-nav > li.overview:hover ul.main-nav, .navbar-collapse .navbar-categories ul.navbar-nav > li.overview.mouse ul.main-nav, .navbar-collapse .navbar-menu ul.navbar-nav > li.overview.mouse ul.main-nav { display: grid; } .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li, .navbar-collapse .navbar-menu ul.navbar-nav ul.main-nav > li { padding: 5px 0; } .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li.active a, .navbar-collapse .navbar-menu ul.navbar-nav ul.main-nav > li.active a { font-weight: 700; } .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li > a, .navbar-collapse .navbar-menu ul.navbar-nav ul.main-nav > li > a { font-size: 17px; font-weight: 300; } .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li > a:hover, .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li > a:focus, .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li > a:active { color: #1555a3; } .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries { float: none; background: transparent; } .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a { font-size: 20px; color: #1555a3; font-weight: 300; text-transform: none; background: transparent !important; } .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a:hover, .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a:focus, .navbar-collapse .navbar-categories ul.navbar-nav>li.custom.custom-entries>a:active { color: #1555a3; } .navbar-right .dropdown-menu, #header .navbar-secondary .navbar-nav .dropdown-menu { text-align: left !important; } .cart-total-mobil { display: none; } .blog-link { position: absolute !important; right: 0; bottom: 0; } .blog-link a { padding-left: 0 !important; padding-right: 0 !important; } .navbar-categories>ul>li>ul.dropdown-menu { width: auto !important; min-width: 300px; } .navbar-collapse .navbar-categories ul.navbar-nav>li>ul.dropdown-menu>li { padding: 5px 15px; width: auto; float: none; } .navbar-categories>ul>li>ul.dropdown-menu a { text-transform: none !important; } .indent-sm-1 { padding-left: 0px; } fieldset > .row > .indent-sm-1 { padding-left: 15px; } #footer .footer-header .row{ display: flex; justify-content: center; } #footer .footer-header .left-col, #footer .footer-header .right-col { max-width: 575px; text-align: left; padding-top: 15px; padding-bottom: 15px; } #footer .footer-header .left-col p, #footer .footer-header .right-col p { display: flex; align-items: center; gap: 15px; } #footer .footer-header .left-col p img, #footer .footer-header .right-col p img { width: 48px !important; height: 48px !important; } #footer .footer-header .left-col { border-right: 1px solid #fff; padding-right: 45px; } #footer .footer-header .right-col { padding-left: 45px; } } @media screen and (min-width: 992px) { .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(8, auto); } .navbar-collapse .navbar-categories ul.navbar-nav ul.main-nav > li > a { font-size: 18px; } .product-info .product-info-description .nav-tabs { justify-content: flex-start; } body.page-index-type-cat .product-listing-full-width .productlist-viewmode-grid .product-container { width: calc(33.3333333% - 16px); } } @media screen and (min-width: 1200px) { #header { height: 260px !important; } #header.sticky { transform: translateY(-178px); } #header > .inside > .row { padding: 15px 0; } #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; width: 25%; } #footer .inside .row .footer-col-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; } } @media screen and (min-width: 1400px) { body.page-index-type-cat .product-listing-full-width .productlist-viewmode-grid .product-container { width: calc(25% - 12px); } .product-container .product-tile .price-tax .button-input a { font-size: 0 !important; background-image: url("data:image/svg+xml,%0A%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='442.000000pt' height='448.000000pt' viewBox='0 0 442.000000 448.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,448.000000) scale(0.100000,-0.100000)'%0Afill='%23ffffff' stroke='none'%3E%3Cpath d='M893 4465 c-407 -74 -719 -389 -783 -790 -5 -33 -32 -663 -60 -1400%0A-55 -1456 -55 -1435 -4 -1598 49 -154 123 -276 238 -392 120 -121 274 -210%0A446 -257 l85 -23 1405 0 c1343 0 1408 1 1474 19 175 47 322 134 447 263 163%0A168 254 358 274 569 8 82 -91 2732 -105 2821 -55 344 -302 636 -635 750 -158%0A54 -138 53 -1474 52 -968 -1 -1252 -4 -1308 -14z m2682 -334 c92 -31 128 -49%0A202 -106 125 -93 211 -247 233 -416 11 -84 100 -2423 100 -2614 0 -118 -18%0A-200 -64 -298 -66 -142 -171 -252 -303 -317 -125 -62 -72 -60 -1521 -60 -1426%0A0 -1387 -1 -1509 51 -197 84 -348 277 -382 489 -15 93 82 2713 104 2808 45%0A193 190 364 374 441 121 51 88 50 1436 48 l1260 -2 70 -24z'/%3E%3Cpath d='M1172 3820 c-80 -36 -98 -125 -67 -320 78 -480 445 -847 925 -925%0A225 -36 486 3 682 101 322 161 549 475 603 831 30 196 12 277 -67 313 -54 25%0A-102 25 -156 0 -56 -25 -78 -74 -86 -195 -23 -343 -249 -622 -583 -717 -103%0A-30 -313 -32 -413 -4 -342 94 -573 374 -596 721 -8 121 -30 170 -86 195 -54%0A25 -102 25 -156 0z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-size: 20px auto; min-height: 49px; min-width: 49px; } } @media screen and (min-width: 1600px) { .container, table.box-error, table.box-warning, body #wrapper, #footer .inside, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer .footer-header { width: 1500px; } .navbar-brand img, .navbar-brand svg { height: 50px; } .navbar-collapse .navbar-categories { width: 1500px; } #stage .swiper-slide { height: 550px; } } @media screen and (min-width: 1920px) { .container, table.box-error, table.box-warning, body #wrapper, #footer .inside, #product_navigation.panel-pagination, #header .inside, #topbar-container .navbar-topbar, #footer .footer-header { width: 1734px; } #header { height: 270px !important; } #header.sticky { transform: translateY(-188px); } #header > .inside > .row { padding: 20px 0; } .navbar-brand img, .navbar-brand svg { height: 57px; } #header .top-desc { max-width: 420px; } .navbar-collapse .navbar-categories { width: 1734px; } #stage .swiper-slide { height: 600px; } .swiper-slide-overlay { width: 520px; } .productlist-swiper .swiper-button-prev { left: -75px; } .productlist-swiper .swiper-button-next { right: -75px; } div[id^="wm_tipp_swiper_"] .product-container .product-tile .price-tax .btn.btn-outline { transform: translateX(36px); } } @media screen and (max-width: 1919px) { body { padding-top: 260px; font-size: 19px; line-height: 26px; } #header .top-desc { font-size: 15px; } .navbar-search.collapse { max-width: 510px; max-width: 425px; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a { font-size: 19px; } .swiper-slide-overlay { left: 80px; } #stage .swiper-button-prev { left: 0px; } #stage .swiper-button-next { right: 0px; } .categories-teaser .teaser-box .teaser-overlay p a { font-size: 15px; } } @media screen and (max-width: 1599px) { #header .top-desc { display: none; } #header > .inside > .row { justify-content: space-between; } #header > .inside > .row:before, #header > .inside > .row:after { display: none; } .navbar-header { margin-right: 110px; } #stage .swiper-slide { height: 400px; } .swiper-slide-overlay { padding: 48px; border-radius: 32px; } .productlist-swiper .swiper-button-prev, .productlist-swiper .swiper-button-next { color: #1555a3; padding: 0; } .categories-teaser .teaser-box .teaser-overlay p a { font-size: 13px; } } @media screen and (max-width: 1399px) { body { font-size: 18px; line-height: 24px; padding-top: 230px; } #header { height: 230px !important; } #header .topnav #header-benefits { display: none; } .navbar-brand { height: 60px !important; line-height: 60px !important; } .navbar-header { padding: 0; margin-right: 30px; } .navbar-search.collapse { max-width: 300px; } #topbar-container .navbar-nav>li { margin-right: 0px; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a { font-size: 18px; } .navbar-search.collapse { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; gap: 30px; } #categories { height: 70px; } .navbar-collapse .navbar-categories ul.navbar-nav>li>a { font-size: 18px; } .navbar-collapse .navbar-categories ul.navbar-nav>li.dropdown-more>ul.dropdown-menu>li { display: flex; align-items:center; } .navbar-categories .cat-icon { display: none; } #stage .swiper-slide { height: 400px; } .productlist-viewmode-grid .product-container, .productlist-swiper .product-container, .product-container.flyover { height: 520px !important; } .productlist-viewmode-grid .product-container .product-tile .price-tax, .productlist-swiper .product-container .product-tile .price-tax, .product-container.flyover .product-tile .price-tax { display: block; } .productlist-viewmode-grid .product-container .product-tile .price-tax .btn.btn-outline, .productlist-swiper .product-container .product-tile .price-tax .btn.btn-outline, .product-container.flyover .product-tile .price-tax .btn.btn-outline { width: 100%; margin-top: 16px; } .product-info-tabs a, .product-info-description .nav-tabs li a { font-size: 16px; padding: 16px !important; } .product-info .product-info-details dl dt, .product-info .product-info-details dl dd { font-size: 14px; } .categories-teaser .teaser-box .teaser-overlay p a { font-size: 13px; } #main h2, #footer h2 { font-size: 30px; } #main .product-info-description h2 { font-size: 28px; } #main .product-info-description h3 { font-size: 22px; } #main .product-info-description h4 { font-size: 20px; } .categories-teaser .teaser-box { width: 50%; } .header-contact a { font-size: 16px; } .header-contact .tel-icon { width: 36px; height: 36px; } #topbar-container .navbar-nav>li:not(:last-child) { margin-right: 0px; } .navbar-search { float: none !important; width: 50%; } #header .navbar-secondary { width: 43.333333%; } .swiper-slide-overlay { padding: 32px; border-radius: 24px; } div[id^="wm_tipp_swiper_"] { height: 580px !important; } .productlist-swiper .product-container[data-index*="wm_tipp_swiper"] { height: 580px !important; } .productlist-swiper .product-container[data-index*="wm_tipp_swiper"] .button-input { margin-top: 8px; } .productlist-swiper .product-container[data-index*="wm_tipp_swiper"] .button-input a{ display: block; } } @media screen and (max-width: 1199px) { body { padding-top: 220px; } #header { height: 220px !important; } .navbar-collapse .navbar-categories ul.navbar-nav>li>ul.dropdown-menu>li { padding: 5px 5px; } #stage .swiper-slide { height: 375px; } .swiper-slide-overlay { padding: 24px; border-radius: 16px; } .product-info .product-info-details dl dt, .product-info .product-info-details dl dd { font-size: 16px; } .footer-col-2, .footer-col-3, .footer-col-4 { width: 33.3333333%; } } @media screen and (max-width: 991px) and (min-width: 768px){ .navbar-brand img, .navbar-brand svg { height: 35px; } } @media screen and (max-width: 991px) { #header .topnav .topnav-links { gap: 16px; } .navbar-brand { height: 55px !important; line-height: 55px !important; } .navbar-search { width: 35%; } .navbar-search form { width: 100%; } .navbar-collapse .navbar-categories ul.navbar-nav>li>ul.dropdown-menu>li>a { font-size: 16px; } .navbar-search.collapse { max-width: 175px; } #header .navbar-secondary { width: 52.333333%; } #header .navbar-secondary .navbar-nav>li>a { font-size: 12px; } #stage .swiper-slide { height: auto; } .swiper-slide-overlay { display: none; } .product-info-thumbnails-mobile .swiper-button-prev, .product-info-layer-thumbnails .swiper-button-prev, .product-info-thumbnails-mobile .swiper-button-next, .product-info-layer-thumbnails .swiper-button-next { right: 0; margin-top: -30px; } .product-info-tabs a { font-size: 20px; } .product-info .product-info-title-mobile>span { font-family: 'Rubik', sans-serif; color: #1555a3; font-size: 28px; font-weight: 500 !important; line-height: 1.2; text-transform: none !important; } .productlist-swiper .swiper-button-prev { left: -30px; } .productlist-swiper .swiper-button-next { right: -30px; } .categories-teaser .teaser-box { width: 100%; max-height: initial; } body.page-index #main h2, body.page-index #main .nav-tabs>li>a, body.page-index #main .tab-content>.tab-pane>.tab-heading>a { margin-bottom: 24px; } .total-box table td { padding-left: 15px !important; padding-right: 15px !important; } #footer-benefits .container { gap: 32px; } .footer-col-2, .footer-col-3 { width: 50%; } .footer-col-4 { width: 100%; } } @media screen and (max-width: 767px) { body { font-size: 18px; line-height: 26px; padding-top: 60px; } #header { height: 60px !important; } #header .topnav { display: none; } .navbar-header { margin-right: 0px; } .navbar-brand { height: 40px !important; line-height: 40px !important; margin-top: 10px; } #meco-overlay-menu { background: rgba(21,85,163,.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } #meco-overlay-menu .meco-overlay-menu-search .search-input { font-size: 18px; } #meco-overlay-menu .navbar-collapse .navbar-categories, #meco-overlay-menu .navbar-collapse .navbar-menu { height: auto; } #meco-overlay-menu .level-1.nav > li { } #meco-overlay-menu .level-1.nav > li.home, #meco-overlay-menu .overview > a:before, .navbar-collapse .navbar-categories .home-icon, .navbar-collapse .navbar-menu .home-icon { display: none; } #meco-overlay-menu .blog-link { border-top: 1px solid rgba(255,255,255,.3); border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 15px; } #meco-overlay-menu #categories .navbar-collapse .navbar-categories .navbar-nav li a, #meco-overlay-menu #categories .navbar-collapse .navbar-menu .navbar-nav li a { text-decoration: none !important; } #meco-overlay-menu .blog-link + .navbar-topbar-item:not(.gambio-admin) { display: none; } #meco-overlay-menu #categories .navbar-collapse .navbar-categories .navbar-nav>li.navbar-topbar-item>a, #meco-overlay-menu #categories .navbar-collapse .navbar-menu .navbar-nav>li.navbar-topbar-item>a { border: 0; background: rgba(255,255,255,.2); } #meco-overlay-menu li.dropdown .toggler { position: absolute; display: block; width: 27px; height: 27px; top: 0; right: 0; z-index: 1; } #meco-overlay-menu input#search-field-input-overlay::placeholder { color: #fff; } .dropdown.navbar-topbar-item > a:before { display: none !important; } #categories .dropdown-menu-login { display: block; border: 0 !important; background: rgba(255,255,255,.1) !important; margin-bottom: 7px; } ul.main-nav { padding: 0 15px; margin-bottom: 10px; } .cart-total-mobil { position: absolute; top: 17px; right: 42px; font-size: 12px; white-space: nowrap; } #stage .swiper-slide { height: 240px; height: auto; } #breadcrumb_navi>span.breadcrumbEntry, #breadcrumb_navi>span.breadcrumbEntry a{ font-size: 14px; } #main h1, #main h2 { /*-webkit-hyphens: auto; hyphens: auto;*/ word-break: break-word; } #main h2, #footer h2 { font-size: 28px; } .productlist-swiper .swiper-button-prev { left: -15px; color: #1555a3; } .productlist-swiper .swiper-button-next { right: -15px; color: #1555a3; } .swiper-button-next, .swiper-button-prev { width: 40px !important; height: 40px !important; padding: 0; text-align: center; } .swiper-button-next:before, .swiper-button-prev:before { font-size: 40px; } .productlist-swiper .product-container > form { padding: 24px; } .product-container.swiper-slide .inside .content-container .content-container-inner .title { min-height: 117px; } .productlist-viewmode-grid .product-container .product-tile .title-description .title, .productlist-swiper .product-container .product-tile .title-description .title, .product-container.flyover .product-tile .title-description .title { font-size: 18px; line-height: 24px; } .current-price-container { font-size: 18px; } .productlist-viewmode-grid .product-container .product-tile figure, .productlist-swiper .product-container .product-tile figure, .product-container.flyover .product-tile figure { height: 130px; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner { flex-wrap: wrap; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner > * { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image { padding: 0; margin-bottom: 30px; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image .product-image img { position: relative; width: 180px; height: auto; top:unset; left: unset; transform: none !important; } .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .price-tax, .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description { padding: 0; text-align:left; } .productlist-viewmode-list .btn.btn-primary.btn-buy.btn-block.pull-right.js-btn-add-to-cart { float: none !important; } .productlist-viewmode-list .product-container { padding-bottom: 30px; margin-bottom: 30px; } .product-info .product-info-details, .product-info-description, #product-ratings { width: calc(100% - 30px); padding: 15px; margin-left: 15px; } #ts_product_widget { margin-bottom: 15px; } .product-info-description { padding-left: 0; padding-right: 0; } .product-info-description .tab-content, #product-ratings{ border-radius: 16px; } .product-info .product-info-details { padding-top: 25px; } .product-info .product-info-details dl dt, .product-info .product-info-details dl dd { font-size: 15px; } .tab-content>.tab-pane>.tab-heading>a { margin-top: 0px; } .nav-tabs>li>a, .tab-content>.tab-pane>.tab-heading>a { padding: 15px 5px 15px 0; } .tab-content>.tab-pane:not(:last-child) { margin-bottom: 0px; } .product-info-tabs { margin-left: 15px; } .product-info .product-info-description .tab-content, #product-ratings { padding: 15px; } .product-info .product-info-description .tab-content h1, .product-info .product-info-description .tab-content h2 { font-size: 30px; } #product-ratings h2, #product-ratings h3 { -webkit-hyphens: auto; hyphens: auto; margin-top: 0; } #gift-coupon-block { margin: 15px -15px; } #footer-benefits .container { gap:16px; } #footer-benefits .container > div { width: 100%; } #footer-benefits p { font-size: 18px; gap: 16px; justify-content: center; } #footer-benefits img { width: 32px; } #footer .footer-header { width: calc(100% + 15px); margin-left: -15px; padding-left: 15px; } #footer .footer-header img { display: block; width: 56px !important; height: 56px !important; margin: 0 auto 20px; } #footer .footer-header p { max-width: 400px; font-size: 20px; margin: 0 auto 30px !important; } #footer .footer-bottom { margin-top: 0; padding-bottom: 90px; } .product-info-description img { width: 100%; max-width: 100%; height: auto; } .product-info-tabs, .product-info-description .nav-tabs { display: none !important; } .product-info-rating-heading { margin-top: 20px; } .product-info-description .nav-tabs>li>a, .tab-content>.tab-pane>.tab-heading>a { font-size: 18px; height: auto; } .form-control, .input-text, #checkout_payment .miscellaneous-container { font-size: 18px; } .checkout-processfunnel li.active .step-text { line-height: 40px; } .footer-bottom-right { display: none !important; } .footer-bottom-left { width: 100%; flex-wrap: wrap; justify-content: center; } .footer-bottom-left > p { width: 100%; text-align: center; } .page-shopping-cart .productlist-swiper .swiper-button-prev { left: 0; } .page-shopping-cart .productlist-swiper .swiper-button-next { right: 0; } #rating-hints .lightbox-inner .lightbox-closer { top: 0; } } @media screen and (max-width: 575px) { .productlist-viewmode-grid .product-container, .productlist-swiper .product-container, .product-container.flyover { width: 100%; } .productlisting-filter-container .btn-group.dropdown:last-child { display: none; } .btn, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button { padding: 12px 15px; } .page-index #main .gx-content-zone-col { margin-bottom: 30px; } ul.infoportal li { flex: 0 0 100%; width: 100%; } .btn-block, .navbar-search .input-group .input-group-btn .dropdown-toggle, .navbar-search .input-number .input-group-btn .dropdown-toggle, .navbar-search .input-group .input-number .btn-plus .dropdown-toggle, .input-number .navbar-search .input-group .btn-plus .dropdown-toggle, .navbar-search .input-group .input-number .btn-minus .dropdown-toggle, .input-number .navbar-search .input-group .btn-minus .dropdown-toggle, .navbar-search .input-number .input-number .btn-plus .dropdown-toggle, .input-number .navbar-search .input-number .btn-plus .dropdown-toggle, .navbar-search .input-number .input-number .btn-minus .dropdown-toggle, .input-number .navbar-search .input-number .btn-minus .dropdown-toggle { width: auto; min-width: 110px; } .productlist-viewmode-grid .product-container { height: auto !important; } .productlist-viewmode-grid .product-container .product-tile .price-tax, .product-container.flyover .product-tile .price-tax { padding-bottom: 16px !important; } .productlist-viewmode-grid .product-container .inside .content-container .content-container-inner .title { min-height: initial; max-height: initial; } .categories-teaser .teaser-box .teaser-overlay p a { font-size: 12px; } .categories-teaser .teaser-box .teaser-overlay p a:after { width: 16px; height: 16px; margin-left: 5px; } .footer-col-2, .footer-col-3, .footer-col-4 { width: 100%; } } @media screen and (max-width: 480px) { .product-container.swiper-slide:not(.swiper-slide-active) { opacity: .3; } .product-info-image .product-info-image-inside { max-height: unset; width: 100%; height: auto; } .navbar-brand img, .navbar-brand svg { width: 125px; max-width: initial !important; height: auto; } .cart-total-mobil { font-size: 10px; top: 17px; right: 40px; } #header .inside .navbar-header .navbar-toggle.cart-icon { padding-right: 0 !important; } .categories-teaser .teaser-box .teaser-overlay h3, .categories-teaser .teaser-box .teaser-overlay h4 { margin-bottom: 15px; } .categories-teaser .teaser-box .teaser-overlay p { font-size: 11px; margin-bottom: 0; } } @media screen and (max-width: 350px) { .product-info .product-info-details dl dd, .product-info .product-info-details dl dt { display: block; width: 100%; float: none; padding-left: 0; } } @media screen and (max-width: 320px) { .cart-total-mobil { display: none; } }