/* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.manthey-shop.com/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ }/* Schrift-schwarz: #1c1c1c echtes-schwarz: #000000 hellgrau: #7f7f7f Manthey-rot: #e31e25 Warenkorb-grün: #1fa33a */ html, body {margin:0px; padding:0px; height:100%;} html { overflow-y: scroll; overflow-y: overlay; height: -webkit-fill-available;} body {background-color:#FFFFFF;padding-top:196px;box-sizing:border-box; min-height: 100vh; min-height: -webkit-fill-available;} body:before {content: ""; display:block; position:absolute; top:0px; left:0px; width:100%; height:160px; background-color:#ffffff;} body.checkout {padding-top:0px;} body.checkout:before {display:none;} * {outline:none; font-family: 'Open Sans', sans-serif; -webkit-tap-highlight-color: transparent;} a {text-decoration:none;} img {border:0px; display:block; margin:0px; padding:0px;} form {margin:0px; padding:0px;} header, nav, section, footer {display:block;} p {margin:10px 0px 10px 0px; padding:0px; font-weight:400; color:#1c1c1c; font-size:15px; line-height:22px;} li {color:#1c1c1c; font-size:15px; line-height:22px;} a {text-decoration:none; color:#1c1c1c;} a:hover {color:#e31e25;} h1 {margin:40px 0px 20px 0px; padding:0px; font-weight:600; color:#1c1c1c; font-size:28px; line-height:40px; text-transform:uppercase;} h1:first-child {margin-top:0px;} h1>span.produktanzahl {display:inline-block;margin-left:14px;color:#999999; font-size:21px;} h1>span.produktanzahl:before {content:"(";} h1>span.produktanzahl:after {content:")";} nav.breadcrumb+h1 {margin-top:10px;} h2 {margin:40px 0px 20px 0px; padding:0px; font-weight:600; color:#1c1c1c; font-size:21px; line-height:32px;} h2:first-child {margin-top:0px;} h3 {margin:30px 0px 10px 0px; padding:0px; font-weight:600; color:#1c1c1c; font-size:18px; line-height:26px;} h3:first-child {margin-top:0px;} h4, p.h4 {margin:30px 0px 10px 0px; padding:0px; text-transform:uppercase; color:#1c1c1c; font-size:16px; line-height:24px;} h5 {margin:20px 0px 10px 0px; padding:0px; font-weight:600; color:#7f7f7f; font-size:15px; line-height:22px;} hr {clear:both;padding-top:15px;margin-bottom:20px;width:100%;height:1px;border:0px;border-bottom:1px solid #D3D2D2;background:transparent;} td, th {color:#1c1c1c; font-size:15px; line-height:22px; vertical-align:top; text-align:left;} .wrapper {position:relative; width:1320px;margin:auto auto; padding:0px 20px 0px 20px;} .wrapper .wrapper {padding-left:0px!important;padding-right:0px!important;} body.mobile .wrapper {max-width:460px;padding:0px 10px 0px 10px;} .clear {width:0px;height:0px;line-height:0px;clear:both;} .negativmargin {margin-top:-10px;} .highlight {color:#e31e25;} .fehler {color:#e2001a;} ul.fehler li {color:#e2001a;} .klein {font-size:12px; line-height:16px;} .nomargin {margin-top:0px;} .nomarginleft {margin-left:0px;} .lieferstatus {display:inline-block; width:12px; height:12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;} .floatleft {float:left;} .toppadding {margin-top:0px;padding-top:35px;} .invisible {display:none;} .pointer {cursor:pointer;} .nobreak {white-space: nowrap;} /* Allgemeines */ nav ul {margin:0px; padding:0px;} nav ul li {margin:0px; padding:0px; list-style-type:none;} li {list-style-type:square;} #backtotop {background-color:#000000; cursor:pointer; display:none; position: fixed; z-index:200; border:3px solid #FFFFFF; bottom:20px; right:20px; width:30px; height:30px; box-sizing: border-box; } #backtotop img {width:60%; height:60%; margin:20%;} #backtotop:hover {background-color: #e31e25;} .button {cursor:pointer; display:inline-block; padding:3px 15px 3px 15px; font-size:15px; line-height:25px; font-weight:400; white-space:nowrap; background-color:#b2b2b2; color:#ffffff; border:0px; text-transform:uppercase; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} .button:hover {background-color:#e31e25;color:#ffffff;text-decoration:none;} .button_big {cursor:pointer; display:inline-block; padding:4px 20px 4px 20px; font-size:18px; line-height:35px; font-weight:400; white-space:nowrap; background-color:#b2b2b2; color:#ffffff; border:0px; text-transform:uppercase; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} .button_big:hover {background-color:#e31e25;color:#FFFFFF;text-decoration:none;} .button_klein {cursor:pointer; display:inline-block; padding:0px 5px 0px 5px; font-size:12px; line-height:17px; font-weight:400; white-space:nowrap; background-color:#b2b2b2; color:#ffffff; border:0px;} .button_klein:hover {background-color:#e31e25; color:#FFFFFF; text-decoration:none;} .button_wechselkurs {cursor:pointer; display:inline-block; padding:0px 26px 0px 0px; font-size:13px; line-height:21px; font-weight:400; white-space:nowrap; color:#1c1c1c; background:url(https://www.manthey-shop.com/images/icon-wechselkurse-blau.png) right top no-repeat;} .button_wechselkurs:hover {color:#1c1c1c; background-image:url(https://www.manthey-shop.com/images/icon-wechselkurse-blau.png); text-decoration:underline;} .button_submit {display:inline-block;margin:0px;padding:0px 13px 0px 13px;border:0px;cursor:pointer;color:#FFFFFF;font-size:16px;line-height:25px;font-weight:400;background-color:#000000;} .button_submit:hover {background-color:#e31e25;color:#ffffff!important;} .button_fehler {background-color:#e2001a; color:#FFFFFF;} .a_back {display:inline-block; padding:0 13px 0 30px; font-size:15px; line-height:25px; font-weight:400; white-space:nowrap; color:#1c1c1c; text-decoration:none; background-image:url(https://www.manthey-shop.com/images/icon-pfeil-links.png);background-repeat:no-repeat;background-position:left 0px;} .a_back:hover {color:#e31e25; text-decoration:none;} .a_right {float:right;} .a_block {margin-top:8px; margin-bottom:8px;} a.checkbox {color:#1c1c1c; display:block; text-decoration:none; padding:3px 3px 3px 27px; line-height:18px; font-size:13px; position:relative;} a.checkbox:hover {background-color:rgba(0,0,0,0.1);} a.checkbox span.box {display:block; position:absolute; top:3px; left:3px; width:18px; height:18px; box-sizing:border-box; border:1px solid rgba(0,0,0,0.2); background-color:#FFFFFF; background-position:center center; background-size:80% 80%; background-repeat:no-repeat;} a.checkbox:hover span.box {background-image:url(https://www.manthey-shop.com/images/haken-s20.png);} a.checkbox.checked span.box {background-image:url(https://www.manthey-shop.com/images/haken-w.png); background-color:#1c1c1c;} a.checkbox span.label {float:right; font-size:10px;} a.checkbox span.text {display:inline-block; overflow:hidden; height:18px; max-width:calc(100% - 25px); word-break: break-all;} a.filterlink {color:#1c1c1c; display:block; text-decoration:none; padding:3px 3px 3px 27px; line-height:18px; font-size:13px; position:relative;} a.filterlink:hover {background-color:rgba(0,0,0,0.1);} a.filterlink.aktiv {font-weight:bold;} a.filterlink span.text:before {content:'>'; position:absolute; margin-left:-16px;} a.filterlink span.label {float:right; font-size:10px;} a.filterlink span.text {display:inline-block; overflow:hidden; height:18px; max-width:calc(100% - 25px); word-break: break-all;} input.input_gutschein {border:1px solid #7f7f7f; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:20px;} /* Header-Bereich */ header {height:160px; width:100%; position:fixed; top:0px; z-index:1000; background-color:#000000; transition: top .2s ease-out; } header #shophighlights {overflow:hidden; height:66px; background-color:#e31e25; position:relative; z-index:1030; box-sizing:border-box; padding-top:3px; padding-bottom:3px; overflow:hidden;} /* header #shophighlights > .wrapper > div.inner {display:flex; justify-content: space-between; font-size:13px; line-height:20px; color:#ffffff; align-items: center;} */ /* header #shophighlights > .wrapper > div.inner > div {text-align: center; display:block; position:relative!important;} */ header #shophighlights > .wrapper > div.inner > div {position:absolute; display:none; width:100%; align-items: center; height:60px;} header #shophighlights > .wrapper > div.inner > div > span {display:flex; justify-content:center; align-items: center; width:100%; height:60px; text-align: center; color:#ffffff; font-size:15px; line-height:20px;} header #shophighlights > .wrapper > div.inner > div a {color:#ffffff;} header #shophighlights > .wrapper > div.inner > div a:hover {text-decoration:none;} /* header #shophighlights > .wrapper > div.inner > div:first-child, header #shophighlights > .wrapper > div.inner > div:first-child >a {text-align:left;} */ /* header #shophighlights > .wrapper > div.inner > div:last-child, header #shophighlights > .wrapper > div.inner > div:last-child > a {text-align:right;} */ header #shophighlights > .wrapper > div.xmas {margin:auto auto; text-align:center; color:#ffffff;} header #shophighlights > .wrapper > div.xmas div.countdown {transform: scale(0.3); display: block; margin-top: -30px; margin-left:-25px;} header #shophighlights > .wrapper > div.xmas a.button {position:absolute; z-index:800; margin:7px 0px 0px 0px; background-color:#FFFFFF; color:#1c1c1c; font-weight:bold; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;} header #shophighlights > .wrapper > div.xmas a.button:hover {color:#e31e25;} header > .wrapperheader {display:block; box-sizing:border-box; position:relative; height:85px; z-index:1040; background-color:#000000; background-position:center bottom -45px; background-repeat:no-repeat;} #logo {position:absolute; display:block; width:260px; top:30px; left:20px; opacity:1; transition: opacity .2s ease-out, margin .2s ease-out;} #powerdbylogo {position:absolute; display:block; height:50px; top:15px; right:230px;} #suche {position:absolute;top:23px;left:400px;height:34px; border:1px solid rgba(255,255,255,0.5); width:470px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;} #suche input {box-sizing:border-box; line-height:34px; font-size:18px; height:34px; border:0px; margin:0px; padding:0px; background:transparent;} #suche input.suche {box-sizing: border-box; width:calc(100% - 50px); padding-left:20px; padding-right:10px; color:#ffffff;} #suche.sucheaktiv input.suche {color:#e31e25; font-weight:bold;} #suche input.submit {position:absolute; top:0px; right:10px; display:block;margin:0px;padding:0px;width:34px;height:34px;background-image:url(https://www.manthey-shop.com/images/icon-search.svg); background-size:auto 70%; background-position:center center; background-repeat:no-repeat; cursor:pointer;} #suche input.submit:hover {background-image:url(https://www.manthey-shop.com/images/icon-search-active.svg);} #warenkorb_button {position:absolute; z-index:1070; top:23px;right:20px;display:block;line-height:40px;width:40px;height:40px; background-image:url(https://www.manthey-shop.com/images/icon-basket.svg); background-size:auto 90%; background-position:center center; background-repeat:no-repeat; transition: top 0.4s ease-out;} #warenkorb_button:hover {background-image:url(https://www.manthey-shop.com/images/icon-basket-active.svg);} #warenkorb_button span {display:block; position:absolute; top:0px; right:9px; background-color:#e31e25; color:#ffffff; width:16px; height:16px; line-height:16px; font-size:11px; text-align:center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #warenkorb {display:none; background-color:#000000; position:fixed; z-index:3090; top:196px;right:20px;width:480px; box-sizing:border-box; padding:15px 25px 20px 25px; color:#ffffff; font-size:14px; line-height:20px; border:1px solid #e31e25; border-top:0px; overflow-y: scroll; overflow-y: overlay;} #warenkorb>DIV.warenkorb_wrapper>DIV.title {font-size:24px; line-height:35px; margin-bottom:10px; color:#ffffff; text-transform:uppercase;} #warenkorb>DIV.warenkorb_wrapper>DIV.title>A.warenkorb_close {position:absolute; top:5px; right:0px; display:block; width:50px; height:50px; text-align:center; font-size:24px; line-height:50px; color:#ffffff;} #warenkorb>DIV.warenkorb_wrapper>DIV.title>A.warenkorb_close:hover {color:#e31e25; text-decoration:none;} #warenkorb_meldung {color:#ffffff; padding:15px 0px 15px 60px; min-height:30px; background-image:url(https://www.manthey-shop.com/images/icon-ok-fill-active.svg); background-repeat: no-repeat; background-position:10px center; background-size: 30px auto;} #warenkorb_error {color:#e31e25; padding:15px 0px 15px 60px; min-height:30px; background-image:url(https://www.manthey-shop.com/images/icon-close-fill-red.svg); background-repeat: no-repeat; background-position:10px center; background-size: 30px auto;} /* #warenkorb .items {overflow-y:auto; margin-right:-20px; padding-right:20px; scrollbar-color:dark;} */ /* #warenkorb .items::-webkit-scrollbar {width: 5px;} */ /* #warenkorb .items::-webkit-scrollbar-track {background: #666666;} */ /* #warenkorb .items::-webkit-scrollbar-thumb {background: #e31e25;} */ #warenkorb .produkt {padding: 8px 15px 8px 15px; position: relative; font-size:14px; line-height:18px; box-sizing:border-box; border:1px solid #cccccc; margin-bottom:10px;} #warenkorb .produkt.item {padding-left: 120px;min-height:100px; padding-bottom:35px;} /* #warenkorb .produkt.dots {min-height:17px; background-image:url(https://www.manthey-shop.com/images/icon-dots-fill.svg); background-repeat: no-repeat; background-position:15px center; background-size: auto 30px;} */ #warenkorb .produkt.voucher {padding-left: 120px; padding-bottom:40px; background-image:url(https://www.manthey-shop.com/images/icon-voucher-gold.svg); background-repeat: no-repeat; background-position:10px center; background-size: auto 40px;} #warenkorb .produkt .img {position: absolute; left:0px; top:0px;} #warenkorb .produkt .img img {width:98px; height:98px;} #warenkorb .produkt strong {display:block;} #warenkorb .produkt strong span.gold {color:#e31e25;} #warenkorb .produkt strong span.normal {font-weight:normal;} #warenkorb .produkt a {color:#ffffff;} #warenkorb .produkt a:hover {color:#e31e25; text-decoration:none;} #warenkorb .produkt .preis {float:right;margin-left:12px; word-wrap: nowrap; text-align:right; font-weight:bold;} #warenkorb .produkt .preis .multi {font-weight:400;} /* #warenkorb .produkt .punkte {position:absolute;left:0px;top:-10px;width:51px; text-align:center; font-size:30px;} */ #warenkorb .produkt .delete {display:block; position:absolute; right:10px;bottom:4px;width:30px;height:30px;background-image:url(https://www.manthey-shop.com/images/icon-trash-grau.svg); background-size:auto 80%; background-position: center center; background-repeat:no-repeat;} #warenkorb .produkt .delete:hover {background-image:url(https://www.manthey-shop.com/images/icon-trash-rot.svg);} #warenkorb .produkt .anz {position:absolute; left:120px;bottom:5px;width:50px;height:25px;border:1px solid #cccccc;text-align:center; font-size:14px; line-height:23px;} /* #warenkorb .produkt:hover img {opacity:0.5;} */ /* #warenkorb .produkt:hover .delete {display:block;} */ /* #warenkorb .produkt .delete:hover {background-image:url(https://www.manthey-shop.com/images/icon-close-fill-goldwhiteblack.svg);} */ /* #warenkorb .produkt .edit {display:none;position:absolute;z-index: 1090; cursor:pointer; left:30px;top:43px;width:18px;height:18px;background-image:url(https://www.manthey-shop.com/images/icon-edit-white.svg); background-size:70% 70%; background-position:center; background-color: #e31e25; background-repeat: no-repeat; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius:15px; border:1px solid #1c1c1c;} */ /* #warenkorb .produkt .edit:hover{background-color: #FFFFFF; background-image:url(https://www.manthey-shop.com/images/icon-edit.svg);} */ /* #warenkorb .produkt:hover .edit {display:block;} */ #warenkorb .end {} #warenkorb .end .stan {text-align:right; font-size:16px; line-height:22px; font-weight:bold; margin-top:5px; margin-bottom:5px; padding-top:5px; padding-bottom:5px;border-bottom: 1px solid #666666;} #warenkorb .end .stan span {float:left; text-align:left; font-size:14px; line-height:20px; font-weight:400;} #warenkorb .end .sum {text-align:right; font-size:20px; line-height:24px; font-weight:bold; margin-top:15px; padding-top:10px; margin-bottom:15px; border-top:1px solid #cccccc;} #warenkorb .end .sum span {float:left; text-align:left; font-size:14px; line-height:20px; font-weight:400;} #warenkorb .end .checkoutbutton {cursor:pointer; display:block; margin-top:15px; margin-bottom:15px; padding:0px 13px 0px 13px; width:100%; box-sizing:border-box; text-align:center; font-size:18px; line-height:35px; font-weight:400; white-space:nowrap; background-color:#e31e25; color:#ffffff; border:0px; background-image:url(https://www.manthey-shop.com/images/icon-arrow-right-white.svg); background-size:auto 60%; background-repeat:no-repeat; background-position: right 7px top 6px;} #warenkorb .end .checkoutbutton:hover {background-color:#ffffff;color:#e31e25;text-decoration:none; background-image:url(https://www.manthey-shop.com/images/icon-arrow-right-gold.svg);} #warenkorb .end .weiterbutton {cursor:pointer; display:block; margin-top:15px; margin-bottom:15px; padding:0px 13px 0px 13px; width:100%; box-sizing:border-box; text-align:center; font-size:18px; line-height:35px; font-weight:400; white-space:nowrap; background-color:#b2b2b2; color:#ffffff; border:0px; background-image:url(https://www.manthey-shop.com/images/icon-close-white.svg); background-size:auto 60%; background-repeat:no-repeat; background-position: right 7px top 6px;} #warenkorb .end .weiterbutton:hover {background-color:#ffffff;color:#1c1c1c;text-decoration:none; background-image:url(https://www.manthey-shop.com/images/icon-close-gold.svg);} #warenkorb .end form {display:flex; margin:0px; padding:0px;} #warenkorb .end form #warenkorb_voucher {display:block;margin:0px; display:block; padding:0px 10px 0px 10px; width:calc(100% - 35px); box-sizing:border-box; text-align:center; font-size:16px; height:35px; line-height:33px; font-weight:400; color:#ffffff; border:1px solid #FFFFFF; border-right-width:0px; background-color:#000000;} #warenkorb .end form #warenkorb_voucher_submit {display:block;margin:0px; padding:0px 10px 0px 10px; display:block; width:35px; box-sizing:border-box; text-align:left; font-size:20px; line-height:35px; font-weight:400; color:#FFFFFF; border:0px; background-color:#e31e25; cursor: pointer; background-image:url(https://www.manthey-shop.com/images/icon-ok-simple-white.svg); background-size:60% 60%; background-repeat:no-repeat; background-position: center center;} #warenkorb .end form #warenkorb_voucher_submit:hover {background-color:#ffffff; background-image:url(https://www.manthey-shop.com/images/icon-ok-simple-gold.svg);} #warenkorb .end .mobile {display:none;} #warenkorb .produkt .popup {display:none; cursor:default; position:fixed; width:100%; height:100%; top:0; left:0; color:#FFFFFF; } #warenkorb .produkt .popup h4{color:#FFFFFF; margin-top: 0px;} #warenkorb .produkt .popup h5{color:#FFFFFF; margin-bottom:0px; } #warenkorb .produkt .popup th,#warenkorb .produkt .popup td{color:#FFFFFF; font-size:14px; text-align:right; padding:3px;} #warenkorb .produkt .popup > div {position:absolute; min-width:400px; min-height:200px; padding:60px 80px 80px 80px; left:50%;top: 50%;-webkit-transform: translate(-50%,-50%); text-align: center; background-color: #000000; background-color: rgba(0,0,0,0.9);} #warenkorb .produkt .popup table {margin:15px auto 0px auto; border-spacing: 10px 0px;} #warenkorb .produkt .popup table input{background:none; color:#FFFFFF; width:50px; border: 1px solid #FFFFFF;text-align:center;} #paypal-button-container{width:100%; margin:15px 0 15px 0;} #warenkorb .produkt .popup a.submit {position:absolute; bottom:50px; right:80px;margin:0px;padding:0px 68px 0px 43px;border:0px;cursor:pointer;color:#FFFFFF;font-size:16px;line-height:25px;font-weight:400;background:url(https://www.manthey-shop.com/images/button-weiter-grau.png) right top no-repeat #e31e25; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #warenkorb .produkt .popup a.submit:hover {background-color: #FFFFFF;color: #e31e25;} #warenkorb .produkt .popup a.abbrechen{position:absolute; bottom:50px; left:80px;margin:0px;padding:0px 43px 0px 43px;border:0px;cursor:pointer;color:#FFFFFF;font-size:16px;line-height:25px;font-weight:400;background:#b2b2b2; font-size:12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .amazon_pay_warenkorb #AmazonPayButton{float:right;} header #AmazonPayButton {text-align:right;} /* header #AmazonPayButton img{width:100%;} */ #warenkorb .end #productForm{display:none;} #user {position:absolute; z-index:1071; top:23px;right:65px;display:block;line-height:40px;width:40px;height:40px; transition: top 0.4s ease-out;} #userbutton {display:block;line-height:40px;width:40px;height:40px; background-image:url(https://www.manthey-shop.com/images/icon-user.svg); background-size:auto 75%; background-position:center center; background-repeat:no-repeat;} #userbutton:hover {background-image:url(https://www.manthey-shop.com/images/icon-user-active.svg);} #user ul {display:none; position:absolute; z-index:1071; top:40px; right:-20px; margin:0px; padding:5px 20px 5px 20px; background-color:rgba(0,0,0,0.8); border:1px solid #e31e25;} #user ul li {display:block; margin:0px; padding:0px; list-style:none;} #user ul li a {display:block; margin:0px; padding:0px; list-style:none; line-height:20px; padding:10px 0px 10px 0px; font-size:16px; color:#ffffff; white-space:nowrap; text-align:right;} #user ul li:not(:last-of-type) a {border-bottom:1px solid #e31e25;} #user ul li a:hover {color:#e31e25;text-decoration:none;} #user:hover ul {display:block;} #sprache {position:absolute; z-index:1072; cursor:pointer; top:23px;right:115px;display:block;line-height:40px; height:40px; padding-right:15px; font-size:18px; color:#ffffff; background:url(https://www.manthey-shop.com/images/icon-dropdown.png) right 19px no-repeat; transition: top 0.4s ease-out;} #sprache:hover {color:#e31e25;} #sprache ul {display:none; position:absolute; z-index:1072; top:40px; right:-20px; margin:0px; padding:5px 20px 5px 20px; background-color:rgba(0,0,0,0.8); border:1px solid #e31e25;} #sprache ul li {display:block; margin:0px; padding:0px; list-style:none;} #sprache ul li a {display:block; margin:0px; padding:0px; list-style:none; line-height:20px; padding:10px 0px 10px 0px; font-size:16px; color:#ffffff; white-space:nowrap; text-align:right;} #sprache ul li:not(:last-of-type) a {border-bottom:1px solid #e31e25;} #sprache ul li a:hover {color:#e31e25; text-decoration:none;} #sprache:hover ul {display:block;} nav.kat {display:block; position:relative; height:42px; z-index:1030; background-color:#000000; background-position:center bottom; background-repeat:no-repeat; border-bottom:3px solid #e31e25;} nav.kat img.logo2 {opacity: 0; box-sizing:border-box; position:absolute; left:20px; top:8px; height:0px; overflow: hidden; transition: opacity .2s ease-out;} nav.kat ul, nav.kat li {display:block; margin:0px; padding:0px; list-style:none;} nav.kat>.wrapper {} nav.kat>.wrapper>ul {display:inline-block; height:42px; transition: margin-left .2s ease-out;} nav.kat>.wrapper>ul>li {position:relative; display:inline-block; box-sizing:border-box; height:42px;margin-left:58px; transition: margin-left .2s ease-out;} nav.kat>.wrapper>ul>li.li_infos_928 {font-weight:bold;} nav.kat>.wrapper>ul>li:first-child {margin-left:0px;} nav.kat>.wrapper>ul>li>a {display:block; box-sizing:border-box; height:42px; line-height:42px; font-size:16px; color:#ffffff; text-underline-offset: 8px; padding:0px 0px 0px 0px;} nav.kat>.wrapper>ul>li>a:hover {color:#e31e25; text-decoration:none;} nav.kat>.wrapper>ul>li.aktiv>a {color:#e31e25;} nav.kat>.wrapper>ul>li>ul {display:none; position:absolute; top:42px; left:-16px; margin:0px; padding:0px; background-color:rgba(0,0,0,0.8); border:1px solid #e31e25; border-top-width:3px;} nav.kat>.wrapper>ul>li:hover>ul {display:block;} nav.kat>.wrapper>ul>li>ul>li {display:block;} nav.kat>.wrapper>ul>li>ul>li>a {display:block; line-height:20px; padding:5px 15px 5px 15px; color:#ffffff; white-space:nowrap;} nav.kat>.wrapper>ul>li>ul>li>a:hover {color:#e31e25; text-decoration:none;} nav.kat>.wrapper>ul>li>ul>li.aktiv>a {color:#e31e25;} header.scroll {top:-151px;} /*top:-115px;*/ /* header.scroll {background-image:url(https://www.manthey-shop.com/images/advent-nav-scroll.jpg);} */ header.scroll > nav.kat>.wrapper>ul {margin-left:90px;} header.scroll > nav.kat>.wrapper>ul>li {margin-left:30px;} header.scroll > nav.kat img.logo2 {opacity: 1; display:block; height:25px;} body.partner #suche {left:400px;} body.partner nav.kat>.wrapper>ul {margin-left:380px;} body.partner header.scroll > nav.kat>.wrapper>ul {margin-left:160px;} #mobilenav {display:none; position:absolute; top:22px; right:10px; width:55px; height:47px; box-sizing: border-box; padding:10px;} #mobilenav span.burger {display:block; width:100%; height:4px; background-color:#ffffff; margin-bottom:7px;} #mobilenav:hover span.burger {background-color:#e31e25;} #mobilenav span.close {display:none; color:#ffffff; line-height:40px; font-size:40px; text-align:center; margin-top:-10px;} #mobilenav:hover span.close {color:#e31e25;} #mobilenav.close span.close {display:block;} #mobilenav.close span.burger {display:none;} #mobilesuche {display:none; position:absolute; right: 195px; left: auto; top: 24px; line-height:40px;width:40px;height:40px; background-image:url(https://www.manthey-shop.com/images/icon-search-black.svg); background-size:auto 60%; background-position:center center; background-repeat:no-repeat;} #mobilesuche:hover {background-image:url(https://www.manthey-shop.com/images/icon-search-active.svg);} /*Mobile Navigation */ #mobile { box-sizing:border-box; position:absolute; left:0px; top:156px; z-index:3000; padding:0px; margin:0px; display:none; width:100%; background-color:#ffffff;} #mobile ul {position:absolute; left:0px; display:block; box-sizing:border-box; list-style:none; margin:0px; padding:30px 0px 50px 0px; width:100%; background-color:#000000; /*min-height:calc(100vh - 120px); max-height:calc(100vh - 120px);*/ height:calc(100vh - 120px); overflow-y: scroll;} #mobile ul li {display:block; box-sizing:border-box; list-style:none; margin:0px; padding:0px; width:100%;} #mobile ul li.paddingtop {padding-top:30px;} #mobile ul li.paddingbottom {padding-bottom:30px;} #mobile ul li>span {display:block; width:660px; margin: auto auto; position:relative; border-top:1px solid #ffffff;} #mobile ul li>span>a {display:block; margin:0px; padding:10px 0px 10px 0px; color:#ffffff; font-size: 25px; line-height:35px; text-decoration:none;} #mobile ul li>span>a:hover {color:#e31e25;} #mobile ul li.aktiv>span>a {color:#e31e25;} #mobile ul li.sub>span>a:before {content:">"; display:block; float:right;} #mobile ul li.back {padding-top:30px; margin-top:-30px; background-color:#3a3a3a; padding-bottom:30px; text-align:center; color:#ffffff; font-weight:bold; font-size: 25px; line-height:35px; border-bottom:0px; width:100%;} #mobile ul li.back>span {border-top:0px;} #mobile ul li.grey {background-color:#3a3a3a; width:100%; border-top:0px;} #mobile ul li.back a.back {position:absolute; top:-12px; left:-20px; display:block; color:#ffffff; font-size: 25px; line-height:60px; text-decoration:none; padding:0px; width:60px; height:60px; text-align:center; font-weight:normal;} #mobile ul li.back a.back:hover {color:#e31e25;} #mobile ul li.back a.alle {display:block; color:#ffffff; font-size: 18px; line-height:24px; text-decoration:underline; text-align:center; font-weight:normal; padding:0px;} #mobile ul li.back a.alle:hover {color:#e31e25;} #mobile ul li.noborder>span {border-top:0px;} #mobile ul li.user>span>a:before {display:none;} #mobile ul li.user>span>a {background-image:url(https://www.manthey-shop.com/images/icon-user.svg); background-position: right 14px; background-repeat:no-repeat; background-size: auto 25px;} #mobile ul li.flagge>span>a:before {display:none;} #mobile ul li.flagge_de>span>a {background-image:url(https://www.manthey-shop.com/images/flagge-de.png); background-position: right 17px; background-repeat:no-repeat; background-size: auto 18px;} #mobile ul li.flagge_en>span>a {background-image:url(https://www.manthey-shop.com/images/flagge-en.png); background-position: right 17px; background-repeat:no-repeat; background-size: auto 18px;} #mobile ul li.flagge_es>span>a {background-image:url(https://www.manthey-shop.com/images/flagge-es.png); background-position: right 17px; background-repeat:no-repeat; background-size: auto 18px;} #mobile ul li.flagge_it>span>a {background-image:url(https://www.manthey-shop.com/images/flagge-it.png); background-position: right 17px; background-repeat:no-repeat; background-size: auto 18px;} #mobile ul li.flagge_fr>span>a {background-image:url(https://www.manthey-shop.com/images/flagge-fr.png); background-position: right 17px; background-repeat:no-repeat; background-size: auto 18px;} #mobile #mobile_sub {left:100%;} #mobile #mobile_subsub {left:200%;} /* Teaser */ #teaser {position:relative; max-width:1764px; max-height: calc(100vh - 160px); aspect-ratio: 1764 / 812; margin:auto auto; box-sizing: border-box; overflow:hidden; } #teaser nav {position:absolute;left:50%;width:400px;bottom:5px;margin-left:-200px;z-index:500;} #teaser nav ul {text-align:center;} #teaser nav ul li{margin:0px 10px 0px 0px;display:inline-block;} #teaser nav ul li:last-child{margin-right:0px;} #teaser nav ul li a{display:block;width:20px; height:20px; box-sizing: border-box; border:1px solid #FFFFFF; background-color:rgba(0,0,0,0.75); text-decoration:none; /*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/} #teaser nav ul li a:hover{border:1px solid #000000; background-color:rgba(255,255,255,0.75); text-decoration:none;} #teaser nav ul li.aktiv a{background-color:#e31e25;} #teaser ul.teaser {margin: auto auto; padding:0px; width:99999px; height:100%; position:relative; display:block;} #teaser ul.teaser li {position:relative; margin:0px; padding:0px; display:inline-block; vertical-align:top; height:100%; list-style:none; box-sizing: border-box; } #teaser ul.teaser li img {display:block; margin:0px; padding:0px; height:100%;} #teaser ul.teaser li img.mobile {display:none;} #teaser ul.fade {margin: auto auto; padding:0px; width:100%; height:100%; position:relative; display:block;} #teaser ul.fade li {position:absolute; margin:0px; padding:0px; display:none; width:100%; height:100%; list-style:none; box-sizing: border-box; } #teaser ul.fade li:first-child {display:block;} #teaser ul.fade li img {display:block; margin:0px; padding:0px; height:100%;} #teaser ul.fade li img.mobile {display:none;} #teaser div.progressbar {display:none; position:absolute;bottom:1px; left:0px; z-index:499;height:5px; background-color:#e31e25; width:0px;} /* Startseite Teaserelemente */ section.startteaser_schmal {padding:0px; background-color:#e31e25;} section.startteaser_schmal .wrapper {padding:0px;} section.startteaser_schmal a {display:block; margin:auto auto;} section.startteaser_schmal img {display:block; margin:auto auto; max-width:100%; height:auto; max-height:55px;} section.startteaser_100 {padding:20px 0px 20px 0px; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/} section.startteaser_100 .wrapper {padding:0px;} section.startteaser_100 img {width:100%;height:auto;} section.startteaser_100 img.mobile {display:none;} section.startteaser_100 .startteaser_slider {width:100%; height:250px; position:relative; box-sizing: border-box; overflow:hidden;} section.startteaser_100 ul.startteaser_innerimage {margin:0px; padding:0px; width:99999px; height:100%; position:relative;} section.startteaser_100 ul.startteaser_innerimage li {margin:0px; padding:0px; display:inline-block;vertical-align:top; width:100%;height:100%; list-style:none; box-sizing: border-box; background-size:contain; background-repeat:no-repeat; background-position: center top;} section.startteaser_100 ul.startteaser_innerimage li.link {cursor:pointer;} section.startteaser_50 {padding:20px 0px 40px 0px;} section.startteaser_50+section.startteaser_50 {padding-top:0px;margin-top:-20px;} section.content_info.content_v+section.startteaser_50 {padding-top:0px;} section.startteaser_50+section.startteaser_100 {padding-top:0px;} section.startteaser_100+section.startteaser_50 {padding-top:0px;} section.startteaser_50+section.produkte {padding-top:10px;} section.startteaser_100+section.produkte {padding-top:10px;} section.startteaser_50 .wrapper {padding:0px; display: flex; justify-content: space-between;} section.startteaser_50 article {position:relative; width:49.5%; aspect-ratio: 1/ 1; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/} section.startteaser_50.startteaser_50_drei article {width:32.5%; aspect-ratio: 431/630;} section.startteaser_50 article div.fade {display:none; width:100%;height:auto;position:relative;} /* section.startteaser_50 article div.fade:first-of-type {margin-left:-30px;margin-top:-30px;} */ section.startteaser_50 article img {width:100%;height:auto;} section.startteaser_50 article div.head {position: absolute; bottom:20px; left:20px; max-width:calc(100% - 30px); padding: 5px 10px 5px 10px; text-align:left; line-height:30px; font-size:30px; text-transform: uppercase; font-weight:bold; color:#1c1c1c;} section.startteaser_50 article div.text {position: absolute; bottom:10px; left:20px; max-width:calc(100% - 20px);} section.startteaser_50 article div.text span {display:inline-block;} section.startteaser_50 article div.text span a {display:inline-block; padding: 5px 20px 5px 20px; margin:0px 10px 10px 0px; background-color:#ffffff; color:#1c1c1c; line-height:30px; font-size:20px; text-transform: uppercase; transition: color 0.2s ease-in-out; transition: background 0.2s ease-in-out; font-weight:bold;} section.startteaser_50 article div.text span a:hover {background-color:#e31e25; color:#ffffff; text-decoration:none;} section.startteaser_50 article div.text span.title {padding: 5px 0px 5px 0px; margin-bottom:10px; line-height:30px; font-size:30px; text-transform: uppercase; font-weight:bold; color:#1c1c1c;} section.startteaser_50.klasse_text_w article div.head, section.startteaser_50.klasse_text_w article div.text span.title {color:#FFFFFF; text-shadow: 0px 0px 9px rgba(0,0,0,1);} section.startteaser_50.text_bg_schwarz article div.head, section.startteaser_50.text_bg_schwarz article div.text span.title {background-color:rgba(0,0,0,1);} section.startteaser_50.text_bg_schwarz article div.text span a {background-color:#1c1c1c; color:#ffffff;} section.startteaser_50.text_bg_schwarz article div.text span a:hover {background-color:#e31e25;} section.startteaser_50.text_bg_weiss article div.head, section.startteaser_50.text_bg_weiss article div.text span.title {background-color:rgba(255,255,255,1);} section.startteaser_50.text_bg_weiss article div.head {background-color:rgba(255,255,255,1);} section.startteaser_50.text_bg_weiss article div.text span.title, section.startteaser_50.text_bg_schwarz article div.text span.title {padding: 5px 18px 5px 18px;} section.startteaser_50.text_bg_schwarz article span.head, section.startteaser_50.text_bg_weiss article span.head {padding: 5px 20px 5px 20px;} body.lessmargin section.startteaser_100 {padding:30px 0px 30px 0px;} body.lessmargin section.startteaser_100:first-of-type {padding-top:0px;} body.lessmargin section.startteaser_50 {padding:30px 0px 30px 0px;} body.lessmargin section.startteaser_100+section.startteaser_50 {padding-top:0px;} body.lessmargin section.startteaser_50.startteaser_50_zwei article {aspect-ratio: 1.35/1;} body.lessmargin section.produkte {padding:20px 0px 0px 0px; background:none;} body.lessmargin section.produkte .outer {} /* Produkte */ section.produkte {padding:20px 0px 10px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/ position:relative;} section.produkte h3 {display:inline-block;margin:0px;color:#1c1c1c;font-size:28px;line-height:35px; text-transform: uppercase; font-weight:bold;} section.produkte h3 a {color:#1c1c1c;} section.produkte h3 a:hover {color:#e31e25; text-decoration:none;} section.produkte a.link {display:inline-block;float:right;margin:0px;padding:0px 13px 0px 13px;color:#FFFFFF;font-size:13px;line-height:21px;font-weight:400;background-color:#000000;} section.produkte a.link:hover {background-color:#e31e25; color:#ffffff; text-decoration:none;} section.produkte .outer {width:calc(100% + 20px); height:430px; position:relative; overflow:hidden; left:-10px;} section.produkte .outer .inner {position:absolute;top:0px;left:0px; width:9999px; padding:20px 10px 20px 10px; display: grid; grid-template-columns: repeat(auto-fill, 320px); justify-content: normal; grid-gap: 13.33px;} section.produkte .pfeilleft {position:absolute;top:215px;left:-20px;z-index:50;color:#000000; font-size:40px; line-height:30px; font-weight:600; box-sizing:border-box; width:30px; text-align:center; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} section.produkte .pfeilleft:hover {color:#e31e25;} section.produkte .pfeilright {position:absolute;top:215px;right:-20px;z-index:50;color:#000000; font-size:40px; line-height:30px; font-weight:600; box-sizing:border-box; width:30px; text-align:center; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} section.produkte .pfeilright:hover {color:#e31e25;} section.produkte .imageteaser {float:left; width:491px; height:720px; position:relative; overflow:hidden;} section.produkte .imageteaser ul.innerimage {width:9999px;height:100%;margin:0px; padding:0px; position:relative;} section.produkte .imageteaser ul.innerimage li {width:100%;height:100%;margin:0px; padding:0px; display:inline-block; vertical-align:top; list-style:none; background-size:cover; background-position: center center; background-repeat:no-repeat;} section.produkte .imageteaser ul.innerimage li.fadein {/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/} section.produkte .imageteaser ul.innerimage li.floatingBG {position:relative;} section.produkte .imageteaser ul.innerimage li.floatingBG img {position:absolute;display:none;} section.produkte .imageteaser nav {position:absolute;left:50%;width:400px;bottom:5%;margin-left:-200px;} section.produkte .imageteaser nav ul {text-align:center;} section.produkte .imageteaser nav ul li{margin:0px 10px 0px 0px;display:inline-block;} section.produkte .imageteaser nav ul li:last-child{margin-right:0px;} section.produkte .imageteaser nav ul li a{display:block;width:20px; height:20px; box-sizing: border-box; border:1px solid #FFFFFF; background-color:#7f7f7f; text-decoration:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} section.produkte .imageteaser nav ul li a:hover{border-color:#e8c93a; text-decoration:none;} section.produkte .imageteaser nav ul li.aktiv a{background-color:#c6122f;} section.produkte .imageteaser_produkte {float:right; width:766px; height:800px; position:relative;} section.produkte .imageteaser_produkte .outer {height:725px; margin-left:-40px; margin-right:-20px; width:800px;} section.produkte .imageteaser_produkte .outer .inner {height:665px;} section.produkte .imageteaser_produkte .spacer {display:block; clear:both; margin-top:30px;} section.produkte .imageteaser_produkte h3{margin-top:5px;} /* section.produkte .imageteaser_produkte article.produkt{overflow:hidden;} */ /* section.produkte .imageteaser_produkte article.produkt img{width:214px; height:214px;} */ /* section.produkte .imageteaser_produkte article.produkt h4, section.produkte .imageteaser_produkte article.produkt span.preis{font-size:14px;} */ section.produkte .imageteaser_produkte .pfeilright {top:50%;} section.produkte .imageteaser_produkte .pfeilleft{top:50%; left:-40px;} article.produkt {display:block; width:320px; height:390px; position:relative; } article.produkt img {display:block; width:320px; height:320px;} article.produkt img.main {-webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.03); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.03); transition: box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out;} article.produkt img.hover {position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} article.produkt:hover img.main {-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.1);} article.produkt:hover img.hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} article.produkt span.preis {margin-top:10px; display:block; text-align:right; float:right; margin-left:20px; line-height:20px; font-size:14px; font-weight:600;color:#1c1c1c;} article.produkt span.preis span.strichpreis {display:block; text-align:right;color:#7f7f7f;text-decoration: line-through; font-weight:400;} article.produkt a.title {margin-top:10px; display:block;line-height:20px;height:60px;font-size:14px;font-weight:400;color:#1c1c1c;overflow:hidden; text-decoration:none;} /* article.produkt:hover a.title {display:none;} */ /* article.produkt:hover span.preis {display:none;} */ article.produkt span.rabattproz {display:block;line-height:25px;height:25px;width:63px;font-size:14px;text-align:center;font-weight:600;color:#ffffff;background-color:#000000; position:absolute; left:0px; top:25px; z-index:4;} article.produkt span.neu {display:block;line-height:25px;height:25px;width:65px;font-size:14px;text-align:center;font-weight:600;color:#ffffff;background-color:#e31e25; position:absolute; left:0px; top:25px; z-index:5; text-transform: uppercase;} article.produkt span.button2 {top:75px;} /* article.produkt a {padding-left:6px;display:block;margin:0px 0px 0px 0px;line-height:25px;height:25px;font-size:15px;text-align:center;font-weight:600;} */ /* article.produkt a>span{text-decoration: line-through;color:#FC0000;} */ /* article.produkt a span.strichpreis {font-weight:600; color:#cccccc; margin-right:15px;} */ article.produkt .warenkorb {cursor:pointer; display:none; font-size:14px; width:calc(100% - 10px); box-sizing:border-box; position:absolute; bottom:75px; left:5px; border:0px; line-height:30px; height:30px; text-align:center; font-weight:600; color:#ffffff; background-color:#000000;} article.produkt:hover .warenkorb {display:block;} article.produkt .warenkorb:hover {background-color:#e31e25; color:#ffffff;} article.produkt .warenkorb.inaktiv {background-color:#EEEEEE; color:#999999; cursor:not-allowed;} article.produkt .warenkorb.nobasket {background-color:#EEEEEE; color:#999999; cursor:not-allowed;} article.produkt .varianten {display: none; justify-content: space-between; position:absolute; bottom:115px; left:5px; width:calc(100% - 10px);} article.produkt:hover .varianten {display: flex;} article.produkt .varianten.s1 a {width:100%;} article.produkt .varianten.s2 a {width:48%;} article.produkt .varianten.s3 a {width:31%;} article.produkt .varianten.s4 a {width:23%;} article.produkt .varianten.s5 a {width:18.5%;} article.produkt .varianten.s6 a {width:15%;} article.produkt .varianten.s7 a {width:12%; font-size:13px;} article.produkt .varianten.s8 a {width:11%; font-size:11px;} article.produkt .varianten.s9 a {width:10%; font-size:11px;} article.produkt .varianten.s10 a {width:9.5%; font-size:11px;} article.produkt .varianten.s11 a {width:8.5%; font-size:10px;} article.produkt .varianten a {display:block; background-color:#000000; text-align:center; line-height:30px; height:30px; font-size:14px; color:#FFFFFF; padding:0px;} article.produkt .varianten a.inaktiv {background-color:#EEEEEE; color:#999999; cursor:not-allowed;} article.produkt .varianten a.inaktiv:hover {background-color:#EEEEEE;} article.produkt .varianten a.aktiv {background-color:#e31e25;} article.produkt .varianten a.aktiv:hover {background-color:#e31e25; color:#FFFFFF;} article.produkt .varianten a:hover {background-color:#e31e25; color:#FFFFFF; text-decoration:none;} article.produkt .varianten a.overflow {display:none; background:none; cursor: default;} article.blogprodukte article.produkt {width:214px; height:290px;} article.blogprodukte article.produkt img {width:214px; height:214px;} article.blogprodukte article.produkt span.rabattproz {line-height:20px;height:20px;width:45px;font-size:12px;top:20px;} article.blogprodukte article.produkt span.neu {line-height:20px;height:20px;width:45px;font-size:12px;top:20px;} article.blogprodukte article.produkt span.button2 {top:65px;} article.blogprodukte article.produkt a.title {line-height:16px;height:48px;font-size:13px;margin-top:7px;} article.blogprodukte article.produkt span.preis {line-height:16px; font-size:13px;margin-top:7px;} /* article.produkt .quickadd {display:none; position:absolute; bottom:0px;} */ /* article.produktmini {padding:0px!important;float:none;display:block;border-top:1px solid #D3D2D2;} */ /* article.produktmini:first-of-type {margin-top:10px;} */ /* article.produktmini:last-of-type {border-bottom:1px solid #D3D2D2;} */ /* article.produktmini img {float:left;width:80px;height:80px;margin:5px 20px 5px 0px; border:1px solid #D3D2D2;} */ /* article.produktmini h4 {margin:0px; padding:5px 0px 0px 0px;} */ /* article.produktmini h4 a {color:#1c1c1c;} */ /* article.produktmini p {margin:0px; padding:0px 0px 5px 0px;} */ /* article.produktmini.nolink a {cursor:default;} */ /* article.produktmini .preis {margin:0px; padding:5px 0px 5px 20px; float:right;text-align:right; font-weight:bold;} */ /* article.produktmini .preis span {display:block;color:#FC0000;text-align:right;text-decoration: line-through; font-weight:normal;} */ /* article.produktmini .preis span strong {font-weight:normal; color:#cccccc;} */ /* Content */ section.content {padding:40px 0px 40px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.content.nomargintop {padding-top:0px;} section.content article {float:left;width:60%;} section.content aside {float:right;width:30%;} section.content article.full {float:none;width:80%;} section.content article.full_100 {float:none;width:100%;} section.content article.halb {width:45%;} section.content aside.halb {width:45%;} section.produktliste {padding:40px 0px 40px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.produktliste .produktliste_grid {margin-top:20px; display: grid; grid-template-columns: repeat(auto-fill, 320px); justify-content: space-between; grid-gap: 10px; row-gap:20px;} #produktfiltertags {display:block;margin:-15px 0px 20px 0px; } #produktfiltertags>A.tag {display:inline-block; margin-right:20px; margin-top:15px; padding:0px 5px 0px 5px; background-color:#e6e6e6; color:#ffffff; line-height:18px; font-size:13px;} #produktfiltertags>A.tag:after {content:"x"; display:inline-block; margin-left:6px;} #produktfiltertags>A.tag:hover {color:#e31e25; text-decoration: none;} #produktfiltertags>A.deleteall {display:inline-block;text-decoration:underline; color:#1c1c1c; font-size:13px; line-height:20px; margin-top:15px;} #produktfiltertags>A.deleteall:hover {color:#e31e25;} #produktfilter {display:block; padding:10px 0px 0px 50px; margin:0px 0px 20px 0px; background-image:url(https://www.manthey-shop.com/images/icon-filter.svg); background-position:0px 8px; background-repeat:no-repeat; background-size:auto 25px; border-top:1px solid #1c1c1c; border-bottom:1px solid #1c1c1c;} #produktfilter_filter {display:block} #produktfilter_filter>UL {display:inline-block; padding:0px 0px 5px 0px; margin:0px 20px 5px 0px; list-style:none;} #produktfilter_filter>UL.hidden {display:none;} #produktfilter_filter>UL.aktiv.hidden {display:inline-block;} #produktfilter_filter>UL.show.hidden {display:inline-block;} #produktfilter_filter>UL>LI {display:block; padding:0px 25px 0px 5px; border:1px solid #999999; font-size:13px; line-height:18px; margin:0px; list-style:none; position:relative; cursor:pointer; background-image:url(https://www.manthey-shop.com/images/pfeil-u-s.png); background-position:right 5px center; background-repeat:no-repeat; background-size:12px auto;} #produktfilter_filter>UL.aktiv>LI {color:#e31e25;} #produktfilter_filter>UL>LI>UL {display:none; position:absolute; z-index:100; background-color:#ffffff; top:24px; left:-1px; border:1px solid #1c1c1c; padding:15px 0px 15px 0px; margin:0px; list-style:none; } #produktfilter_filter>UL>LI>UL>LI {position:relative;display:block; padding:7px 60px 7px 10px; font-size:13px; line-height:18px; margin:0px; list-style:none; position:relative; cursor:pointer; white-space:nowrap;} #produktfilter_filter>UL>LI>UL>A.close {position:absolute;display:none; top:2px; right:8px; width:14px; height:14px; line-height:14px; font-size:16px; text-align:center; color:#1c1c1c;} #produktfilter_filter>UL.multi>LI>UL>LI {padding-left:40px; background-image:url(https://www.manthey-shop.com/images/icon-checkbox.svg); background-position:10px 7px; background-repeat:no-repeat; background-size:auto 18px;} #produktfilter_filter>UL.multi>LI>UL>LI.checked {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked.svg)!important;} #produktfilter_filter>UL.multi>LI>UL>LI.alle {font-weight:bold;} #produktfilter_filter>UL.multi.img>LI>UL {gap:5px; flex-wrap: wrap; padding-left:15px; padding-right:15px;} #produktfilter_filter>UL.multi.img.anz2>LI>UL {width:73px} #produktfilter_filter>UL.multi.img.anz3>LI>UL {width:112px} #produktfilter_filter>UL.multi.img.anz4>LI>UL {width:151px} #produktfilter_filter>UL.multi.img>LI>UL>LI {width:34px; height:34px; background-image:none; padding:0px;} #produktfilter_filter>UL.multi.img>LI>UL>LI>IMG {width:30px; height:30px; border:2px solid #999999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;} #produktfilter_filter>UL.multi.img>LI>UL>LI.aktiv>IMG {border:2px solid #e31e25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} #produktfilter_filter>UL>LI>UL>LI>SPAN.label {position:absolute; right:10px; display:inline-block;color:#999999;} #produktfilter_filter>UL.open>LI>UL {display:block; z-index:99;} #produktfilter_filter>UL.open.multi.img>LI>UL {display:flex;} #produktfilter_filter>UL.open>LI>UL>A.close {display:block;} #produktfilter_filter>UL.multi.scroll>LI>UL {max-height:320px; overflow-y: scroll; overflow-y: overlay;} #produktfilter_filter>A.morefilter {text-decoration:underline; color:#1c1c1c; font-size:13px; line-height:20px;} #produktfilter_filter>A.morefilter:hover {color:#e31e25;} #produktfilter_filter>A.lessfilter {display:none;text-decoration:underline; color:#1c1c1c; font-size:13px; line-height:20px;} #produktfilter_filter>A.lessfilter:hover {color:#e31e25;} #produktfilter_mobile {display:none; padding:0px; margin:0px 0px 20px 0px; height:35px; border-top:1px solid #1c1c1c; border-bottom:1px solid #1c1c1c;} #produktfilter>A.mobile_filter {display:none;} #produktfilter>A.mobile_deleteall {display:none;} #produktfilter>A.mobile_filtern {display:none;} section.produkthighlight { padding-top:20px; padding-bottom:20px;} section.produkthighlight h2 { font-weight:600; color:#1c1c1c; text-transform:uppercase; font-size:28px; line-height:35px;} section.produkthighlight h3 {margin-top:-20px; margin-bottom:30px; text-transform:uppercase;} section.produkthighlight h2 a, section.produkthighlight h3 a {color:#1c1c1c; -webkit-transition: color 0.2s;-moz-transition: color 0.2s;-o-transition: color 0.2s;transition: color 0.2s;} section.produkthighlight h2 a:hover, section.produkthighlight h3 a:hover {color:#e31e25;} section.produkthighlight p {text-align:left;} section.produkthighlight .produkthighlight_content {position:relative;float:left;width:433px;} section.produkthighlight .produkthighlight_content span.neu {display:block; position:absolute; z-index:100; top: 0px; left:0px; padding:0px 10px 0px 10px; width:30px; font-size:12px; line-height:18px; color:#FFFFFF; background-color:#0083CB; font-weight:400; text-transform: uppercase; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;*/} section.produkthighlight .produkthighlight_content span.proz {display:block; position:absolute; z-index:100; top: 0px; left:0px; padding:0px 10px 0px 10px; width:30px; font-size:12px; line-height:18px; color:#FFFFFF; background-color:#E01020; font-weight:400; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;*/} section.produkthighlight .produkthighlight_content span.neu+span.proz {top: 20px;} section.produkthighlight .produkthighlight_content span.preis {float:right; margin-top:25px;} section.produkthighlight .produkthighlight_content span.preis .uvp {display:block; margin:0px; text-align:right;font-weight:400; color:#1c1c1c; font-size:20px; line-height:22px;text-decoration: line-through;} section.produkthighlight .produkthighlight_content span.preis .uvp span {color:#1c1c1c;text-decoration: none;} section.produkthighlight .produkthighlight_content span.preis .price {display:block; margin:0px; text-align:right;font-weight:600; color:#e31e25; font-size:32px; line-height:32px;} section.produkthighlight .produkthighlight_content a.a_block {margin-top:25px;} section.produkthighlight .imagenavi_wrapper {} section.produkthighlight .imagenavi_wrapper .imagenavi {box-sizing:border-box; width:102.5px; height:102.5px; margin-top:10px; margin-right:10px;} section.produkthighlight .imagenavi_wrapper .imagenavi:nth-of-type(4n+4){margin-right:10px;} section.produkthighlight .imagenavi_wrapper .imagenavi img {width:100%; height:100%;} section.produkthighlight .produkthighlight_content span.lieferzeit {margin-top:30px;display:block;} /* section.produkthighlight .produkthighlight_impressions {float:right;width:430px;} */ section.produkthighlight .produkthighlight_images {float:right;width:870px;} section.produkthighlight .produktimages {width:876px; height:433px;} section.produkthighlight .produktimages .imageslider div {width:433px; height:433px; cursor:pointer; display:inline-block;position:relative; background-repeat:no-repeat; background-position:center center; background-size:contain; margin-right:10px;} section.produkthighlight .produktimages .imageslider.nolink div {cursor:default;} section.produkthighlight.content_info_switch .produkthighlight_content {float:right;} section.produkthighlight.content_info_switch .produkthighlight_images {float:left;} section.content_info {padding-top:80px; padding-bottom:80px; background-size:cover; background-position: center center;} section.content_info.bg_u {background-position-y: bottom;} section.content_info.bg_o {background-position-y: top;} section.content_info.bg_l {background-position-x: left;} section.content_info.bg_r {background-position-x: right;} section.content_info article {float:left; width:48%; box-sizing:border-box;} section.content_info aside {float:right; width:48%; box-sizing:border-box;} section.content_info.text_big h1 {font-size:32px; line-height: 46px;} section.content_info.text_big p {font-size:18px; line-height: 25px;} section.content_info.text_big li {font-size:18px; line-height: 25px;} section.content_info.text_big li:not(:first-of-type) {margin-top:10px;} section.content_info.content_r article {float:right;} section.content_info.content_r aside {float:left;} section.content_info.klasse_text_w h1, section.content_info.klasse_text_w h2, section.content_info.klasse_text_w h3, section.content_info.klasse_text_w h4, section.content_info.klasse_text_w h5, section.content_info.klasse_text_w h6, section.content_info.klasse_text_w p, section.content_info.klasse_text_w li, section.content_info.klasse_text_w td, section.content_info.klasse_text_w th, section.content_info.klasse_text_w a {color:#FFFFFF} section.content_info.klasse_text_w a:hover {text-decoration:underline;} section.content_info.klasse_text_w a.button {color:#e31e25; background-color:#FFFFFF;} section.content_info.klasse_text_w a.button:hover {color:#FFFFFF; background-color:#e31e25;text-decoration:none;} section.content_info.text_bg_weiss article, section.content_info.text_bg_weiss.content_lr aside {padding:25px; background-color:rgba(255,255,255,0.85);} section.content_info.text_bg_schwarz article, section.content_info.text_bg_schwarz.content_lr aside {padding:25px; background-color:rgba(0,0,0,0.7);} section.content_info.content_v {padding:20px 0px 20px 0px;} section.content_info.content_v h1 {padding:0px; font-size:28px; line-height:35px; font-weight:bold; margin:0px;} section.content_info.content_v article {float:none; width:100%;} section.content_info.bg_weiss {/*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.content_info.bg_grau {background-color:rgba(0,0,0,0.1);} section.content_info.bg_farbe1 {background-color:#e31e25;} section.content_info.bg_farbe2 {background-color:#e31e25;} section.content_info.bg_farbe3 {background-color:#1c1c1c;} section.content_info.bg_farbe3 a.button {color:#FFFFFF; background-color:#e31e25;} section.content_info.bg_farbe3 a.button:hover {color:#e31e25; background-color:#FFFFFF;text-decoration:none;} section.content_info.content_v li {width:10%; margin-left:1.1%;} section.content_info.content_v .logos li:nth-of-type(6n+1) {margin-left:1.1%; clear:none;} section.content_info.content_v .logos li:nth-of-type(10n+1) {margin-left:0; clear:both;} section.content_info .produktimages {width:630px;height:630px;margin:0px;} section.content_info .produktimages .imageslider img {width:630px; height:630px;} section.content_info .imagenavi {margin:10px 17.5px 0px 0px!important;} section.content_info .imagenavi:nth-of-type(6n+6){margin-right:0px!important;} section.content_info iframe {max-width:100%!important;} section.content_info.content_kat article {width:100%;} section.content_info.content_kat aside {width: 100%; display:flex; justify-content: space-between; position:relative;flex-wrap: wrap;} section.content_info.content_kat aside a {display:block;box-sizing:border-box; margin:0px;margin-bottom:30px;width:12%; color:#1c1c1c; position:relative;} section.content_info.content_kat aside a img {display:block;width:100%;} section.content_info.content_kat aside a span {position:absolute; bottom:0px; box-sizing:border-box; width:100%; display:block;text-align:center; font-size: 12px; line-height:16px; padding:4px 6px 4px 6px; color:#FFFFFF; background-color:rgba(0,0,0,0.5);} section.content_info.content_kat aside a:hover span {background-color:#e31e25;} /* Google Maps */ section.content_info.content_googlemaps {height:70vh; min-height:400px;} section.content_info.content_katalogdownload aside img {width:100%;} section.content_info.content_katalogdownload a.button {margin:20px 20px 0px 0px;} section.content_info.content_kacheln {padding:0px;} section.content_info.content_kacheln article {position:relative; display:block; float:none; height:500px; width:280px;} section.content_info.content_kacheln article.rotate{transform: rotate(8deg); overflow:hidden; margin-top:-40px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.80);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.80); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.80);} section.content_info.content_kacheln article.rotate .rotate_back{transform: rotate(-8deg); width:345px; height:425px; margin-left:-35px; margin-top:35px; overflow:hidden;} section.content_info.content_kacheln article .kachel_oben{height:45px; background-image:url(https://www.manthey-shop.com/images/header-bg-v2.jpg); background-position-x:right; background-size:auto 120%; position:relative;} section.content_info.content_kacheln article .kachel_oben img{height:65%;position:absolute; left:65px; bottom:6px;} section.content_info.content_kacheln article .kachel_bild{height:300px; position:relative;overflow:hidden;} section.content_info.content_kacheln article .kachel_bild_img{position:absolute;height:100%; width:100%;background-size:cover;background-position:center;top:0%;left:0%;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} section.content_info.content_kacheln article .kachel_bild_img:hover{height:110%; width:110%; top:-5%; left:-5%;} section.content_info.content_kacheln article .kachel_unten{position:relative; height:80px; background-image:url(https://www.manthey-shop.com/images/header-bg-v2.jpg); background-position-x:right; background-size:auto 60%;} section.content_info.content_kacheln article .kachel_unten img{height:50px; float:right; padding:10px 55px 0 0;background-size:cover;} section.content_info.content_kacheln article.bg_weiss {background-color:#FFFFFF;} section.content_info.content_kacheln article.bg_grau {background-color:#e5e5e5;} section.content_info.content_kacheln article.bg_farbe1 {background-color:#e31e25;} section.content_info.content_kacheln article.bg_farbe2 {background-color:#e31e25;} section.content_info.content_kacheln article.bg_farbe3 {background-color:#e31e25;} section.content_info.content_kacheln article.bg_image {background-size:cover; background-position: center center;} section.content_info.content_eigeneheadline.bg_image {min-height:30vh;} section.content_info.content_kacheln article.bg_image.bg_u {background-position-y: bottom;} section.content_info.content_kacheln article.bg_image.bg_o {background-position-y: top;} section.content_info.content_kacheln article.bg_image.bg_l {background-position-x: left;} section.content_info.content_kacheln article.bg_image.bg_r {background-position-x: right;} section.content_info.content_kacheln article.klasse_text_w p {color:#FFFFFF;} section.content_info.content_kacheln article.text_bg_weiss p {background-color:rgba(255, 255, 255, 0.8);} section.content_info.content_kacheln article.text_bg_schwarz p {background-color:rgba(0, 0, 0, 0.8);} section.content_info.content_kacheln article p {font-family: 'Open Sans', sans-serif; font-weight:700; font-size:18px; margin:0px 0px 0px 5%; padding:10px 0px 0px 5px; width:45%; text-align:left; font-style:italic;} section.content_info.content_kacheln article a {display:inline-block;color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-weight:700; text-transform:uppercase; font-weight:700; font-size:18px; margin:0px 0px 0px 5%; padding:10px 0px 0px 5px; width:45%; text-align:left; font-style:italic;} section.content_info.content_kacheln article.text_bg_schwarz a, section.content_info.content_kacheln article.bg_weiss a {color:#FFFFFF; background-color:rgba(0, 0, 0, 0.8);} section.content_info.content_kacheln article.text_bg_schwarz:hover a, section.content_info.content_kacheln article.bg_weiss:hover a {background-color:rgba(255, 0, 0, 0.8);} section.content_info.content_kacheln.k3 article{height:500px; width:280px;} section.content_info.content_kacheln.k4 article{height:500px; width:280px;} section.content_info.content_kacheln_highlight .imageteaser {float:left; width:660px; height:495px; position:relative; overflow:hidden;} section.content_info.content_kacheln_highlight .imageteaser ul.innerimage {width:9999px;height:100%;margin:0px; padding:0px; position:relative;} section.content_info.content_kacheln_highlight .imageteaser ul.innerimage li {width:100%;height:100%;margin:0px; padding:0px; display:inline-block; vertical-align:top; list-style:none; background-size:cover; background-position: center center; background-repeat:no-repeat;} section.content_info.content_kacheln_highlight .imageteaser ul.innerimage li.fadein {/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;*/} section.content_info.content_kacheln_highlight .imageteaser ul.innerimage li.floatingBG {position:relative;} section.content_info.content_kacheln_highlight .imageteaser ul.innerimage li.floatingBG img {position:absolute;display:none;} section.content_info.content_kacheln_highlight article {float:left;} section.content_info.content_kacheln .swiper-container{padding-left:8%; height:420px;} section.content_info.content_katkacheln {padding-top:25px; padding-bottom:40px;} section.content_info.content_katkacheln .wrapper {display:flex; justify-content:space-between; flex-wrap: wrap;} section.content_info.content_katkacheln .wrapper h3 {display:inline-block;margin:0px;padding:0px 20px 0px 20px;background-color:#B4B4B4;color:#FFFFFF;font-size:22px;line-height:35px;font-weight:600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} section.content_info.content_katkacheln .wrapper h3 a {color:#FFFFFF;} section.content_info.content_katkacheln .wrapper h3 a:hover {color:#FC0000;} section.content_info.content_katkacheln .wrapper a.link {display:inline-block;float:right;margin:0px;padding:0px 35px 0px 13px;color:#FFFFFF;font-size:13px;line-height:21px;font-weight:400;background:url(https://www.manthey-shop.com/images/button-weiter-gruen.png) right top no-repeat #B4B4B4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} section.content_info.content_katkacheln .wrapper a.link:hover {background-color:#e31e25;} section.content_info.content_katkacheln .wrapper article {width:318px;margin-top:15px;} section.content_info.content_katkacheln .wrapper article img {width:100%; height:auto; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} section.content_info.content_katkacheln .wrapper article img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;} section.content_info.content_markenicons {padding-top:40px; padding-bottom:40px;} section.content_info.content_markenicons .wrapper article {width:264px; cursor:pointer; float:left;} section.content_info.content_markenicons .wrapper article img {display:block; width:92%; height:auto; margin:auto auto; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out;} section.content_info.content_markenicons .wrapper article img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;} section.content_info.content_markenicons h3 {display:inline-block;margin:0px;padding:0px 20px 0px 20px;background-color:#B4B4B4;color:#FFFFFF;font-size:22px;line-height:35px;font-weight:600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} section.content_info.content_markenicons h3 a {color:#FFFFFF;} section.content_info.content_markenicons h3 a:hover {color:#FC0000;} section.content_info.content_markenicons .wrapper .outer {width:100%; height:264px; position:relative; margin-top:25px;overflow:hidden;} section.content_info.content_markenicons .wrapper .outer .inner {position:absolute;top:0px;left:0px; width:9999px;} section.content_info.content_markenicons .wrapper .pfeilleft {position:absolute;top:165px;left:-30px;z-index:50;color:#e31e25; font-size:28px; line-height:30px; font-weight:600; box-sizing:border-box; width:30px; text-align:center;} section.content_info.content_markenicons .wrapper .pfeilleft:hover {color:#FC0000;} section.content_info.content_markenicons .wrapper .pfeilright {position:absolute;top:165px;right:-30px;z-index:50;color:#e31e25; font-size:28px; line-height:30px; font-weight:600; box-sizing:border-box; width:30px; text-align:center;} section.content_info.content_markenicons .wrapper .pfeilright:hover {color:#FC0000;} table.info {border-spacing:0px;margin:20px 0px 20px 0px;} table.info td, table.info th {padding:5px 10px 5px 5px; border-bottom:1px solid #D6D6D6;} table.info td.dotted, table.info th.dotted {border-bottom:1px dotted #D6D6D6;} table.info .lowhtml * {margin-top:0px;margin-bottom:0px;} table.info .kosten {font-size:13px;} table.info .r {text-align:right;} table.info span {display:block;font-weight:normal;} table.info span.uvp {display:block; color:#999999; text-decoration: line-through;} table.info span.uvp span {text-decoration: none;} table.info a.info {float: right; margin-left: 10px; padding-right: 26px; display: inline-block; background-image: url(../images/icon-info-schwarz.svg); background-position: right center; background-size: auto 20px; background-repeat: no-repeat;} /* Blog */ section.blog {padding:40px 0px 40px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.blog article {position:relative; width:31%;height:31%;margin-left:2.33%;float:left;margin-bottom:2.33%; overflow:hidden;background-color:#F0F0F0;} section.blog article:nth-of-type(3n+1) {margin-left:0;} section.blog article img {width:100%;height:100%;} section.blog article a.hover {display:block; position:absolute; bottom: 0px; width:100%;box-sizing:border-box;padding:15px; background-color:rgba(20,20,20,0.90);} section.blog article a.hover h3 {margin:0px; color:#FFFFFF;} section.blog article a.hover p {color:#FFFFFF; display:none; margin: 10px 0px 0px 0px; line-height:20px; max-height:200px; overflow:hidden;} section.blog_teaser article {background-color:#DDDDDD; min-height:550px; width:100%; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center;} section.blog_teaser.blog_teaser_content {padding:40px 0px 40px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.blog_teaser .text_wrapper {width:100%; height:100%; box-sizing:border-box; position:absolute; top: 0px; left:0px; padding:40px 160px 40px 40px; background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 25%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 25%);background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 25%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#1c1c1c00',GradientType=0 );} section.blog_teaser h3 {text-align:left; text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;} section.blog_teaser h3 a {color:#FFFFFF; font-size:26px; font-weight:600; text-transform:uppercase; text-align:left;} section.blog_teaser p{display:none; color:#FFFFFF; line-height:20px; text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;} section.blog_teaser a.button{position:absolute; bottom:40px; left:50%; margin-left:-63px; line-height:35px; background-color:rgba(0,0,0,0.3); border: 1px solid #FFFFFF; text-transform:uppercase;} section.blog_teaser a.button:hover{background-color: #e31e25;} section.blog_teaser .datum{display:none; position:absolute; z-index:9; right:0px; top:0px; padding:3px 20px 3px 20px; background-color:rgba(0,0,0,0.8); color:#FFFFFF; font-size:14px} section.blog_content {padding:40px 0px 40px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.blog_content.bg_parallax {background:transparent;padding:120px 0px 120px 0px;} section.blog_content .flex {display:flex; justify-content:space-between; align-items:stretch; flex-wrap: wrap;} section.blog_content.blog_content_1 .flex {justify-content:space-around;} section.blog_content.blog_content_2 .flex {justify-content:space-around;} section.blog_content .flex > article {width:31%;} article.blogeintrag {background-color:#F0F0F0; margin-bottom:2.33%; position:relative; padding-bottom:65px;} article.blogeintrag a.img {display:block; position:relative; width:100%; overflow:hidden; display:flex; align-items:center; justify-content:center; } article.blogeintrag.gross a.img {height:272px;} article.blogeintrag.klein a.img {height:190px;} article.blogeintrag a.img.w img{width:100%;} article.blogeintrag a.img.h img{height:100%;} article.blogeintrag a.img img {display:block; position:absolute;transition:all 0.2s ease-out 0s; } article.blogeintrag a.img.w:hover img {width:140%;} article.blogeintrag a.img.h:hover img {height:140%;} article.blogeintrag h3 {margin:0px; padding:20px 20px 5px 20px;} article.blogeintrag.klein h3 {font-size:14px; line-height:18px;} article.blogeintrag h3 a{color:#141414; text-transform:uppercase; font-weight:700;} article.blogeintrag p {margin:0px; padding:5px 20px 0px 20px; text-align:justify; line-height:20px;} article.blogeintrag.klein p {font-size:13px;} article.blogeintrag a.button {position:absolute; bottom:20px; right:20px; line-height:35px;} article.blogeintrag span.datum {display:none; position:absolute; z-index:9; right:20px; top:20px; padding:3px 20px 3px 20px; background-color:rgba(0,0,0,0.8); color:#FFFFFF; font-size:14px} article.blogeintrag.klein span.datum {padding:3px 15px 3px 15px; right:10px; top:10px;} article.blogeintrag.empty {background:none;} .stripes{display:block; width:100%; background-image:url(https://www.manthey-shop.com/images/stripes.png); background-size:auto 100%; background-repeat:repeat-x; text-align:center;height:16px;line-height:16px;} section.blog_content article.blog_social{background-color:#FFFFFF; order:3;} section.blog_content .blog_social h4{display:inline-block; margin:0px; padding:0px 15px 0px 15px; background:#FFFFFF; line-height:17px;} section.blog_content .blog_social .bot{position:absolute; bottom:0px;} section.blog_content .blog_social .shareicon {text-align:center; margin-top:20px;} section.blog_content .blog_social .shareicon img{display:inline-block;height:20px; margin-left:20px;} section.blog_content .blog_social .shareicon a:first-of-type img{margin-left:0px;} section.blog_content .blog_social .round_img {height:auto; width:50%; border-radius:50%; overflow:hidden; border:10px solid #c5af64; margin:auto; position:relative; margin-top:30px;} section.blog_content .blog_social .round_img img{position:relative; width:100%; height:100%;} section.blog_content .blog_social h3 {font-size:20px;} section.blog_content article.blog_social p {text-align:center; line-height:18px;} section.blog_content article.blog_social h3 {text-align:center; text-transform:uppercase; font-weight:600;} section.blog_content article.blog_social img.banner {display:block; width:100%;margin-top:15px;} section.blog_content .blog_social .blog_suche {margin-bottom:10px;} section.blog_content .blog_social .blog_suche input {line-height:25px;height:35px;width:calc(100% - 35px);border:0px;background-color:#FFFFFF;padding:0px 5px 0px 5px;color:#000000;font-size:12px; border:3px solid #141414; box-sizing:border-box;} section.blog_content .blog_social .blog_suche .suche {display:inline-block;vertical-align:top;margin:0px;padding:0px;width:35px;height:35px;background:url(https://www.manthey-shop.com/images/icon-suchen-weiss.png) 5px 6px no-repeat #FFFFFF;cursor:pointer; background-color:#141414;} section.blog_content .blog_social .blog_suche .suche:hover {background-image:url(https://www.manthey-shop.com/images/icon-suchen-aktiv.png);} section.blog_content section.produkte {background:none; order:8;} section.blog_content section.produkte h3{display:none;} section.blogartikel.banner .wrapper div{min-height:550px; width:100%; position:relative; background-repeat:no-repeat; background-size:cover; background-position:center;} section.blogartikel_content {padding:20px 0 0 0;} section.blogartikel_content .flex {display:flex; flex-flow:nowrap; justify-content: space-between;} section.blogartikel_content .flex > article {margin-bottom:20px;} section.blogartikel_content .flex > article.left {width:285px;} section.blogartikel_content .flex > article.blogprodukte {width:214px;} section.blogartikel_content .flex > article.blogartikel {width:600px;} section.blogartikel_content .flex > article.blogartikel * {max-width:600px!important;} section.blogartikel_content .flex > article.blogartikel iframe {margin: auto auto;} section.blogartikel_content .flex > section.produkte {display:none;} section.blogartikel_content .stripes h4{display:inline-block; margin:0px; padding:0px 10px 0px 10px; margin: 0px 5px; background:#FFFFFF; line-height:17px; font-size:15px;} section.blogartikel_content .shareicon {text-align:center; margin-top:20px;} section.blogartikel_content .shareicon img{display:inline-block;height:20px; margin-left:20px;} section.blogartikel_content .shareicon a:first-of-type img{margin-left:0px;} section.blogartikel_content nav ul{display:flex; justify-content:space-between;} section.blogartikel_content nav li{display:inline-block; margin:0px; background:#141414; text-transform:uppercase; width:32%; text-align:center;} section.blogartikel_content nav li a{color:#FFFFFF; font-weight:600; display:block; padding:10px 0px 10px 0px;} section.blogartikel_content nav li a:hover{color:#e31e25;} section.blogartikel_content .social {margin-top:20px; width:285px;} section.blogartikel_content .social .round_img {height:100px; width:100px; border-radius:55px; overflow:hidden; border:5px solid #141414; margin:auto; position:relative; margin-top:30px;} section.blogartikel_content .social .round_img img{position:relative; top:-25%; left:-25%;} section.blogartikel_content .social h3 {text-align:center; font-weight:600;} section.blogartikel_content .social p {text-align:center; line-height:18px; font-size:13px;} section.blogartikel_content .blogempfehlungen {margin-top:20px; width:285px;} section.blogartikel_content .blogempfehlungen {position: -webkit-sticky; /* Safari */ position: sticky; top: 0px;} section.blogartikel_content .blogprodukte .sticky {position: -webkit-sticky; /* Safari */ position: sticky; top: 0px;} section.blogartikel_content .blogartikel table {width:100%!important;} section.blogartikel_content .blogempfehlungen.mobile {display:none;} section.blogartikel_content .blogempfehlungen .stripes{margin-bottom:20px;} section.blogartikel_content .blogempfehlungen .blogeintrag{margin-bottom:20px;} section.blogartikel_content .blogartikel {position:relative;} section.blogartikel_content .blogartikel .infos {display:block; font-size:12px; line-height:16px; margin:10px 0px 15px 0px; color:#646464;} section.blogartikel_content .blogartikel .infos .datum {padding-left:20px;background-image:url(https://www.manthey-shop.com/images/icon-time.svg); background-repeat: no-repeat; background-position:0px 0px; background-size:auto 16px;} section.blogartikel_content .blogartikel .infos .author {padding-left:20px;background-image:url(https://www.manthey-shop.com/images/icon-author.svg); background-repeat: no-repeat; background-position:0px 0px; background-size:auto 16px;} section.blogartikel_content .blogartikel .infos span:not(:first-child) {margin-left:30px;} section.blogartikel_content .blogartikel h1{color:#141414; font-size:22px; line-height: 28px; font-weight:700; padding-top:10px;} section.blogartikel_content .blogartikel h1::first-letter{color:#e31e25; font-size:40px; font-weight:800;} section.blogartikel_content .blogartikel p{line-height:20px;} section.blogartikel_content .blogartikel .stripes{margin-top:30px; height:20px; background-size:auto 16px; background-position:0px 2px;} section.blogartikel_content .blogartikel .shareicon{background:#FFFFFF; display:inline-block; margin-top:0px; line-height:16px; padding:0px 15px 0px 15px;} section.blogartikel_content .blogartikel label{padding:5px 10px 5px 10px; font-size:12px; line-height:16px; background-color:#000000; color:#FFFFFF; display:block;} section.blogartikel_content .blogartikel .image{width:100%; margin: 25px 0px;} section.blogartikel_content .blogartikel .image img{width:100%; margin:auto;} section.blogartikel_content .blogartikel .image+.image{margin-top: -15px;} section.blogartikel_content .blogartikel .video{margin: 25px 0px;} section.blogartikel_content .blogartikel .video+.video{margin-top: -15px;} section.blogartikel_content .blogartikel .video .preview{line-height:0;} section.blogartikel_content .blogartikel .galery {width:100%; margin: 25px 0px; position:relative;} section.blogartikel_content .blogartikel .galery a {display:block; box-sizing: border-box; padding:0px; width:140px; height:140px; float:left; margin-left:6px; margin-bottom:6px; background-size:cover;} section.blogartikel_content .blogartikel .galery a:nth-of-type(4n+1) {margin-left:0px;} /* Produktdetails */ section.produktdetails {padding:20px 0px 40px 0px; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} section.produktdetails aside {float:left;width:375px;} section.produktdetails article {float:right;width:850px;padding-top:50px;} section.produktdetails h1,section.produktdetails h2 {display:inline-block; width:calc(100% - 200px); float:left;} .produktimages {position:relative;width:375px;height:375px;overflow:hidden;margin-bottom:10px;} .produktimages .imageslider {position:relative;width:9999px;} .produktimages .imageslider img {display:inline-block;cursor:pointer;} .produktimages .zoom {position:absolute;bottom:10px;right:10px;} .produktimages .left {position:absolute;top:174px;left:0px;color:#000000; font-size:28px; line-height:30px; font-weight:600; box-sizing:border-box; width:30px; text-align:center; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} .produktimages .left:hover {color:#e31e25;} .produktimages .right {position:absolute;top:174px;right:0px;color:#000000; font-size:28px; line-height:30px; font-weight:600; box-sizing:border-box; width:30px; text-align:center; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} .produktimages .right:hover {color:#e31e25;} .imagenavi {border:1px solid #D3D2D2; float:left;margin:5px 5px 0px 0px;} .imagenavi:nth-of-type(4n+4){margin-right:0;} .imagenavi:hover {border-color:#e31e25;} nav.breadcrumb ul {margin:-10px 0px 10px 0px; padding:0px; list-style:flex;} nav.breadcrumb ul li {margin:0px; padding:0px; display:inline-block; text-transform:uppercase; font-size:12px; line-height:16px;} nav.breadcrumb ul li:first-child {margin-left:0px;} nav.breadcrumb ul li:not(:first-child):before {display:inline-block; content:">";margin-left:8px;margin-right:8px;} nav.breadcrumb ul li a {color:#808080;} nav.breadcrumb ul li a:hover {color:#1c1c1c;} section.produktdetails ul.icons {margin:0px;padding:0px;} section.produktdetails ul.icons li {margin:0px 10px 0px 0px;padding:0px;list-style:none;display:inline-block;} section.produktdetails ul.icons li img {max-height:53px;} section.produktdetails .shareicon {text-align:right; margin-top:30px;} section.produktdetails .shareicon a{display:inline-block;margin-left:8px;} section.produktdetails .shareicon a:first-of-type{margin-left:0px;} section.produktdetails .shareicon a img{height:20px; } section.produktdetails .shareicon .mobile{display:none; } .verfuegbarkeit {display:inline-block;margin-left:15px;padding:0px 10px 0px 10px; color:#FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} input.submit {display:inline-block;margin:0px;padding:0px 13px 0px 13px;border:0px;cursor:pointer;background-color:#e31e25; color:#ffffff;font-size:16px;line-height:25px;font-weight:400;text-transform:uppercase; transition: color 0.2s ease-in-out, background 0.2s ease-in-out;} input.submit:hover {background-color:#000000; color:#e31e25;} section.produktdetails strong.mobile {display:none;} section.produktdetails .preis {float:right;} section.produktdetails .preis h5 {margin:0px; text-align:right;font-weight:600; color:#7f7f7f; font-size:18px; line-height:22px;text-decoration: line-through;} section.produktdetails .preis h5 span {color:#B1B3B5;text-decoration: none;} section.produktdetails .preis h4 {margin:0px; text-align:right;font-weight:600; color:#7f7f7f; font-size:27px; line-height:31px; text-transform:none;} section.produktdetails .wechselkurse {clear:both; float:right; margin:8px 0px 0px 0px; text-align:right; position:relative;} section.produktdetails .wechselkurse .button_wechselkurs {margin:0px;} section.produktdetails .wechselkurse .table_form_klein th {padding-left:25px; white-space:nowrap;} section.produktdetails .wechselkurse .table_form_klein th:first-of-type {padding-left:8px;} section.produktdetails .wechselkurse .table_form_klein td {text-align:right; white-space:nowrap;} section.produktdetails nav.groesse {margin-top:20px;float:left;} section.produktdetails th>nav.groesse {margin-top:10px;float:none;} section.produktdetails .info nav.groesse {margin-top:5px;} section.produktdetails nav.groesse ul {margin:0px; padding:0px; display:inline-block;} section.produktdetails nav.groesse ul li {margin:0px 0px 0px 5px; padding:0px; display:inline-block;} section.produktdetails nav.groesse ul li a {display:block; min-width:28px; height:28px; font-size:14px; line-height:28px; text-align:center; color:#1c1c1c; border:1px solid #1c1c1c; text-align:center;} section.produktdetails nav.groesse ul li a:hover {color:#ffffff; background-color:#000000; text-decoration:none;} section.produktdetails nav.groesse ul li.aktiv a {color:#ffffff; background-color:#e31e25;} section.produktdetails a.sizechart {display:inline-block; font-size:13px; margin-left:20px;color:#1c1c1c; padding-right:45px; background:url(https://www.manthey-shop.com/images/icon-sizechart.png) right 3px no-repeat;} section.produktdetails a.sizechart:hover {color:#1c1c1c; background-image:url(https://www.manthey-shop.com/images/icon-sizechart-aktiv.png);} section.produktdetails .produkt_vkf{clear:both; float:right; width:50%;} section.produktdetails .produkt_vkf p{font-size:13px; color:#e2001a; line-height: 18px;} section.produktdetails input.submit {background-color:#1fa33a; color:#FFFFFF;} section.produktdetails input.submit:hover {background-color:#e31e25; color:#ffffff;} section.produktdetails input.submit.grau {background-color:#B1B3B5; cursor:not-allowed;} section.produktdetails input.submit.grau:hover {background-color:#B1B3B5;} section.produktdetails input.submit.big {padding:10px 20px 10px 20px; font-size:20px;} section.content .bildershop{display:flex; margin-top:20px;flex-wrap: wrap;} section.content .bildershop>div{flex: 0 1 auto; margin:15px 10px; width: 190px; background-color:#f0f0f0; padding:5px;} section.content .bildershop>div *{width:100%;} section.content .bildershop>div .title{display:block; width:100%; text-align: center; font-size:15px; line-height: 22px; margin-bottom:5px; font-weight:600;} section.content .bildershop>div img{margin:-5px 0 10px -5px; width:calc(100% + 10px);} section.content .bildershop>div .preis{display:block; width:100%; text-align: center; font-size:15px; line-height: 22px; margin-bottom:5px; font-weight:600;} section.content .bildershop>div select{line-height: 25px; height: 25px; padding: 0px 5px 0px 5px; margin-bottom:10px; text-align:center;} section.content .bildershop>div select option{text-align:center; text-align-last: center;} section.content .bildershop>div .button{box-sizing:border-box; background-color:#000000; text-align:center;} section.content .bildershop>div .button:hover {background-color:#e31e25; } form.form_buy {float:right;display:block;margin-top:20px; text-align:right;} form.form_buy select {margin-left:8px;line-height:25px;height:25px;padding:0px 5px 0px 5px;float:right;} form.form_buy input.submit {margin-left:8px;float:right;} /* Tabellen und Formulare */ section article .hightlight {display:inline-block; padding: 15px 15px 0px 15px; width:100%; box-sizing:border-box; margin-top:30px; margin-bottom:30px; background-color:#F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } table.table_form {margin:20px 0px 10px 0px; border-spacing:0px; border:0px;} table.table_form td {border-top:1px solid #7f7f7f; padding:3px 10px 3px 0px; vertical-align:top; text-align:left; font-size:14px; line-height:20px;} table.table_form th {border-top:1px solid #7f7f7f; padding:3px 10px 3px 0px; vertical-align:top; text-align:left; font-size:14px; line-height:20px; font-weight:400; color:#e31e25;} table.table_form tr:first-child td {border-top:0px;} table.table_form tr:first-child th {border-top:0px;} table.table_form input, textarea {width:350px;} table.table_form input.checkbox {width:auto;} table.table_form textarea {height:150px;width:350px;} table.table_form_klein {margin:20px 0px 10px 0px; border-spacing:0px; border:0px; width:48%;} table.table_form_klein td, table.table_form_klein th {border-top:1px solid #7f7f7f; padding:2px 7px 2px 0px; vertical-align:top; text-align:left; font-size:14px; line-height:22px;} table.table_form_klein th {font-weight:normal; color:#e31e25;} table.table_form_klein th.head {font-weight:bold; font-size:16px;line-height:24px; color:#1c1c1c; text-decoration:none; padding-bottom:4px; border-bottom:1px solid #1c1c1c;} table.table_form_klein th.r {text-align:right;} table.table_form_klein td.grau {font-size:12px;line-height:18px; color:#999999;} table.table_form_klein td.r {text-align:right;} table.table_form_klein tr:first-child td {border-top:0px;} table.table_form_klein tr.highlight td, table.table_form_klein tr.highlight th {background-color:#BBD0FF;} table.table_form_klein tr:first-child th {border-top:0px;} table.table_form_klein input, table.table_form_klein textarea , table.table_form_klein select{font-size:12px;} table.table_form_klein input, table.table_form_klein textarea {width:170px;} table.table_form_klein select {max-width:170px;} table.table_form_klein textarea {height:50px;width:170px;} table.table_form_klein input.checkbox {width:auto;} table.table_form_klein.treue td, table.table_form_klein.treue th {font-size:12px; line-height:16px;} div.simpleform {margin:20px 0px 20px 0px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%;} div.simpleform input {display:block; border:0px; box-sizing:border-box; width:100%; background-color:#E0E0E0; font-size:15px; line-height:22px; padding:5px 10px 5px 10px;} div.loading {display:block; min-width:300px; min-height:200px; background-image:url(../images/loading.gif); background-size:100px 100px; background-repeat:no-repeat; background-position: center center;} table.table_form_adress {padding:10px; background-color:#F5F6F7; border:1px solid #DDDDDD; /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/} .checkout_karte table.table_form_adress {padding:0px; background-color:none; border:0px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);} table.table_form_adress_paddingtop1 {padding-top:80px;} table.table_form_adress_paddingbottom1 {padding-bottom:80px;} table.table_form_adress_paddingbottom2 {padding-bottom:150px;} table.table_form_adress_paddingbottom3 {padding-bottom:220px;} table.table_form_adress input, table.table_form_adress textarea {clear:both;width:100%; box-sizing:border-box; padding: 3px 5px; font-size:14px; line-height:22px; height:30px;} table.table_form_adress input.error, table.table_form_adress select.error, table.table_form_adress textarea.error {border:1px solid #e31e25; background-color:rgba(255,0,0,0.1);} table.table_form_adress select {clear:both; display:block;max-width:100%; height:30px; box-sizing:border-box; padding: 3px 5px; font-size:14px; line-height:22px;} table.table_form_adress td, table.table_form_adress th {border:0px!important; padding-bottom:13px;} table.table_form_adress tr:last-child td, table.table_form_adress tr:last-child th {padding-bottom:0px;} table.table_form_adress th.head {border-bottom:2px solid #a1191f!important;} table.table_form_adress th label { color:#e31e25;} table.table_form_adress label {width:100%; box-sizing:border-box; display:block; padding-bottom:3px;} table.table_form_adress label.nopflicht, table.table_form_adress th label.nopflicht {color:#1c1c1c; text-decoration:none;} table.table_form_adress .teil2575 input:nth-of-type(1), table.table_form_adress .teil2575 label:nth-of-type(1) {width:25%; float:left;} table.table_form_adress .teil2575 input:nth-of-type(2), table.table_form_adress .teil2575 label:nth-of-type(2) {width:73%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil2575 select:nth-of-type(1) {max-width:25%; float:left;} table.table_form_adress .teil2575 select:nth-of-type(2) {width:73%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil6535 input:nth-of-type(1), table.table_form_adress .teil6535 label:nth-of-type(1) {width:65%; float:left;} table.table_form_adress .teil6535 input:nth-of-type(2), table.table_form_adress .teil6535 label:nth-of-type(2) {width:33%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil6535 select:nth-of-type(1) {max-width:65%; float:left;} table.table_form_adress .teil6535 select:nth-of-type(2) {width:33%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil5050 input:nth-of-type(1), table.table_form_adress .teil5050 label:nth-of-type(1) {width:49%; float:left;} table.table_form_adress .teil5050 input:nth-of-type(2), table.table_form_adress .teil5050 label:nth-of-type(2) {width:49%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil5050 select {width:49%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil5050 select:nth-of-type(1) {max-width:49%; margin-left:0px; float:left; clear:both;} table.table_form_adress .teil3 input:nth-of-type(1), table.table_form_adress .teil3 label:nth-of-type(1) {width:32%; float:left;} table.table_form_adress .teil3 input:nth-of-type(2), table.table_form_adress .teil3 label:nth-of-type(2) {width:32%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil3 input:nth-of-type(3), table.table_form_adress .teil3 label:nth-of-type(3) {width:32%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil3 select {width:32%;margin-left:2%; float:left; clear:none;} table.table_form_adress .teil3 select:nth-of-type(1) {max-width:32%; margin-left:0px; float:left; clear:both;} table.table_form_adress .input_plz {max-width:25%; margin-left:0px; float:left; box-sizing:border-box; clear:none;} table.table_form_adress .input_ort {max-width:70%; margin-left:0px; float:right; box-sizing:border-box; clear:none;} table.table_form_adress input.submit {width:auto;float:right;margin-top:5px; margin-bottom:25px; padding:0px 35px 0px 10px; height:25px; line-height:25px;} table.infotable {margin:20px 0px 10px 0px; border-spacing:0px; border:0px; width:auto;} table.infotable td, table.infotable th {background-color:#F0F0F0; color:#1c1c1c; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; padding:3px 10px 3px 10px; vertical-align:top; text-align:center; font-size:14px; line-height:20px;} table.infotable th {background-color:#e31e25; color:#ffffff; font-weight:bold;} table.warenkorb {margin:20px 0px 20px 0px; border-spacing:0px; border:0px; width:100%;border-top:2px solid #7f7f7f;border-bottom:3px double #7f7f7f;} table.warenkorb th {border-top:1px solid #7f7f7f; border-bottom:0px; padding:6px 10px 6px 0px; vertical-align:top; text-align:left; font-size:15px; line-height:22px; font-weight:bold;} table.warenkorb td {border-top:1px solid #7f7f7f; border-bottom:0px; padding:6px 10px 6px 0px; vertical-align:top; text-align:left; font-size:16px; line-height:24px;} table.warenkorb td img {border:1px solid #CCCCCC;} table.warenkorb td.r {text-align:right;} table.warenkorb td.c {text-align:center;} table.warenkorb th.small {font-size:13px;} table.warenkorb td.small {font-size:13px;} table.warenkorb th.rot, table.warenkorb td.rot {color:#e31e25;} table.warenkorb th.big {font-size:16px;} table.warenkorb th.r {text-align:right;} table.warenkorb td.a {padding-top:18px; border-top-width:3px;} table.warenkorb th.a {padding-top:18px; border-top-width:3px;} table.warenkorb th span.normal {float:none;font-weight:normal;} table.warenkorb th span {float:right;font-size:13px;font-weight:normal;} table.warenkorb td input {text-align:center; width:20px; font-size:11px; float:right;} table.warenkorb tr.highlight td {background-color:#FFFFFF;} .warenkorb_highlight {display:block; margin:20px 0px 20px 0px; padding: 10px; background-color:#F0F0F0; border:5px solid #e31e25; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} /* Footer */ footer {background-color:#000000; border-top:3px solid #e31e25;} #shopicons {padding:25px 0px 25px 0px; border-bottom:3px solid #e31e25;} #shopicons .wrapper {display:flex; justify-content: space-between; overflow:hidden; gap:30px;} #shopicons article img {display:block;height:90px;width:auto;margin:auto auto;} #shopicons article p {color:#ffffff; margin-top:10px; text-align:center; font-size:13px; line-height:18px;} #shopicons article.logo img {display:block;height:auto;width:80%;margin-top:30px;max-width:450px;} #footercontent {position: relative;} #footercontent div.wrapper {display:flex; justify-content: space-between; flex-wrap: wrap; padding-top: 25px; padding-bottom:60px;} #footercontent article {padding:0px; box-sizing: border-box; font-size:13px; line-height:20px; color:#FFFFFF; } #footercontent article ul {margin:0px;padding:0px;} #footercontent article ul li {margin:0px;padding:0px;list-style:none;font-size:14px;line-height:25px;} #footercontent article ul li a{color:#FFFFFF;} #footercontent article ul li a:hover{color:#e31e25; text-decoration:none;} #footercontent h4 {font-size:15px; line-height:22px; font-weight:600; color:#FFFFFF; margin:25px 0px 15px 0px;} #footercontent h4:first-of-type {margin-top:0px;} #footercontent article.payments {max-width:290px;} #footercontent article.payments>div>h4 {margin-top:10px;} #footercontent article.payments>div:first-child>h4 {margin-top:0px;} #footercontent article.shippingsocial>div>h4 {margin-top:10px;} #footercontent article.shippingsocial>div:first-child>h4 {margin-top:0px;} #footercontent img.iconshop {display:inline-block; margin:-5px 0px 0px 5px;} #footercontent img.icon {display:inline-block; margin:-5px 5px 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} #footercontent img.icon.social {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #footercontent #footerlogo {padding:5px 10px 5px 10px;margin-top:25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} /* Fusszeile */ #fusszeile {background-color:#FFFFFF; line-height:20px; padding:8px 0px 7px 0px; text-align:center; color:#1c1c1c; font-size:14px; position:relative; width:100%;} .fancybox-overlay {background-image:none; background: rgba(0,0,0,0.6)!important;} .fancybox-outer, .fancybox-inner, .fancybox-skin { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); -webkit-border-radius: 10px!important; -moz-border-radius: 10px!important; border-radius: 10px!important; } #exitintentbg { background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(-45deg, #4c4c4c 0%, #1c1c1c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #4c4c4c 0%,#1c1c1c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #4c4c4c 0%,#1c1c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#1c1c1c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding:20px; } #exitintentbg h2 {text-align:center; color:#ffffff; font-size: 32px; line-height:36px; font-weight:bold; margin:0px 0px 15px 0px;} #exitintentbg h3 {text-align:center; color:#e31e25; font-size: 26px; line-height:32px; font-weight:bold; margin:0px;} #exitintentbg p {text-align:center; margin:15px 0px 15px 0px; color:#ffffff; font-size: 20px; line-height: 25px;} #exitintentbg p a {color:#e31e25;} #exitintentbg p a:hover {color:#e31e25;} #exitintentbg img.maximg {max-width:860px;} #exitintentbg img.teaserimg {width:860px; } #exitintentclock {padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#ffffff; min-width:360px;} #exitintentbg .call2action {display:block;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align:center;margin:auto auto; margin:15px 0px 15px 0px; padding: 4px 5px 4px 5px; font-size: 22px; line-height: 28px; font-weight:bold; color:#ffffff; background-color:#000000; text-decoration:none; text-transform:uppercase;} #exitintentbg .call2action:hover {background-color:#e31e25; color:#ffffff; text-decoration:none;} #exitintentbg .wrapper_countdown {position:relative;height:70px;width:100%; overflow:hidden;} #exitintentbg .wrapper_countdown_hourly {height:90px;} #exitintentbg .wrapper_countdown_minute {height:120px;} #exitintentbg .countdown_daily {position:absolute; width:620px;top:-25px;left:50%; margin-left:-310px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);} #exitintentbg .countdown_hourly {position:absolute; width:460px;top:-15px;left:50%; margin-left:-230px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75);} #exitintentbg .countdown_minute {position:absolute; width:460px;top:0px;left:50%;margin-left:-145px;} /* Checkout */ #checkout_header{height:60px;margin-bottom:0px; position:relative;} #checkout_header > .wrapperheader{height:60px;border-bottom:3px solid #e31e25;} #checkout_header #logo {position:absolute; top:10px; left:10px; height:40px; width:auto; margin:0px; padding:0px; } #checkout_header #logo img {height:40px; width:auto;} .alwayson #warenkorb {display:block; z-index:1; position:relative; margin-top:0px; top:0px; max-width:600px; margin: auto auto; left:auto; right:auto; border:0px; width:100%; height: auto; max-height:auto; padding-bottom:15px;} .alwayson #warenkorb>DIV.warenkorb_wrapper>DIV.title>A.warenkorb_close {display:none;} section.checkout_content {padding-top:10px;} .checkout_content .buttons td{vertical-align:bottom;} .checkout_content .checkout_karte{padding:10px; width:30%; float:left; margin-right:5%; margin-bottom:50px; box-sizing:border-box; background-color:#F5F6F7; border:1px solid #DDDDDD; /*text-align:center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/} .checkout_content .checkout_karte:last-of-type{margin-right:0px;} .checkout_content .checkout_karte .hightlight {padding:20px 0px 15px 0px; margin:0px; background:none;} .checkout_content .checkout_karte .hightlight h4 {margin:0px; font-size:14px;line-height:22px; } .checkout_content .checkout_karte .hightlight ul {margin:0px; padding:0px;} .checkout_content .checkout_karte .hightlight li {margin:0px; padding:0px; font-size:14px;line-height:22px;list-style:none;} .checkout_content .checkout_karte h3 {color:#1c1c1c; font-weight:600;} .checkout_content .checkout_karte p {font-size:14px; line-height:18px;} .checkout_content .checkout_karte img {max-width:100%; filter:alpha(opacity=35); -moz-opacity: 0.35; opacity: 0.35;} .checkout_content .checkout_karte img:hover {max-width:100%; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;} .checkout_content .checkout_karte table{/*margin: auto auto;*/ margin-top:0px; float:none;} .checkout_content .checkout_karte .submit{/*margin: auto auto; float:none;*/} .checkout_content a.submit {display:inline-block; float:right;margin:0px;padding:0px 43px 0px 43px;border:0px;cursor:pointer;color:#FFFFFF;font-size:16px;line-height:25px;font-weight:400;background-color:#000000; font-size:12px;} .checkout_content .submit {float:right;} .checkout_content a.submit:hover {background-color:#e31e25; color:#ffffff; text-decoration:none;} .checkout_content a.checkout_abbruch {display:inline-block; margin-top:65px; font-size:12px; line-height:16px; color:#666666;text-decoration:none;} .checkout_content a.checkout_abbruch span {display:inline-block; margin-right:5px; font-size:12px; line-height:14px; text-align:center; width:16px; height:16px; box-sizing:border-box; background-color:#cccccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} .checkout_content a.checkout_abbruch:hover {color:#e31e25;text-decoration:none;} .checkout_content a.checkout_abbruch:hover span {color:#ffffff;background-color:#e31e25;} .checkout_auswahl {box-sizing: border-box; width:100%; min-height:90px; display:block; color:#1c1c1c; padding: 12px 10px 10px 80px; margin:20px 0px 20px 0px; background-color:#F5F6F7; border:1px solid #DDDDDD; position:relative;} .hightlight .checkout_auswahl {background-color:#ffffff;} .checkout_content .checkout_auswahl {cursor:pointer;} .checkout_content .checkout_auswahl:hover { background-color:#F0F0F0;} .checkout_auswahl_aktiv { background-color:#BBD0FF!important;} .checkout_auswahl img {position:absolute; top:10px; left:10px; max-width:60px;} .checkout_auswahl input {display:none;} .checkout_auswahl strong {display:block;} .checkout_auswahl strong span.gewicht {font-weight:400;font-size:12px; float:right; margin:3px 0px 0px 0px;} .checkout_auswahl strong span.kosten {font-weight:400;font-size:12px; float:right; margin:3px 0px 0px 0px;} .checkout_auswahl strong span.kosten strong {display:inline-block;} .checkout_auswahl span {display:block; margin-top:10px; font-size:12px; line-height:16px; max-width:450px;} .checkout_auswahl span.liefertext {font-size:12px; line-height:16px;} .checkout_auswahl span.liefertext span.lieferstatus {float:left;margin:0px 5px 0px 0px;} .checkout_auswahl div.r {position:absolute; top:45px; left:10px;} .checkout_auswahl div.r span.kosten {font-size:12px; line-height:16px; margin:0px;} .checkout_content .checkout_info {box-sizing: border-box; width:32%; margin-left:2%; float:left; margin-top:35px;} .checkout_content .checkout_info:first-of-type { margin-left:0%;} .checkout_content .checkout_info h3 {font-size:14px; line-height:18px; font-weight:600; margin-top:0px; color:#e31e25;} .checkout_content .checkout_info p {font-size:12px; line-height:16px; margin-bottom:0px;} .checkout_content .checkout_info img {float:right; margin:0px 0px 2px 4px; max-width:45px;} .checkout_content .checkout_info a.a_back {font-size:12px; line-height:18px; padding-left:26px; background-size:20px auto;} .checkout_content .checkout_info_count4 .checkout_info {width:23.5%;} section.checkout_content article.adresse {width:100%;} .checkout_content .noborder{border:0px;} #addressBookWidgetDiv{width:49%; height:400px;float:left;} #walletWidgetDiv{width:49%; height:400px;float:right;} .checkout_content table.warenkorb{border-bottom-width:1px; border-bottom-style:solid; border-top:0px;} table.zusammenfassung {margin:0px 0px 20px 0px; border-spacing:0px; border:0px; width:100%; border-bottom:3px double #e31e25;} table.zusammenfassung tr:first-child td, table.zusammenfassung tr:first-child th {border-top:0px;} table.zusammenfassung th {border-top:1px solid #7f7f7f; border-bottom:0px; padding:6px 10px 6px 0px; vertical-align:top; text-align:left; font-size:15px; line-height:22px; font-weight:bold;} table.zusammenfassung td {border-top:1px solid #7f7f7f; border-bottom:0px; padding:6px 10px 6px 0px; vertical-align:top; text-align:left; font-size:16px; line-height:24px;} table.zusammenfassung td img {border:1px solid #CCCCCC;} table.zusammenfassung td.r {text-align:right;} table.zusammenfassung td.c {text-align:center;} table.zusammenfassung th.small {font-size:13px;} table.zusammenfassung td.small {font-size:13px;} table.zusammenfassung th.big {font-size:16px;} table.zusammenfassung th.r {text-align:right;} table.zusammenfassung td.a {padding-top:18px; border-top-width:2px;} table.zusammenfassung th.a {padding-top:18px; border-top-width:2px;} table.zusammenfassung th span.normal {float:none;font-weight:normal;} table.zusammenfassung th span {float:right;font-size:13px;font-weight:normal;} table.zusammenfassung td input {text-align:center; width:20px; font-size:11px; float:right;} table.zusammenfassung tr.highlight td {background-color:#FFFFFF;} table.zusammenfassung .rot {color:#e31e25;} table.zusammenfassung .rot span {float:none;} table.zusammenfassung .rot a {color:#e31e25;} table.zusammenfassung .grau {color:#BBBBBB;} table.zusammenfassung .grau span {float:none;} table.zusammenfassung .grau a {color:#BBBBBB;} table.zusammenfassung .grau img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;} table.zusammenfassung .strichpreis {text-decoration:line-through;} .checkout_content .warenkorb_highlight {border:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color:#F5F6F7; border:1px solid #DDDDDD;} .checkout_content .warenkorb_highlight p {font-size:13px; line-height:20px;} .checkout_content .warenkorb_highlight #checkout_telefon input {float:right;} .checkout_content .hightlight.uebersicht {background-color:#F5F6F7; border: 1px solid #DDDDDD; padding: 15px 15px 15px 15px; display:flex;} .checkout_content .hightlight.uebersicht .checkout_auswahl{flex: 0 1 auto; margin:5px;} .checkout_content .hightlight.uebersicht .checkout_auswahl .gewicht{display:none;} DIV.warenkorb_highlight div.hinweisumzug {margin-top:25px; padding-top:25px; border-top:1px solid rgba(0,0,0,0.2);} DIV.warenkorb_highlight div.hinweisumzug h3 {font-size:16px; line-height:22px; color:#e01020;} DIV.warenkorb_highlight div.hinweisumzug p {font-size:12px; line-height:16px;} #checkout_nav{position:absolute; top:17px; right:10px;} #checkout_nav ul {display:block; margin:0px; padding:0px;} #checkout_nav li {display:inline-block; margin:0px; padding:0px 20px 0px 20px;} #checkout_nav li:last-child{padding-right:0px;} #checkout_nav li a {font-weight:300; font-size:13px; color:#FFFFFF;} #checkout_nav li a:hover {color:#e31e25;} #checkout_nav li a:hover span{border-color:#e31e25;} #checkout_nav li.done a{color:#e31e25;} #checkout_nav li.done a span{border-color:#e31e25;} #checkout_nav li.aktiv a{font-weight:600; color:#ffffff;} #checkout_nav li.aktiv a span{border-color:#ffffff} #checkout_nav li.done a:hover{color:#e31e25;} #checkout_nav li.done a:hover span{border-color:#e31e25;} #checkout_nav li.aktiv a:hover{color:#ffffff;} #checkout_nav li.aktiv a:hover span{border-color:#ffffff;} #checkout_nav li.nohover a {color:#aaaaaa;} #checkout_nav li.nohover a span {border-color:#aaaaaa;} #checkout_nav li.nohover a:hover{color:#aaaaaa;} #checkout_nav li.nohover a:hover span {border-color:#aaaaaa;} #checkout_nav li a span{display:inline-block; height:24px; width:24px; padding-left:6px; border:2px solid #FFFFFF; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;margin-right:5px; margin-left:15px; box-sizing:border-box;} .warenkorb_highlight .error{color: #e01020;} section.checkout_content.sticky_right aside{position:sticky; top:30px;} #bezahlmethoden{max-width:500px;} #bezahlmethoden h3{margin-top:30px;} #paypal-button-container-checkout {margin-top:30px;} #alternate-button-container .alternate-button{min-height:45px; background-color: #eee; text-align:center; border-radius: 4px; margin-bottom: 14px;} #alternate-button-container .alternate-button:hover{filter: brightness(0.95); cursor: pointer;} #alternate-button-container .alternate-button label{height:50px; line-height:50px; color: #282828; font-size: 16px; cursor: pointer;} #alternate-button-container .alternate-button .text label{display:block; text-align:left; } #alternate-button-container .alternate-button>div {display:inline-block; width:100%;} #alternate-button-container .alternate-button>div img{display:inline; height:25px; margin:0px 10px 0 0; position: relative; top:7px;} #alternate-button-container .alternate-button span{display:none; font-size:13px; padding:5px;} #alternate-button-container .alternate-button span p{font-size:13px; text-align:center;} #alternate-button-container .alternate-button .button_submit{margin-bottom:5px; margin-right: 5px; margin-top:10px;} #alternate-button-container .alternate-button.aktiv span{display:block; } #alternate-button-container .alternate-button.aktiv {border:1px solid #e31e25; } #alternate-button-container .alternate-button .input_abschluss {width:100%; box-sizing: border-box;} section.checkout_content .checkout_info .checkout_auswahl{border: 1px solid #DDDDDD;} section.checkout_content .checkout_info .checkout_auswahl_aktiv{border: 1px solid #e31e25;} footer.checkout_footer {background-color:#444444; padding-bottom:120px;} footer.checkout_footer .footercontent h4{color:#FFFFFF;} footer.checkout_footer .footercontent article {float:left; width:25%;} footer.checkout_footer .footercontent article:first-of-type {padding-left:0px;} footer.checkout_footer .footercontent article ul {margin:0px; padding:0px;} footer.checkout_footer .footercontent article ul li {margin:0px; padding:0px; list-style:none;} footer.checkout_footer .footercontent article ul li a {color:#FFFFFF;} footer.checkout_footer .footercontent article ul li a:hover {color:#e31e25;} footer.checkout_footer .footercontent article .icon {float:left; margin: 0px 8px 8px 0px;} #nss-infos {display:none; clear:both; height:85px; margin:0px 0px 0px 0px; position:relative;} #nss-infos>div {position:relative; float:right; display:none; width:185px; height:65px; margin-top:20px; box-sizing:border-box; border:0; background-color:#F0F0F0; font-weight:normal; font-size:11px; line-height:15px; padding:10px 0px 10px 60px; -webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-bottomleft: 12px; border-top-left-radius: 12px; border-bottom-left-radius: 12px;} #nss-infos>div:not(:first-child) {margin-right:2%;} #nss-infos>div>span {position:absolute; top:10px; left:0px; width:60px; text-align:center; font-size:20px; line-height:20px; font-weight:bold;} #nss-infos-views {background-image:url(https://www.manthey-shop.com/images/icon-eye.svg); background-repeat:no-repeat; background-position: 16px 33px; background-size: 33px auto;} #nss-infos-views-value {color:#e31e25;} #nss-infos-conversions {background-image:url(https://www.manthey-shop.com/images/icon-paket.svg); background-repeat:no-repeat; background-position: 17px 33px; background-size: 27px auto;} #nss-infos-conversions-value {color:#1c1c1c;} /* Cookies Consten */ #cookies_consent {display:none; cursor:not-allowed; position:fixed; top:0; left:0; box-sizing:border-box; width:100%; height:100%; z-index:2147483645; background-color:rgba(0,0,0,0.6);} #cookies_consent .wrapper_content {cursor:default; padding:25px 15px 10px 15px; position:fixed; top:35%; left:50%; width:90%; margin-left:calc(45% * -1); box-sizing:border-box; background-color:#FFFFFF; z-index:2147483646; -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);} @media only screen and (min-width:880px){#cookies_consent .wrapper_content {max-width:800px; margin-left:-400px;}} #cookies_consent .cc_close {display:block; font-size:14px; width:14px; height:14px; line-height: 12px; position:absolute; right:10px; top:10px; z-index:2147483647; text-align:center; color:#999999; border:1px solid #cccccc;} #cookies_consent .cc_close:hover {color:#ffffff; border:1px solid #999999; background-color:#999999;} #cookies_consent .cc_head {font-size:13px; line-height: 18px; font-weight:bold; padding-bottom:4px; text-align:center;} #cookies_consent .cc_text {font-size:11px; line-height: 15px; text-align:center;} #cookies_consent .cc_buttons {padding-top:24px; text-align:center; font-size:10px; line-height: 15px;} #cookies_consent .cc_buttons a {display:inline-block; background-color:#ffffff; border:1px solid rgba(0,0,0,0.2); padding:6px 10px 6px 10px; text-decoration:none; color:#1c1c1c;} #cookies_consent .cc_buttons a.cc_all {color:#FFFFFF; background-color:#e31e25; border:0px; padding:8px 16px 8px 16px; font-size:14px; line-height: 20px; margin-bottom:8px;} #cookies_consent .cc_buttons a:hover {color:#FFFFFF; background-color:#1c1c1c;} #cookies_consent .cc_buttons a.cc_all:hover {color:#FFFFFF; background-color:#1c1c1c;} #cookies_consent .cc_typen {padding-top:16px; font-size:11px; line-height: 15px; text-align:center;} #cookies_consent .cc_typen a {display:inline-block; font-weight:bold; padding-left:20px; background-image:url(https://www.manthey-shop.com/images/icon-checkbox.svg); background-position:0px 0px; background-size: auto 15px; background-repeat:no-repeat;} #cookies_consent .cc_typen a.cc_active {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked.svg);} #cookies_consent .cc_typen a.cc_someactive {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked-grey.svg);} #cookies_consent .cc_typen a.cc_musthave {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked-grey.svg); color:#888888; text-decoration:none;} #cookies_consent .cc_typen a:not(:first-of-type) {margin-left:20px;} #cookies_consent .cc_infos {display:none;padding-top:8px; margin-top:8px; border-top:1px solid #888888; font-size:11px; line-height: 15px; text-align:center;} #cookies_consent .cc_infos a {font-weight:bold; margin-top:12px; display:inline-block; padding-left:20px; background-image:url(https://www.manthey-shop.com/images/icon-checkbox.svg); background-position:0px 0px; background-size: auto 15px; background-repeat:no-repeat;} #cookies_consent .cc_infos a:not(:first-of-type) {margin-left:20px;} #cookies_consent .cc_infos a.cc_active {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked.svg);} #cookies_consent .cc_infos a.cc_musthave {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked-grey.svg); color:#888888; text-decoration:none;} #cookies_consent .cc_links {padding-top:24px; text-align:right; font-size:11px; line-height: 15px;} #cookies_consent .cc_links a {display:inline-block;} #cookies_consent .cc_links a:not(:first-of-type) {margin-left:20px;} @media only screen and (max-width:720px){ #cookies_consent .wrapper_content {top:30%;} #cookies_consent .cc_links {font-size:13px; line-height: 16px;} } #newsletterpop {position:fixed; z-index:2000; display:none; bottom:10px; left:10px; box-sizing:border-box; width:300px; height:180px; padding:6px; background-color:#ffffff; -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);} #newsletterpop>A.close {display:block; position:absolute; right:0px; top:0px; width:30px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#ffffff;} #newsletterpop>A.close:hover {color:#1c1c1c;} #newsletterpop>DIV.innerbox {width:100%; height:100%; color:#ffffff; background: #1c1c1c;} #newsletterpop>DIV.innerbox>SPAN.head {display:block;height:32px;text-align:center;line-height:32px;font-weight:700; font-size:18px; text-transform:uppercase;padding-top:11px;} #newsletterpop>DIV.innerbox>SPAN.rabatt {display:block;height:40px;text-align:center;line-height:40px;padding:0px; font-weight:700; font-size:30px;} #newsletterpop>DIV.innerbox>SPAN.rabatt>SPAN {font-weight:400; margin-left:10px;} #newsletterpop>DIV.innerbox>SPAN.gutscheintext {display:block;height:20px;text-align:center;line-height:20px;padding:0px 12px 0px 12px; font-weight:400; font-size:12px;} #newsletterpop>DIV.innerbox>FORM {display:flex;padding:0px 12px 0px 12px; margin:0px; border:0px;justify-content:space-between;} #newsletterpop>DIV.innerbox>FORM>INPUT.newslettersubmit {cursor:pointer;display:block;width:32px;height:32px;text-align:center;line-height:32px;margin:10px 0px 0px 0px; padding:0px 5px 0px 5px; border-width:0px; font-size:30px; color:#ffffff; background-color:#e31e25; box-sizing: border-box;} #newsletterpop>DIV.innerbox>FORM>INPUT.newslettersubmit:hover {color:#e31e25; background-color:#FFFFFF;} #newsletterpop>DIV.innerbox>FORM>INPUT.email {display:block;height:32px;text-align:center;line-height:32px;margin:10px 0px 0px 0px; padding:0px 5px 0px 5px; font-size:15px; border-width:0px; color:#1c1c1c; background-color:#ffffff; box-sizing: border-box; width: calc(100% - 34px);} #newsletterpop>DIV.innerbox>FORM>INPUT.email::placeholder {color:rgba(0,0,0,0.5); opacity: 1;} #newsletterpop>DIV.innerbox>FORM>INPUT.email::-ms-input-placeholder {color:rgba(0,0,0,0.5);} #newsletterpop>DIV.innerbox>A.infos {display:block;color:#ffffff; font-size:13px; line-height:20px; margin:10px 0px 0px 0px; text-align:center; } #newsletterpop>DIV.innerbox>A.infos:hover {text-decoration:none; color:#e31e25;} a.fancybox-nav.fancybox-prev SPAN, a.fancybox-nav.fancybox-next SPAN {display:inline-block; color:#1c1c1c!important; background-image:none; visibility: visible!important; width:36px; height:36px; font-size:36px; line-height:36px; text-align:center; font-weight:bold;} a.fancybox-nav.fancybox-prev:hover SPAN, a.fancybox-nav.fancybox-next:hover SPAN {color:#e31e25!important;} a.fancybox-close {top: -15px;right: -15px;width: 36px;height: 36px; background-image: url(https://www.manthey-shop.com/images/icon-close-gold.svg); background-repeat: no-repeat; background-size: auto 60%; background-position: center center; background-color: #ffffff; border-radius: 50%; border: 2px solid #cfac50;} @media handheld, projection, tv { html {overflow-y: auto;} footer {position:relative;} } @media only screen and (min-width:1640px){ } @media only screen and (max-width:1400px){ .wrapper {max-width:980px;padding:0px 10px 0px 10px;} .wrapper .wrapper {padding-left:0px!important;padding-right:0px!important;} #logo {left:10px; top:34px; width:230px;} #powerdbylogo {right:180px;} #suche {width:280px; left:320px;} #warenkorb_button {right:10px;} #user {right:55px;} #sprache {right:105px;} nav.kat>.wrapper>ul>li {margin-left:40px;} header.scroll > nav.kat>.wrapper>ul>li {margin-left:20px; font-size:13px;} header.scroll > nav.kat>.wrapper>ul>li>a {font-size:13px;} header.scroll > nav.kat>.wrapper>ul>li>ul>li>a {font-size:13px; line-height:18px; padding-top:3px; padding-bottom:3px;} header #shophighlights > .wrapper > div.xmas div.countdown {margin-left:-70px;} .teaserkat {width:1000px!important; height:250px!important;} .teaserkat h2 {max-width:100%!important;} .teaserkat h3 {max-width:80%!important;} section.produkte .imageteaser {width:469px;} section.produkte .imageteaser_produkte {width:480px;} section.produkte .imageteaser_produkte .outer {width:532px;} section.produkte .imageteaser_produkte .pfeilleft {left:0px;} section.produkte .imageteaser_produkte .pfeilright {right:0px;} section.produkte .outer .inner {grid-gap: 10px;} section.produktdetails article {width:550px;} h1 {font-size:24px; line-height:36px;} h2 {font-size:20px; line-height:30px;} footer .shoplogos img {height:46px;width:auto;} #footercontent article.payments {max-width:220px;} section.startteaser_100 .startteaser_slider {height:185px;} section.produkthighlight .produkthighlight_content {width:320px;} section.produkthighlight .produkthighlight_images {width:650px;} section.produkthighlight .produktimages {width:650px; height:320px;} section.produkthighlight .produktimages .imageslider div {width:320px; height:320px;} section.content_info .produktimages {width:470px;height:470px;} section.content_info .produktimages .imageslider img {width:470px; height:470px;} section.content_info .imagenavi {margin:5px 5px 0px 0px!important;} section.content_info .imagenavi:nth-of-type(6n+6){margin-right:5px!important;} section.content_info .imagenavi:nth-of-type(5n+5){margin-right:0px!important;} article.blogeintrag.gross a.img {height:202px;} article.blogeintrag.klein a.img {height:147px;} article.blogeintrag.klein p {font-size:12px;} section.blogartikel_content .social {width:220px;} section.blogartikel_content article.blogartikel .video iframe{height:250px;} section.blogartikel_content .blogartikel .galery a {width:105px; height:105px; margin-left:10px; margin-bottom:10px;} section.blogartikel_content .flex > article.left {width:220px;} section.blogartikel_content .flex > article.left .blogempfehlungen {width:220px;} section.blogartikel_content .flex > article.blogartikel {width:450px;} section.blogartikel_content .flex > article.blogartikel * {max-width:450px!important;} section.content_info.content_katkacheln .wrapper article {width:233px;} section.content_info.content_markenicons .wrapper article {width:245px;} section.content_info.content_markenicons .wrapper .outer {height:245px;} section.content_info.content_markenicons .wrapper .pfeilleft {top:155px;} section.content_info.content_markenicons .wrapper .pfeilright {top:155px;} .xmas_kalender a {width:236px; height:236px; margin-left:12px!important; margin-bottom:12px!important;} .xmas_kalender a:nth-of-type(4n+1) {margin-left:0px!important;} } @media only screen and (min-width:1021px){ header.scroll #user {top:87px;} header.scroll #sprache {top:87px;} header.scroll #warenkorb_button {top:87px;} #mobile {display: none!important;} #produktfilter_filter>UL.multi.img:hover>LI>UL {display:flex;} #produktfilter_filter>UL:hover>LI>UL {display:block;} #produktfilter_filter>UL.multi.img>LI>UL>LI:hover>IMG {border:2px solid #1c1c1c; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} #produktfilter_filter>UL.multi>LI>UL>LI:hover {background-image:url(https://www.manthey-shop.com/images/icon-checkbox-checked-grey.svg);} #produktfilter_filter>UL>LI>UL>A.close:hover {color:#e31e25;} } @media only screen and (max-width:1020px){ .wrapper {max-width:680px;padding:0px 10px 0px 10px;} .wrapper .wrapper {padding-left:0px!important;padding-right:0px!important;} #mobilenav {display:block;} body {padding-top:156px;} body:before {height:156px;} header {height:156px; box-sizing:border-box; border-bottom:3px solid #e31e25;} header nav.kat{display:none;} header.scroll {top:-66px;} header #shophighlights > .wrapper > div.xmas div.countdown {margin-left:-130px;} #logo {position:absolute; top:38px; left:10px; margin:0px; padding:0px; width:200px;} #powerdbylogo {display:none;} #powerdbylogomobile {padding-top:10px!important; padding-bottom:50px!important;} #powerdbylogomobile img {display:block; margin:auto auto; width: 260px;} #suche {right: 195px; left:auto; top:26px; width:240px;} #sprache {display:none;} #warenkorb_button {right:85px; top:24px;} #user {right:140px; left: auto; top:24px;} #user:hover ul {display:none;} #warenkorb {border:0px; width:100%;padding-left:0px;padding-right:0px;right:auto;top:156px;height:calc(100% - 156px);} #warenkorb>DIV.warenkorb_wrapper {margin: auto auto; width:430px; box-sizing:border-box;} #checkout_header #mobilenav {display:block; width:60px;height:60px; margin-top:0px; top:0px;background-size:100% auto;} #checkout_header #mobilenav span.burger {height:6px; margin-bottom:5px;} #checkout_header #checkout_nav {display:block;margin:0px; padding:0px; position:absolute; top:20px; right: 20px;} #checkout_header #checkout_nav LI {display:none;margin:0px; padding:0px; border:0px;} #checkout_header #checkout_nav LI.aktiv {display:block;} #checkout_nav {right:100px;} #checkout_nav li {display:none; padding:0px;} #checkout_nav li.aktiv {display:block;} .checkout_content .checkout_karte {width:48%; margin-right:0%;} .checkout_content .checkout_karte:first-of-type{margin-right:4%;} .checkout_content .checkout_karte:last-of-type{clear:both; width:100%;} section.checkout_content.sticky_right aside{position:inherit; top:0px; display: inline-block;} .teaserkat {width:700px!important; height:175px!important;} .teaserkat ul.teaser li {background-size:cover!important; background-position: center center!important;} .teaserkat nav {bottom:0px!important;} .teaserkat nav ul li{margin:0px 5px 0px 0px!important;} .teaserkat nav ul li a{width:15px!important; height:15px!important;} section.produktliste .produktliste_grid {grid-template-columns: repeat(auto-fill, 220px);} article.produkt {width:220px; height:305px;} article.produkt img {width:220px; height:220px;} article.produkt span.preis {margin-top:5px; margin-left:15px; line-height:15px; font-size:12px;} article.produkt a.title {margin-top:5px; line-height:15px;height:45px;font-size:12px;} article.produkt span.rabattproz {line-height:20px;height:20px;width:50px;font-size:12px; top:20px;} article.produkt span.neu {line-height:20px;height:20px;width:50px;font-size:12px; top:20px;} article.produkt span.button2 {top:60px;} article.produkt .warenkorb {position:relative; bottom:0px; margin-top:5px; display:block; left:0px; width:100%; height:30px; line-height:30px;} article.produkt .warenkorb.inaktiv {cursor:pointer; background-color:#CCCCCC; color:#ffffff;} article.produkt .warenkorb.inaktiv:hover {background-color:#999999;} article.produkt:hover a.title {display:block;} article.produkt:hover span.preis {display:block;} article.produkt .varianten {bottom:85px;flex-wrap:wrap; } article.produkt .varianten.aktiv {display:flex;} article.produkt .varianten a {height:35px; line-height:35px;} article.produkt .varianten.s6 a {margin-top:5px;} article.produkt .varianten.s7 a {margin-top:5px;} article.produkt .varianten.s8 a {margin-top:5px;} article.produkt .varianten.s9 a {margin-top:5px;} article.produkt .varianten.s10 a {margin-top:5px;} article.produkt .varianten.s11 a {margin-top:5px;} article.produkt .varianten.s6 a {margin-top:5px; width:31%; font-size:14px;} article.produkt .varianten.s7 a {margin-top:5px; width:23%; font-size:14px;} article.produkt .varianten.s8 a {margin-top:5px; width:23%; font-size:14px;} article.produkt .varianten.s9 a {margin-top:5px; width:18.5%; font-size:14px;} article.produkt .varianten.s10 a {margin-top:5px; width:18.5%; font-size:13px;} article.produkt .varianten.s11 a {margin-top:5px; width:15%; font-size:12px;} article.produkt .varianten.s7 a.overflow {display:block;} article.produkt .varianten.s9 a.overflow {display:block;} article.produkt .varianten.s11 a.overflow {display:block;} section.produkte .outer {height:365px; margin:0px;} section.produkte .outer .inner {grid-template-columns: repeat(auto-fill, 220px);grid-gap: 10px;} section.produkte .imageteaser {width:100%; float:none; margin-bottom:20px;} section.produkte .imageteaser_produkte {width:100%; float:none; height:auto;} section.produkte .imageteaser_produkte .outer {height:425px; margin:0px; width:100%;} section.produkte .imageteaser_produkte .outer .inner {padding-left:0px;padding-right:0px;} section.produkte .imageteaser_produkte .spacer {float:left; clear:none; margin:0px;} section.produkte .imageteaser_produkte .spacer article.produkt {margin-top:0px;} section.produkte .imageteaser_produkte article.produkt {margin-right:19px;} #produktfilter {padding:5px 0px 5px 0px; background-image:none;} #produktfilter>A.mobile_filter {display:inline-block;height:25px; line-height:25px; color:#1c1c1c; font-size:16px; text-transform:uppercase; padding-right:40px; background-image:url(https://www.manthey-shop.com/images/icon-filter.svg); background-position:right center; background-repeat:no-repeat; background-size:auto 25px;} #produktfilter>A.mobile_filter:hover {color:#e31e25; text-decoration:none; background-image:url(https://www.manthey-shop.com/images/icon-filter-gold.svg);} #produktfilter_filter {display:none; padding:0px 20px 0px 20px;} #produktfilter_filter>A.morefilter {display:none;} #produktfilter_filter>A.lessfilter {display:none;} #produktfilter_filter>.clear {display:none;} #produktfilter_filter>UL {display:block; border:0px; width:100%; margin:0px; padding:0px; border:0px; z-index:530; position:relative;} #produktfilter_filter>UL>LI {border:0px; padding:20px 0px 20px 0px; border:0px; line-height:25px; color:#1c1c1c; font-size:18px; background:none;} #produktfilter_filter>UL>LI:after {content:"+"; font-size:30px; line-height:25px; font-weight:bold; position:absolute; right:0px; top:20px;} #produktfilter_filter>UL.open>LI:after {content:"-";} #produktfilter_filter>UL:not(:first-of-type)>LI {border-top:1px solid #1c1c1c;} #produktfilter_filter>UL>LI>UL {position:relative; top:0px; left:0px; margin:0px; padding:5px 0px 0px 0px; border:0px;} #produktfilter_filter>UL.hidden {display:block;} #produktfilter_filter>UL.multi.scroll>LI>UL {max-height:none; height:auto; overflow-y: auto;} #produktfilter_filter>UL.open>LI>UL>A.close {display:none;} #produktfilter.open {display:block; position:fixed; top:120px; left:0px; margin:0px; padding:0px; width:380px; height:calc(100vh - 120px);z-index:500; border:0px; border-right:1px solid #1c1c1c;background-color:#ffffff;} #produktfilter.open>A.mobile_filter {display:block; padding:20px 20px 20px 20px; font-size:28px; line-height:30px; background-image:none; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} #produktfilter.open>A.mobile_filter:after {content:"x"; display:block; font-size:20px; line-height:30px; position:absolute; right: 15px; top:18px;} #produktfilter.open #produktfilter_filter {display:block; position:relative; height:calc(100vh - 300px); box-sizing:border-box; padding-bottom:30px; overflow-y: scroll; overflow-y: overlay; background-color:#FFFFFF;} #produktfilter.open #produktfilter_filter:after {content:"";display:block; width:380px; height:30px; position:fixed; left:0px; bottom:110px; z-index:520; /*background: url(https://www.manthey-shop.com/images/produkte-bg.png) 0px bottom repeat-x #ffffff;*/} #produktfilter.open>A.mobile_deleteall {display:block; position:absolute; width:380px; text-align:center; bottom:80px; text-decoration:underline; color:#1c1c1c; font-size:13px; line-height:25px;} #produktfilter.open>A.mobile_filtern {display:block; position:absolute; width:340px; text-align:center; left:20px; bottom:20px; height:45px; line-height:45px; font-size:18px; text-transform:uppercase; color:#ffffff; background-color:#e31e25;} section.produkthighlight .produkthighlight_content {width:100%; float:none;} section.produkthighlight .produkthighlight_images {width:100%; float:none; margin-top:20px;} section.produkthighlight .produktimages {width:680px; height:335px;} section.produkthighlight .produktimages .imageslider div {width:335px; height:335px;} section.content article.full {width:100%;} section.produktdetails .produktimages {float:left;margin-right:25px;} section.produktdetails .imagenavi:nth-of-type(4n+4){margin-right:5px;} section.produktdetails .imagenavi:nth-of-type(3n+3){margin-right:0px;} section.produktdetails aside {float:none;width:100%;} section.produktdetails article {clear:both; float:none;width:100%;padding-top:40px;} section.produktdetails h1, section.produktdetails h2 {float:none;width:100%;} section.produktdetails .shareicon { margin: 15px 0;} section.produktdetails .shareicon a{margin-left:15px;} section.produkte .pfeilleft {display:none;} section.produkte .pfeilright {display:none;} section.content article.halb {width:48%;} section.content aside.halb {width:48%;} section.startteaser_100 .startteaser_slider {height:135px;} section.startteaser_50 article div.head {line-height:24px; font-size:21px; bottom:10px; left:10px; max-width:calc(100% - 20px);} form.form_buy select {margin-left:20px;} form.form_buy input.submit {margin-left:20px;} table.table_form_klein {width:100%; float:none!important;} table.table_form_adress {padding-top:10px!important; padding-bottom:10px!important;} footer .shoplogos img {height:32px;width:auto;} #footercontent {position: relative;} #footercontent article {width:30%;} #footercontent article.shippingsocial {max-width:40%; width:40%; padding-top:30px;} #footercontent article.payments {max-width:55%; width:55%; padding-top:30px;} #fusszeile {font-size:11px;} footer.checkout_footer .footercontent article {width:50%; padding:0px 0px 0px 0%;} footer.checkout_footer .footercontent article:nth-of-type(2n+1) {clear:both;} section.checkout_content article, section.content article.halb {width:100%; float:none;} section.checkout_content aside, section.content aside.halb {width:100%; float:none;margin-top:20px; clear:both;} section.content_info.bg_parallax {padding-top:250px;} section.content_info.bg_parallax.content_kacheln {padding-top:0px;} section.content_info.bg_image {padding-top:250px; background-position:left top; background-repeat:no-repeat;} section.content_info article {float:none; width:100%; box-sizing:border-box;} section.content_info.content_r article {margin-top:30px;} section.content_info.content_l article {margin-top:30px;} section.content_info aside {float:none; width:100%; box-sizing:border-box;} section.content_info .produktimages {width:600px;height:600px;margin:auto auto;/*margin-top:-80px;*/} section.content_info .produktimages .imageslider img {width:600px; height:600px;} section.content_info .imagenavi {margin:8px 8px 0px 0px!important;} section.content_info .imagenavi:nth-of-type(6n+6){margin-right:8px!important;} section.content_info .imagenavi:nth-of-type(5n+5){margin-right:8px!important;} section.content_info .imagenavi:nth-of-type(7n+7){margin-right:0px!important;} section.content_info.content_kat aside {margin-top:40px;} section.content_info.content_katkacheln .wrapper article {width:158px;} section.content_info.content_markenicons .wrapper article {width:226.66px;} section.content_info.content_markenicons .wrapper .outer {height:227px;} section.content_info.content_markenicons .wrapper .pfeilleft {top:148px; left:0px;} section.content_info.content_markenicons .wrapper .pfeilright {top:148px; right:0px;} section.blog article {position:relative; width:48%;height:48%;margin-left:4%;margin-bottom:4%;} section.blog article:nth-of-type(3n+1) {margin-left:4%;} section.blog article:nth-of-type(2n+1) {margin-left:0%;} section.blog article img {width:100%;height:100%;} section.blog_teaser .text_wrapper {padding:30px;} article.blogeintrag.gross a.img {height:218px;} article.blogeintrag.klein a.img img {} article.blogeintrag.empty {display:none;} section.blog_content.blog_content_2 .flex {justify-content:space-between;} section.blog_content .flex article {width:48%;margin-bottom:4%;} section.blog_content article.blog_social {order:2;} section.blogartikel_content .flex {flex-flow:wrap; } section.blogartikel_content .flex > article.blogprodukte{display:none;} section.blogartikel_content .flex > article.left {width:100%; margin-right:0px; order:3;} section.blogartikel_content .flex > article.left .social {display:none;width:100%; margin-right:0px; order:3;} section.blogartikel_content .flex > article.left .blogempfehlungen {width:100%;} section.blogartikel_content .flex > article.blogartikel {width:100%; order:1;} section.blogartikel_content .flex > article.blogartikel * {max-width:100%!important;} section.blogartikel_content .flex > section.produkte {display:block; order:2; background:none;} section.blogartikel_content .blogempfehlungen.mobile {display:block;} section.blogartikel_content article.blogartikel .video iframe{height:340px;} section.blogartikel_content .blogempfehlungen{width:100%; display:flex; justify-content: space-between;} section.blogartikel_content .blogempfehlungen .blogeintrag{width:220px;} section.blogartikel_content .blogartikel .galery a {width:160px; height:160px; margin-left:13px; margin-bottom:13px;} .xmas_kalender a {width:220px; height:220px; margin-left:10px!important; margin-bottom:10px!important;} .xmas_kalender a:nth-of-type(4n+1) {margin-left:10px!important;} .xmas_kalender a:nth-of-type(3n+1) {margin-left:0px!important;} #exitintentbg img.maximg {max-width:580px;} #exitintentbg img.teaserimg {width:580px; } #shopicons article img {height:60px;} #shopicons article.logo img {margin-top:20px;} } @media only screen and (max-width:810px){ body {padding-top:156px;transition: padding-top .4s ease-out;} body:before {height:156px;transition: height .4s ease-out;} header {height:156px; transition: top .4s ease-out, height .4s ease-out;} body.suche header {height:196px;} body.suche {padding-top:196px;} body.suche:before {height:196px;} .wrapper {max-width:460px;padding:0px 10px 0px 10px;} .wrapper.mobilenopadding {max-width:480px;padding:0px;} .wrapper .wrapper {padding-left:0px!important;padding-right:0px!important;} #mobilesuche {display:block;} #suche {display:none; left: 10px; right: auto; top: 85px; width:460px;} body.suche #suche {display:block;} #mobile ul li>span {width:440px;} #teaser {max-width:100%; max-height: auto; aspect-ratio: 1080 / 1338;} #teaser ul.teaser li img.desktop {display:none;} #teaser ul.teaser li img.mobile {display:block;} #teaser ul.fade li img.desktop {display:none;} #teaser ul.fade li img.mobile {display:block;} #teaser div.progressbar {display:block;} #teaser nav {bottom:0px;display:none;} .teaserkat {width:480px!important; height:120px!important;} header #shophighlights > .wrapper > div.xmas {position:relative; font-size:13px;} header #shophighlights > .wrapper > div.xmas div.countdown {position:absolute; width:650px; margin:0px; top:-10px; left:-215px;} header #shophighlights > .wrapper > div.xmas a.button {position:absolute; margin:0px; top:28px; right:12px;} section.produktdetails .produktimages {float:none;margin:auto auto;margin-bottom:10px;} section.produktdetails .imagenavi{margin-right:33px;margin-top:25px;} section.produktdetails .imagenavi:nth-of-type(3n+3){margin-right:33px;} section.produktdetails .imagenavi:nth-of-type(4n+4){margin-right:0px;} section.produktdetails strong.mobile {display:inline;} section.produktdetails strong.desktop {display:none;} section.produktdetails .preis {float:left;} section.produktdetails .wechselkurse {float:left; text-align:left;} section.produktdetails form.form_buy {float:left;} section.produktdetails ul.icons li {float:right; margin-bottom:5px;} section.produktdetails .artikelnummer ,section.produktdetails .artikelnummer strong, section.produktdetails .artikelnummer span{font-size:16px;} section.produktdetails .shareicon .mobile{display:inline-block;} section.produktdetails .shareicon {text-align:left;} section.startteaser_100 .startteaser_slider {height:90px;} section.startteaser_100 img.mobile {display:block;} section.startteaser_100 img.desktop {display:none;} section.startteaser_50 {display:block;} section.startteaser_50 .wrapper {display:block;} section.startteaser_50 article {width:100%;height:auto; padding-top:20px;} section.startteaser_50 article:first-of-type {padding-top:0px;} section.startteaser_50.startteaser_50_drei article {width:100%;height:auto;} section.startteaser_50 article div.head {line-height:27px; font-size:24px; bottom:20px; left:20px; max-width:calc(100% - 30px);} section.produkte .imageteaser {display:none;} section.produkte .outer .inner {padding-left:10px; grid-template-columns: repeat(auto-fill, 225px);} section.produktliste .produktliste_grid {grid-template-columns: repeat(auto-fill, 225px);grid-column-gap:10px;} article.produkt {width:225px; height:305px;} article.produkt img {width:225px; height:225px;} section.produkte .imageteaser_produkte article.produkt {margin-right:32px;} section.produkthighlight .produktimages {width:480px; height:480px; margin-left:-10px; margin-right:-10px;} section.produkthighlight .produktimages .imageslider div {width:480px; height:480px; margin:0px;} section.content article, section.content article.halb {width:100%; float:none;} section.content aside, section.content aside.halb {width:100%; float:none;margin-top:20px;} .checkout_content .checkout_karte p {font-size:12px;} .checkout_content .checkout_info {width:48%;margin-left:4%;} .checkout_content .checkout_info:first-of-type { margin-left:0%;} .checkout_content .checkout_info:nth-of-type(2n+1) { margin-left:0%; clear:both;} .checkout_content .checkout_info_count4 .checkout_info {width:48%;} .checkout_content .hightlight.uebersicht {flex-wrap: wrap;} .checkout_content .hightlight.uebersicht .checkout_auswahl div.r span{margin:0px;} footer .shoplogos .wrapper {flex-wrap: wrap; gap:20px;} footer .shoplogos img {height:40px;width:auto;} form.form_buy {margin-top:40px;} form#form_buy,form#form_buy2 {position:relative;} form#form_buy label{position:absolute;top:-20px; left:20px;} form#form_buy2 label{position:absolute;top:-20px; left:8px;} section.content_info .produktimages {width:480px;height:480px;margin-left:-10px;margin-right:-10px;} section.content_info .produktimages .imageslider div {width:480px; height:480px;} section.content_info .imagenavi {margin:15px 33px 0px 0px!important;} section.content_info .imagenavi:nth-of-type(6n+6){margin-right:33px!important;} section.content_info .imagenavi:nth-of-type(5n+5){margin-right:33px!important;} section.content_info .imagenavi:nth-of-type(7n+7){margin-right:33px!important;} section.content_info .imagenavi:nth-of-type(4n+4){margin-right:0px!important;} section.content_info.content_kacheln article .kachel_bild{height:225px;} section.content_info.content_kacheln article .kachel_oben{height:35px;} section.content_info.content_kacheln article .kachel_unten{height:70px;} section.content_info.content_kacheln article .kachel_unten p{font-size:12px; line-height:16px;} section.content_info.content_kacheln article .kachel_unten img{height:38px; padding-right:50px;} section.content_info.content_kacheln article.rotate .rotate_back{width:260px;height:340px; margin-top:40px;} section.content_info.content_kacheln.k3 article{height:390px; width:200px;} section.content_info.content_kacheln.k4 article{height:390px; width:200px;} section.content_info.content_kacheln article{width:200px;} section.content_info.content_kacheln article p {line-height:20px; font-size:16px;padding-left:15px;} section.content_info.content_kacheln article a {line-height:18px; font-size:14px;padding-left:15px;} section.content_info.content_kacheln .swiper-container{padding-left:30px; height:330px;} section.content_info.content_katkacheln .wrapper article {width:222px;} section.content_info.content_markenicons .wrapper article {width:230px;} section.content_info.content_markenicons .wrapper .outer {height:230px;} section.content_info.content_markenicons .wrapper .pfeilleft {display:none;} section.content_info.content_markenicons .wrapper .pfeilright {display:none;} section.content iframe {max-width:100%;} section.blog article a.hover h3 {font-size:14px; line-height: 18px;} section.blog article a.hover p {font-size:11px; line-height: 15px; max-height:135px;} section.blog_content .flex article {width:100%;} section.blog_content article.blog_social {order:1;} article.blogeintrag.gross a.img {height:306px;} article.blogeintrag.klein a.img {height:306px;} section.blogartikel_content .blogempfehlungen {width:100%; display: block;} section.blogartikel_content .blogempfehlungen .blogeintrag {width:100%;} section.blogartikel_content article.blogartikel .video iframe{height:240px;} section.blogartikel_content .blogartikel .galery a {width:110px; height:110px; margin-left:6px; margin-bottom:6px;} .xmas_kalender a {width:225px; height:225px; margin-left:10px!important; margin-bottom:10px!important;} .xmas_kalender a:nth-of-type(4n+1) {margin-left:10px!important;} .xmas_kalender a:nth-of-type(3n+1) {margin-left:10px!important;} .xmas_kalender a:nth-of-type(2n+1) {margin-left:0px!important;} #exitintentbg img.maximg {max-width:380px;} #exitintentbg img.teaserimg {width:380px;} header #AmazonPayButton img{width:initial; margin:auto;} #addressBookWidgetDiv{width:100%;} #walletWidgetDiv{margin-top:30px; width:100%;} #footercontent article {display:none;} #footercontent article.shippingsocial {display:block;} #footercontent article.payments {display:block;} #shopicons {display:none;} body.checkout #footercontent article.nav {display:block; width:31%;} #backtotop {bottom:60px;} } /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#E8410C}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#E8410C;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul, .flip-clock-wrapper li { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: #000; } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 70px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { display: block; background: #323434; width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .flip-clock-divider .flip-clock-label { display: none; position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } /* Default styling for jQuery Datepicker v5.0.1. */ .datepick { background-color: #fff; color: #000; border: 1px solid #444; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-family: Arial,Helvetica,Sans-serif; font-size: 90%; } .datepick-rtl { direction: rtl; } .datepick-popup { z-index: 1000; } .datepick-disable { position: absolute; z-index: 100; background-color: white; opacity: 0.5; filter: alpha(opacity=50); } .datepick a { color: #fff; text-decoration: none; } .datepick a.datepick-disabled { color: #888; cursor: auto; } .datepick button { margin: 0.25em; padding: 0.125em 0em; background-color: #fcc; border: none; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; font-weight: bold; } .datepick-nav, .datepick-ctrl { float: left; width: 100%; background-color: #000; color: #fff; font-size: 90%; font-weight: bold; } .datepick-ctrl { background-color: #600; } .datepick-cmd { width: 30%; } .datepick-cmd:hover { background-color: #777; } .datepick-ctrl .datepick-cmd:hover { background-color: #f08080; } .datepick-cmd-prevJump, .datepick-cmd-nextJump { width: 8%; } a.datepick-cmd { height: 1.5em; } button.datepick-cmd { text-align: center; } .datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear { float: left; padding-left: 2%; } .datepick-cmd-current, .datepick-cmd-today { float: left; width: 35%; text-align: center; } .datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close { float: right; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear { float: right; padding-left: 0%; padding-right: 2%; text-align: right; } .datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today { float: right; } .datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close { float: left; padding-left: 2%; padding-right: 0%; text-align: left; } .datepick-month-nav { float: left; background-color: #777; text-align: center; } .datepick-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .datepick-month-nav span { color: #888; } .datepick-month-row { clear: left; } .datepick-month { float: left; width: 15em; border: 1px solid #444; text-align: center; } .datepick-month-header, .datepick-month-header select, .datepick-month-header input { height: 1.5em; background-color: #444; color: #fff; font-weight: bold; } .datepick-month-header select, .datepick-month-header input { height: 1.4em; margin: 0em; padding: 0em; border: none; font-size: 100%; } .datepick-month-header input { position: absolute; display: none; } .datepick-month table { width: 100%; border-collapse: collapse; } .datepick-month thead { border-bottom: 1px solid #aaa; } .datepick-month th, .datepick-month td { margin: 0em; padding: 0em; font-weight: normal; text-align: center; } .datepick-month th { border: 1px solid #777; } .datepick-month th, .datepick-month th a { background-color: #777; color: #fff; } .datepick-month td { background-color: #eee; border: 1px solid #aaa; } .datepick-month td.datepick-week { border: 1px solid #777; } .datepick-month td.datepick-week * { background-color: #777; color: #fff; border: none; } .datepick-month a { display: block; width: 100%; padding: 0.125em 0em; background-color: #eee; color: #000; text-decoration: none; } .datepick-month span { display: block; width: 100%; padding: 0.125em 0em; } .datepick-month td span { color: #888; } .datepick-month td .datepick-other-month { background-color: #fff; } .datepick-month td .datepick-weekend { background-color: #ddd; } .datepick-month td .datepick-today { background-color: #f0c0c0; } .datepick-month td .datepick-highlight { background-color: #f08080; } .datepick-month td .datepick-selected { background-color: #777; color: #fff; } .datepick-month th.datepick-week { background-color: #777; color: #fff; } .datepick-status { clear: both; background-color: #ddd; text-align: center; } .datepick-clear-fix { clear: both; }