/* Theme Name: BLUE SAFETY 2017 Author: BLUE SAFETY GmbH // Michael Brumm Author URI: https://bluesafety.com Version: 1.5 */ /* # # # # # A SMALL OVERVIEW FOR ALL THE MAGIC # # # # # 1. RESET - DESTROY ALL THE NASTY BROWSER THINGS 2. BASIC AND GLOBAL STUFF 3. NAVIGATION 3.1 BASIC NAVIGATION STUFF 3.2 TOP NAVIGATION 3.3 MAIN NAVIGATION 3.4 SUB NAVIGATION 3.5 MOBILE NAVIGATION 4. FRONTPAGE ELEMENTS 4.1 SLIDER STUFF 4.2 HIGHLIGHT WIDGETS 5. NEWS 5.1 NEWS ARCHIVE 5.2 SINGLE NEWS 6. CONTENT ELEMENTS 6.1 HEADLINE 6.2 TEXT ELEMENTS 6.3 IMAGE ELEMENTS 6.4 FORM ELEMENTS 6.5 TEAM PAGE 6.6 UNIVERSITY STUFF 7. FOOTER 7.1 FOOTER ROWS 7.2 COPYRIGHT STUFF 7.3 NEWSLETTER 7.4 ALERTS AND SCROLL TOP 8. MISC 8.1 SHADOWBOX 8.2 MISC STUFF 9. WOOCOMMERCE 10. RESPONSIVE */ /* # # # # # 1. RESET STYLESHEET # # # # # */ /* open-sans-300 - latin */ @font-face {font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 300; src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */} /* open-sans-regular - latin */ @font-face {font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */} /* open-sans-700 - latin */ @font-face {font-family: 'Open Sans'; font-display: swap; font-style: normal; font-weight: 700; src: url('/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; text-decoration: none;} :focus {outline: 0;} ol, ul {list-style: none;} /* # # # # # 2. RESET STYLESHEET # # # # # */ * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .clear {clear: both} div.metaslider {cursor: pointer !important} body {background: #fff; font-family: "Open Sans", sans-serif; font-weight: 300; color: #4C4C4C; font-size: 18px; -webkit-font-smoothing: subpixel-antialiased;} .main-wrapper {width: 100%; margin: 0 auto; max-width: 1100px} .alert {width: 100%; padding: 10px 0; font-size: 14px; line-height: 1.5; background: #0056d2; color: #fff; text-align: center} ::-webkit-input-placeholder {font-family: "Open Sans", sans-serif; font-weight: 300;} :-moz-placeholder {font-family: "Open Sans", sans-serif; font-weight: 300;} ::-moz-placeholder {font-family: "Open Sans", sans-serif; font-weight: 300;} :-ms-input-placeholder { font-family: "Open Sans", sans-serif; font-weight: 300;} i[class^="fa-"] {font-family: "FontAwesome"; font-style: normal; font-weight: normal} .animated {-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} #beta-badge {display: block;width: 50px;height: 50px;position: fixed;z-index: 999999999;top: 0;right: 0;background: url(images/beta-badge.png);background-size: 50px 50px;} body.page-id-8 .global-main-headline, body.page-id-3314 .global-main-headline, body.page-id-3412 .global-main-headline, body.page-id-3412 .sticky-wrapper {display: none} .page-content .landing-vorteil .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {color: #0056d2; font-size: 28px} .page-content .landing-vorteil h2 {font-size: 20px; font-weight: 400; color: #0056d2; height: 60px} .page-content .landing-vorteil p {font-size: 16px; line-height: 1.5} body.page-id-3412 .wpb_single_image .vc_figure-caption {padding: 5px 0 0 0; font-size: 11px; line-height: 1.3} body.page-id-3412 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {background-color: #009fe3; border-color: #009fe3; color: #fff; font-weight: 400; font-size: 16px} body.page-id-3412 .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {background-color: #00659f; border-color: #00659f; color: #fff} #bsu-logo img{height: 400px; width: 312px; display: block; margin: 20px auto 0 auto} /* # # # # # 3. NAVIGATION # # # # # */ /* # # # # # 3.1 BASIC NAVIGATION STUFF # # # # # */ #main-header {display: block; width: 100%;} body.home #main-header, body.woocommerce-page #main-header {position: fixed; z-index: 9999999;} body.home #header-spacer, body.woocommerce-page #header-spacer {display: block; height: 66px;} /* # # # # # 3.2 TOP NAVIGATION # # # # # */ #top-navigation {width: 100%; height: 24px; line-height: 24px; border-top: 1px solid #08293d; font-size: 12px; vertical-align: center; background: #08293d; } #top-navigation .menu {text-align: center} #top-navigation .menu li {display: inline-block; padding: 0 16px;} #top-navigation .menu li:first-child {background: #0e3953} #top-navigation .menu li a {color: #fff; text-decoration: none; letter-spacing:0.5px} #top-navigation .menu li a:hover {color: #68b2de} /* # # # # # 3.3 MAIN NAVIGATION # # # # # */ #main-navigation {width: 100%; height: 44px; font-size: 18.75px; line-height: 44px; background: #0e3953;} #main-navigation ul {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: stretch; } #main-navigation ul > li {padding-left: 15px; padding-right: 15px} #main-navigation ul > li > a {text-transform: uppercase; display: inline-block; font-weight: 300 !important; height: 44px; color: #fff;} #main-navigation ul > li > a:hover {color: #68b2de} #main-navigation ul > li.schild-icon {padding-left: 0} #main-navigation ul > li.schild-icon a {height: 44px; width: 26px; overflow: hidden; text-indent: -99px; background: url(images/icon-shield-white.png) center center no-repeat; background-size: 21px 21px;} #main-navigation ul > li.schild-icon a:hover {background: url(images/icon-shield-lightblue.png) center center no-repeat; background-size: 21px 21px;} body.home #main-navigation ul > li.schild-icon a {height: 44px; width: 26px; overflow: hidden; text-indent: -99px; background: url(images/icon-shield-lightblue.png) center center no-repeat; background-size: 21px 21px;} #main-navigation ul > li.menu-icon-checkout, #main-navigation ul > li.menu-icon-search, ul.sub-navi li.menu-checkout {width: 40px; height: 44px; cursor: pointer;} #main-navigation ul > li.menu-icon-checkout, ul.sub-navi li.menu-checkout {background: url(images/icon-checkout-white.png) right center no-repeat; background-size: 21px 21px; position: relative} #main-navigation ul > li.menu-icon-checkout:hover, ul.sub-navi li.menu-checkout:hover {background: url(images/icon-checkout-lightblue.png) right center no-repeat; background-size: 21px 21px;} #main-navigation ul > li.menu-icon-search {background: url(images/icon-search-grey.png) center center no-repeat; background-size: 21px 21px; position: relative} #main-navigation ul > li.menu-icon-search:hover {background: url(images/icon-search-blue.png) center center no-repeat; background-size: 21px 21px;} #main-navigation ul > li.menu-icon-search .hover-box {display: none; background: #fff; border: 1px solid #0056d2; padding: 0; line-height: 1; z-index: 99} #main-navigation ul > li.menu-icon-search .hover-box form#header-search {height: 44px; border: none} #main-navigation ul > li.menu-icon-search:hover .hover-box {display: block; position: absolute; top: 44px; right: -5px; width: 200px; height: 44px} #main-navigation ul > li.menu-icon-search:hover .hover-box input#s {display: block; background: url(images/icon-search-grey.png) 10px center no-repeat; background-size: 13px 13px; width: 198px; height: 42px; border: none; padding-left: 30px} #main-navigation ul > li.menu-icon-search:hover .hover-box .arrow-top, #main-navigation ul > li.menu-icon-checkout:hover .hover-box .arrow-top, ul.sub-navi li.menu-checkout .hover-box .arrow-top {display: block; width: 11px; height: 7px; background: url(images/arrow-top-grey.png); background-size: 11px 7px; position: absolute; top: -7px; right: 10px} #main-navigation ul > li.menu-icon-checkout .hover-box, ul.sub-navi li.menu-checkout .hover-box {display: none; background: #fff; border: 1px solid #e4e4e4; padding: 15px; line-height: 1.5; z-index: 99} #main-navigation ul > li.menu-icon-checkout:hover .hover-box, ul.sub-navi li.menu-checkout:hover .hover-box {display: block; position: absolute; top: 44px; right: -5px; width: 450px; height: auto; cursor: default; font-size: 14px !important} #main-navigation ul > li.menu-icon-checkout:hover .hover-box input.email {display: block; width: 270px; margin-top: 10px; padding: 12px 16px; border: none; background: #f5f5f5} ul.sub-navi li.menu-checkout:hover .hover-box {display: block; position: absolute; top: 44px; right: 0px; width: 300px; height: auto; cursor: default; font-size: 14px !important} #main-navigation ul > li.current-menu-item > a, body.parent-pageid-8 #main-navigation ul > li.menu-item-44 > a, body.archive #main-navigation ul > li.menu-item-573 > a, body.single-post #main-navigation ul > li.menu-item-49 > a, body.parent-pageid-16 #main-navigation ul > li.menu-item-48 > a, body.woocommerce #main-navigation ul > li.menu-item-43 > a, body.woocommerce-page #main-navigation ul > li.menu-item-43 > a, body.parent-pageid-20 #main-navigation ul > li.menu-item-44 > a, body.parent-pageid-16 #main-navigation ul > li.menu-item-2436 > a, body.post-type-archive-veranstaltung #main-navigation ul > li.menu-item-3327 > a, body.single-veranstaltung #main-navigation ul > li.menu-item-3327 > a, body.page-id-3550 #main-navigation ul > li.menu-item-3327 > a {color: #68b2de; font-weight: 400 !important} ul#main-navi li.news, ul#main-navi li.menu-checkout, ul.sub-navi li.menu-checkout, ul#main-navi li.menu-university {position: relative} ul#main-navi li.news .news-count, ul#main-navi li.menu-checkout .news-count, ul.sub-navi li.menu-checkout .news-count, ul#main-navi li.menu-university .news-count {display: block; position: absolute; top: 6px; right: -5px; width: 20px; height: 20px; border-radius: 10px; background: #cf0e0e; color: white; font-size: 11px; font-weight: bold; text-align: center; line-height: 20px;} ul#main-navi li.menu-checkout .news-count, ul.sub-navi li.menu-checkout .news-count {right: -15px} ul#main-navi li.menu-checkout .news-count[title*="0"], ul.sub-navi li.menu-checkout .news-count[title*="0"] {display: none} ul#main-navi li.menu-checkout .news-count {background-color: #0056d2} ul#main-navi li.menu-university .news-count {background-color: #c210d1} body.woocommerce-page #sub-navigation {display: none !important} #header-cart-link {display: block; width: 40px; height: 100%;} /* # # # # # 3.4 SUB NAVIGATION # # # # # */ #sub-navigation { width: 100%; height: 44px; background: rgba(255, 255, 255, 0.9); overflow: hidden; border-top: 1px solid #e4e4e4; position: relative} #sub-navigation ul { width: 100%; height: 44px; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-content: stretch; align-items: stretch;} #sub-navigation ul > li {margin-left: 40px} #sub-navigation ul > li > a {height: 44px; line-height: 44px; font-size: 16px !important; letter-spacing: 0.5px; font-weight: 300; color: #4C4C4C;} #sub-navigation ul > li > a:hover {color: #0056d2;} #sub-navigation ul li.current_page_item a {color: #0056d2; font-weight: 400} #sub-navigation ul li.blue-button a {background: #01609a; color: #fff; border-radius: 5px; padding: 3px 8px; font-size: 12px} #sub-navigation ul li.blue-button a:hover {background: #005182} #sub-navigation ul li.sectionname {flex: 1; font-weight: 400; margin-left: 0; text-transform: uppercase;} #sub-navigation ul li.sectionname a {color: #0056d2;} #sub-navigation.stuck {border-top: none; position: fixed !important; z-index: 5; top: 0; left: 0; background: rgba(255, 255, 255, 0.9); overflow:visible} #sub-navigation ul li#product-logo span {height: 44px} #sub-navigation a.home {height: 44px; width: 26px; overflow: hidden; text-indent: -99px; background: url(images/icon-shield-blue.png) center center no-repeat; background-size: 21px 21px; position: absolute; bottom: 40px; left: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} #sub-navigation.stuck a.home {bottom: 0px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} #sub-navigation .sectionname {-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} #sub-navigation.stuck .sectionname {padding-left: 40px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} /* # # # # # 3.5 MOBILE NAVIGATION # # # # # */ #mobile-header, nav#mobile-sub {display: none; background: #00568c;} #mobile-header nav#mobile-top {height: 40px; padding: 10px 15px; color: #fff; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: stretch;} #mobile-header nav#mobile-top span, #mobile-header nav#mobile-top a {display: inline-block; width: 20px; height: 20px} #mobile-header nav#mobile-top span#mobile-menu.open {background: url(images/icon-menu.png) center center no-repeat; background-size: 20px 20px} #mobile-header nav#mobile-top span#mobile-menu.closed {background: url(images/icon-close.png) center center no-repeat; background-size: 20px 20px} #mobile-header nav#mobile-top a#mobile-logo {background: url(images/icon-shield-white.png) left center no-repeat; background-size: 20px 20px; padding-left: 30px; font-size: 11px; color: #fff; line-height: 20px; letter-spacing: 0.5px} #mobile-header nav#mobile-top span#mobile-checkout {background: url(images/icon-checkout-white.png) center center no-repeat; background-size: 20px 20px} #mobile-header nav#mobile-main, nav#mobile-sub {display: none; padding-bottom: 20px} #mobile-header nav#mobile-main ul, nav#mobile-sub ul {width: 80%; margin: 0 auto} #mobile-header nav#mobile-main ul li, nav#mobile-sub ul li {padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, 0.2)} #mobile-header nav#mobile-main ul li:first-child, nav#mobile-sub ul li:first-child {border-top: none} #mobile-header nav#mobile-main ul li a, nav#mobile-sub ul li a {color: #fff; font-size: 16px !important; text-transform: uppercase} #mobile-header nav#mobile-main ul li.mobile-search form input, nav#mobile-sub ul li.mobile-search form input {border: none; border-radius: 0px; border-bottom: 1px solid #fff; width: 100%; height: 28px; font-size: 18px; background: transparent url(images/icon-search-white.png) left center no-repeat; background-size: 20px 20px; padding-left: 30px; color: #fff; font-weight: 300 !important} #mobile-header nav#mobile-main ul li.mobile-search form input::-webkit-input-placeholder {color: #fff} #mobile-header nav#mobile-main ul li.mobile-search form input:-moz-placeholder {color: #fff} #mobile-header nav#mobile-main ul li.mobile-search form input::-moz-placeholder {color: #fff} #mobile-header nav#mobile-main ul li.mobile-search form input:-ms-input-placeholder {color: #fff} .mobile-sub-item {display: none} nav#mobile-sub {display: none; position: fixed; top: 44px; left: 0; z-index: 999; width: 100%;} #mobile-header #mobile-checkoutbox {display: none; position: relative; background: #fff; padding: 15px} #mobile-header #mobile-checkoutbox .mini-cart-link-item {color: #4c4c4c} #mobile-header #mobile-checkoutbox .arrow-up {position: absolute; top: -7px; right: 18px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;} #global-image-header {display: block; width: 100%; height: 500px; background-color: #f5f5f5; background-size: 100% auto; padding-top: 250px; margin-top: -44px; overflow: hidden; margin-bottom: 4em} #global-image-header h1 {display: block; width: 100%; text-align: center; font-weight: 500; font-size: 44px; color: #fff} /* # # # # # 4. FRONTPAGE ELEMENTS # # # # # */ .grecaptcha-logo{display: none;} .grecaptcha-badge {display: none;} /* # # # # # 4.1 SLIDER STUFF # # # # # */ .slider-area {width: 100%; max-height: 868px; background: #eef4fa; background: -moz-linear-gradient(top, #eef4fa 0%, #f9f9f9 100%); background: -webkit-linear-gradient(top, #eef4fa 0%,#f9f9f9 100%); background: linear-gradient(to bottom, #eef4fa 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef4fa', endColorstr='#f9f9f9',GradientType=0 );} .flex-direction-nav a {width: 30px; height: 72px;} .flex-direction-nav .flex-next, .rsUni.rsHor .rsArrowRight .rsArrowIcn {background: url(images/slider-right.png) center center no-repeat !important} .flex-direction-nav .flex-prev, .rsUni.rsHor .rsArrowLeft .rsArrowIcn {background: url(images/slider-left.png) center center no-repeat !important} .single-veranstaltung .flex-direction-nav .flex-next, .rsUni.rsHor .rsArrowRight .rsArrowIcn, .single .flex-direction-nav .flex-next, .rsUni.rsHor .rsArrowRight .rsArrowIcn {background: none!important} .single-veranstaltung .flex-direction-nav .flex-prev, .rsUni.rsHor .rsArrowLeft .rsArrowIcn, .single .flex-direction-nav .flex-prev, .rsUni.rsHor .rsArrowLeft .rsArrowIcn {background: none!important} .wpb_gallery img.attachment-thumbnail {display: block; width: 100%; height: auto !important} .flex-control-paging li a {width: 32px !important; height: 4px !important; display: block; border-radius: 0px !important; background: #a6a6a6 !important; border: 1px solid #a6a6a6 !important; box-shadow: none !important} .flex-control-paging li a:hover { background: rgb(6, 77, 156) !important; } .flex-control-paging li a.flex-active { background: rgb(6, 77, 156) !important; border: 1px solid rgb(6, 77, 156) !important } .flexslider:hover .flex-next {right: 15px !important} .flexslider:hover .flex-prev {left: 15px !important} /* # # # # # 4.2 HIGHLIGHT WIDGETS # # # # # */ #highlights-frontpage {display: flex; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; margin-bottom: 30px} #highlights-frontpage article {width: 25%; border: 1px solid #fff; padding: 0; height: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} #highlights-frontpage article:first-child {border-left: none} #highlights-frontpage article:last-child {border-right: none} #highlights-frontpage article a {display: block; padding: 0; background: transparent; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} #highlights-frontpage article img, #highlights-frontpage article img.attachment-full {display: block; width: 100%; height: auto; margin: 0 auto; max-width: 290px !important} /* # # # # # 4.3 WATER FOUNDATION # # # # # */ #water-foundation {display: block; width: 100%; max-width: 750px; min-height: 75px; padding: 0 10px; font-size: 18px; margin: 30px auto; Vertical-Align: center; color: #0056d2} #water-foundation #logo {display: inline-block; float: left; min-height: 75px; height: 100%; width: 200px; background: url(images/water-foundation.png) left center no-repeat; border-right: 1px solid #0056d2; margin-right: 20px} #water-foundation #text {padding-top: 10px; float: left} #water-foundation .blue {color: #0056d2} .grey-bg {background: red} #ids2019{width: 100%; padding: 25px 0 40px 0; text-align: center; color: #fff; border-top: 18px solid rgb(255, 255, 255); background: #333d99; /* Old browsers */ background: -moz-linear-gradient(-45deg, #333d99 50%, #ff00ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #333d99 50%,#ff00ff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #333d99 50%,#ff00ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d99', endColorstr='#ff00ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #ids2019 strong{font-weight: 600;} #ids2019 a{padding: 15px; background: #fff; color: #333d99; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;} #ids2019 a:hover{padding: 15px; background: #01609a; color: #ffffff;} #ids2019 img{margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 1100px;} .bs-verlauf{padding-top: 50px; padding-bottom: 50px; color: #fff; background: #333d99; /* Old browsers */ background: -moz-linear-gradient(-45deg, #333d99 50%, #ff00ff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #333d99 50%,#ff00ff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #333d99 50%,#ff00ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333d99', endColorstr='#ff00ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} /* # # # # # 5. NEWS # # # # # */ /* # # # # # 5.1 NEWS ARCHIVE # # # # # */ .news-archive-overview#article-list {display: flex; flex-wrap: wrap; justify-content: space-between; align-self: stretch;} body.post-type-archive-veranstaltung .news-archive-overview#article-list {margin-bottom: 75px} .news-archive-overview article {width: 32%; padding-bottom: 40px; margin-bottom: 30px; position: relative} .news-archive-overview article:hover {background: #f5f5f5} .news-archive-overview article header {position: relative} .news-archive-overview article header img {display: block; width: 100%; height: auto; margin: 0 0 5px 0} .news-archive-overview article header time {font-size: 0.8em; padding: 0 10px; font-weight: 300; color: rgba(76, 76, 76, 0.6)} .news-archive-overview article header h3 {margin: 5px 0; padding: 0 10px; min-height: 60px} .news-archive-overview article header h3 a {font-size: 0.95em; font-weight: 400; color: rgba(76, 76, 76, 1)} .news-archive-overview article header h3 a:hover {color: rgb(0, 86, 210);} .news-archive-overview article p {font-size: 0.85em; line-height: 1.7; padding:0 10px; margin: 0; font-weight: 300; color: rgba(76, 76, 76, 1)} .news-archive-overview article a.readmore, .news-archive-overview article .reading-time {position: absolute; bottom: 10px; left: 10px; font-size: 0.7em; color: rgba(0, 86, 210, 1); letter-spacing: 0.5px} .news-archive-overview article a.readmore:hover {color: rgb(7, 77, 187, 1)} .news-archive-overview article a.readmore:hover .fa {margin-left: 5px} .news-archive-overview article .reading-time {left: auto; right: 10px; color: rgba(76, 76, 76, 0.5)} .news-archive-overview article .reading-time::before {content: "\f017"; font-family: "FontAwesome"; font-weight: 300; padding-right: 3px} .news-archive-overview article header .post-img {width: 100%; height: 186px; display: block; overflow: hidden; margin-bottom: 5px} .news-archive-overview article header .post-img img {-webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease;} .news-archive-overview article:hover .post-img img {width: 110%; height: auto; margin-left: -15px; margin-top: -15px} .sticky-info {background: red; color: #fff; display: inline-block; padding: 5px 10px; font-size: 11px; line-height: 1; letter-spacing: 1px; text-transform: uppercase; position: absolute; top: 10px; right: 10px} footer.pagination {margin: 2em 0; padding: 2em 0; border-top: 1px solid rgba(0, 0, 0, .1); display: flex; flex-wrap: nowrap; justify-content: center; font-size: 13px; font-weight: 300} footer.pagination .page-numbers, footer.pagination .contentjumpnumber {display: inline-block; color: #4c4c4c; outline: 1px solid #fff; padding: 8px 14px; margin: 0 3px;} footer.pagination .page-numbers:hover, footer.pagination .contentjumpnumber:hover {color: #4c4c4c; outline: 5px solid #f5f5f5; background: #f5f5f5;} footer.pagination .prev, footer.pagination .next {border-color: #f5f5f5; color: #4c4c4c;} footer.pagination .current, footer.pagination span.contentjumpnumber {color: #4c4c4c; background: #f5f5f5} footer.pagination .current:hover {outline: 5px solid #f5f5f5; background: #f5f5f5} footer.pagination .dots:hover {outline: 1px solid #f5f5f5; background: #f5f5f5; color: #4c4c4c} footer.pagination .page-numbers, footer.pagination .prev, footer.pagination .next, footer.pagination .current, footer.pagination .contentjumpnumber {-webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;} .article-excerpt.archive-nl {background: #f5f5f5; padding: 40px 20px} .news-archive-overview article.article-excerpt.archive-nl p {padding: 0 0 10px 0} .news-archive-overview article.article-excerpt.archive-nl .kunde-email input {margin-bottom: 10px} /* # # # # # 5.2 SINGLE NEWS # # # # # */ .single-content {display: flex; flex-wrap: nowrap;} .single-content > section {width: 75%; padding-right: 5em} .single-content > aside {width: 25%; position: relative} .single-content header {margin: 0 0 15px 0} .single-content header img {display: block; width: 100%; height: auto} .single-content header p {font-weight: 300; font-size: 1.3em; line-height: 1.5; padding: 10px 0 0 0} .single-content footer {border-top: 1px solid rgba(0, 0, 0, .1); margin: 30px 0; padding: 30px 0 0 0; font-size: 18px; line-height: 1} .single-content footer span {font-size: 14px; font-weight: 300; line-height: 32px; height: 32px;} .single-content footer .social-share-link {display: inline-block; width: 32px; height: 32px; line-height: 32px; margin-left: 7px; text-align: center; color: rgba(76, 76, 76, 0.5); border-radius: 3px} .single-content footer .social-share-link:hover {color: rgba(255, 255, 255, 1)} .single-content footer .social-share-link#social-ma::before {content: "\f0e0"; font-family: "FontAwesome";} .single-content footer .social-share-link#social-fb::before {content: "\f230"; font-family: "FontAwesome";} .single-content footer .social-share-link#social-tw::before {content: "\f099"; font-family: "FontAwesome";} .single-content footer .social-share-link#social-gp::before {content: "\f0d5"; font-family: "FontAwesome";} .single-content footer .social-share-link#social-ma:hover {background: rgba(0, 86, 210, 1)} .single-content footer .social-share-link#social-fb:hover {background: rgba(59, 89, 152, 1)} .single-content footer .social-share-link#social-tw:hover {background: rgba(30, 162, 243, 1)} .single-content footer .social-share-link#social-gp:hover {background: rgba(219, 68, 55, 1)} .sidebar-content {position: sticky; position: -webkit-sticky; padding: 50px 0; top: 0; margin-top: 180px} .page-content .sidebar-content h3 {font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; padding: 0; margin: 50px 0 5px 0} .sidebar-content .sidebar-news-link {font-size: 13px; padding: 15px 20px; display: block; border-top: 1px solid rgba(0, 0, 0, .1);} .sidebar-content .sidebar-news-link::before {font-family: "FontAwesome"; padding-right: 10px} .sidebar-content .sidebar-news-link:hover {padding-left: 30px} .sidebar-content .sidebar-news-link{color: #4c4c4c} .sidebar-content .sidebar-news-link.link-back:hover, .sidebar-content .sidebar-news-link.link-newsletter:hover {color: #fff; background: rgba(0, 86, 210, 1)} .sidebar-content .sidebar-news-link.link-facebook:hover {background: rgba(59, 89, 152, 1); color: #fff} .sidebar-content .sidebar-news-link.link-twitter:hover {background: rgba(30, 162, 243, 1); color: #fff} .sidebar-content .sidebar-news-link.link-linkedin:hover {background: rgba(40,103,178, 1); color: #fff} .sidebar-content .sidebar-news-link.link-xing:hover {background: rgba(18, 101, 103, 1); color: #fff} .sidebar-content .sidebar-news-link.link-youtube:hover {background: rgba(255,0,0,1); color: #fff} .sidebar-content .sidebar-news-link.link-instagram:hover {background: rgba(3225,48,108,1); color: #fff} .sidebar-content .sidebar-news-link.link-mail {color: #4c4c4c} .sidebar-content .sidebar-news-link.link-mail:hover {color: #fff; background: rgba(0, 86, 210, 1)} .sidebar-content .sidebar-news-link.link-phone {color: #4c4c4c} .sidebar-content .sidebar-news-link.link-phone:hover {color: #fff; background: rgba(0, 86, 210, 1)} .sidebar-content .sidebar-news-link.link-back::before {content:"\f060"} .sidebar-content .sidebar-news-link.link-newsletter::before {content:"\f003"} .sidebar-content .sidebar-news-link.link-newsletter:hover::before {content:"\f0e0"} .sidebar-content .sidebar-news-link.link-facebook::before {content:"\f230"} .sidebar-content .sidebar-news-link.link-linkedin::before {content:"\f08c"} .sidebar-content .sidebar-news-link.link-xing::before {content:"\f168"} .sidebar-content .sidebar-news-link.link-youtube::before {content:"\f167"} .sidebar-content .sidebar-news-link.link-instagram::before {content:"\f16d"} .sidebar-content .sidebar-news-link.link-twitter::before {content:"\f099"} .sidebar-content .sidebar-news-link.link-mail::before {content:"\f0e0"} .sidebar-content .sidebar-news-link.link-phone::before {content:"\f095"} .sidebar-content a.news-item {font-size: 13px; padding: 15px 20px; display: block; border-top: 1px solid rgba(0, 0, 0, .1); line-height: 1.6; color: rgba(76, 76, 76, 1)} .sidebar-content a.news-item span {color: rgba(76, 76, 76, 0.5)} .sidebar-content a.news-item:hover {background: #f5f5f5} .article-content img.size-medium {display: block; width: 100%; height: auto} /* # # # # # 6. CONTENT ELEMENTS # # # # # */ /* # # # # # 6.1 HEADLINES # # # # # */ .page-content h1 {font-size: 52px; margin: 20px 0 10px 0} /* font-weight: 300; */ .page-content h2 {font-size: 28px; font-weight: 300; margin: 20px 0 10px 0; color: rgb(6, 77, 156)} .page-content h3 {font-size: 24px; font-weight: 300; margin: 20px 0 10px 0; line-height: 1.5; color: rgb(6, 77, 156)} .page-content h4 {font-size: 20px; font-weight: 300; margin: 27px 0 10px 0; line-height: 1.2; color: rgb(6, 77, 156)} .page-content .global-main-headline, .woocommerce-products-header__title {font-size: 34px; margin: 20px 0 30px 0; font-weight: 300; min-height: 100px; padding-top: 50px; color: rgba(6, 77, 156, 1); text-align: center; } .woocommerce-products-header__title {font-weight: 400;} .woocommerce-products-header__title::before {content: "www."; font-weight: 300} .page-content .global-main-headline time {font-size: 0.5em; margin-top: -10px; display: block; font-weight: 300; color: rgba(76, 76, 76, 0.6)} body.single-post .page-content .global-main-headline {text-align: left} h4 a {color: #4C4C4C} h4 a strong {font-weight: 600} .verlauf-text-1{ font-weight: 700; background-image: linear-gradient(-45deg, #333d99 50%, #62b2a2 100%, #00a099 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} /* # # # # # 6.2 TEXT ELEMENTS # # # # # */ .page-content p {font-size: 18px; font-weight: 300; line-height: 1.8; margin: 0 0 1em 0} .page-content p strong {font-weight: 600} .page-content p a {color: #0055d2; text-decoration: none} .page-content p a:hover {text-decoration: underline} .page-content ul {list-style-type: disc; margin: 0 0 0 20px } .page-content ul li {margin: 0 0 5px 0} .page-content ul li ul {list-style-type: circle} .page-content ol {list-style-type: decimal; margin: 0 0 20px 20px } .page-content ol li {margin: 0 0 5px 0} .page-content ol li ol {list-style-type: decimal;} .fullwidth-area {position: relative} .fullwidth-area img {display: block; width: 100%; height: auto;} .default-page-content h3 {font-size: 24px; font-weight: 400} .textpage-intro p {font-size: 1.3em; line-height: 1.55; color: rgba(6, 77, 156, 1)} #safewater-more-products a {color: #fff} #safewater-more-products a:hover {color: #1717c6} .page-content .wpb_text_column.bs-engel p {font-size: 16px;} .page-content .wpb_text_column.bs-engel img {display: block; width: 100%; height: auto} /* # # # # # 6.3 IMAGE ELEMENTS # # # # # */ img.size-large, img.size-full {display: block; width: 100%; height: auto} img.width70 {display: block; width: 70% !important; height: auto; margin: 0 auto} img.width80 {display: block; width: 80% !important; height: auto; margin: 0 auto} img.width90 {display: block; width: 90% !important; height: auto; margin: 0 auto} img.aligncenter {margin: 0 auto; display: block} /* # # # # # 6.4 FORM ELEMENTS # # # # # */ form.wpcf7-form .form-area h3 {color: #1717c6; font-weight: 400} form.wpcf7-form .form-area .wpcf7-list-item {display: block; margin-bottom: 10px; font-size: 20px } form.wpcf7-form .form-area .wpcf7-list-item input {} form.wpcf7-form .form-area .wpcf7-list-item .wpcf7-list-item-label {} form.wpcf7-form .form-area .form-row {display: block; margin: 0 0 20px 0} form.wpcf7-form .form-area .form-row input, form.wpcf7-form .form-area .form-row textarea{font-family: "Open Sans", sans-serif !important; color: #4C4C4C; display: inline-block; border: 1px solid #d9d9d9; padding: 0 15px; height: 40px; line-height: 40px; color: #4c4c4c; font-weight: 300; font-size: 14px; line-height: 1;} form.wpcf7-form .form-area .form-row textarea {padding-top: 10px; height: 180px} form.wpcf7-form .form-area .form-row input#text-vorname, form.wpcf7-form .form-area .form-row input#text-telefon {width: 48%; margin-right: 2%} form.wpcf7-form .form-area .form-row input#text-nachname, form.wpcf7-form .form-area .form-row input#text-mail {width: 48%; margin-left: 2%} form.wpcf7-form .form-area .form-row input#text-strasse {width: 76%; margin-right: 2%} form.wpcf7-form .form-area .form-row input#text-nr {width: 20%; margin-left: 2%} form.wpcf7-form .form-area .form-row input#text-plz {width: 20%; margin-right: 2%} form.wpcf7-form .form-area .form-row input#text-ort {width: 76%; margin-left: 2%} form.wpcf7-form .form-area .form-row input#text-behandlungen {width: 100%;} form.wpcf7-form .form-area .form-row input#text-praxis {width: 100%;} form.wpcf7-form .form-area .form-row input#bsid {width: 48%; margin-left: 2%} form.wpcf7-form .form-area .form-row textarea {width: 100%;} form.wpcf7-form .wpcf7-submit, .mc4wp-form .wpcf7-submit {display: inline-block; padding: 10px 15px; background: #0056d2; color: #fff; border-radius: 5px; border: none;} form.wpcf7-form .wpcf7-submit:hover {cursor: pointer; background: #003cb7} .page-content p.form-accept .wpcf7-list-item-label {font-size: 13px; line-height: 1.4 !important} .page-content p.form-accept {line-height: 1.2 !important} .page-content p.form-accept input {float: left; margin: 4px 10px 120px 0} .page-content p.form-accept span {display: block; margin-top: 10px; font-size: 11px; font-weight: 400; line-height: 1.3} p.form-accept .wpcf7-list-item-label {font-size: 13px; line-height: 1.3 !important} p.form-accept {line-height: 1.2 !important} p.form-accept input {float: left; margin: 4px 10px 120px 0} p.form-accept span {display: block; margin-top: 10px; font-size: 11px; font-weight: 400; line-height: 1.3} form.wpcf7-form .form-area.form-popup .form-row textarea {padding-top: 10px; height: 90px} form.wpcf7-form .form-popup .wpcf7-submit {display: inline-block; padding: 12px 25px; background: #0056d2; font-size: 16px; color: #fff; border-radius: 5px; margin: 15px auto; border: none;} .form-popup-header h2 {color: rgba(6, 77, 156, 1); font-weight: 300; font-size: 21px} .form-popup-header p {font-weight: 300; font-size: 16px; margin: 15px 0} form.wpcf7-form .form2017 {display: flex; flex-wrap: wrap; justify-content: space-between;} .form2017row .wpb_content_element {margin-bottom: 0px} .form2017row .wpcf7-form {margin-top: 20px} form.wpcf7-form .form2017 header {width: 100%} form.wpcf7-form .form2017 .row {width: 33.33%; padding: 0 15px} form.wpcf7-form .form2017 .form-row {width: 100%} form.wpcf7-form .form2017 .form-row label {width: 100%; font-size: 14px; font-weight: 400; color: #4c4c4c;} form.wpcf7-form .form2017 .form-row input[type="text"], form.wpcf7-form .form2017 .form-row input[type="email"], form.wpcf7-form .form2017 .form-row input[type="tel"], form.wpcf7-form .form2017 .form-row input[type="password"], form.wpcf7-form .form2017 .form-row select, form.wpcf7-form .form2017 .form-row textarea, .form2017row input.info-nl, .news-archive-overview article.article-excerpt.archive-nl .kunde-email input, #mc_embed_signup.mc-simple-signup input.email, .mc4wp-form input.info-nl {width: 100%; border: 1px solid #d9d9d9; margin-bottom: 10px; padding: 0 15px; height: 40px; line-height: 40px; color: #4c4c4c; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 1;} form.wpcf7-form .form2017 .form-row textarea {height: 222px; line-height: 1.5; padding-top: 5px} form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017 .form-row.two-elements input[type="email"], form.wpcf7-form .form2017 .form-row.two-elements select {width: 48%} form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017 .form-row.two-elements span.messe-datum {margin-right: 3%} form.wpcf7-form .form2017 .form-row.two-elements .praxis-name {margin-right: 1%} form.wpcf7-form .form2017 .form-row.field-subject span#desc {display: inline-block; width: 52%; font-size: 14px} form.wpcf7-form .form2017 .form-row.field-subject span.kunde-betreff {display: inline-block; width: 48%} .dental-form form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], .dental-form form.wpcf7-form .form2017 .form-row.two-elements input[type="email"] {width: 100%; margin: 0 0 1em 0} .dental-form form.wpcf7-form .form2017 .form-row.two-elements {margin-bottom: 0} .dental-form form.wpcf7-form .form2017 .form-row.field-subject span#desc {width: 100%; margin: 0} .dental-form form.wpcf7-form .form2017 .form-row.field-subject span.kunde-betreff {width: 100%} .mc4wp-form-4366 .info-nl {width: 60% !important} .form2017row .general-phone-contact p {line-height: 1.2} .form2017row .general-phone-contact em {font-style: normal; font-size: 0.8em; line-height: 1} .form2017row .general-phone-contact strong {font-weight: 400} form.wpcf7-form .form2017 .row.phone-contact > p > span {display: block; font-weight: 400; font-size: 14px} form.wpcf7-form .form2017 .row.phone-contact > p {line-height: 1.3} form.wpcf7-form .form2017 .row.phone-contact {padding-top: 5px} /* # # # # # 6.5 TEAM PAGE # # # # # */ .team-overview {display: flex; flex-wrap: wrap; justify-content: space-between; align-self: stretch;} .team-overview .team-person {width: 32%; padding-bottom: 40px; margin-bottom: 30px; position: relative} .team-overview .team-person img, .thankyou-contact .form2017row.row-contact .team-person img {display: block; width: 100%; height: auto; margin-bottom: 10px} .team-overview .team-person .name, .thankyou-contact .form2017row.row-contact .team-person .name {font-size: 21px; line-height: 21px; font-weight: 300; color: rgba(7, 77, 187, 1); padding-left: 10px;} .team-overview .team-person .name span, .thankyou-contact .form2017row.row-contact .team-person .name span {font-weight: 400} .team-overview .team-person .position, .thankyou-contact .form2017row.row-contact .team-person .position {font-weight: 300; color: rgba(76, 76, 76, 0.6); font-size: 14px; padding-left: 10px; display: inline-block} .team-overview .team-person a {font-size: 16px; line-height: 21px; margin-left: 10px; float: right; color: rgba(76, 76, 76, 0.4); padding-right: 10px} .team-overview .team-person a:hover {color: #0055d2;} .team-overview .team-person.team-hover img.wp-post-image {opacity: 1} .team-overview .team-person.team-hover:hover img.wp-post-image {opacity: 0} /* # # # # # 6.6 UNIVERSITY STUFF # # # # # */ #bsu-logo img{height: 400px; width: 312px; display: block; margin: 20px auto 0 auto} article.event-excerpt {display: flex; flex-wrap: nowrap;} article.event-excerpt aside {width: 40px;} article.event-excerpt section {flex: 1; padding-left: 15px} article.event-excerpt .event-meta {color: #999; font-size: 12px} article.event-excerpt .event-meta .event-type {float: left} article.event-excerpt .event-meta .event-place {float: right} article.event-excerpt .event-meta .event-place::before {font-family: "FontAwesome"; content: "\f041"; margin-right: 5px} article.event-excerpt aside .event-date .event-date-day {color: rgba(6, 77, 156, 1); text-align: center; font-size: 23px; font-weight: 400; line-height: 23px; display: block} article.event-excerpt aside .event-date .event-date-month {color: rgba(6, 77, 156, 1); text-align: center; font-size: 12px; letter-spacing: 1px; padding: 5px 0 0 0; font-weight: 300; line-height: 14px; text-transform: uppercase; display: block} .news-archive-overview article.event-excerpt {padding: 10px 15px; margin-bottom: 50px} .news-archive-overview article.event-excerpt header h3 {padding: 10px 0 15px 0; margin: 0; font-size: 1.05em; line-height: 1.3; min-height: auto} .news-archive-overview article.event-excerpt p {padding: 0 0 30px 0; margin: 0; font-size: 0.85em; line-height: 1.5} .news-archive-overview article.event-excerpt a.readmore {bottom: 5px; right: 25px; left: auto} body.single-veranstaltung #event-details {background: #f6f6f6; display: block; padding: 5px 25px 0px 25px; margin: 0; border: 1px solid #e5e5e5} body.single-veranstaltung #event-details li {list-style: none; padding: 10px 0 10px 30px; border-bottom: 1px solid #e5e5e5; font-weight: 400; font-size: 16px; position: relative} body.single-veranstaltung #event-details li:last-child {border-bottom: none} body.single-veranstaltung #event-details li.event-stand {font-weight: 700} body.single-veranstaltung #event-details li span {display: block; font-size: 14px; padding-bottom: 2px; font-weight: 300} body.single-veranstaltung #event-details li::before {font-family: "FontAwesome"; color: #b5b5b5; width: 20px; text-align: center; font-size: 16px; position: absolute; top: 18px; left: 0;} body.single-veranstaltung #event-details li.event-date::before {content: "\f073"} body.single-veranstaltung #event-details li.event-place::before {content: "\f041"} body.single-veranstaltung #event-details li.event-start::before {content: "\f017"} body.single-veranstaltung #event-details li.event-time::before {content: "\f251"} body.single-veranstaltung #event-details li.event-points::before {content: "\f006"} body.single-veranstaltung #event-details li.event-organizer::before {content: "\f2bd"} body.single-veranstaltung #event-details li.event-stand::before {content: "\f124"} body.single-veranstaltung .sidebar-content {padding-top: 0px} body.single-veranstaltung .sidebar-content h3 {margin-top: 25px} body.single-veranstaltung .sidebar-content #va-flyer-download {display: block; font-size: 14px; text-align: center; color: #0056d2; margin: 50px 0; padding-top: 120px; background: url(images/icon_pdf_bluesafety.png) top center no-repeat; background-size: 73px 100px} body.single-veranstaltung .sidebar-content #va-flyer-download:hover {font-weight: 400; color: #003cb7} body.single-veranstaltung .event_expert {padding: 0 0 15px 0} body.single-veranstaltung .event_expert p {font-size: 0.8em; margin: 0 auto; line-height: 1.3} body.single-veranstaltung .event_expert p#expert-name {font-weight: 400; margin-bottom: 15px} body.single-veranstaltung .event_expert img {display: block; width: 100%; height: auto; margin: 10px 0} .page-content .global-main-headline .event-type {font-size: 21px; margin-top: -10px; display: block; font-weight: 300; color: rgba(76, 76, 76, 0.6)} .event-logo img {display: block; width: 100%; height: auto} .event-logo {margin-bottom: 30px} ul.vc_tta-tabs-list::before {position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #e4e4e4; z-index: -1} ul.vc_tta-tabs-list .vc_tta-tab.vc_active {background: #fff; border-color: #fff; z-index: 2 !important} ul.vc_tta-tabs-list .vc_tta-tab>a {font-size: 18px; padding: 16px 24px} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a {background: transparent !important; color: #a7a7a7 !important; font-weight: 300 !important; margin-bottom: -1px !important} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a:hover {color: #4c4c4c !important} .wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {background: #fff !important; color: #4c4c4c !important; font-weight: 400 !important; border-bottom-color: #fff} .vc_tta-panels ul li {font-size: 18px; line-height: 1.8; margin: 0 0 1em 0} form.wpcf7-form .form2017.messe2018 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017.messe2018 .form-row.two-elements input[type="email"], form.wpcf7-form .form2017.messe2018 .form-row.two-elements span.messe-datum {margin-right: 0px; margin-bottom: 10px} form.wpcf7-form .form2017.messe2018 .form-row.two-elements input[type="text"].messe2018addmargin, form.wpcf7-form .form2017.messe2018 .form-row.two-elements input[type="email"].messe2018addmargin, .messe2018addmargin {margin-right: 1%} /* # # # # # 7. FOOTER # # # # # */ #main-footer {background: #ededed; padding: 0} /* # # # # # 7.1 FOOTER ROWS # # # # # */ .footer-area-columns {padding: 30px 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: stretch;} .footer-area-columns section {display: block; width: 25%; padding: 0 15px; font-size: 14px; line-height: 1} .footer-area-columns section article {} .footer-area-columns section header h4 {font-weight: 500; margin-bottom: 7px} .footer-area-columns section article .no-display {display: none} .footer-area-columns section article ul li, .footer-area-columns article p {padding: 7px 0} .footer-area-columns section article ul li a, .footer-area-columns p a {color: #4C4C4C; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} .footer-area-columns section article ul li a:hover {padding-left: 5px; color: #0056d2} .footer-area-columns section article ul li.current-menu-item a {color: #0056d2; font-weight: 400} .footer-area-columns p a:hover {color: #0056d2} .footer-area-columns section#footer-contact article p span {display: inline-block; width: 65px} .footer-area-columns section#footer-contact a.fa {display: inline-block; margin: 24px 10px 0 0; font-size: 18px} .footer-area-columns section#footer-contact a.fa:hover {color: #0056d2} .footer-area-columns section article ul li.footer-login a::before, .footer-area-columns section article ul li.footer-wishlist a::before, .footer-area-columns section article ul li.footer-cart a::before, .footer-area-columns section article ul li.footer-agb a::before, .footer-area-columns section article ul li.footer-widerruf a::before, .footer-area-columns section article ul li.footer-shipping a::before, .footer-area-columns section article ul li.footer-payment a::before {color: #4c4c4c; padding-right: 5px; font-family: "FontAwesome"} .footer-area-columns section article ul li.footer-login a::before {content: "\f2bd"} .footer-area-columns section article ul li.footer-wishlist a::before {content: "\f08a"} .footer-area-columns section article ul li.footer-cart a::before {content: "\f290"} .footer-area-columns section article ul li.footer-agb a::before {content: "\f05a"} .footer-area-columns section article ul li.footer-widerruf a::before {content: "\f05a"} .footer-area-columns section article ul li.footer-shipping a::before {content: "\f0d1"} .footer-area-columns section article ul li.footer-payment a::before {content: "\f0d6"} .footer-area-columns section#footer-shop p em {font-style: normal !important; font-size: 11px; line-height: 1.6} .footer-area-columns section#footer-more .textwidget {padding-top: 20px} .footer-area-columns section#footer-more .textwidget img {display: block; width: 110px; height: 31px} .footer-area-columns section#footer-more .textwidget p {line-height: 1.7; padding-bottom: 0px} .footer-area-columns section#footer-more .textwidget p a {color: #0056d2} .footer-area-columns section#footer-more .textwidget p a:hover {color: #00568c; padding-left: 10px} .sm-links a{margin-right: 10px;} /* # # # # # 7.2 COPYRIGHT STUFF # # # # # */ .footer-end {padding: 20px 0; font-size: 13px; line-height: 2.1} .footer-end span {color: red } /*.footer-end span#footer-biozid {color: rgba(40, 40, 40, 1)}*/ .footer-end span#footer-biozid {color: #0f3a54; font-weight: bold; border: 1px solid #0f3a54; padding: 5px} /* # # # # # 7.3 NEWSLETTER # # # # # */ #footer-bg-nl {background: #e0e0e0;} .footer-area-columns.nl-column {padding: 20px 0; align-items: center; position: relative} .nl-desc {width: 45%} .nl-form {width: 55%; text-align: right} .nl-form .mc-field-group input {float: left} .nl-form .mc-field-group input.email {display: block; width: 60%; padding: 9px 12px; border: none; margin-right: 2%; font-size: 15px } .nl-form .nl-button {display: inline-block; color: #fff; width: 38%; font-size: 15px; padding: 9px 0; border: none; border-radius: 5px; background: #0056d2; font-weight: 300; cursor:pointer} .nl-form .nl-button:hover {background: #003cb7} .hover-box .nl-form .nl-button {float: left} .footer-area-columns.nl-column .wpcf7-response-output {position: absolute; bottom: -10px} .nl-desc #text #nl-offer {text-transform: uppercase; font-size: 18px; float: left; width: 150px; line-height: 31px} .nl-desc #text #nl-offer span {font-size: 51px; font-weight: 400} .nl-desc #text #nl-headline {float: right; padding-right: 20px; font-size: 26px; text-align: right; line-height: 28px} .nl-desc #nl-desc {font-size: 14px; margin-top: 5px; padding-right: 20px; float: right} /* # # # # # 7.5 ALERTS AND SCROLL TOP # # # # # */ #cookieAlertInfo a, #cookieChoiceInfo a {display: inline-block; padding: 3px 7px; background: #fff; border-radius: 5px; color: #0056d2; font-weight: 400;} .usage-alert {position: fixed; bottom: 0px; left: 0px; z-index: 5; font-size: 14px; font-weight: 400; padding: 15px; text-align: center; width: 100%; background: #333333; color: #7c7c7c} .usage-alert span {display: inline-block; height: 14px; width: 14px; background: url(images/close-alert.png) center center no-repeat; background-size: 15px 15px; margin-left: 5px; cursor: pointer} #scroll-top {display: none; width: 40px; height: 40px; background: #f5f5f5 url(images/arrow-top.png) center center no-repeat; border-radius: 50%; cursor: pointer; z-index: 99; position: fixed; bottom: 60px; right: 50px} #scroll-top:hover { background: #fff url(images/arrow-top.png) center center no-repeat} .g-recaptcha div { margin-left: auto; margin-right: auto;} .info-nl { padding: 12px 16px; margin-right: 10px } /* # # # # # 8. MISC # # # # # */ /* # # # # # 8.1 SHADOWBOX # # # # # */ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:2px solid #fff;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#fff;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:22px;line-height:22px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:20px;padding:2px 0;width:100%;} #sb-nav a{display:block;float:left;height:20px;width:20px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(images/shadowbox/close.png);} #sb-nav-next{background-image:url(images/shadowbox/next.png);} #sb-nav-previous{background-image:url(images/shadowbox/previous.png);} #sb-nav-play{background-image:url(images/shadowbox/play.png);} #sb-nav-pause{background-image:url(images/shadowbox/pause.png);} #sb-counter{float:left;width:45%; display: none;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;} /* # # # # # 8.2 MISC STUFFF # # # # # */ .textarea-blue, .textarea-blue h2, .textarea-blue .textpage-intro p {color: #fff !important} .cta-dental-box p {color: #fff} .cta-dental-box p strong {font-size: 1.3em; font-weight: 400} .cta-dental-box p a {display: block; line-height: 1; font-weight: 400; font-size: 0.8em; padding: 10px 10px; color: #0056d2; background: #fff; border-radius: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} .cta-dental-box p a:hover {color: #fff; background: #92bfff; text-decoration: none} figcaption {padding-left: 15px; padding-right: 15px} .team-text p {font-size: 0.9em; color: rgba(7, 77, 187, 1); line-height: 1.2; margin-top: 10px;padding-left: 15px; padding-right: 15px} .team-text p strong {font-weight: 400} .team-text em {font-style: normal; font-size: 0.9em; color: rgba(76, 76, 76, 0.6)} .team-text.team-text-small {min-height: 80px;} .team-text.team-text-small p {font-size: 0.75em} div.wpcf7-mail-sent-ok {border: 1px solid #003cb7; color: #fff; background: #0056d2; font-size: 13px; padding: 7px 10px; margin-left: 0} div.wpcf7-mail-sent-ng {border: 2px solid #ff0000; margin-left: 0} div.wpcf7-spam-blocked {border: 2px solid #ffa500; margin-left: 0} div.wpcf7-validation-errors {border: 1px solid #b10308; color: #fff; background: #d40e13; font-size: 13px; padding: 7px 10px; margin-left: 0} .wpcf7-form-control-wrap {position: relative;} .dental-product-text {min-height: 120px;} .dental-product-header {min-height: 90px} .dental-product {background: #ffffff; background: -moz-linear-gradient(top, #ffffff 1%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #ffffff 1%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 1%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );} .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern {background: #0056d2; border-color: #0056d2} .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:hover {background: #003cb7; border-color: #003cb7} .search-result-entry {display: block; padding: 10px 15px; color: #4C4C4C; line-height: 1.4; margin-bottom: 2em} .search-result-entry:hover {background: #f5f5f5} .search-result-entry strong {font-weight: 400} .search-result-entry span {fdisplay: block} .rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {background: transparent !important} .visibleNearbyZoom .rsSlide img {opacity: 1.0 !important; transform: none !important} #text-biozid p {font-size: 12px; line-height: 1.3} .tooltipster-sidetip .tooltipster-box {background: #ececec !important; border: 1px solid #d7d7d7 !important; border-radius: 2px;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #ececec !important; left: 2px !important; top: 0px !important;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color: #d7d7d7 !important;} .tooltipster-sidetip .tooltipster-content {color: #4c4c4c !important; font-size: 12px !important; line-height: 12px !important; padding: 6px 14px;} .tooltipster-sidetip .tooltipster-arrow-background {border: 8px solid transparent !important;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {bottom: -1px !important; height: 10px; margin-left: -10px; width: 20px;} body.single-product .tooltipster-sidetip .tooltipster-box {background: #fff !important; border: 1px solid #fff !important; border-radius: 2px;} body.single-product .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #fff !important; left: 2px !important; top: 0px !important;} body.single-product .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color: #fff !important;} .page-content h2.thankyou-shopping, .page-content h2.thankyou-contact-headline {margin-top: 3em} .thankyou-contact p.hotline {font-size: 1.2em; line-height: 1.2; padding: 30px 0 0 10px} .thankyou-contact p.hotline span {font-size: 0.6em; display: block} .thankyou-contact .form2017row.row-contact.contact-2291 p.hotline {display: none} .thankyou-contact {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;} .thankyou-contact .form2017row.row-form {width: 50%; padding: 0 15px} .thankyou-contact .form2017row.row-contact {width: 25%; padding: 54px 15px 15px 15px} .showcase-slide {width: 100%; height: 530px; background-repeat: repeat-x !important; position: relative; -webkit-animation:40s scroll infinite linear; -moz-animation:40s scroll infinite linear; -o-animation:40s scroll infinite linear; -ms-animation:40s scroll infinite linear; animation:40s scroll infinite linear;} @-webkit-keyframes scroll{ 100%{background-position:-8078px 0px;} } @-moz-keyframes scroll{ 100%{background-position:-8078px 0px;} } @-o-keyframes scroll{ 100%{background-position:-8078px 0px;} } @keyframes scroll{ 100%{background-position:-8078px 0px;} } @-ms-keyframes scroll{ 100%{background-position:-8078px 0px;} } /* # # # # # 9. WOOCOMMERCE # # # # # */ body.woocommerce #container {width: 100%; max-width: 1100px; margin: 0 auto} .woocommerce .woocommerce-breadcrumb {display: none !important} i[class^="fa-"] {font-family: "FontAwesome"; font-style: normal; font-weight: normal} /* ##### PRODUKTUEBERSICHT ##### */ ul.products li.product div.product-image {background: #f2f2f2; background: -moz-linear-gradient(top, #f2f2f2 1%, #fafafa 100%); background: -webkit-linear-gradient(top, #f2f2f2 1%,#fafafa 100%); background: linear-gradient(to bottom, #f2f2f2 1%,#fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fafafa',GradientType=0 );} ul.products li.product .product-details h2 {font-size: 16px; color: #4C4C4C; text-align: center; font-weight: 400; line-height: 1.3; } ul.products li.product .product-details h2 a {color: #4C4C4C} ul.products li.product .product-details .star-rating {font-size: 11px; width: 60px; margin: 10px auto 0 auto} ul.products li.product .product-details .star-rating span::before {color: #ababab} ul.products li.product .product-details .product-price {display: block} ul.products li.product .product-details .price, ul.products li.product .product-details .price .price-unit {display: block; text-align: center; float: none; margin: 0} .woocommerce ul.products li.product .price {font-size: 16px; color: #0056d2 !important} .woocommerce ul.products li.product .price.smaller {font-size: 12px; color: #4c4c4c !important} ul.products li.product .product-details .price .woocommerce-Price-currencySymbol:after {content: "*"} ul.products li.product .product-details .price .price-unit .woocommerce-Price-currencySymbol:after {content: ""} ul.products li.product .product-details .price .price-unit {font-size: 11px; font-weight: 300; color: #909090} ul.products li.product .product-details .product-desc p {font-size: 12px; font-weight: 300; line-height: 1.3; color: #909090} .woocommerce ul.products li.product .price del {display: inline-block; color: #303030; text-decoration: line-through;} .woocommerce ul.products li.product .price ins {font-weight: 500} .woocommerce ul.products li.product figure {box-shadow: none !important; border-bottom: 1px solid #e0e0e0} .woocommerce ul.products li.product a img {margin-bottom: 0} ul.products li.product .product-details header {height: 120px;} ul.products li.product .product-details .action-buttons {display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; width: 100%; margin-bottom: 20px} ul.products li.product .product-details .action-buttons .wc-gzd-additional-info {display: none} ul.products li.product .product-details .action-buttons a, ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist {display: inline-block; float: none; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} ul.products li.product .product-details .action-buttons a, ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist a {display: inline-block; border-radius: 3px; font-size: 14px; line-height: 36px; height: 36px; padding: 0; margin: 0; font-weight: 300} ul.products li.product .product-details .action-buttons a {padding: 0 10px} ul.products li.product .product-details .action-buttons a.woocommerce-loop-product__link {display: none} ul.products li.product .product-details .action-buttons .add_to_cart_button {order: 1; padding: 0 15px 0 10px; background: #0055d2; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 12px; letter-spacing: 0.5px } ul.products li.product .product-details .action-buttons .add_to_cart_button::after {content: "\f07a"; font-size: 16px; font-family: "FontAwesome"; font-style: normal; font-weight: normal; padding-left: 10px} ul.products li.product .product-details .action-buttons .add_to_cart_button:hover {color: #fff; background: #004cbb} ul.products li.product .product-details .action-buttons .add_to_cart_button.added {padding: 0 10px; background-image: none;} ul.products li.product .product-details .action-buttons .btn-show {order: 2; background: #f5f5f5; color: #515151; margin: 0 15px} ul.products li.product .product-details .action-buttons .btn-show:hover {background: #0055d2; color: #fff;} ul.products li.product .product-details .action-buttons .btn-show .sf-icon {color: #515151; font-size: 14px; line-height: 24px; margin-left: 2px} ul.products li.product .product-details .action-buttons .btn-show:hover .sf-icon {color: #fff;} ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist {order: 5; display: inline-block; width: 36px; padding: 0; float: none; background: transparent; text-align: center; border: none} ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist a.add_to_wishlist, ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist i.fa-check {display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 3px; position: relative; background: #f5f5f5; color: #898989} ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover {color: #fff; background: #0055d2;} ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist i.fa-check {background: #fff; color: #0055d2} ul.products li.product .product-details .action-buttons .added_to_cart.wc-forward {width: 100%; text-align: center; margin-bottom: 10px; color: #fff; font-weight: 600; background: #0055d2; border-radius: 3px;} ul.products li.product {height: 330px; overflow: hidden; } ul.products li.product:hover {overflow: visible; z-index: 999;} ul.products li.product:hover .inner-area {z-index: 999; overflow: hidden; padding: 20px; width: 100%; background: #fff; top: -20px; left: -20px; -webkit-box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.31); -moz-box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.31); box-shadow: 0px 0px 40px -5px rgba(0,0,0,0.31); box-sizing: content-box;} ul.products li.product .inner-area {position: absolute; overflow: hidden} .woocommerce-ordering a {margin-left: 15px; font-size: 15px; position: relative; display: inline-block; color: #4C4C4C} .woocommerce-ordering a.active, .woocommerce-ordering a:hover {color: #0055d2} ul.products li.product .product-details {float: none} .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge {background: #0056d2; color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 120px; z-index: 4; min-width: auto!important; height: 26px!important; min-height: 26px!important; max-height: 26px!important; margin: 0!important; border-radius: 0; right: -31px!important; top: 16px!important; left: auto; text-transform: uppercase; font-size: 11px; line-height: 20px; font-weight: bold; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);} .woocommerce .out-of-stock-badge {background: #666; font-size: 10px;} .woocommerce a.remove {color: red} .woocommerce a.remove:hover {background: transparent; color: #4c4c4c !important} body.single-product .page-heading {display: none !important} #single-product-header {display: flex; justify-content: space-between; flex-wrap: nowrap; padding: 40px 0 60px 0} #single-product-header .images, #single-product-header .short-product-info, #single-product-header .short-product-price {float: none; width: 35%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #single-product-header .short-product-price {width: 35%;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 30%; float: none; position: relative; overflow: hidden} #single-product-header .images #product-img-slider .lSSlideWrapper {box-shadow: none} #single-product-header .images figure {margin: 0 !important} #single-product-header .short-product-info {padding: 2em; position: relative} #single-product-header .short-product-price {padding: 2em 0 0 2em; overflow: hidden; position: relative} #single-product-header .short-product-info h1 {line-height: 1.3; margin: 0; padding: 0; font-size: 30px !important} #single-product-header .short-product-info .product_meta {margin: 8px 0; font-size: 12px; letter-spacing: 0.5px} #single-product-header .short-product-info .product_meta .posted_in {display: none !important} #single-product-header .short-product-info .single-product-meta {line-height: 1em; padding-top: 20px; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid rgba(0,0,0,.1);} #single-product-header .short-product-info .woocommerce-product-rating {font-size: 14px !important} #single-product-header .short-product-info .woocommerce-product-rating a {color: #999} #single-product-header .short-product-info .star-rating {float: left; display: inline-block; } #single-product-header .short-product-info #product-sku {display: inline-block; float: left;} #single-product-header .short-product-info .product-short p {font-size: 16px; line-height: 1.7; font-weight: 300;} #single-product-header .short-product-info .product-navigation {position: absolute; top: 0; right: 2em; margin-right: -6px} #single-product-header .short-product-info .product-navigation .nav-previous, #single-product-header .short-product-info .product-navigation .nav-next {float: right; } #single-product-header .short-product-info .product-navigation .nav-previous a, #single-product-header .short-product-info .product-navigation .nav-next a {font-weight: 300; font-size: 18px; display: inline-block; padding: 6px; color: #c4c4c4} #single-product-header .short-product-price > div[itemprop="offers"] {display: flex; align-items: flex-start; flex-wrap: wrap;} #single-product-header .short-product-price div p.price {line-height: 1; order: 1} #single-product-header .short-product-price div p.price del {display: block; font-size: 16px; line-height: 20px; color: #4C4C4C; opacity: 0.5; text-decoration: line-through;} #single-product-header .short-product-price div p.price del .woocommerce-Price-amount {font-size: 16px;} #single-product-header .short-product-price div p.price ins {display: block; font-size: 24px; line-height: 24px; font-weight: 300} #single-product-header .short-product-price .price-discount {display: inline-block; margin: 40px 0 0 10px; line-height: 1; order: 2; color: #fff; background: #818181; padding: 4px 8px; font-size: 12px; border-radius: 2px} #single-product-header .short-product-price p.price .woocommerce-Price-amount {font-size: 32px; line-height: 32px; font-weight: 400; color: #4C4C4C} #single-product-header .short-product-price .variations label {font-weight: 400; font-size: 16px} #single-product-header .short-product-price .variations .ed__variation__button__wrp {margin: 0 5px } #single-product-header .short-product-price .variations .ed__variation__button__wrp label {font-size: 14px; font-weight: 300; border: 1px solid rgba(0,0,0,.25)} #single-product-header .short-product-price .variations .ed__variation__button__wrp label.active {background: #0055d2 ; border-color: #0055d2; color: #fff} #single-product-header .short-product-price div p.price.price-unit.smaller {line-height: 1; order: 3; width: 100%} #single-product-header .short-product-price div p.price.price-unit.smaller del {display: inline-block;} #single-product-header .short-product-price div p.price.price-unit.smaller ins {display: inline-block;} #single-product-header .short-product-price div p.price-unit.variation_modified {line-height: 1; order: 5; width: 100%} #single-product-header .short-product-price div p.price-unit.variation_modified del, #single-product-header .short-product-price div p.price-unit.variation_modified ins {display: inline-block;} #single-product-header .short-product-price .price.price-unit, #single-product-header .short-product-price .legal-price-info {display: inline-block;} #single-product-header .short-product-price .price.price-unit {margin-right: 10px} #single-product-header .short-product-price .price.price-unit::before {content: "("; margin-right: -2px} #single-product-header .short-product-price .price.price-unit::after {content: ")"} #single-product-header .short-product-price p.wc-gzd-additional-info.delivery-time-info {color: #2ac343} #single-product-header .short-product-price form.cart button.single_add_to_cart_button {background: #0055d2 !important; color: #fff !important; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 40px; margin-left: 10px} #single-product-header .short-product-price form.cart button.single_add_to_cart_button:hover {color: #fff; background: #0041a0 !important} #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist {float: left; height: 40px; margin-top: 0; line-height: 40px; margin-left: 10px;} #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist a {height: 40px; line-height: 40px; color: #0055d2} #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist a:hover {color: #0041a0} #single-product-header .short-product-price .cart {margin-top: 2em} #single-product-header .short-product-price .cart .value select {background-color: #fff} #single-product-header .short-product-price .price-unit, #single-product-header .short-product-price .wc-gzd-additional-info, .short-product-price .wc-gzd-additional-info a {font-size: 11px !important; font-weight: 300 !important; color: #9c9c9c; margin: 0} #single-product-header .short-product-price .price-unit .woocommerce-Price-amount {font-weight: 300; font-size: 11px !important} #single-product-header .short-product-price .price-unit del {opacity: 1} #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist:last-child {display: none !important} #single-product-header .product-share ul li:nth-of-type(3), #single-product-header .product-share ul li:nth-of-type(4), #single-product-header .product-share ul li:nth-of-type(5) {display: none !important} .woocommerce #single-product-header .short-product-price .quantity, .woocommerce-page #single-product-header .short-product-price .quantity {background: transparent; width: 80px; border: 1px solid rgba(0,0,0,.25);} .woocommerce .quantity input, .woocommerce-page .quantity .qty {height: 38px; line-height: 38px; padding: 0; border: none; font-size: 14px; width: 100%; background: transparent} .woocommerce .quantity input.minus, .woocommerce .quantity input.plus {width: 25%; color: #9d9d9d; float: left; border: 1px solid #ebe9eb; cursor: pointer;} .woocommerce .quantity input.minus:hover, .woocommerce .quantity input.plus:hover {color: #4c4c4c} .woocommerce .quantity input.minus {border-right: none; padding-left: 10px} .woocommerce .quantity input.plus {border-left: none; padding-right: 10px} .woocommerce .quantity input.qty {width: 50%; padding-left: 10px; padding-right: 10px; float: left; border-top: 1px solid #ebe9eb; border-bottom: 1px solid #ebe9eb} .woocommerce .star-rating span::before {color: #f2b309} .woocommerce .woocommerce-ordering {margin-bottom: 2em} .woocommerce div.product .woocommerce-tabs {padding-bottom: 50px} .woocommerce div.product .woocommerce-tabs ul.tabs {text-align: center;} .woocommerce div.product .woocommerce-tabs ul.tabs::before {border-bottom: 1px solid #e4e4e4} .woocommerce div.product .woocommerce-tabs ul.tabs li {border: none; background: #fff; border-radius: 0; padding: 0} .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {background: #fff} .woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: #fff} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: #4c4c4c} .woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #a7a7a7; font-weight: 400; font-size: 18px; padding: 16px 24px} .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {display: none} .woocommerce div.product .woocommerce-tabs .panel {margin-bottom: 100px} .woocommerce-Tabs-panel h2 {display: none !important} .woocommerce-Tabs-panel p {font-size: 18px; line-height: 1.8; margin-bottom: 32.4px} .woocommerce-Tabs-panel ul {padding: 0 0 0 1.5em} .woocommerce-Tabs-panel ul li {list-style:disc; margin-bottom: 10px} .woocommerce-Tabs-panel--description {-webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} #main-navigation .mini-cart ul {display: block} .mini-cart .cart_list .mini_cart_item {width: 100%; height: auto; min-height: 50px; padding: 10px 0; border-bottom: 1px solid #e4e4e4; overflow: hidden; margin-bottom: 5px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-self: flex-start} .mini-cart .cart_list .mini_cart_item .mini-cart-img {width: 50px !important;} .mini-cart .cart_list .mini_cart_item .mini-cart-img img {display: block; width: 100%; height: auto} #main-navigation ul > li > a.mini-cart-link-item, .mini-cart .cart_list .mini_cart_item .mini-cart-link-item, #sub-navigation ul > li > a.mini-cart-link-item {flex: 1; padding-left: 10px; text-transform: none !important; font-size: 14px; font-weight: 400 !important} #main-navigation ul > li > a.mini-cart-link-item .wc-gzd-item-desc, .mini-cart .cart_list .mini_cart_item .mini-cart-link-item .wc-gzd-item-desc, #sub-navigation ul > li > a.mini-cart-link-item .wc-gzd-item-desc, #main-navigation ul > li > a.mini-cart-link-item .delivery-time-info, .mini-cart .cart_list .mini_cart_item .mini-cart-link-item .delivery-time-info, #sub-navigation ul > li > a.mini-cart-link-item .delivery-time-info {display: none} .mini-cart .cart_list .mini_cart_item .mini-cart-link-item .prouct-name {display: block; width: 75%; float: left;} .mini-cart .cart_list .mini_cart_item .mini-cart-link-item p{font-weight: 300; font-size: 0.85em; padding: 5px 0} .mini-cart .cart_list .mini_cart_item .mini-cart-link-item .quantity {font-weight: 400; font-size: 0.85em; padding: 0; float: left;} .mini-cart .cart_list .mini_cart_item .remove {width: 20px;margin-right: -20px;} .mini-cart .cart_list .mini_cart_item .remove:hover {color: red !important} .mini-cart p.total {clear: both; padding: 10px 0 0 0; font-weight: 400} .mini-cart p.total span {float: right} .mini-cart p.total-cart-tax, .mini-cart p.shipping-costs-cart-info {font-weight: 300; font-size: 12px; padding: 0} .mini-cart p.shipping-costs-cart-info a {color: #4c4c4c} .mini-cart-links a.button, .mini-cart a.button {font-size: 13px; background: transparent; border-radius: 0px; color: #4c4c4c; display: block; text-align: left; font-weight: 300; padding: 12px 0 12px 5px; border-top: 1px solid #d9d9d9} .mini-cart-links a.button:last-child, .mini-cart a.button:last-child {border-bottom: 1px solid #d9d9d9} .mini-cart-links a.button:hover, .mini-cart a.button:hover {background: #ececec} .mini-cart-links a.button::before {font-family: "FontAwesome"; color: #0055d2; margin-right: 10px} .mini-cart-links a.button.button-cart::before {content: "\f290"} .mini-cart-links a.button.button-orders::before {content: "\f291"} .mini-cart-links a.button.button-wishlist::before {content: "\f08a"} .mini-cart-links a.button.button-account::before {content: "\f2bd"} .mini-cart-links a.button.button-checkout, .mini-cart a.button.button-checkout {color: #fff; background: #0055d2; font-weight: 400; margin-bottom: 10px; border-top: none; border-radius: 3px; padding: 10px 10px; text-align: center; text-transform: uppercase; letter-spacing: 0.5px} .mini-cart-links a.button.button-checkout:hover, .mini-cart a.button.button-checkout:hover {background: #0041a0} .mini-cart-links p.shipping-costs-cart-info, .mini-cart p.shipping-costs-cart-info {margin-bottom: 15px} .mini-cart .woocommerce-mini-cart__empty-message {text-align: center; padding: 20px 0 10px 0} .mini-cart-greeting {font-size: 13px; line-height: 1; padding: 10px 0 20px 0; border-bottom: 1px solid #e4e4e4; text-align: center} .mini-cart-greeting span.name, .mini-cart-greeting a {color: rgba(6, 77, 156, 1); font-weight: 400} .mini-cart-greeting a:hover {color: #006ad2} .mini-cart-greeting a::before {content: "\f2bd"; font-family: "FontAwesome"; padding-right: 2px; margin-left: 5px} .mini-cart ul.woocommerce-mini-cart.cart_list.product_list_widget {max-height: 300px; overflow: hidden} .mini-cart .mini-cart-content {font-size: 12px; text-align: center; padding: 10px 0} .yith-wcwl-add-button a, .yith-wcwl-wishlistexistsbrowse.show a, .yith-wcwl-wishlistaddedbrowse.show a {display: inline-block; line-height: 36px; font-size: 14px; overflow: hidden; width: 36px; height: 36px; text-align: center} .yith-wcwl-wishlistexistsbrowse.show a, .yith-wcwl-wishlistaddedbrowse.show a {background: transparent; color: #0055d2} .yith-wcwl-add-to-wishlist {height: 36px} .yith-wcwl-add-button > a i {margin: 0} body.woocommerce.single-product #container {max-width: 100%} body.woocommerce.single-product {background: #ececec;} body.woocommerce.single-product .single-product-wrapper-helper {background: #fff; padding-top: 100px} body.woocommerce.single-product #single-product-header, body.woocommerce.single-product .single-product-wrapper-container, body.woocommerce.single-product .woocommerce-breadcrumb {width: 100%; max-width: 1100px; margin-left: auto; margin-right: auto} .woocommerce #reviews #comments ol.commentlist li .comment-text {border: none; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0 0 15px 0; padding: 15px 0 0 0} .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {float: none; font-size: 12px} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {font-size: 0.8em; padding: 5px 0; color: #999; margin: 0} .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {font-weight: 400; color: #4c4c4c} .woocommerce #review_form #respond {margin-top: 30px} .woocommerce #review_form #respond #reply-title {font-size: 1.2em; font-weight: 400} .woocommerce #review_form #respond #email-notes {font-size: 14px; margin-bottom: 20px} .woocommerce #review_form #respond .comment-notes {font-size: 14px} .woocommerce #review_form #respond label {font-size: 14px; font-weight: 400} .woocommerce #review_form #respond p.stars a {color: #f2b309} .woocommerce #review_form #respond textarea, .woocommerce #review_form #respond input[type="text"], .woocommerce #review_form #respond input[type="email"] {border: 1px solid #d9d9d9; padding: 7px 14px; color: #4c4c4c; font-family: "Open Sans"; font-weight: 300; font-size: 16px; line-height: 1; width: 100%} .woocommerce #review_form #respond textarea {line-height: 1.7; height: 100px;} .woocommerce #review_form #respond p.comment-form-author, .woocommerce #review_form #respond p.comment-form-email {display: inline-block; width: 50%; margin: 0 0 20px 0; padding: 0; float: left; } .woocommerce #review_form #respond p.comment-form-author {padding-right: 20px;} .woocommerce #review_form #respond p.comment-form-email {padding-left: 20px} .woocommerce #review_form #respond p.comment-form-author label, .woocommerce #review_form #respond p.comment-form-email label {display: block;} span.required {color: #ee0505} .single-product .woocommerce-message, .woocommerce-NoticeGroup-checkout {width: 100%; max-width: 1100px; border-radius: 5px; color: #4c4c4c; background: #f7f7f7; font-size: 16px; font-weight: 400; line-height: 32px} .single-product .woocommerce-message {margin: 20px auto;} .woocommerce-message a {color: #0056d2} .woocommerce-message a:hover {color: #003cb7} .single-product .woocommerce-message a.button {color: #fff; background: #0056d2; height: 32px; line-height: 32px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; padding: 0 10px} .single-product .woocommerce-message a.button:hover {color: #fff; background: #003cb7} .single-product .woocommerce-message::before {color: #8fae1b;} .woocommerce-NoticeGroup-checkout ul li {font-size: 16px; color: #4c4c4c; font-weight: 400} #yith-wcwl-popup-message {top: 75px; line-height: 1; width: 1100px; background: #f7f7f7; border-radius: 5px;; padding: 15px 10px; font-size: 16px; border: none; font-weight: 400; color: #4c4c4c; margin-left: -550px !important} .woocommerce #respond input#submit {padding: 7px 14px; font-weight: 400; font-size: 18px} h2#related-headline {font-size: 36px; line-height: 1; letter-spacing: 2px; text-align: center; color: #222222; margin-bottom: 2em} h2#related-headline span {color: #0055d2; font-size: 24px; font-weight: 300; letter-spacing: 0} .woocommerce table.shop_attributes {border-spacing: 0px} .woocommerce table.shop_attributes th {font-weight: 400; text-align: left; width: 120px; font-size: 14px; letter-spacing: 0.5px; vertical-align: middle; line-height: 18px; padding: 15px 0 15px 15px; border-bottom: 1px solid #f2f2f2} .woocommerce table.shop_attributes td {font-style: normal; line-height: 18px; font-size: 18px; padding: 15px 0; border-bottom: 1px solid #f2f2f2} .woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {background: #fff} body.woocommerce-cart .woocommerce .woocommerce-cart-area {display: flex; flex-wrap: wrap; align-items: flex-start;} body.woocommerce-cart .woocommerce .woocommerce {display: block} body.woocommerce-cart .woocommerce .woocommerce-message {width: 100%} body.woocommerce-cart .woocommerce form {width: 70%; padding-right: 75px} body.woocommerce-cart .woocommerce .cart-collaterals {width: 30%; margin-bottom: 90px} body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {float: none; width: 100%} .wc-terms-and-conditions {display: flex;} .wc-terms-and-conditions input {width: 30px;} .wc-terms-and-conditions label {margin-top: -10px} .headline-center {text-align: center} .empty-cart-bs {margin-bottom: 60px; display: flex; justify-content: space-between;} .empty-cart-bs div {width: 45%} .empty-cart-bs div h2 {min-height: 90px} .woocommerce table.shop_table {border: none;} body.woocommerce-cart .woocommerce form table.shop_table th, .woocommerce .woocommerce-checkout table.shop_table th, .woocommerce table.wishlist_table thead th, .woocommerce .woocommerce-order-details table.shop_table th, .woocommerce-MyAccount-orders th {font-size: 12px; text-transform: uppercase; font-weight: 400 !important; letter-spacing: 0.5px; padding: 10px 12px; background: #f2f2f2; border-top: none; border-bottom: 1px solid #d6d6d6} .woocommerce .woocommerce-checkout table.shop_table th {border-bottom: none} .woocommerce .woocommerce-checkout table.shop_table tfoot td {border-top: none} .woocommerce table.wishlist_table thead th, .woocommerce-order-details table.shop_table th {border-bottom: none} .woocommerce-cart table.cart .product-thumbnail, .woocommerce table.wishlist_table .product-thumbnail {padding: 10px 0; vertical-align: top;} .woocommerce-cart table.cart .product-thumbnail img, .woocommerce table.wishlist_table .product-thumbnail img {display: block; width: 100%; max-width: 120px} .woocommerce-form-login {display: flex; flex-wrap: wrap; justify-content: space-between;} .woocommerce-form-login p {font-size: 14px;} .woocommerce-form-login p.form-row {width: 50%; margin-bottom: 1em} .woocommerce-form-login p label {font-size: 15px} .woocommerce-form-login p input[type="text"], .woocommerce-form-login p input[type="password"], .lost_reset_password p input[type="text"] {border: 1px solid #d9d9d9; padding: 0 15px; height: 40px; line-height: 40px; color: #4c4c4c; font-family: "Open Sans"; font-weight: 300; font-size: 14px; line-height: 1; width: 100%} .woocommerce-form-login p a {font-size: 14px} .woocommerce-form-login p .button {font-weight: 400} .woocommerce-cart table.cart .product-name {vertical-align: top} .woocommerce-cart table.cart .product-name a, .woocommerce table.wishlist_table .product-name a, .woocommerce-order-details table.shop_table .product-name a {font-weight: 400; font-size: 16px; color: #4c4c4c} .woocommerce-cart table.cart .product-name p {padding: 0; margin: 0; font-size: 14px; line-height: 1.5} .woocommerce-cart table.cart .product-price .woocommerce-Price-amount, .woocommerce-cart table.cart .product-subtotal .woocommerce-Price-amount, .woocommerce table.wishlist_table .product-price .woocommerce-Price-amount {font-size: 15px} .woocommerce table.wishlist_table .product-price del .woocommerce-Price-amount {font-size: 12px; line-height: 1; color: #4C4C4C; opacity: 0.5; text-decoration: line-through;} .woocommerce-cart table.cart .product-quantity .quantity {clear: both} .woocommerce-cart table.cart .product-remove a.remove, .woocommerce table.wishlist_table .product-remove a.remove {font-weight: 300; color: #999 !important} .woocommerce-cart table.cart .product-remove a.remove:hover, .woocommerce table.wishlist_table .product-remove a.remove:hover {color: red !important} .woocommerce-cart table.cart .product-price .unit-price-cart, .woocommerce-cart table.cart .product-price .unit-price-cart .woocommerce-Price-amount, .woocommerce .woocommerce-checkout table.shop_table td.product-total .unit-price-cart, .woocommerce .woocommerce-checkout table.shop_table td.product-total .unit-price-cart .woocommerce-Price-amount {font-size: 11px !important} th.product-quantity {text-align: center} td.product-quantity::after {clear: both !important} .woocommerce table.shop_table td .woocommerce-Price-amount.amount {display: block; text-align: right;} .woocommerce table.shop_table td .unit-price-cart {text-align: right} .woocommerce table.shop_table td .unit-price-cart .woocommerce-Price-amount.amount {display: inline; width: 100%; text-align: right;} .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {clear: both} .woocommerce table.wishlist_table a.button.alt {background: #ebe9eb; color: #4c4c4c; font-size: 14px; font-weight: 400} .woocommerce table.wishlist_table a.button.alt:hover {background: #dad8da;} .woocommerce-cart table.cart .actions {padding: 30px 0} .woocommerce-cart table.cart td.actions .coupon .input-text {border: 1px solid #d9d9d9; padding: 7px 14px; color: #4c4c4c; font-family: "Open Sans"; font-weight: 300; font-size: 16px; line-height: 1; width: 100%; margin-bottom: 5px} .woocommerce-cart table.cart td.actions .button {display: inline-block;; padding: 0; margin: 0; background: #fff; font-size: 12px; text-transform: uppercase; font-weight: 600} body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {display: none} body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {background: #f6f6f6; padding: 15px 30px; border: 1px solid #e5e5e5} .woocommerce .cart-collaterals table.shop_table tbody tr th {font-weight: 300; text-align: left; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; vertical-align: middle; line-height: 16px; padding: 10px 5px;} .woocommerce .cart-collaterals table.shop_table tbody tr td {font-size: 16px; line-height: 1; text-align: right; padding: 10px 5px;} .woocommerce-cart .cart-collaterals .cart_totals table th {vertical-align: middle;} .woocommerce table.shop_table tbody tr.order-total th, .woocommerce table.shop_table tbody tr.order-total td{border-top: 1px solid #999; padding-bottom: 0; font-weight: 600;} .woocommerce table.shop_table tbody tr.order-tax th, .woocommerce table.shop_table tbody tr.order-tax td {border-top: none; padding-top: 5px; font-size: 12px} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce .woocommerce-checkout .place-order input.button.alt {width: 100%; color: #fff; background: #0055d2; font-weight: 400; font-size: 16px; margin-bottom: 10px; border-top: none; border-radius: 3px; padding: 10px 10px; text-align: center; text-transform: uppercase; letter-spacing: 0.5px} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce .woocommerce-checkout .place-order input.button.alt:hover {background: #0041a0} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {top: 1.1em !important} .woocommerce .products ul, .woocommerce ul.products {margin-bottom: 3em} section.related.products {padding-bottom: 3em} .wishlist-title {display: none} .woocommerce-error, .woocommerce-info, .woocommerce-message {border: none; background: #f6f6f6; padding: 15px 10px 15px 45px; color: #4c4c4c; font-size: 13px; line-height: 1.5; margin: 20px auto} .woocommerce-info::before {content:"\f0e5"; font-family: "FontAwesome"; color: #4c4c4c; top: 36%} header.info-message-overview .woocommerce-info a {color: #999} header.info-message-overview .woocommerce-info a:hover {color: rgb(6, 77, 156)} header.info-message-overview {display: flex; flex-wrap: wrap;} header.info-message-overview .left-message, header.info-message-overview .right-message {width: 100%; margin-bottom: 20px} .woocommerce-info.user-greeting::before {top: 1.2em; content: "\f2bd"; font-family: "FontAwesome"} .woocommerce-info.user-greeting strong {font-weight: 400; color: rgba(6, 77, 156, 1)} .woocommerce-info.user-greeting a {color: rgba(6, 77, 156, 1); font-weight: 400} .woocommerce-info.user-greeting a:hover {color: #006ad2} form.woocommerce-checkout {display: flex; flex-wrap: wrap; margin-top: 30px; margin-bottom: 50px} form.woocommerce-checkout h3 {font-weight: 400; margin-bottom: 20px} form.woocommerce-checkout #customer_details {width: 60%; padding-right: 75px} form.woocommerce-checkout #customer_details > div {width: 100%; float: none} form.woocommerce-checkout #order_review {width: 40%; background: #f6f6f6; padding: 15px 30px; border: 1px solid #e5e5e5; margin-top: 68px; } .woocommerce form .form-row .select2-container {margin-left: 0px} .select2-container--default .select2-selection--single {border-radius: 0px; border-color: #d9d9d9; height: 36px; line-height: 36px; font-size: 16px; font-family: "Open Sans", sans-serif; font-weight: 300; color: #4c4c4c} .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 14px; line-height: 36px} form.woocommerce-checkout #customer_details .form-row {display: flex; flex-wrap: wrap; width: 100%} form.woocommerce-checkout #customer_details .form-row#billing_country_field, form.woocommerce-checkout #customer_details .form-row#shipping_country_field {flex-wrap: nowrap;} form.woocommerce-checkout #customer_details .form-row label {width: 140px; font-size: 14px; font-weight: 400; color: #4c4c4c; line-height: 40px} form.woocommerce-checkout #customer_details .form-row input[type="text"], form.woocommerce-checkout #customer_details .form-row input[type="email"], form.woocommerce-checkout #customer_details .form-row input[type="tel"], form.woocommerce-checkout #customer_details .form-row input[type="password"], form.woocommerce-checkout #customer_details .form-row select, form.woocommerce-checkout #customer_details .form-row textarea {flex: 1; border: 1px solid #d9d9d9; width: 100%; padding: 0 14px; height: 36px; line-height: 36px; color: #4c4c4c; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1} form.woocommerce-checkout #customer_details .form-row textarea {height: 90px; line-height: 1.5; padding-top: 10px; padding-bottom: 10px} form.woocommerce-checkout #customer_details .form-row strong {line-height: 40px; font-size: 16px; font-weight: 400} form.woocommerce-checkout #customer_details .form-row#billing_address_2_field, form.woocommerce-checkout #customer_details .form-row.create-account, form.woocommerce-checkout #customer_details .form-row#shipping_address_2_field {padding-left: 143px} form.woocommerce-checkout #customer_details .form-row.create-account {display: block; line-height: 1.5} form.woocommerce-checkout #customer_details .form-row.create-account label {line-height: 1.5} .woocommerce-password-strength {width: 100%; order: 5; margin-top: 15px; font-weight: 400; font-size: 14px} .woocommerce-password-hint {width: 100%; order: 6; margin-top: 15px} form.woocommerce-checkout #order_review {display: flex; flex-direction: column;} form.woocommerce-checkout #order_review #order_payment_heading {order: 1} form.woocommerce-checkout #order_review #payment {order: 2} form.woocommerce-checkout #order_review #order_review_heading {order: 3} form.woocommerce-checkout #order_review .shop_table {order: 4} form.woocommerce-checkout #order_review .wc-gzd-checkbox-placeholder-legal {order: 5} form.woocommerce-checkout #order_review .wc-gzd-order-submit {order: 6} form.woocommerce-checkout #order_review h3 {margin: 0 0 20px 0; padding: 0; font-size: 16px} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {background: transparent; border-radius: 0; font-size: 14px} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {padding: 0; border-bottom: none} #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {border: none; background: transparent; padding: 10px 0 25px 30px; margin: 0} #add_payment_method #payment div.payment_box p, .woocommerce-cart #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box p {color: #999; font-size: 14px; line-height: 1.5; padding: 0} #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {display: none} form.woocommerce-checkout #order_review h3#order_review_heading {border-top: 1px solid #e5e5e5; margin-top: 15px; padding-top: 30px} form.woocommerce-checkout #order_review .wc-terms-and-conditions {font-size: 14px; line-height: 1; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding-bottom: 30px} .shop_table {background-color: transparent; border-spacing: 0px} .woocommerce .woocommerce-checkout table.shop_table th {padding-left: 0px; padding-right: 0px; background: transparent} .woocommerce-checkout .shop_table th.product-total {text-align: right} .woocommerce .woocommerce-checkout table.shop_table td {padding: 10px 0} .woocommerce .woocommerce-checkout table.shop_table td .wc-gzd-product-name-left {float: left; width: 30%} .woocommerce .woocommerce-checkout table.shop_table td .wc-gzd-product-name-left img {display: block; width: 100%; height: auto} .woocommerce .woocommerce-checkout table.shop_table td .wc-gzd-product-name-right {float: left; width: 70%; font-weight: 400; font-size: 14px; color: #4c4c4c} .woocommerce .woocommerce-checkout table.shop_table td .wc-gzd-product-name-right p {padding: 0; margin: 0; font-size: 11px; font-weight: 300; line-height: 1.3} .woocommerce .woocommerce-checkout table.shop_table td.product-total {text-align: right} .woocommerce .woocommerce-checkout table.shop_table td.product-total .woocommerce-Price-amount {font-size: 14px} .woocommerce .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th {font-weight: 300; text-align: left; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; vertical-align: middle; line-height: 16px; padding: 20px 0px 10px 0;} .woocommerce .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td {font-size: 14px; font-weight: 400; line-height: 1; text-align: right; padding: 20px 0px 10px 0;} .woocommerce .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total th, .woocommerce .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {border-top: 1px solid #999; padding-top: 15px; padding-bottom: 0 !important; font-weight: 600} .woocommerce .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {padding-top: 15px; font-size: 16px; text-align: right} .woocommerce .woocommerce-checkout table.shop_table tfoot tr.order-tax th, .woocommerce .woocommerce-checkout table.shop_table tfoot tr.order-tax td {border-top: none; padding-top: 5px; font-size: 12px;} .woocommerce .woocommerce-checkout table.shop_table tfoot tr.order-tax td {text-align: right} .woocommerce .woocommerce-checkout table.shop_table tfoot tr.order-tax td .woocommerce-Price-amount {font-weight: 300} .wc-forward .cart-counter, .wc-forward .your-counter-selector, .wc-forward .customer-name {color: #0056d2} .woocommerce .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr.shipping td {font-weight: 300; font-size: 14px} h3#ship-to-different-address {color: #4c4c4c; font-weight: 600; font-size: 14px} .woocommerce .place-order button.button.alt {padding: 10px 20px; background: #0056d2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} .woocommerce .place-order button.button.alt:hover {background: #003cb7; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} .about_paypal {color: #999} .woocommerce-NoticeGroup-checkout {width: 100%} .woocommerce-NoticeGroup-checkout ul {margin: 0} .woocommerce form .form-row .required {font-weight: 300} .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {border-color: #69bf29} .woocommerce form .form-row.woocommerce-invalid label {color: #a00} .woocommerform .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {border-color: #a00} .woocommerce table.wishlist_table tbody td {padding: 6px 12px;} nav.woocommerce-MyAccount-navigation {font-size: 13px; list-style: none; margin-bottom: 3em;} nav.woocommerce-MyAccount-navigation li {padding: 12px 15px; margin: 0; max-width: 75%; list-style: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} nav.woocommerce-MyAccount-navigation li:hover {background: #f5f5f5; padding-left: 30px} nav.woocommerce-MyAccount-navigation li.is-active {background: #f5f5f5; padding-left: 30px} nav.woocommerce-MyAccount-navigation li a {color: #4c4c4c;} nav.woocommerce-MyAccount-navigation li a:hover {color: #0056d2;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard a::before {content: "\f2be"; font-family: "FontAwesome"; padding-right: 8px;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a::before {content: "\f07a"; font-family: "FontAwesome"; padding-right: 8px;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a::before {content: "\f019"; font-family: "FontAwesome"; padding-right: 8px;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a::before {content: "\f2ba"; font-family: "FontAwesome"; padding-right: 8px;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a::before {content: "\f013"; font-family: "FontAwesome"; padding-right: 8px;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a::before {content: "\f00d"; font-family: "FontAwesome"; padding-right: 8px;} nav.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {display: none} .addresses header a {font-size: 12px; font-weight: 400; color: #4c4c4c} .addresses header a::before {content:"\f040"; font-family: "FontAwesome"; padding-right: 5px;} .addresses address {font-size: 13px; font-weight: 300; line-height: 1.5} .woocommerce-address-fields .form-row {display: flex; flex-wrap: nowrap; width: 100% !important} .woocommerce-address-fields .form-row label {width: 140px; font-size: 14px; font-weight: 400; color: #4c4c4c; line-height: 40px} .woocommerce-address-fields .form-row input[type="text"], .woocommerce-address-fields .form-row input[type="email"], .woocommerce-address-fields .form-row input[type="tel"], .woocommerce-address-fields .form-row input[type="password"], .woocommerce-address-fields .form-row select, .woocommerce-address-fields .form-row textarea {flex: 1; border: 1px solid #d9d9d9; width: 100%; padding: 0 15px; height: 40px; line-height: 40px; color: #4c4c4c; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 1;} .woocommerce-address-fields .form-row textarea {height: 90px; line-height: 1.5; padding-top: 10px; padding-bottom: 10px} .woocommerce-address-fields .form-row strong {line-height: 40px; font-size: 14px; font-weight: 400} .woocommerce-address-fields .form-row#billing_address_2_field, .woocommerce-address-fields .form-row#shipping_address_2_field {padding-left: 143px} .edit-account .form-row {display: flex; flex-wrap: nowrap; width: 100% !important} .edit-account .form-row label {width: 210px; font-size: 14px; font-weight: 400; color: #4c4c4c; line-height: 40px} .edit-account .form-row input[type="text"], .edit-account .form-row input[type="email"], .edit-account .form-row input[type="tel"], .edit-account .form-row input[type="password"], .edit-account .form-row select, .edit-account .form-row textarea {flex: 1; border: 1px solid #d9d9d9; width: 100%; padding: 0 15px; height: 40px; line-height: 40px; color: #4c4c4c; font-family: "Open Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 1;} .edit-account fieldset {margin-top: 40px} .woocommerce table.my_account_orders .button {font-size: 13px; font-weight: 400; letter-spacing: 0.5px} mark {background: transparent} .woocommerce-checkout .shop_table {background: transparent !important} .woocommerce-order-details table.shop_table .product-name a {font-size: 14px; font-weight: 300} .woocommerce .woocommerce-order-details table.shop_table td {font-size: 14px; padding-top: 15px; padding-bottom: 15px} .woocommerce .woocommerce-order-details table.shop_table tfoot th, .woocommerce .woocommerce-order-details table.customer_details th {font-weight: 300; font-size: 14px; line-height: 1; padding-top: 15px; padding-bottom: 15px; background: transparent; text-transform: none; border-bottom: none; border-top: 1px solid rgba(0,0,0,.1)} .woocommerce .woocommerce-order-details table.shop_table tfoot td {font-size: 14px; text-align: right; line-height: 1; background: transparent; text-transform: none; border-bottom: none; font-weight: 300} .woocommerce .woocommerce-order-details table.shop_table tfoot tr:last-child th, .woocommerce .woocommerce-order-details table.shop_table tfoot tr:last-child td {font-size: 11px; border-top: none; padding-top: 0px} .woocommerce .woocommerce-order-details address {font-size: 14px; line-height: 1.5; padding-bottom: 2em} .woocommerce .woocommerce-order-details table.shop_table .wc-gzd-item-desc p {font-size: 12px} body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-name a {font-size: 16px; font-weight: 400; color: #4c4c4c} body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-name a:hover {color: #0056d2} body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-name p.delivery-time-info {font-size: 12px; line-height: 1.5; color: #2ac343} body.woocommerce-order-received .woocommerce-order-details table.shop_table .product-name .wc-gzd-item-desc p {font-size: 14px; line-height: 1.5} body.woocommerce-order-received address {padding-left: 12px} body.woocommerce-page #main-navigation ul > li.menu-icon-checkout.scrolldown {position: sticky; z-index: 999;} .woocommerce form.login.bs-login-form {border: none; padding: 0; margin: 0 auto; width: 100%; max-width: 320px} .woocommerce form.login.bs-login-form p.form-row, body.woocommerce-checkout .woocommerce-form-login p.form-row {width: 100%; margin-bottom: 5px} .woocommerce form.login.bs-login-form p.form-row label, body.woocommerce-checkout .woocommerce-form-login p.form-row label {display: none} .woocommerce form.login.bs-login-form p.form-row input, body.woocommerce-checkout .woocommerce-form-login p.form-row input {border-radius: 3px} .woocommerce form.login.bs-login-form p.form-row.button-row, .woocommerce form.login.bs-login-form p.lost_password, body.woocommerce-checkout .woocommerce-form-login p.form-row, body.woocommerce-checkout .woocommerce-form-login p.lost_password {text-align: center; width: 100%} .woocommerce form.login.bs-login-form p.lost_password a, body.woocommerce-checkout .woocommerce-form-login p.lost_password a {display: block; text-align: center; font-size: 12px} .woocommerce form.login.bs-login-form p.form-row.button-row .button, body.woocommerce-checkout .woocommerce-form-login p.form-row .button {color: #fff; font-weight: 400; background: #0056d2; font-size: 15px; padding: 9px 24px} .woocommerce form.login.bs-login-form p.form-row.button-row .button:hover, body.woocommerce-checkout .woocommerce-form-login p.form-row .button:hover {background: #003cb7} body.woocommerce-checkout .woocommerce form.login {border: none; padding: 0; margin: 0 auto; width: 100%; max-width: 320px} body.woocommerce-checkout .woocommerce form.login p:first-child {display: none} .woocommerce form.login.bs-login-form .login-header, body.woocommerce-checkout .woocommerce form.login .login-header {width: 100%; display: block; text-align: center; background: url(images/icon-shop-login.png) top center no-repeat; background-size: 60px 63px; padding: 80px 0 15px 0; color: rgba(6, 77, 156, 1); font-weight: 400; font-size: 18px} body.page-id-2439 h1.global-main-headline, body.page-id-3550 h1.global-main-headline {display: none} body.page-id-2439.logged-in h1.global-main-headline {display: block} body.page-id-2439 .page-content {height: 70vh; padding-top: 20vh;} body.page-id-2439.logged-in .page-content {height: auto; padding-top: 0; background: #fff} body.page-id-2439 {background: #fff; background: -moz-radial-gradient(center, ellipse cover, #efefef 0%, #ffffff 100%); background: -webkit-radial-gradient(center, ellipse cover, #efefef 0%,#ffffff 100%); background: radial-gradient(ellipse at center, #efefef 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 );} body.page-id-2439.logged-in {background: #fff} body.page-id-2439 #main-content {background: url(images/bg-login.png) center center no-repeat; background-size: 1920px 1080px} .woocommerce a.button.bs-button, .metaslider .button.bs-button {display: inline-block; color: #fff; font-size: 15px !important; padding: 9px 18px !important; border: none; border-radius: 5px; background: #0056d2; font-weight: 300; cursor:pointer} .woocommerce a.button.bs-button:hover, .metaslider .button.bs-button:hover {background: #003cb7} .wpcf7-form .advice {font-size: 11px; display: block; margin-bottom: 10px; margin-top: 5px} div.wpcf7-response-output {font-size: 14px; line-height: 1.5} span.wpcf7-not-valid-tip {font-size: 12px} ul.woocommerce-error {margin-left: 0 !important} .no-mobile {display: block} .no-desktop {display: none} /* # # # # # 10. NEUE STARTSEITE # # # # # */ #start-highlight-area {display: block; text-align: center} #start-highlight-area picture, #start-highlight-area picture img, #start-highlight-area img {display: block; width: 100%; height: auto; max-width: 1100px; margin: 0 auto} #start-highlight-area2 {display: block; text-align: center} #start-highlight-area2 picture, #start-highlight-area2 picture img, #start-highlight-area img {display: block; width: 100%; height: auto; max-width: 1100px; margin: 0 auto} #start-highlight-area3 {display: block; text-align: center} #start-highlight-area3 picture, #start-highlight-area3 picture img, #start-highlight-area img {display: block; width: 100%; height: auto; max-width: 1100px; margin: 0 auto} #mainsite-content-blocks {display: flex; flex-wrap: wrap; width: 100%; max-width: 1920px; margin: 0 auto; border-bottom: 12px solid #fff} #mainsite-content-blocks li {display: inline; position: relative; width: 50%; border-top: 12px solid #fff; border-bottom: 12px solid #fff; overflow: hidden} #mainsite-content-blocks li:nth-child(even) {border-right: 18px solid #fff; border-left: 12px solid #fff} #mainsite-content-blocks li:nth-child(odd) {border-right: 12px solid #fff; border-left: 18px solid #fff} #mainsite-content-blocks li a {position: relative; display: block; width: 100%; height: 100%} #mainsite-content-blocks li a .overlay {position: absolute; z-index: 8; padding-top: 17px; width: 100%; height: 60px; bottom: 0px; text-align: center; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} #mainsite-content-blocks li a .overlay .cta-area {display: inline-block; background: #01609a; font-size: 14px; font-weight: 400; padding: 5px 10px; color: #fff; border-radius: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} #mainsite-content-blocks li a .overlay .cta-area:hover {background: #68b2de; color: #fff} #mainsite-content-blocks li a:hover .overlay, #mainsite-content-blocks li a:focus .overlay, #mainsite-content-blocks li a:active .overlay {opacity: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;} #mainsite-content-blocks li a .overlay h4 {font-size: 28px; font-weight: 400; color: #fff; padding-top: 100px; padding-bottom: 20px; -webkit-transition: all .9s; -moz-transition: all .9s; -o-transition: all .9s; -ms-transition: all .9s; transition: all .9s;} #mainsite-content-blocks li a:hover .overlay h4, #mainsite-content-blocks li a:focus .overlay h4, #mainsite-content-blocks li a:active .overlay h4 {padding-top: 150px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s;} #mainsite-content-blocks li a .overlay p {font-size: 19px; color: #fff; font-weight: 300; max-width: 400px; margin: 0 auto} #content-block-sw {background: url(images/mainsite/ph_anlage_mobile.jpg) bottom center no-repeat; background-size: cover;} #content-block-testimonial {background: url(images/mainsite/ph_testimonial_mobile.jpg) bottom center no-repeat; background-size: cover;} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_mobile.jpg) bottom center no-repeat; background-size: cover;} #content-block-biofilm {background: url(images/mainsite/ph_biofilm_mobile.jpg) bottom center no-repeat; background-size: cover;} #content-block-wf {background: url(images/mainsite/ph_wf_mobile.jpg) bottom center no-repeat; background-size: cover;} #content-block-bsu {background: url(images/mainsite/ph_university_mobile.jpg) bottom center no-repeat; background-size: cover;} /*#content-block-team {background: url(images/mainsite/ph_team_mobile.jpg) bottom center no-repeat; background-size: cover;}*/ #content-block-team {background-image: url("images/mainsite/ph_team_mobile.jpg") bottom center no-repeat; background-image: url("images/mainsite/ph_team_mobil.webp" format(„webp“), "image.jpg") bottom center no-repeat; background-size: cover;} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_mobile.jpg) bottom center no-repeat; background-size: cover;} #mainsite-cta {display: flex; flex-wrap: wrap; width: 100%; max-width: 1920px; margin: 0 auto} #mainsite-content-blocks li a .desc-text {position: absolute; width: 100%; height: 120px; top: 0px; left: 0px; z-index: 10; text-align: center; color: #fff} #mainsite-content-blocks li a .desc-text h4 {font-weight: 300; font-size: 25px; line-height: 1; padding-top: 30px} #mainsite-content-blocks li a .desc-text h4 span {font-weight: 300; font-size: 16px; display: block; padding: 5px 10px; line-height: 1.4} img.video-preview {display: block; width: 100%; height: auto} .testimonial-overview {width: 100%; max-width: 1110px; margin: 0 auto} .testimonial-box {display: block; padding: 2em; min-height: 440px;} .box_size_1_3 {width: 33.33333%} .box_size_2_3 {width: 66.66666%} .testimonial-box footer {padding-top: 20px; margin-top: 25px; display: flex; flex-wrap: nowrap; align-items: stretch; background: url(images/footer-devider.png) top left no-repeat; background-size: 600px 20px} .testimonial-box footer img {width: 75px; height: 75px; border-radius: 50%;} .testimonial-box footer .testiminial-info {padding-top: 10px; font-size: 13px; padding-left: 25px; line-height: 1.5} .quote-box {font-size: 16px; line-height: 1.5} .quote-box.big-quote {font-size: 21px; line-height: 1.5} .video-link {display: block; position: relative} .video-link .play-button {position: absolute; top: 50%; left: 50%; z-index: 2; background: url(images/play-button.png) center center no-repeat;} .box_size_1_3 .video-link .play-button {width: 50px; height: 50px; background-size: 50px 50px; margin-top: -25px; margin-left: -25px} .box_size_2_3 .video-link .play-button {width: 100px; height: 100px; background-size: 100px 100px; margin-top: -50px; margin-left: -50px} .testimonial-cta {display: block; background: #01609a; color: #fff; font-size: 16px; padding: 4em 1em; text-align: center; font-weight: 300;} .testimonial-cta:hover {background: #005182} @media(min-width: 100px) { #mainsite-content-blocks li {height: 420px;} #mainsite-cta a{width: 100%; text-align: center; border: 18px solid #fff; border-bottom: 12px solid #fff; border-top: 12px solid #fff;} #mainsite-cta a:first-child {border-right: 18px solid #fff} #mainsite-cta a:last-child {border-left: 18px solid #fff} #mainsite-content-blocks li {width: 100%;} #mainsite-content-blocks li:nth-child(even), #mainsite-content-blocks li:nth-child(odd) {border-right: 18px solid #fff; border-left: 18px solid #fff} #content-block-sw {background: url(images/mainsite/ph_anlage_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-testimonial {background: url(images/mainsite/safewater-erfahrungsberichte-320.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-biofilm {background: url(images/mainsite/ph_biofilm_mobile.jpg) bottom center no-repeat; background-size: 320px x 320px;} #content-block-wf {background: url(images/mainsite/ph_wf_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-bsu {background: url(images/mainsite/ph_university_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-team {background: url(images/mainsite/ph_team_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-xmas {background: url(images/mainsite/ph_xmas_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #content-block-idberlin {background: url(images/mainsite/ph_idberliny_mobile.jpg) bottom center no-repeat; background-size: 320px 320px} #mainsite-cta a img {display: block; width: 100%; height: auto; max-width: 100%; margin: 0 auto} } @media(max-width: 400px) { #mainsite-cta a img {display: block; width: 100%; height: auto} } @media(min-width: 360px) { #mainsite-content-blocks li {height: 400px;} #mainsite-content-blocks li a .desc-text {position: absolute; width: 100%; height: 100px; top: 0px; left: 0px; z-index: 10; text-align: center; color: #333} #mainsite-content-blocks li a .desc-text h4 {font-size: 21px; line-height: 1em; padding-top: 25px} #mainsite-content-blocks li a .desc-text h4 > span {font-weight: 300; font-size: 14px; display: block; padding: 5px 10px; line-height: 1.2} #mainsite-content-blocks li a .desc-text h4 > span span.online {display: inline-block; color: #fff; padding: 3px 6px; background: #0e3953; border-radius: 3px; font-size: 9px; margin-left: 5px} #content-block-sw {background: url(images/mainsite/ph_anlage_mobile.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-testimonial {background: url(images/mainsite/safewater-erfahrungsbericht-400.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_mobile.jpg) bottom center no-repeat; background-size: 400px 400px;} #content-block-biofilm {background: url(images/mainsite/biofilm-entfernen-400px.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-wf {background: url(images/mainsite/ph_wf_mobile.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-bsu {background: url(images/mainsite/ph_university_mobile.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_mobile.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-team {background: url(images/mainsite/ph_team_mobile.jpg) bottom center no-repeat; background-size: 400px 400px} #content-block-xmas {background: url(images/mainsite/ph_xmas_mobile.jpg) bottom center no-repeat; background-size: 400px 400px} } @media(min-width: 430px) { #mainsite-content-blocks li {height: 510px;} #content-block-sw {background: url(images/mainsite/ph_anlage_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-testimonial {background: url(images/mainsite/safewater-erfahrungsberichte-528.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-biofilm {background: url(images/mainsite/biofilm-entfernen-528px.jpg) bottom center no-repeat; background-size: 528px 528px;} #content-block-wf {background: url(images/mainsite/ph_wf_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-bsu {background: url(images/mainsite/ph_university_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-team {background: url(images/mainsite/ph_team_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-xmas {background: url(images/mainsite/ph_xmas_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_mobile.jpg) bottom center no-repeat; background-size: 528px 528px} } @media(min-width: 530px) { #mainsite-content-blocks li {height: 410px;} #content-block-sw {background: url(images/mainsite/ph_anlage_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-testimonial {background: url(images/mainsite/safewater-erfahrungsbericht-680x384.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-biofilm {background: url(images/mainsite/biofilm-entfernen-680x384.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-wf {background: url(images/mainsite/ph_wf_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-bsu {background: url(images/mainsite/ph_university_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-team {background: url(images/mainsite/ph_team_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-xmas {background: url(images/mainsite/ph_xmas_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_desktop.jpg) bottom center no-repeat; background-size: 680px 384px} } @media(min-width: 720px) { #mainsite-cta a{display: block; width: 50%; border: 18px solid #fff; border-bottom: 12px solid #fff;} #mainsite-cta a img {display: block; width: 100%; height: auto; max-width: 700px; margin: 0 auto} #mainsite-cta a:first-child {border-right: 12px solid #fff} #mainsite-cta a:last-child {border-left: 12px solid #fff} #mainsite-content-blocks li {display: inline; width: 50%; border-top: 12px solid #fff; border-bottom: 12px solid #fff; overflow: hidden} #mainsite-content-blocks li:nth-child(even) {border-right: 18px solid #fff; border-left: 12px solid #fff} #mainsite-content-blocks li:nth-child(odd) {border-right: 12px solid #fff; border-left: 18px solid #fff} #mainsite-content-blocks li {height: 330px;} #content-block-sw {background: url(images/mainsite/ph_anlage_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-testimonial {background: url(images/mainsite/safewater-erfahrungsbericht-400x300.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-biofilm {background: url(images/mainsite/biofilm-entfernen-400x300.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-wf {background: url(images/mainsite/ph_wf_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-bsu {background: url(images/mainsite/ph_university_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-team {background: url(images/mainsite/ph_team_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-xmas {background: url(images/mainsite/ph_xmas_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_tablet.jpg) bottom center no-repeat; background-size: 400px 300px} #mainsite-content-blocks li a .desc-text h4 {font-size: 25px;} #mainsite-content-blocks li a .desc-text h4 span {font-size: 14px;} } @media(min-width: 860px) { #mainsite-content-blocks li {height: 400px;} #content-block-sw {background: url(images/mainsite/ph_anlage_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-testimonial {background: url(images/mainsite/safewater-erfahrungsbericht-528x396.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-biofilm {background: url(images/mainsite/biofilm-entfernen-528x396.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-wf {background: url(images/mainsite/ph_wf_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-bsu {background: url(images/mainsite/ph_university_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-team {background: url(images/mainsite/ph_team_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-xmas {background: url(images/mainsite/ph_xmas_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_tablet.jpg) bottom center no-repeat; background-size: 528px 396px} } @media(min-width: 1100px) { #mainsite-content-blocks li {height: 528px;} #content-block-sw {background: url(images/mainsite/ph_anlage_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #content-block-testimonial {background: url(images/mainsite/testimonials_desktop.gif) bottom center no-repeat; background-size: 935px 528px} #content-block-schlauch {background: url(images/mainsite/ph_schlauch_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #content-block-biofilm {background: url(images/mainsite/biofilm_desktop.gif) bottom center no-repeat; background-size: 935px 528px} #content-block-wf {background: url(images/mainsite/ph_wf_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #content-block-bsu {background: url(images/mainsite/ph_university_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #content-block-team {background: url(images/mainsite/ph_team_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #content-block-xmas {background: url(images/mainsite/ph_xmas_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #content-block-idberlin {background: url(images/mainsite/ph_idberlin_desktop.jpg) bottom center no-repeat; background-size: 935px 528px} #mainsite-content-blocks li a .desc-text {position: absolute; width: 100%; height: 120px; top: 0px; left: 0px; z-index: 10; text-align: center; color: #333} #mainsite-content-blocks li a .desc-text h4 {font-size: 30px; font-weight: 400; line-height: 32px; padding-top: 30px} #mainsite-content-blocks li a .desc-text h4 span {font-weight: 300; font-size: 18px; display: block; padding: 15px 10px 5px 10px; line-height: 1.2} } #content-block-xmas h4.image-text {color: #c00e0e} #content-block-xmas h4.image-text span {color: #333} /* # # # # # 10. RESPONSIVE # # # # # */ @media(max-width: 1200px) { .main-wrapper, body.woocommerce #container, body.woocommerce.single-product #single-product-header, body.woocommerce.single-product .single-product-wrapper-helper {padding-left: 1em; padding-right: 1em} body.woocommerce.single-product #container {padding-left: 0em; padding-right: 0em} } @media(max-width: 1100px) { #highlights-frontpage {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: stretch; margin-bottom: 30px} #highlights-frontpage article, #highlights-frontpage article:last-child{display: inline-block; width: 50%; border: 1px solid #fff; margin-bottom: 0; padding: 0;} .nl-desc {width: 50%; float: left; margin: 30px 0;} .nl-form {width: 50%; float: left; margin: 30px 0;} .metaslider .button.bs-button {font-size: 12px !important;} #global-image-header {height: 400px; padding-top: 200px;} #global-image-header h1 {font-size: 38px;} } @media(max-width: 980px) { ul.products li.product {height: 295px; } #sub-navigation {width: 100%; height: 44px; background: rgba(242, 244, 241, 1);} #sub-navigation .sub-navi {} #sub-navigation .main-wrapper {margin: 0} #sub-navigation ul {display: block; flex: none} #sub-navigation ul li {margin-left: 0px; margin-right: 20px; display: inline-block; float: left} #sub-navigation ul li:first-child {margin-left: 40px} .single-content > section {width: 75%; padding-right: 2em} .footer-area-columns section#footer-contact article p span {display: block; width: 100%; font-size: 12px} .footer-area-columns.nl-column {flex-wrap: wrap; padding: 15px 1em; } .footer-area-columns.nl-column .nl-desc, .footer-area-columns.nl-column .nl-form {width: 100%; margin: 0} .footer-area-columns.nl-column .nl-desc {margin-bottom: 15px} .nl-desc #text #nl-headline {float: none; padding-right: 0px; text-align: center; display: block;} .nl-desc #nl-desc {font-size: 14px; text-align: center; padding-right: 0px; display: block; float: none} .nl-form .mc-field-group input.email {width: 70%; margin-right: 2%;} .nl-form .nl-button {width: 28%;} .metaslider .button.bs-button {font-size: 11px !important;} form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017 .form-row.two-elements span.messe-datum {margin-right: 2%} form.wpcf7-form .form2017 .form-row.field-subject span#desc {display: inline-block; width: 51%} form.wpcf7-form .form2017 .form-row.field-subject span.kunde-betreff {display: inline-block; width: 49%} .testimonial-box {display: block; padding: 1em; min-height: 370px;} } @media(max-width: 920px) { #main-navigation {font-size: 17px} } @media (max-width: 880px) { .flex-direction-nav .flex-prev {opacity: 1; left: 15px !important;} .flex-direction-nav .flex-next {opacity: 1; right: 15px !important;} .news-archive-overview article {width: 49%;} .news-archive-overview article header .post-img {height: 200px;} .team-overview .team-person {width: 49%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 30%; margin-right: 3%} ul.products li.product {height: 330px; } #single-product-header .short-product-price form.cart button.single_add_to_cart_button {width: 100%; text-align: center; margin: 10px 0;} .woocommerce #single-product-header .short-product-price .quantity, .woocommerce-page #single-product-header .short-product-price .quantity {width: 100%} .woocommerce #single-product-header .quantity input, .woocommerce-page #single-product-header .quantity .qty {width: 100%; text-align: center} #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist, #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist a, #single-product-header .short-product-price form.cart .yith-wcwl-add-to-wishlist a i {width: 100%; text-align: center; margin: 0} body.woocommerce-cart .woocommerce form, body.woocommerce-cart .woocommerce .cart-collaterals {width: 100%; padding: 0} form.woocommerce-checkout {flex-wrap: wrap;} form.woocommerce-checkout #customer_details {width: 100%; padding-right: 0} form.woocommerce-checkout #order_review {width: 100%; margin-top: 30px; } header.info-message-overview {flex-wrap: wrap;} header.info-message-overview .left-message {width: 100%; padding-right: 0} header.info-message-overview .right-message {width: 100%} .metaslider .button.bs-button {display: none} .testimonial-box {display: block; padding: 1em; min-height: 400px;} .box_size_1_3 {width: 50%} .box_size_2_3 {width: 100%} #global-image-header {height: 300px; padding-top: 150px;} #global-image-header h1 {font-size: 32px;} } @media(max-width: 800px) { #main-navigation {font-size: 14px} #main-navigation ul > li {padding-left: 10px; padding-right: 10px} #main-navigation ul > li.schild-icon a {background-size: 18px 17px;} #main-navigation ul > li.menu-icon-checkout, #main-navigation ul > li.menu-icon-checkout:hover, #main-navigation ul > li.menu-icon-search, #main-navigation ul > li.menu-icon-search:hover {background-size: 18px 18px;} .fullwidth-area {display: block; width: 100%; height: 350px !important; overflow: hidden; text-align: center; position: relative} .fullwidth-area img{display: block; width: auto !important; height: 350px !important; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);} .page-content p {font-size: 17px;} .page-content h1 {font-size: 46px;} .page-content h2 {font-size: 22px;} .page-content h3 {font-size: 18px;} .page-content h4 {font-size: 16px;} #water-foundation #text {float: none} .nl-desc {width: 100%; float: none; margin: 30px 0;} .nl-desc #text #nl-headline {width: 100%; text-align: center; float: none; display: block;} .nl-form {width: 100%; float: none; margin: 30px 0;} .thankyou-contact .form2017row .row-form{width: 100%; padding: 0 15px;} .thankyou-contact .form2017row .row-contact{width: 50%; padding: 54px 15px 15px 15px;} .box_size_1_3, .box_size_2_3 {width: 100%} .testimonial-box{min-height: auto; padding: 2em 1em;} } @media(max-width: 768px) { .single-content {display: block} .single-content > section {width: 100%; padding-right: 0} .single-content > aside {width: 100%; position: relative} .sidebar-content {position: relative; padding: 0; top: 0; margin-top: 0px} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 48%; margin-right: 0%} ul.products li.product {height: 380px; } .shop_table_responsive .wc-gzd-item-desc {padding-left: 50%} .woocommerce-cart table.cart .product-quantity .quantity {border: none} .woocommerce .quantity input, .woocommerce-page .quantity .qty {width: 120px} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {font-weight: 400; font-size: 16px} .woocommerce table.shop_table_responsive tr.order-tax td::before, .woocommerce-page table.shop_table_responsive tr.order-tax td::before {font-weight: 400; font-size: 12px} .woocommerce table.shop_table td {padding: 12px} .woocommerce table.shop_table td.product-quantity {clear: both; padding-bottom: 50px} .woocommerce table.shop_table td.product-quantity .quantity {float: right; clear: none} nav.woocommerce-MyAccount-navigation li {max-width: 100%} form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017 .form-row.two-elements span.messe-datum {margin-right: 3%} } @media(max-width: 720px) { .news-archive-overview article header .post-img {height: 180px;} .footer-area-columns {flex-wrap: wrap;} .footer-area-columns section {margin-bottom: 30px; display: block; width: 50%; padding: 0 15px; font-size: 14px; line-height: 1} .empty-cart-bs {display: block} .empty-cart-bs div {width: 100%; margin-bottom: 40px} .logo-sf {display: block; width: 90%; height: auto} } @media(max-width: 680px) { #top-navigation, #main-navigation, .sub-navi li.blue-button {display: none !important} #mobile-header {display: block} body.home #mobile-header {position: fixed; width: 100%; z-index: 9999} body.home #header-spacer {display: block; height: 40px;} #highlights-frontpage article, #highlights-frontpage article:last-child {display: inline-block; width: 100%; border: none; border-top: 1px solid #fff} #sub-navigation.stuck .main-wrapper {margin: 0; padding: 0 15px; max-width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} #sub-navigation.stuck #sub-navi-container {webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 90%;} #sub-navigation.stuck .mobile-sub-item {display: inline-block !important; height: 44px;} #sub-navigation.stuck #mobile-sub-menu {width: 10%; margin-right: 10px; position: relative; overflow: visible} #sub-navigation ul li#product-logo span {height: 44px;} #sub-navigation ul li#product-logo {padding-left: 0px; width: 115px} #sub-navigation.stuck ul li#product-logo {background: transparent;} #mobile-sub-menu.open {background: transparent url(images/icon-menu-blue.png) center center no-repeat; background-size: 20px 20px} #mobile-sub-menu.closed {background: #2F5AA6 url(images/icon-close.png) center center no-repeat; background-size: 20px 20px} nav#mobile-sub ul {width: 80%; margin: 0 auto; display: block !important} nav#mobile-sub ul li {padding: 10px 0 !important; display: block !important; width: 100%; border-top: 2px solid rgba(255, 255, 255, 0.5)} nav#mobile-sub ul li:first-child {border-top: none} nav#mobile-sub ul li.current-menu-item a {color: #fff} nav#mobile-sub ul li a {color: #fff; font-size: 18px; text-transform: uppercase} nav#mobile-sub ul li.mobile-search form input {border: none; border-radius: 0px; border-bottom: 1px solid #fff; width: 100%; height: 44px !important; font-size: 18px; background: transparent url(images/icon-search-white.png) 5px center no-repeat; background-size: 20px 20px; color: #fff; font-weight: 300} .mini-cart .cart_list .mini_cart_item .remove {margin-right: 0px} .news-archive-overview article {width: 100%;} .team-overview .team-person {width: 100%;} .news-archive-overview article header .post-img {height: auto;} .one_half, .one_half.last_column , .one_third, .one_third.last_column, .two_third, .two_third.last_column, .one_fourth, .one_fourth.last_column, .three_fourth, .three_fourth.last_column {width: 100%; float: none; margin: 0} .clear_column {clear: both} #cta-sub-area {position: fixed; top: 44px; right: 15px;} #cta-sub-area .cta-mobile-sub {margin: 0; padding: 0} #cta-sub-area .cta-mobile-sub li {float: right; margin: 0; padding: 0; display: none} #cta-sub-area .cta-mobile-sub li.highlight {display: block} .fullwidth-area {display: block; width: 100%; height: 250px !important; overflow: hidden; text-align: center; position: relative} .fullwidth-area img {display: block; width: auto !important; height: 250px !important; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%);} .page-content p {font-size: 18px;} .page-content h1 {font-size: 38px;} .page-content h2 {font-size: 21px;} .page-content h3 {font-size: 16px;} .page-content h4 {font-size: 14px;} #scroll-top {display: none !important;bottom: -2em; right: -2em} .news-area {display: block} .news-area .news-text {width: 100%; margin: 0;} .news-area .sidebar {width: 100%; max-width: 100%} #related-posts {margin-top: 30px; display: block;} #related-posts article {width: 100%; display: block; margin-bottom: 20px} #sub-navigation a.home {} #sub-navigation.stuck a.home {bottom: 120px} #sub-navigation.stuck .sectionname {padding-left: 0px; } #beta-badge {display: none} .slider-area {font-size: 24px} .no-mobile {display: none} .no-desktop {display: block} #global-image-header {height: 200px; padding-top: 100px;} #global-image-header h1 {font-size: 32px;} } @media(max-width: 600px) { ul.products li.product {height: 340px; } .shopping-product-ordering {display: block; width: 100%; text-align: center; margin: 20px 0} #single-product-header {flex-wrap: wrap;} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%; padding: 0 3em} #single-product-header .short-product-info, #single-product-header .short-product-price {width: 50%} .woocommerce-Tabs-panel--description {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} .nl-form .mc-field-group input.email {width: 60%; margin-right: 2%;} .nl-form .nl-button {width: 38%;} #cookieChoiceInfo span {display: block; margin-bottom: 10px} .footer-area-columns {padding: 30px 0; display: block; } .footer-area-columns section {display: block; width: 100%; padding: 0; font-size: 14px; line-height: 1; border-bottom: 1px solid #e0e0e0} .footer-area-columns section header h4 {display: block; padding: 0; margin: 0} .footer-area-columns section header {position: relative; padding: 15px} .footer-area-columns section header:hover {cursor: pointer; background: #fff} .footer-area-columns section header::after {font-family: "FontAwesome"; font-size: 14px; position: absolute; right: 10px; top: 50%; margin-top: -7px} .footer-area-columns section header.closed::after {content:"\f107";} .footer-area-columns section header.open::after {content:"\f106";} .footer-area-columns section .row-content {display: none; padding: 0 30px 15px 30px} .footer-area-columns section#footer-bs .row-content, .footer-area-columns section#footer-more .row-content {display: block} .footer-area-columns section article ul li, .footer-area-columns article p {padding: 9px 0} .footer-area-columns section {margin: 0; padding: 0} } @media(max-width: 530px) { ul.products li.product {max-height: 370px; overflow: visible; } ul.products li.product:hover {overflow: visible; z-index: 999;} ul.products li.product:hover .inner-area {z-index: 999; overflow: hidden; padding: 0px; width: 100%; background: transparent; top: 0px; left: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; box-sizing: content-box;} #single-product-header {padding-bottom: 20px} .nl-form .mc-field-group input.email {width: 100%; margin-right: 0; margin-bottom: 10px} .nl-form .nl-button {width: 100%;} form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017 .form-row.two-elements input[type="email"] {width: 100%} form.wpcf7-form .form2017 .form-row.two-elements input[type="text"], form.wpcf7-form .form2017 .form-row.two-elements span.messe-datum {margin-right: 0; margin-bottom: 1em} form.wpcf7-form .form2017 .form-row.two-elements .praxis-name {margin-right: 0%} form.wpcf7-form .form2017 .form-row.field-subject span#desc {display: inline-block; width: 100%} form.wpcf7-form .form2017 .form-row.field-subject span.kunde-betreff {display: inline-block; width: 100%} .footer-end {font-size: 11px; line-height: 1.6} } @media(max-width: 480px) { .wmle_item {margin: 0px 0px 20px 0px !important} ul.products li.product {max-height: 400px; overflow: visible; } ul.products li.product .product-details .action-buttons {align-items: center;} ul.products li.product .product-details .action-buttons .add_to_cart_button {width: 75%; text-align: center;} ul.products li.product .product-details .action-buttons .yith-wcwl-add-to-wishlist {margin: 0; width: 25%} ul.products li.product .product-details .action-buttons .btn-show {display: none} #single-product-header {padding-top: 0} .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%; padding: 0} #single-product-header .short-product-info, #single-product-header .short-product-price {width: 100%; padding: 0} .woocommerce-Tabs-panel--description {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;} .woocommerce div.product .woocommerce-tabs ul.tabs li {display: block; width: 100%} .woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0} #single-product-header .short-product-info .product-navigation {margin-top: -40px;} } .mini-cart-link-item {color: #4c4c4c !important} /* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7 Adapted from: http://blog.heyimcat.com/universal-signup-form/ */ #mc_embed_signup form {text-align:center; padding:10px 0 10px 0;} .mc-field-group { display: inline-block; } /* positions input field horizontally */ #mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;} #mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;} #mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */ #mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #0056d2; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;} #mc_embed_signup .button:hover {background-color:#003cb7; cursor:pointer;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} @media (max-width: 768px) { #mc_embed_signup input.email {width:100%; margin-bottom:5px;} #mc_embed_signup .clear {display: block; width: 100% } #mc_embed_signup .button {width: 100%; margin:0; } } #fancy_download {display: inline-block; width: 260px; height: 60px; overflow: hidden; position: relative; padding: 12px 20px; border-radius: 7px; margin: 10px auto; color: #fff; font-weight: 400; font-size: 18px; background: #ee55ff; background: -moz-linear-gradient(45deg, #ee55ff 0%, #6a7cf7 50%, #36bddd 100%); background: -webkit-linear-gradient(45deg, #ee55ff 0%,#6a7cf7 50%,#36bddd 100%); background: linear-gradient(45deg, #ee55ff 0%,#6a7cf7 50%,#36bddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee55ff', endColorstr='#36bddd',GradientType=1 ); -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;} #fancy_download_hover {position: absolute; width: 320px; height: 120px; top: -12px; left: -20px; z-index: 2; opacity: 0; background: #f1357d; background: -moz-linear-gradient(45deg, #f1357d 0%, #f24bd6 30%, #8c76ff 62%, #36bddd 100%); background: -webkit-linear-gradient(45deg, #f1357d 0%,#f24bd6 30%,#8c76ff 62%,#36bddd 100%); background: linear-gradient(45deg, #f1357d 0%,#f24bd6 30%,#8c76ff 62%,#36bddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1357d', endColorstr='#36bddd',GradientType=1 ); -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;} #fancy_download:hover #fancy_download_hover {opacity: 100; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;} #fancy_download_text {position: absolute; z-index: 10; width: 260px; height: 60px; text-align: center; left: 0px; top: 0px; line-height: 60px} p.form-row .woocommerce-input-wrapper {flex: 1} .woocommerce form .form-row .optional {visibility: hidden} body.page-template-page-member-area #sub-navigation {display: none} body.page-template-page-member-area #global-image-header {margin-top: 0; line-height: 28px; background: url(sample-img/member-header.jpg) center center no-repeat; background-size: 100% auto;} body.page-template-page-member-area #global-image-header .subinfo {font-size: 16px; font-weight: 300; line-height: 28px} body.page-template-page-member-area #global-image-header .subinfo a {color: #fff} body.page-template-page-member-area .sidebar-content {padding: 0 0 50px 0; top: 0; margin-top: 0px}