h1 { font-weight: bold; } h1, h2, .h1, .h2 { font-size: 20px; } h3, .h3 { font-size: 18px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .popupHeadline { color: #ffed00; font-weight: bold; text-transform: uppercase; font-size: 26px; margin: 0 0 20px 0; line-height: 1.1; display: block; padding:0;} div#extSovendusGutscheinCoontainer{ border:none !important;/*border:1px solid #ccc; margin-right:-8px;*/ } div#extSovendusGutscheinCoontainer #gutscheinconnection-container1 {padding:0;} .artikel-error {background-color:#FF0000; } .form-control { padding:6px 6px; height:38px; } .fancybox-inner h3 {color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin-top:10px; margin-bottom: 10px;} .fancybox-inner h4 { font-size: 16px; font-size: 18px; color:#fff;} .fancybox-inner iframe {padding-top: 10px; min-height: 600px; max-height: 90%; background: #fff; } a:hover, a:focus { text-decoration:none;} a.btn-default, a.btn-default:visited, .btn-default { border:none; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-size: 100% 100%; padding:4px 12px; font-weight:bold; font-size:12px; text-transform:uppercase; margin-right: 3px; cursor: pointer; display:inline-block; margin-bottom:1px; text-align: center;} a.btn-default:hover, a.btn-default:active, .btn-default:hover { color:#fff000; background-image:url('/images/btn_bg.png'); background-size: 100% 100%; } a.not-active { pointer-events: none; cursor: default; text-decoration: none; } .alert-info { color: #fff; background: #2d7ccc; border: 1px solid #006eb6; border-radius: 1px; padding: 10px 10px 5px 10px;} .btn-blue {background:#2b78bc; color:#ffec00 !important; border-bottom:3px solid #004991 !important; border-top:none !important; border-left:none !important; border-right:none !important; padding:4px 12px; font-weight:bold; font-size:12px; text-transform:uppercase; margin-right: 3px; cursor: pointer; display:inline-block; margin-bottom:1px; text-align: center;} .btn-blue:hover, .btn-blue:active {background:#ffec00; color:#005eba !important; border-bottom:3px solid #a79b00 !important; border-top:none !important; border-left:none !important; border-right:none !important; background-image: none !important; font-weight: bold !important; text-align: center;} .btn-share-plus { padding: 6px; background-size: 100% 100%; color: #fff; border-radius: 0 5px 5px 0px; } .btn-share-plus span { color: #fff !important; left: 2px; } #cooky-policy { min-height:30px; width:100%; background:rgba(0,0,0,0.7); font-size:12px; padding:10px; z-index:9999; position:fixed; bottom:0; top:auto; border-bottom: 1px solid #000;} #cooky-policy .text { margin:0; padding:4px 0 0 0; color:#ccc; } #cooky-policy .text a.info { color:#ccc; text-decoration:underline; } #cooky-policy .close-container {margin:0; padding:1px 0 0 0; } #cooky-policy .close-container a.close{ opacity:1 !important;} .cookie-policy-window {padding:12px; size:12px;} .cookie-policy-window h1{size:18px;} /* MPU 16.09.2019 .btn-yellow, a.color, .btn-default, .btn-yellow:visited, a.color:visited, .btn-default:visited, .btn-yellow:focus, a.color:focus, .btn-default:focus { background:#ffec00; color:#005eba !important; border-bottom:3px solid #a79b00 !important; border-top:none !important; border-left:none !important; border-right:none !important; background-image: none !important; font-weight: bold !important; text-align: center; /*-webkit-box-shadow:0px -3px 0px #a79b00 inset; -moz-box-shadow:0px -3px 0px #a79b00 inset; box-shadow:0px -3px 0px #a79b00 inset;*/} .btn-yellow:hover, a.color:hover, .btn-default:hover, .btn-yellow:active, a.color:active, .btn-default:active { /*-webkit-box-shadow:0px -3px 0px #004991 inset; -moz-box-shadow:0px -3px 0px #004991 inset; box-shadow:0px -3px 0px #004991 inset;*/} .btn-yellow:disabled, a.color:disabled, a.color.btnDisabled, .btn-default:disabled, .disabled > a {background:#b4b4b4 !important; color:#fff !important; border-bottom:3px solid #767676 !important;} .btn-yellow:disabled:hover, a.color:disabled:hover, a.color.btnDisabled:hover, .btn-default:disabled:hover, .disabled > a:hover {background:#b4b4b4 !important; color:#fff !important; border-bottom:3px solid #767676 !important;} */ .btn.noColor { display:block; color:#999999; line-height:26px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; border:1px solid #cccccc; background:#fff; border-radius:0px; } .wkPaymentBanner { background: rgb(31,165,222); padding:20px; margin:14px 0; color:#fff; font-size:14px; width:100%; border-radius: 2px;} .wkPaymentBanner a {color:white; text-decoration: underline;} .no-border { border: none !important; } .rightMargin { margin-right:15px;} .topMargin { margin-top:15px;} .minTopMargin { margin-top:5px;} .bottomMargin { margin-bottom:15px;} .no-TopMargin { margin-top: 0px; } .no-BottomMargin { margin-bottom: 0px; } .hidden { display: none; } .clear { clear: both; } .fa-plus {margin-right:5px; display: inline;} .fa{-webkit-text-stroke: 0.2px;} .newsletterSendBtn{ float:left !important; margin-bottom:5px !important;} #openLieferDetailDiv, #ersparnisWindow, #windowDivContent { display:none;} #searchResultLoader { text-align: center; } #articleListSorting { float: right; } #articleListSorting.searchRes { float: right; margin-right: 20px; } #articleListSorting select#sortBy { width: 130px; } div.row.articleSorting { margin-bottom: 25px; } h1.h-suchergebnis{font-size: 18px;} .infobox { border: 1px solid #cccccc; padding: 10px; background-image: url('/images/gsBox_bg.png'); background-repeat: repeat-x; width: 263px; margin-top: 12px; } .infobox.text-center { text-align: center; } .infobox a.biglink { color: #0071B3 !important; font-weight:bold; font-size: 35px; } .popover { z-index: 802; } .textContainer { margin-bottom: 10px;} .textContainer.no-margin { margin-bottom: 0;} .textContainer.with-padding { padding:15px;} .textContainer.img-center img { margin: 0 auto;} .textContainer.img-right img { margin: 0 0 0 auto;} a.gsLink:hover { text-decoration: underline !important; } #content { min-height:600px; /*560px;*/ } /*.wkFeedbackOverlay { position:fixed; height:100%; width:100%; z-index:999; background-color:rgba(0, 110, 182, .25); display:none;} .wkFeedbackOverlay .feedbackContainer { position:absolute; width:192px; height:154px; top:25%; left:50%; margin-left:-77px; background-color:#ffffff; border-radius:8px; padding:25px;} .wkFeedbackOverlay .feedbackContainer i { position:absolute; right:35px; bottom:15px; color:#00CC00; font-size:60px;}*/ .wkFeedbackOverlay { position:fixed; height:100%; width:100%; z-index:999; background-color:rgba(255, 255, 255, .5); display: none;} .wkFeedbackOverlay .hint{margin-top:-40px; font-size: 20px; font-weight:bold; color:#333; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);} .wkFeedbackOverlay .feedbackContainer { position:absolute; width:318px; height:267px; top:25%; left:50%; margin-left:-159px; background: none; padding:0px;} /* old */ /* #wkLoginBox { display:none; background-image:url('/images/wkLoginBox_bg.png'); background-size: 100% 100%; width:715px; height:100%; color:#FFFFFF;} #wkLoginBox h2, #wkLoginBox h3, #wkLoginBox .popupHeadline { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin-top:12px;} #wkLoginBox p { font-size:16px;} #wkLoginBox .btn-default { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; text-transform:uppercase;} #wkLoginBox .btn-default:hover { color:#fff000;} */ /* new */ #wkLoginBox { display:none; background-image:url('/images/wkLoginBox_bg.png'); background-size: 100% 100%; width:100%; height:100%; color:#FFFFFF;} #wkLoginBox p { color:#fff; font-size:14px; } #wkLoginBox p.popupHeadline { margin:0 0 20px 0; color:#ffed00; font-size:26px; } #wkLoginBox .resetPWText { display:none; } #wkLoginBox .nopad {padding:0;} #wkLoginBox .row {margin:0; padding:20px 0;} #wkLoginBox .form-group { margin:0; padding-bottom:15px; } #wkLoginBox .col { padding:0 20px; float:left; } #wkLoginBox .col.first { width:60%; border-right: 2px solid #ffee00; min-height: 172px; } #wkLoginBox .col.second { width:40%;} #wkLoginBox .form-group a:not(.masterPassCheckout) { color: #fff; cursor: pointer; } #wkLoginBox .form-group a:hover:not(.masterPassCheckout) { text-decoration: underline; } #wkLoginBox .form-group a.backToLogin { float:right; padding: 3px 0 0 0; display: inline-block;} #wkLoginBox .form-group a#forgotPWLink { float:right; padding: 3px 0 0 0; display: inline-block;} #wkLoginBox .performWkLoginBtn { float:left; } #wkLoginBox .form-group.progress { background:none; } #wkLoginBox .form-group.pwResetButtonContainer { height:auto; display:none; } #wkLoginBox .form-group a.anmeldung-go { background-image: url(/images/anmeldung_go.png); background-repeat:repeat-x; padding:3px 3px 0 30px; height:26px; display:inline-block; font-size:13px; border:1px solid #1e489c; } #wkLoginBox .form-group a.anmeldung-fb { background-image: url(/images/anmeldung_fb.png); background-repeat:repeat-x; padding:3px 3px 0 30px; height:26px; display:inline-block; font-size:13px; border:1px solid #1e489c; } #wkLoginBox #pwResetLoader { position: relative; top: 3px; left: 10px; display: none; } .lieferDetailVisible#lieferDetail { display:block; } #lieferDetail { display:none; background-image:url('/images/lieferDetail_bg.png'); /*background-repeat:repeat-x;*/ background-size: 100% 100%; width:410px; /*width:820px;*/ color:#FFFFFF; overflow:hidden; } #lieferDetail h2 { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:26px;} #lieferDetail p { font-size:16px;} #lieferDetail a.color { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; text-transform:uppercase; cursor:pointer; } #lieferDetail a.color:hover { color:#fff000;} #lieferDetail .centerDiv { text-align: center; padding:0 25px; box-sizing: border-box; } #lieferDetail .centerDiv table { text-align:left;} #lieferDetail .centerDiv table td { height:39px;} #lieferDetail .centerDiv table .fa { color:#FF0000; font-size:20px;} #lieferDetail .fa { color:#FF0000; font-size:20px;} #lieferDetail img { margin:15px 0;} #lieferDetail .row img { max-width:100%; } #lieferDetail .row p { font-size:12px; text-align:left; margin:1.8em 0px; } #lieferDetail .modalInfo {width:100%; text-align: center; margin:20px auto -10px auto; padding:0 70px;} #lieferDetail .modalInfo a { color:#ffed00; font-weight:bold; text-decoration:none; font-size:18px; } #lieferDetail .modalInfo a .fa { color:#fff; } #lieferDetail .modalInfo p.info { color:#fff; font-size: 14px; width:100%; margin:10px 0; display:none;} #lieferDetail .amexinfo { margin:20px 70px -40px; text-align:center; } #lieferDetail .amexinfo a { display:inline-block; margin-top:5px; } #lieferDetail table td, #lieferDetail table th {padding:0; font-size: 13px; padding: 10px 0 10px 0; font-weight: 100; margin-bottom:10px;} #lieferDetail #lieferDetailWindowSubmit { margin-bottom:20px; } #lieferDetail #lieferDetailWindowSubmit.disabled a.color { opacity:0.75; color:#aaa; } #lieferDetail #lieferDetailWindowSubmit.disabled a.color:hover { color:#aaa; } #lieferDetail .lieferDetailWindowSubmit { margin:20px 0; } #lieferDetail .lieferDetailWindowSubmit.disabled a.color { opacity:0.75; color:#aaa; } #lieferDetail .lieferDetailWindowSubmit.disabled a.color:hover { color:#aaa; } #lieferDetail .lieferDetailWindowContainer .timeouttext, #lieferDetail #lieferDetailWindowContainer .timeouttext, #lieferDetail .lieferDetailWindowContainer .aufpreistext, #lieferDetail #lieferDetailWindowContainer .aufpreistext {color:#fff000; font-weight: bold; margin:0; padding:0;} #lieferDetail .lieferDetailWindowContainer .timeouttext p, #lieferDetail #lieferDetailWindowContainer .timeouttext p, #lieferDetail .lieferDetailWindowContainer .aufpreistext p, #lieferDetail #lieferDetailWindowContainer .aufpreistext p {min-height: 0; padding: 4px; border:#fff000 1px solid; margin: 0 0 20px 0;} #lieferDetail .lieferDetailWindowContainer .pager .controls {} #lieferDetail .lieferDetailWindowContainer .pager .controls a {color:#FFF000;} #lieferDetail .lieferDetailWindowContainer .pager .controls a:hover {color:#FFF000;} #lieferDetail .lieferDetailWindowContainer .pager .controls a .fa {color:#FFF000; font-size:14px} #lieferDetail .lieferDetailWindowContainer .pager .controls a.forward {float:right;} #lieferDetail .lieferDetailWindowContainer .pager .controls a.backward {float:left; clear:both;} #lieferDetail .lieferDetailWindowContainer .pager .controls a.disabled {color:#FFF; opacity: 0.5; cursor:default;} #lieferDetail .lieferDetailWindowContainer .pager .controls a.disabled .fa {color:#FFF} #lieferDetail .lieferDetailWindowContainer .pager .controls a.disabled:hover {color:#FFF; opacity: 0.5; cursor:default;} #mkDeleteUserAdress { display:none; background-image:url('/images/wkLoginBox_bg.png'); /*background-repeat:repeat-x;*/ background-size: 100% 100%; width:375px; height:170px; color:#FFFFFF;} #mkDeleteUserAdress h2, #mkDeleteUserAdress h3, #mkDeleteUserAdress .popupHeadline { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:22px; margin-top:10px;} #mkDeleteUserAdress p { font-size:16px; margin-bottom: 17px; } #mkDeleteUserAdress a.color { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; text-transform:uppercase; cursor:pointer; } #mkDeleteUserAdress a.color:hover { color:#fff000;} .windowMerkzettel { display:none; background:url('/images/wkLoginBox_bg.png') #1A4E9B /*repeat-x*/; background-size: 100% 100%; width:375px; height:185px; color:#FFFFFF; padding: 1px; height: 100%; min-height: 155px;} .windowMerkzettel h2, .windowMerkzettel h3, .windowMerkzettel .popupHeadline { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:22px; margin-top:10px;} .windowMerkzettel p { font-size:16px; margin-bottom: 17px; } .windowMerkzettel a.color { border:none; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; text-transform:uppercase; cursor:pointer; } .windowMerkzettel a.color:hover { color:#fff000;} .windowMerkzettel input[type="text"], .windowMerkzettel input[type="select"] { width: 345px; } .windowMerkzettel span input[type="radio"] { position: relative; top: 2px; margin-right: 5px; } .windowMerkzettel span.last { margin-left: 15px; } .windowMerkzettel a.closeAfterResponse { display: none; } .windowMerkzettel .has-feedback .form-control-feedback { right: 15px; } .windowMerkzettel .small-padding { padding: 6px 2px;} #addArtikelToMZ { /*height: 200px !important;*/ /*height:230px; width:400px;*/ height:100%; width:100%; } #addArtikelToMZ label { margin-bottom: 0px !important; } #addArtikelToMZ #addArtikelToMZCountInput { /*width:55px*/ width: 100%; text-align: center; } #mkAddMerkzettel .btn-default { border: 1px solid #FFFFFF; border-radius: inherit; color: #FFFFFF; background-image: url('/images/btn_bg.png'); background-repeat: repeat-x; padding: 4px 12px; font-weight: bold; font-size: 12px; } #mkAddMerkzettel .btn-default:hover { color:#fff000;} #mkAddMerkzettel .has-feedback .form-control-feedback { right: 15px; } #shareMerkliste {height: 400px; width: 100%; max-width: 500px; min-height:525px;} #shareMerkliste #shareEmailInput { width:100%/*265px*/; padding: 6px 30px 6px 12px; } #shareMerkliste a.color { border: 1px solid #FFFFFF; border-radius: inherit; color: #FFFFFF; background-image: url('/images/btn_bg.png'); background-repeat: repeat-x; padding: 4px 12px; font-weight: bold; font-size: 12px; } #shareMerkliste p { font-size: 13px; } #shareMerkliste h2, .windowMerkzettel h3, #shareMerkliste .popupHeadline { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:22px; margin-top:10px;} #shareMerkliste .form-group { margin-top: 15px; } #shareMerkliste .form-group.last { margin-top: 0px; } #shareMerkliste .feedbackSpan { position: absolute; right: 60px; top: 35px; z-index: 100; color: #a94442; } #shareMerkliste #shareEmails { height: 80px;/*115px;*/ padding: 8px; background-color: rgba(255,255,255,0.8); overflow-y: scroll; } #shareMerkliste button span.fa { position: relative; top: 2px; font-size: 18px; color: #0068B1; } #shareMerkliste span.shareEmailItem { padding: 5px; background-color: #006eb6; color: #fff; margin-right: 5px; margin-bottom: 5px; border-radius: 5px; display: block; float: left; } #shareMerkliste span.shareEmailItem span.glyphicon { left: 7px; top: 1px; padding-right: 9px; font-size: 11px; cursor: pointer; } #shareMerkliste .response { display: none; } #shareMerkliste .messageContainer{width:100%;} #shareMerkliste .message {height: 100px; width: 100%; border-radius: 5px; color: #000; resize: none; padding:6px;} #gewichtsArtikelInfo { display:none; width:100%; background: url('/images/wkLoginBox_bg.png'); background-size: 100% 100%; position: relative; padding:10px 0;} #gewichtsArtikelInfo .text p { font-size: 14px; color:#fff; margin:0; padding:0; } #gewichtsArtikelInfo .waage { position:absolute; right:10px; top:10px; } #gewichtsArtikelInfo .waage img { width:100px; height:auto; } #gewichtsArtikelInfoWk {border:#005abd solid 4px; border-radius: 5px; margin:0 5px; padding:10px; margin:15px;} #gewichtsArtikelInfoWk p { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; margin:0; padding:0; } #delInvalidArticlesInfo { display:none; width:100%; background: url('/images/wkLoginBox_bg.png'); background-size: 100% 100%; position: relative; padding:10px 0;} #delInvalidArticlesInfo .text p { font-size: 14px; color:#fff; margin:0; padding:0; } #recruitment #emailInput { width:100%; padding: 6px 30px 6px 12px; } #recruitment a.color { border: 1px solid #FFFFFF; border-radius: inherit; color: #FFFFFF; background-image: url('/images/btn_bg.png'); background-repeat: repeat-x; padding: 4px 12px; font-weight: bold; font-size: 12px; } #recruitment p { font-size: 13px; } #recruitment .form-group { margin-top: 15px; } #recruitment .form-group.last { margin-top: 0px; } #recruitment .feedbackSpan { position: absolute; right: 60px; top: 35px; z-index: 100; color: #a94442; } #recruitment #emailList { height: 115px; padding: 8px; background-color: rgba(255,255,255,0.8); } #recruitment button span.fa { position: relative; top: 2px; font-size: 18px; color: #0068B1; } #recruitment span.emailItem { padding: 5px; background-color: #006eb6; color: #fff; margin-right: 5px; margin-bottom: 5px; border-radius: 5px; display: block; float: left; } #recruitment span.emailItem span.glyphicon { left: 7px; top: 1px; padding-right: 9px; font-size: 11px; cursor: pointer; } label { font-weight:normal;} label p {display:inline; margin:0; padding:0;} .feedbackSpan, .alert { display:none;} .alert.alert-initially-visible { display:inherit; } .alert.alert-always-visible { display:inherit; } .alert p { margin:0.5em 0px; } .alert p.longtext { font-size:0.86em; } #header { height:141px; background-image:url('/images/header_bg_unimarkt.png'); background-repeat:repeat-x; color:#fff;} #header a { color:#005dba;} #header .header-bar { background:#232323; color:#fff; height:34px; font-size: 13px; overflow:hidden; } #header .header-bar p { vertical-align:middle; text-align:center; margin:8px 0; white-space: nowrap; } #header .header-bar p i { color:#f6ed3a;} #header .header-bar p i.fa-check {margin-right:8px;} #header .header-bar p i.pipe { font-weight:bold; color:#2958a7; margin:0 4px 0 8px; } #header .header-bar p i.pipe:after { content:"\007C"; } #header .login a, #header .distributionType a .text {color:#fff000; font-weight:bold; white-space: nowrap;} #header .distributionType a {color:#fff; font-weight:normal;} #header .login a i, #header .distributionType a i {color:#ffffff;} #header .distributionType {float:right;} #header .merkzettel {margin-right:30px;} #header .headerContainer { padding-top: 25px; } #header .headerLinks { text-align: right; margin-bottom: 5px; } #header .userControl { padding-top: 15px; } #header .secondRow { } #header .secondRow .search { float:right; } #header .secondRow .search .headline { float:left; line-height:40px; margin-right:10px; font-weight:bold; font-size:20px;} #header .secondRow .search form { float: left; } #header .secondRow .search .input-group { width:450px; float: left; } #header .secondRow .search .input-group .btnLink { font-size:14px;} #header .secondRow .search .input-group .dropdownContainer { background-color:#FFFFFF; border-bottom: 1px solid #1B4E9A;} #header .secondRow .search .input-group .dropdownContainer a { border-right:1px solid #CCCCCC; padding:4px 12px; color:#000000; cursor:pointer;} #header .secondRow .search ul a { color:#262626;} #header .secondRow .search .btn { border-radius:inherit; border-color:#FFFFFF; padding:9px 12px/* width:100px; overflow:hidden; text-align:left;*/} #header .secondRow .search .form-control{border-color:#FFF;-webkit-box-shadow:none;box-shadow:none;padding:10px 12px;height:40px} #header .secondRow .search #searchText::-ms-clear { display: none; } #header .secondRow .search .searchBtn { background-image:url('/images/search_icon_unimarkt.png'); background-repeat:no-repeat; width:40px; height:40px; border:none;} #header .secondRow .login { float:left; border: solid 1px red; } #header #cartRow {background: transparent;} /* old */ /* .loginDiv { color:#333; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-size:100% 100%; padding:15px 0 0; width:460px;} .loginDiv h2, .loginDiv h3 { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin-top: 0px; margin-bottom: 20px; } .loginDiv label { color:#FFFFFF;} .loginDiv .loginBtnContainer .btn-default { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; float: left; } .loginDiv .loginBtnContainer .btn-default:hover { color:#fff000;} .loginDiv .loginDivLinks { color: #fff; float: left; margin-left: 15px; font-size: 12px; margin-top: 5px; } .loginDiv .loginDivLinks span.last { margin-left: 7px; } .loginDiv .loginDivLinks a { color: #fff; cursor: pointer; } .loginDiv .loginDivLinks a:hover { text-decoration: underline; } .loginDiv .loginExternal{color:#fff;float:left;margin:0;font-size:12px;display:block;background:#fff;padding:8px 10px;width:100%} .loginDiv .loginExternal a{color:#fff;cursor:pointer;display:block;width:205px;height:25px;margin:2px 0} .loginDiv .loginExternal a.anmeldung-go{background-image:url(/images/anmeldung_go.png);background-repeat:repeat-x;padding:4px 0 0 40px} .loginDiv .loginExternal a.anmeldung-fb{background-image:url(/images/anmeldung_fb.png);background-repeat:repeat-x;padding:4px 0 0 40px} .loginDiv .loginBtnContainer .loginExternal a:hover{text-decoration:underline} #wkLoginBox #wkLoginForm .loginExternal{color:#fff;float:left;margin-left:0;font-size:14px;margin-top:14px;padding:0;display:block;width:100%} #wkLoginBox #wkLoginForm .loginExternal a{color:#fff;cursor:pointer;width:205px;height:25px;margin:0 0 8px;font-size:12px;display:inline-block} #wkLoginBox #wkLoginForm .loginExternal a.anmeldung-go{background-image:url(/images/anmeldung_go.png);background-repeat:repeat-x;padding:4px 0 0 40px} #wkLoginBox #wkLoginForm .loginExternal a.anmeldung-fb{background-image:url(/images/anmeldung_fb.png);background-repeat:repeat-x;padding:4px 0 0 40px} #wkLoginBox #wkLoginForm .loginExternal a:hover{text-decoration:underline} .loginDiv .pwResetButtonContainer { height:35px; display: none; } .loginDiv .pwResetButtonContainer .btn-default { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; float: left; } .loginDiv .pwResetButtonContainer .btn-default:hover { color:#fff000;} */ /* new */ .loginDiv { color:#333; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-size:100% 100%; padding:0; width:580px;} .loginDiv p { color:#fff; } .loginDiv p.popupHeadline { margin:0 0 20px 0; color:#ffed00; } .loginDiv .row {margin:0; padding:20px 0;} .loginDiv .form-group { margin:0; padding-bottom:15px; } .loginDiv .col { padding:0 15px; float:left; } .loginDiv .col.first { width:68%; border-right: 2px solid #ffee00; min-height: 172px; } .loginDiv .col.second { width:32%;} .loginDiv .form-group a { color: #fff; cursor: pointer; } .loginDiv .form-group a:hover { text-decoration: underline; } .loginDiv .form-group a#forgotPWLink { float:right; padding: 3px 0 0 0; display: inline-block;} .loginDiv .form-group a.backToLogin { float:right; padding: 3px 0 0 0; display: inline-block;} .loginDiv .gotoRegister { width:100%; } .loginDiv p.reginfo { min-height:88px; } .loginDiv a.btn-yellow { height:28px; display:inline-block; padding:5px 10px; font-size:12px; margin-top:1px; } .loginDiv .form-group.progress { background:none; } .loginDiv .form-group.pwResetButtonContainer { height:auto; display:none; } .loginDiv .form-group a.anmeldung-go { background-image: url(/images/anmeldung_go.png); background-repeat:repeat-x; padding:3px 3px 0 30px; height:26px; display:inline-block; font-size:13px; border:1px solid #1e489c; } .loginDiv .form-group a.anmeldung-fb { background-image: url(/images/anmeldung_fb.png); background-repeat:repeat-x; padding:3px 3px 0 30px; height:26px; display:inline-block; font-size:13px; border:1px solid #1e489c; } .loginDiv .resetPWText { display: none; color: #fff; } .loginDiv.dropdown-menu { position: relative; top: 0px; margin: 0px; box-shadow: none; } .loginDiv #pwResetLoader { position: relative; top: 3px; left: 10px; display: none; } .loginDiv .alert { padding: 10px; } #content .subnav.filter label {display:inline;} .filterDiv { color:#333; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-repeat:repeat-x; padding:15px 0 0; width:460px;} .filterDiv h2 { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin-top: 0px; margin-bottom: 20px; } .filterDiv p { color:#FFFFFF; margin-bottom:25px;} .filterDiv.dropdown-menu { position: relative; top: 0px; margin: 0px; box-shadow: none; } #ersparnisWindow { color:#FFF; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-repeat:repeat-x; padding:15px 0 0; height:480px; background-color:#006eb6;} #ersparnisWindow h2 { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:22px;} #ersparnisWindow .windowDiv { height:415px; overflow:auto;} .existingCart { min-height:100%; color:#fff; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-size: 100% 100%;} .popup.selectFixeAdresse { min-height:100%; color:#fff; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-size: 100% 100%;} .popup.selectFixeAdresse .options { height: 222px; overflow-y:auto; overflow-x:hidden;} .popup.selectFixeAdresse .options .fadresse { display:block; margin:10px 0 10px 0; line-height:24px; } .paybackPopup { min-height:100%; color:#fff; border-radius:inherit; background-image:url('/images/pb_popup_bg.jpg'); background-size: 100% 100%; padding:2px; font-size:13px; } .paybackPopup .popupHeadline { font-size:16px; text-transform:uppercase; color:#ffed00; } .paybackPopup .popupSubHeadline { font-size:16px; color:#ffed00; font-weight:bold; } .paybackPopup .buttonContainer { text-align: right; margin: 10px 0; } .paybackPopup .alert { margin: 10px 0; } .paybackPopup a {color:#005ca9;} .paybackPopup a.paybacklink { color:#4a4a49; text-decoration:underline; font-weight:bold;} .paybackPopup p { color:#4a4a49; font-size:16px; line-height:18px; font-family:PAYBACK; } .paybackPopup label { color: #4a4a49; } .paybackPopup .popupHeadline { line-height:26px; color:#005ca9; font-size:30px; font-family:PAYBACK; font-weight:normal;} .paybackPopup img.stoerer { float:right; max-width:25%; margin-top:-18px; } .paybackPopup img.inputImage { display:block; width:100%; margin-top:0; } .paybackPopup img.submitImage { max-width:130px; display:inline-block; } .paybackPopup a#addPaybackNumber.btnDisabled img { opacity:0.5; } .paybackPopup img.teaser { width:100%; margin-top:-5px; } .paybackPopup .pbInputContainer { display:block; position:relative; margin:0 0 20px 0 } .paybackPopup #paybackNumber { position:absolute; right:2px; top:67%; font-size:36px; width:61%; margin:0; padding:0 6px; } .paybackPopup #paybackNumber { color:#000000; padding:0 6px; } .paybackPopup #paybackNumber.valid { color:#008200; } .paybackPopup #paybackNumber.invalid { color:#e00000; } .paybackPopup .paybackCheckboxLabel { position: absolute; width: 61%; right: 0; margin-top: -2px; font-size: 16px; line-height: 16px; } .paybackPopup .paybackCheckboxLabel.valid { color:#4a4a49; } .paybackPopup .paybackCheckboxLabel.invalid { color:#e00000; } .paybackPopup span.hint { font-size:13px; text-decoration:underline; } .paybackPopup span.alert { font-size:14px; display:inline-block; margin:0 10px 0 0; min-width:275px; } .paybackPopup span.alert { display:none; } .paybackPopup .buttonContainer { margin:0; } .paybackPopup .checkDataPopup { position:absolute; left:0; top:0; right:0; bottom:0; background: rgba(220,220,220,0.7); display:none; } .paybackPopup .checkDataPopup .popupBody { font-family:PAYBACK; background: #fff; background-image: url(/images/pb_popup_bg.jpg); background-size: 100% 100%; margin: 45% 20% 0 20%; width: 60%; height: 20%; border-radius: 10px; border: 4px solid #fff; padding: 20px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); } .paybackPopup .checkDataPopup .popupBody p { font-size: 20px; line-height: 23px; } .paybackPopup .checkDataPopup .popupBody a { float: left; background: #194b9b; color: #fff; padding: 5px 30px; border: 3px solid #fff; border-radius: 4px; font-family:PAYBACK; font-size:12px; } .produktDetailContainer .priceContainer .paybackInfo { position: absolute; top:0; right:0; } .orderDoneText .payback { font-family:PAYBACK; font-size:20px; } .orderDoneText .payback img { width:100%; } .orderDoneText .payback a { color:#4a4a49; } .row.vcenter { display:flex; align-items:center; } .logoutDiv { color:#333; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-size:100% 100%; padding:15px 0 0; width:375px; height: auto;} .logoutDiv h2, .logoutDiv h3, .logoutDiv .popupHeadline { color:#ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin-top: 0px; margin-bottom: 10px; } .logoutDiv label { color:#FFFFFF;} .logoutDiv p { color: #fff; margin-bottom: 20px; } .logoutDiv .loginBtnContainer { height:35px; } .logoutDiv .loginBtnContainer .btn-default { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px; float: left; } .logoutDiv .loginBtnContainer .btn-default:hover { color:#fff000;} .logoutDiv .loginBtnContainer .btn-default.first { margin-right: 10px; } .logoutDiv .loginBtnContainer .loginDivLinks { color: #fff; float: left; margin-left: 15px; font-size: 12px; margin-top: 5px; } .logoutDiv .loginBtnContainer .loginDivLinks span.last { margin-left: 7px; } .logoutDiv .loginBtnContainer .loginDivLinks a { color: #fff; cursor: pointer; } .logoutDiv .loginBtnContainer .loginDivLinks a:hover { text-decoration: underline; } .logoutDiv.dropdown-menu { position: relative; top: 0px; margin: 0px; box-shadow: none; } #header .login { float: left; margin-right: 30px;} #header .login .logoutDiv { color:#333; border-radius:inherit; background-image:url('/images/blue_bg.png'); background-repeat:repeat-x; border:2px solid #FFFFFF; padding:15px 0 0;} #header .login .logoutDiv .btn-default { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px;} #header .login .logoutDiv .btn-default:hover { color:#fff000;} #header .merkzettel { float:left; margin-left: 0px; } #header .merkzettel #merkzettelPopover { cursor:pointer;} #header .secondColumn .firstRow { margin-top:25px;} #header .secondColumn .secondRow { position:relative;} #header .secondColumn .secondRow .wkContainer { width:263px; position:absolute; margin-top:75px; left:0; z-index:200;} #header .secondColumn .secondRow .wkContainer .tasche { position:absolute; top:-20px; right:0;} #header .secondColumn .secondRow .wkContainer .tascheBig { margin-bottom:-20px; } #header .secondColumn .secondRow .wkContainer .cart { color:#333; background-color:#f3f3f5; border-top-left-radius:8px; border-top-right-radius:8px; padding:5px 10px; background-image:url('/images/cart_bg.png'); background-repeat:repeat-x; background-position:bottom; } #header .secondColumn .secondRow .wkContainer .cart.wkCart { color:#333; background:none; } #header .secondColumn .secondRow #leftSideCartArea { /*z-index:801;*/ } #header .secondColumn .secondRow .wkContainer .cart .headline h3 { text-transform:uppercase; font-size:20px; color:#006eb6; font-weight:bold; margin-top:10px;} #header .secondColumn .secondRow .wkContainer .cart .headline p { margin:0 0 9px; font-size:12px;} #header .secondColumn .secondRow .wkContainer .cart .ablegeDiv { border:1px dashed #CCCCCC; margin:16px 10px 7px; text-align:center; line-height:60px; color:#666666;} #header .secondColumn .secondRow .wkContainer .cart .ablegeDiv i { font-size:36px; position:relative; top:6px; display:none;} #header .secondColumn .secondRow .wkContainer .cart .ablegeDiv i.success { color:#009900;} #header .secondColumn .secondRow .wkContainer .cart .ablegeDiv i.error { color:#FF0000;} #header .secondColumn .secondRow .wkContainer .cart .ablegeDiv.drag { border-color:#006eb6; color:#006eb6;} #header .secondColumn .secondRow .wkContainer .cart .ablegeDiv.over { border-color:#FFFFFF; background-color:#006eb6; color:#FFFFFF;} #header .secondColumn .secondRow .wkContainer .cart .cartSumme { text-align:right; font-size:40px; font-weight:bold; margin-right:10px; float:right;} #header .secondColumn .secondRow .wkContainer .cart .cartSumme .sup { position:relative; top:-14px; font-size:20px;} #header .secondColumn .secondRow .wkContainer .cart .cartErsparnis { color:#d90022; text-align:right; font-size:14px; font-weight:bold; margin-right:10px; float:left; margin-top:25px;} #header .secondColumn .secondRow .wkContainer .cart .cartErsparnis .sup { position:relative; top:-3px; font-size:10px;} #header .secondColumn .secondRow .wkContainer .cart .cartErsparnisText { color:#d90022; text-align:right; font-size:14px; font-weight:bold; margin-right:10px; float:left; margin-top:25px;} #header .secondColumn .secondRow .wkContainer .cart .toCheckout { text-align:right; float:right;} #header .secondColumn .secondRow .wkContainer .cart .toCheckout a { display:block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; margin:10px 0 10px;} #header .secondColumn .secondRow .wkContainer .cart .toCheckout a:hover { color:#fff000;} #header .secondColumn .secondRow .wkContainer .cart .showAll { float:left;} #header .secondColumn .secondRow .wkContainer .cart .showAll a { color:#333333; line-height:46px; font-size:13px;} #header .secondColumn .secondRow .wkContainer .cart .divider { background-image:url('/images/wk_divider_bg.png'); height:3px; margin-bottom:12px} #header .secondColumn .secondRow .wkContainer .cart .divider.double { height:6px; margin-bottom:0px} #header .secondColumn .secondRow .wkContainer .cart .artikel { position:relative; padding-top:10px; padding-bottom:10px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .image { float:left; margin-right:10px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .remove { position:absolute; top:22px; right:10px; width:16px; height:17px; border:1px solid #cccccc; background-color:#FFFFFF;} #header .secondColumn .secondRow .wkContainer .cart .artikel .remove .fa { font-size:10px; position:relative; top:-4px; left:3px; color:#cccccc;} #header .secondColumn .secondRow .wkContainer .cart .artikel .image img { width:50px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .text { float:left; font-size:11px; font-weight:bold; height:30px; width:210px; overflow:hidden;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow { position:relative; float:left; width:100%;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .qtyContainer { float:left; font-size:12px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .qtyContainer .qtyBtn { width:17px; height:17px; padding:0; margin:0; border:none; border-radius:0;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .qtyContainer .qtyBtn.minus { background-image: url('/images/qty_minus.png'); background-repeat: no-repeat; background-size: 100% auto;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .qtyContainer .qtyBtn.plus { background-image: url('/images/qty_plus.png'); background-repeat: no-repeat; background-size: 100% auto;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .qtyContainer .input-group { width:70px; float:left; margin-right:5px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .qtyContainer .qtyField { padding:0; margin:0; height:17px; text-align:center; line-height:17px; font-size:12px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .price { float:right; font-size:12px;} #header .secondColumn .secondRow .wkContainer .trustedShopContainer { padding-top:40px; background-color:#fff;} /* cart neu */ #header .secondColumn .cart {padding:15px !important;} #header .secondColumn .cart .wkUp img, .cart .wkDown img {display:block; margin:0 auto;} #header .secondColumn .cart .cover {max-height:219px; overflow:hidden; margin:2px 0 2px 0;} #header .secondColumn .cart #wkArtikelContainer {overflow:auto;} #header .secondColumn .cart .ablegeDiv { border:1px solid #CCCCCC !important; margin:16px 0 14px 0 !important; text-align:center; line-height:60px; color:#666666; font-size:12px; color: #999999 !important;} #header .secondColumn .cart .ablegeDiv.over { color: #fff !important;} #header .secondColumn .cart .divider_small{ height:1px; width:62px; background-color: #ccc; margin:5px 0 4px 0;} #header .secondColumn .cart .headline p {margin:0 !important; font-size: 12px; } #header .secondColumn .cart .headline .tasche {position:absolute; top: 2px !important; width: 140px; height:auto;} #header .secondColumn .cart .headline a.anzeigen {color:#005eba !important; font-weight: bold; font-size:12px;} #header .secondColumn .cart .headline .circle {background:#ffed00; color:#005eb8; height:32px; width:32px; border-radius:16px; text-align:center; overflow:hidden; position:absolute; top:10px; right:10px;} #header .secondColumn .cart .headline .circle p.counter {margin:6px 0 0 0 !important; font-weight: bold; font-size:16px !important;} #header .secondColumn .cart .divider {background-image: none !important; background: #ccc; height: 1px !important;} #header .secondColumn .cart .qtyField {background:transparent; border:none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#005dba; font-weight: bold; font-size:14px !important; margin-top: 1px !important;} #header .secondColumn .cart .remove {background:none !important; border:none !important; right:4px !important; top:10px !important;} .cart .qtySelect {height:20px; padding:0;} #header .secondColumn .secondRow .wkContainer .cart .artikel {padding-top: 0} #header .secondColumn .secondRow .wkContainer .cart .cartErsparnis .sup {position: relative; top: 0px; font-size: 11px;} #header .secondColumn .secondRow .wkContainer .cart .artikel .secondRow .price {font-size:12px; font-weight: bold; margin-top: 4px;} #header .secondColumn .cart {border-radius: 0 !important; background-image: url('/images/cart_bg_2.jpg') !important; background-size: 100% 100%;} #header .secondColumn .cart .cartPrice {margin-bottom: 10px;} #header .secondColumn .cart .cartErsparnisText {color:#ff3a2f !important; font-size:11px !important; float:left; margin:0 !important;} #header .secondColumn .cart .cartErsparnis {color:#ff3a2f !important; font-size:11px !important; float:right !important; margin:0 !important;} #header .secondColumn .cart .cartVersand {font-size:11px; float:left !important; margin:0 !important;} #header .secondColumn .cart .cartSumme {margin:0 !important; float:rigth !important; margin:0 !important; font-size:35px !important;} #header .secondColumn .cart .cartSumme .sup {font-size:17px !important;} #header .secondColumn .cart .btn-kassa { font-size: 14px !important; width: 234px; padding:4px; margin:10px 0 0 0 !important;} #header .secondColumn .bigCart { padding-top: 14px; } #header .secondColumn .bigCart .wkUp img, .cart .wkDown img {display:block; margin:0 auto;} #header .secondColumn .bigCart .cover {max-height:219px; overflow:hidden; margin:2px 0 2px 0;} #header .secondColumn .bigCart #wkArtikelContainer {overflow:auto;} #header .secondColumn .bigCart .ablegeDiv { border:1px solid #CCCCCC !important; margin:16px 0 14px 0 !important; text-align:center; line-height:60px; color:#666666; font-size:12px; color: #999999 !important;} #header .secondColumn .bigCart .ablegeDiv.over { color: #fff !important;} #header .secondColumn .bigCart .divider_small{ height:1px; width:62px; background-color: #ccc; margin:5px 0 4px 0;} #header .secondColumn .bigCart .headline p {margin:0 !important; font-size: 12px; } #header .secondColumn .bigCart .headline .tasche {position:absolute; top: 2px !important; width: 140px; height:auto;} #header .secondColumn .bigCart .headline a.anzeigen {color:#005eba !important; font-weight: bold; font-size:12px;} #header .secondColumn .bigCart .headline .circle {background:#ffed00; color:#005eb8; height:32px; width:32px; border-radius:16px; text-align:center; overflow:hidden; position:absolute; top:10px; right:10px;} #header .secondColumn .bigCart .headline .circle p.counter {margin:6px 0 0 0 !important; font-weight: bold; font-size:16px !important;} #header .secondColumn .bigCart .divider {background-image: none !important; background: #ccc; height: 1px !important;} #header .secondColumn .bigCart .qtyField {background:transparent; border:none; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#005dba; font-weight: bold; font-size:14px !important; margin-top: 1px !important;} #header .secondColumn .bigCart .remove {background:none !important; border:none !important; right:4px !important; top:10px !important;} #header .secondColumn .bigCart a.close { display:block; position:absolute; font-size:30px; color:#005dba; left:0; top:0; opacity:1; background:#fff; height:24px; width:24px; border-radius:50%; } #header .rightCartMenu.mini { position:fixed; right:0; top:50%; margin-top:-100px; background:none !important; padding:0 !important; } #header .rightCartMenu.mini .miniCart { display:block; margin: 0 !important; padding:0 !important; line-height:initial !important; border:none !important; } #header .rightCartMenu.mini .bigCart { display:none; } #header .rightCartMenu.big { position:fixed; right:0; top:212px; width:266px; border:1px solid #eee; } #header.onTop .rightCartMenu.big { top:130px; } #header .rightCartMenu.big .miniCart { display:none; } #header .rightCartMenu.big .bigCart { display:block; } #header .rightCartMenu .miniCart { position:relative; height:200px; width:120px; } #header .rightCartMenu .miniCart.ablegeDiv.over { border:none !important; background:none !important;} #header .rightCartMenu .miniCart .bg { background-image:linear-gradient(#3889c9, #0062ba); width:200px; height:200px; border-radius:50%; position:absolute; right:-100px; } #header .rightCartMenu .miniCart .counter { position:absolute; top:8px; right:4px; width:35px; height:35px; background:#ffed00; border-radius:50%; line-height:36px; font-size:18px; font-weight:bold; color:#005db8; text-align:center; } #header .rightCartMenu .miniCart .bag { width:150px; position:absolute; right:-5px; top:1px; } #header .rightCartMenu .miniCart .bag img {width:100%; height:auto;} #header .rightCartMenu .miniCart .sum { color:#fff; position:absolute; font-size:18px; right:8px; top:136px; width:100px; text-align:right; } #header .rightCartMenu .miniCart .sum span.sup { position:relative; font-size:12px; top:-4px; } /* #header .secondColumn .bigCart .infobox { background:#fff; width:calc(100% + 30px); margin:15px -15px -15px -15px; border:none; padding:15px; } */ .sealslider_container { overflow:hidden; } .sealslider { width:calc(100% + 20px); } .sealslider .owl-item { padding-right:20px; } .sealslider_container strong { font-size:15px; text-transform:uppercase; display:block; text-align:justify; color:#000; height:1.75em; } .sealslider_container strong:after { content: ""; display: inline-block; width: 100%; } .sealslider_paymentmethods .payment-logo-container { display:inline-block; width:33.33%; padding:5px; } .sealslider_paymentmethods .payment-logo { display:block; width:100%; } .sealslider_paymentmethods_inner { margin:0px -3px 0px -5px; } .sealslider { font-size:0px; } a.sealslider-secure-item { width:27%; display:inline-block; margin:0 3%; } a.sealslider-secure-item img { display:inline-block; width:100%; } .sealslider-secure-logofull { width:100%; display:inline-block; } .sealslider.owl-theme .owl-controls { margin-top:0px; margin-bottom:0px; } .navbar { background-image:url('/images/navbar_bg.png'); background-repeat:no-repeat; background-size:100% 100%; border:none; min-height:41px; border-radius:inherit; padding:0; margin:0;} .navbar-nav>li>a { padding-top:10px; padding-bottom:11px; font-weight:bold;} .navbar-default .navbar-nav>li>a { color:#333333;} .navbar-collapse { padding:0;} /*.nav>li>a:hover, .nav>li>a:focus { text-decoration:none; background:none;}*/ .nav>li>a { padding:10px 8px;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:#006eb6; background:none; } .navbar-default .navbar-nav>li>a:hover{ color:#fff001; background:#005dba; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { /*background: url('/images/hover_navi.png') #2d539c repeat-x; */ background: #005dba; color:#fff; } .navbar-toggle { padding:5px 10px; margin-top:7px; float:left; margin-left:15px;} .navbar-nav>li>.dropdown-menu { background: #fefefe; border: 1px solid #ffffff; border-top: none; padding: 15px; z-index: 801; border-radius: 0; z-index:801; border:1px solid rgba(0,93,186,.2); } .navbar-nav .dropdown-menu { z-index:805 !important; -webkit-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px);} .navbar-nav .angle { font-size: 31px; position: relative; top: 5px; color: #aaa; margin-right: 8px; line-height: 2px;} .navbar-nav .list { font-size: 20px; position: relative; top: 3px; line-height: 2px;} .dropdown-menu>li { width: auto; } .dropdown-menu>li.spalte1 { width: 260px; } .dropdown-menu>li.spalte2 { width: 550px; } .dropdown-menu>li.spalte3 { width: 840px; } .dropdown-menu>li.spalte4 { width: 1130px; } .dropdown-menu>li.spalte5 { width: 1420px; } .dropdown-menu>li>div.menublock-floater { float: left; margin-right: 30px; } .dropdown-menu>li>div.menublock-floater.last { margin-right: 0px; } .dropdown-menu>li>div.menublock-floater>div.menublock-container { width: 260px; } .dropdown-menu>li>div.menublock-floater>div.menublock-container>a { padding: 0px 0px 2px 0px; border-bottom: solid 1px #005dba; color:#fff; text-transform: uppercase; font-weight: bold; width: 260px; display: block; } .dropdown-menu>li>div.menublock-floater>div.menublock-container>a i { font-size: 16px;} .dropdown-menu>li>div.menublock-floater>div.menublock-container>a:hover, .dropdown-menu>li>div.menublock-container>a:focus { background-color: transparent; color: #FFF001; } .dropdown-menu>li>div.menublock-floater>div.menublock-container>ul { margin-left: 0px; padding-left: 0px; margin-bottom:20px; } .dropdown-menu>li>div.menublock-floater>div.menublock-container>ul li { margin-left: 0px; list-style: none; } .dropdown-menu>li>div.menublock-floater>div.menublock-container>ul li a { color: #fff; /*border-bottom: solid 1px #fff;*/ display: block; padding: 3px 0px; } #content a.color { display:block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px;} #content a.color:hover { color:#fff000;} #content a.noColor, #content button.noColor { display:block; color:#999999; line-height:26px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; border:1px solid #cccccc; background:#fff;} #content button.noColor { background-color: #fff; } /*#content*/ .help { position:relative; display:inline-block; width:16px; height:17px; margin-right:5px; border:1px solid #cccccc; background-color:#FFFFFF; font-size: 14px;} /*#content*/ .help .fa { font-size:12px; position:relative; top:-3px; left:3px; color:#cccccc;} /*#content*/ .help.openErsparnisWindow .fa { left:-3px;} #content > .container { min-height:500px;} #content > .container.popup {margin: 10px !important;} #content .gruppe { margin-bottom:30px; height: 341px; position:relative;} #content .gruppe .button { position:absolute; bottom:20px; right:35px; display:block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 15px; white-space: nowrap;} #content .gruppe .button:hover { color:#fff000;} #content .subnav { margin-bottom:20px;} #content .subnav.filter { margin-top:50px; margin-bottom:50px;} #content .subnav .headline { /* background-image: url(/images/subnav_header_bg.png); background-repeat: repeat-x; */ line-height: 40px; font-weight: bold; text-indent: 10px; border-bottom: 1px solid #cccccc; margin-bottom: 5px; } #content .subnav li { /*background:url('/images/subnav_bg.png') repeat-x bottom left;*/ line-height:25px; /*text-indent:20px;*/ text-indent:10px; margin: 0; } #content .subnav li a { color:#333333; display:block; position:relative; /*background:url('/images/subnav_bg.png') repeat-x bottom left;*/ } #content .subnav.filter li a { font-weight:bold; } #content .subnav li.active a { color:#006eb6; } #content .subnav li a i { position:absolute; top:5px; right:10px; color:#999;} #content .subnav li.headline a i { margin-top:10px; } #content .subnav li ul { padding:0;} #content .subnav li ul li { list-style-type:none; /*text-indent:30px;*/ text-indent:0; margin: 0 0 0 20px; } #content .subnav li ul li a { color:#999999; } #content .subnav li.active ul li a { color:#999999; } #content .subnav li.active ul li a.active { color:#006eb6; } #content .subnav li.active ul li a span.count { display: block; font-size: 12px; font-weight: bold; line-height: 10px; padding-bottom: 7px; color:#999999; } #content .subnav li.active ul li a span.mlOwner { display: block; font-size: 12px; font-weight: normal; line-height: 12px; padding-bottom: 7px; color:#999999; font-style: italic; } #content .subnav li.active ul li a#addMerklisteLink { cursor: pointer; } #content .subnav li.active ul li a#addMerklisteLink span.fa { font-size: 10px; } #content .subnav li ul li ul li { list-style-type:none; /*text-indent:40px;*/ text-indent:0; margin:0 0 0 10px; } #content .subnav li div { display:none; } #content .subnav li div.open { display:block; } #content .subnav li ul.open { display:block; } #content .subnav li ul { display:none; } #content .subnav li span.showMore { display:block; width:100%; cursor:pointer; position:relative; } #content .subnav li span.showMore i { position:absolute; top:5px; right:10px; color:#999;} #content .subnav .filteroption.removeFilter { text-indent:10px; } #content .subnav .filteroption.removeFilter a { text-decoration:none; color:#333333; } #content .subnav label {margin:0; vertical-align: middle;} #content .subnav input[type=checkbox], #content .subnav input[type=radio] { box-sizing: border-box; padding:0; margin:0 5px 0 0; vertical-align: middle; } #content .subnav.filter li.inactive{ font-style:italic; color:#999999; } #content .breadcrumb { padding:0; margin-bottom:10px; list-style:none; background:none; border-radius:inherit; float: left;} #content .breadcrumb>li+li:before { padding: 0 2px 0 3px; color:#ccc; content:'\f105'; font-family:FontAwesome; font-size:16px;} #content #heroslider a.heroButton { position:absolute; bottom:20px; right:35px; display:block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 15px;} #content #heroslider a.heroButton:hover { color:#fff000;} #content #heroslider .owl-buttons {display:none;} #content #heroslider:hover .owl-buttons {display:block;} #heroslider.small .owl-controls .owl-buttons div { top:45px;} #heroslider .owl-pagination {position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:0px;} #heroslider .owl-pagination .owl-page span {background:#fff; border:none;} #heroslider .owl-pagination .owl-page.active span {background:#fff000; border:none;} .owl-item img {margin: 0 auto;} .owl-carousel .owl-wrapper-outer {border: 1px solid #fff;} #content .produktslider { padding:0 12px; } #content .produktslider .articleListItem { width:100% !important; } #content .produktslider .owl-controls .owl-buttons div{top:130px;} #content .produktslider .owl-controls .owl-buttons .owl-next { right:0 !important; } #content .produktslider .owl-controls .owl-buttons .owl-prev { left:0 !important; } #content .produktslider .articleListItem { width:100%; } .brandslider { padding: 0 16px; } .brandslider .item { display:block; padding:10px; } .brandslider .item img { width:100%; height:auto; } .brandslider .owl-controls .owl-buttons .owl-prev, .brandslider .owl-controls .owl-buttons .owl-next { position:absolute; width:14px; height:50%; top:25%; } .brandslider .owl-prev { left:0; background-image: url(/images/carousel_arrow_small_left.png); background-repeat: no-repeat; background-size: 100% 100%; } .brandslider .owl-next { right:0; background-image: url(/images/carousel_arrow_small_right.png); background-repeat: no-repeat; background-size: 100% 100%; } .brandslider .owl-wrapper { display: table !important; } .brandslider .owl-item { display: table-cell; float: none; vertical-align: middle; text-align: center; } #content .produktslider .sliderContainer { position:relative; height:300px; padding:0 20px; border:solid #CCCCCC; border-width:0 1px 0 0; margin-top:20px;} #content .produktslider .sliderContainer.leftBorder { border-width:0 1px;} #content .produktslider .sliderContainer .image:first-child { margin-left:-1px; } #content .produktslider .sliderContainer .image { text-align:center;} #content .produktslider .sliderContainer .image img { width:auto; height:130px; max-width:130px; } #content .produktslider .sliderContainer .desc { height:120px; font-size:12px; position:relative;} #content .produktslider .sliderContainer .desc strong { font-size:16px; /*height:30px; display:block;*/} #content .produktslider .sliderContainer .price { text-align:right; color:#006eb6; font-weight:bold; font-size:20px;} #content .produktslider .sliderContainer .price .vergleichspreis { color: #999; display: block; font-size: 12px; font-weight: normal;} #content .produktslider .sliderContainer .price .sup { position:relative; top:-6px; font-size:12px;} #content .produktslider .sliderContainer .hoverDiv { height:100%;} #content .produktslider .sliderContainer .overlay { display:none;} .desc .grammatur { display:block; } .sliderContainer .desc .grammatur {top:82px;} #crosssellingslider .desc .grammatur {top:90px;} #content .produktslider .sliderContainer .price {margin:0;} #content .produktslider .sliderContainer .vergleichspreis {width: 100%; display: block; float: left; text-align: right; font-size: 12px; margin-top:6px;} #content .produktslider .sliderContainer span.price.aktion {background: #ff3823; padding: 3px; margin-top:-20px;} #content .produktslider .sliderContainer span.price.aktion .normalprice {color: #fff; display:block; margin:0px 4px 0px 4px; padding:0; font-size:11px; text-align:right; position:static; min-height:16px; text-decoration:none;} #content .produktslider .sliderContainer span.price.aktion .actualprice {color: #fff; display:block; margin:0px 4px 0px 4px; padding: 0; border-top:none; position: static; min-height:16px;} #content .produktslider .sliderContainer .desc strong { display:block; max-width: 100%; overflow:hidden;} #content .cloneContainer { /*z-index: 800;*/ } #content .cloneContainer .overlay.clone { display:block; position:absolute; border:1px solid #DDDDDD; width:170px; height:434px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.5); box-shadow:0 5px 10px rgba(0,0,0,.5); z-index:100; margin:0 10px; overflow:hidden} #content .cloneContainer .overlay.clone .image { text-align:center; height:300px; margin-top:9px; margin-left:-1px; visibility: hidden;} #content .cloneContainer .overlay.clone .image img { width:auto; height:130px; max-width:130px; } #content .cloneContainer .overlay.clone .productLink { display:block;} #content .cloneContainer .overlay.clone .overlayInner { background-color:#FFFFFF; height:240px; padding:10px; margin-top:8px; position:relative;} #content .cloneContainer .overlay.clone .overlayInner .divider { background-image:url('/images/wk_divider_bg.png'); height:3px;} #content .cloneContainer .overlay.clone .overlayInner .wkContainer { position:relative;} #content .cloneContainer .overlay.clone .overlayInner .wkContainer .tasche { position:absolute; top:25px; right:-10px;} #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm { padding-top:10px; } #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm .qty { text-align:center; width:35px; border-radius:inherit; float:left; height:28px; padding:6px 4px; } #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm .unit { float:left; margin:0 8px 0 5px;; line-height:28px; margin-right: 50%; min-width:19%; } #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm a { display:block; background-image:url('/images/wk_btn_big_bg.png'); background-repeat:repeat-x; color:#FFFFFF; height:40px; padding:3px 10px 0; float:left; text-transform:uppercase; font-weight:bold; font-size:12px; margin-top:10px; margin-bottom:10px; } #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm a:hover { color:#fff000; } #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm .qtyBtn { width:18px; height:18px; padding:0; margin:0; border:none; border-radius:0; float:left; margin-top:5px;} #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm .qtyBtn.minus { background-image: url('/images/qty_minus.png'); background-repeat: no-repeat; background-size: 100% auto;} #content .cloneContainer .overlay.clone .overlayInner .wkContainer .qtyForm .qtyBtn.plus { background-image: url('/images/qty_plus.png'); background-repeat: no-repeat; background-size: 100% auto; margin-right: 6px;} #content .cloneContainer .overlay.clone .overlayInner .merkzettelAdd { display:block; text-align:center; border:1px solid #cccccc; line-height:26px; text-transform:uppercase; font-size:10px; color:#666666; margin-bottom:10px;} #content .cloneContainer .overlay.clone .overlayInner .empfehlen { text-align:center; margin-top:5px;} #content .cloneContainer .overlay.clone .overlayInner .empfehlen p { font-weight:bold; margin-bottom:6px;} #content .cloneContainer .ui-draggable-dragging { border:1px solid #006eb6!important; z-index:300; background-color:#FFFFFF; height:150px!important; overflow:hidden;} /*#content .produkte { margin-bottom:30px; border: solid #cccccc; border-width: 0px 0px 0px 1px; padding-left: 0px !important; margin-left: 15px !important;}*/ #content .produkte { margin-bottom:30px; padding-left: 0px !important; margin-left: 15px !important;} #content .container .top-button { display:block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; margin:10px 0 15px;} #content .container .top-button:hover { color:#fff000;} .dragged { border:1px solid #006eb6!important; z-index:300; background-color:#FFFFFF; height:186px!important; width:186px!important; /*padding:18px !important; overflow:hidden;*/ text-align:center; position:fixed; padding:10px !important; } .dragged > a { display:block !important; position:relative !important; width:100%; } .dragged.detail { width:262px !important; height:262px !important; padding:10px !important; } .dragged.detail .owl-item { width:242px !important; } /* .dragged .gewichtsPicto { right:15px !important; bottom:15px !important; } .dragged .magnifier { top:10px !important; left:10px !important; } */ #content .articleListItem { padding:2px; width:25%; float:left;} /*#content .produktContainer { border:solid #cccccc; border-width:0 1px 1px 0; float:left; width:25%; padding:10px; overflow:hidden;}*/ #content .produktContainer { border:1px solid #e2e2e2; padding:10px; overflow:hidden; font-family: 'Montserrat', sans-serif; } #content .produktContainer .image { } #content .produktContainer .image > a { display:block; position:relative; width:100%; } #content .produktContainer .image .magnifier, .dragged .magnifier { position:relative; position:absolute; left:0; top:0; width:45px; height:45px;} #content .produktContainer .image .magnifier.img-keinelieferung{ position:absolute; right:10px; top:0; max-width:60px; max-height:60px; display:none; } #content .produktContainer .image .gewichtsPicto, .dragged .gewichtsPicto { position:absolute; right:0; bottom:0; width:45px; height:45px; } #content .produktContainer.notavailable {background: #f5f5f5;} #content .produktContainer.notavailable .desc, #content .produktContainer.notavailable .itemFooter, #content .produktContainer.notavailable .img.lacyLoad {opacity:0.75;} /* #content .produktContainer.ui-draggable-dragging { border:1px solid #006eb6!important; z-index:300; background-color:#FFFFFF;} #content .produktContainer.leftBorder { border-width:0 1px 1px;} */ #content .produktContainer .image { text-align:center;} #content .produktContainer .image img, .dragged img { width:auto; height:130px; max-width: 130px; display:inline-block;} .dragged.detail img { width:100% !important; height:auto !important; max-width:100%} #content .produktContainer .desc { font-size:12px; height:68px; position:relative;} #content .produktContainer .desc .grammatur { display:block; margin-top:6px; } #content .produktContainer .price { display: block; margin-top:-15px; height:65px; position:relative; } #content .produktContainer .price .actualprice { display:block; font-size:32px; font-weight:bold; color:#015dc0; text-align:right; margin-top:-10px; } #content .produktContainer .price.aktion .actualprice { color:#c80405; } #content .produktContainer .price .actualprice .sup { position:relative; top:-11px; font-size:16px;} #content .produktContainer .price .normalprice { display:block; font-size:13px; font-weight:bold; color:#c80405; text-align:right; } #content .produktContainer .price .normalprice .sup { position:relative; top:-3px; font-size: 9px; } #content .produktContainer .price .vergleichspreis { display:block; font-size:11px; text-align:right; margin-top:-8px; } #content .produktContainer .price .buttons { display:block; position:absolute; left:0; bottom:9px; } #content .produktContainer .price .buttons img { height:30px; width:auto; } #content .produktContainer .itemFooter { height:82px; border-top:1px solid #e2e2e2; padding-top:6px; } #content .produktContainer .itemFooter .qtyForm { } #content .produktContainer .itemFooter .qtyForm .buttonGroup { display: inline-block; border: 1px solid #eee; box-shadow: none;} #content .produktContainer .itemFooter .qtyForm .qtySelect { width:auto; min-width: 126px; max-width: 100%; height:30px; line-height:30px; display: inline-block; outline: none; box-shadow: none; border-radius: 0; border: 1px solid #eee; float:none; font-size:14px; } #content .produktContainer .itemFooter .qtyForm .qty { display: inline-block; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; outline: none; width: 66px; text-align: center; border-radius: 0; padding: 0; margin: 0; line-height: 30px; font-size: 15px; height: 30px; box-shadow: none; color:#000; } #content .produktContainer .itemFooter .qtyForm .btn { display: inline-block; border: 0; text-align: center; border-radius: 0; padding: 0; margin: 0; line-height: 30px; font-size: 19px; height: 29px; width: 29px; color:#000; outline:none; box-shadow: none; } #content .produktContainer .itemFooter .qtyForm .addBtn_wk { display: block; line-height: 33px; text-transform:uppercase; font-size:12px; margin-top: 6px; } /* #content .produktContainer .itemFooter .price { text-align: right; color: #006eb6; font-weight: bold; font-size: 20px; float:right; margin:0; display:inline-block;} #content .produktContainer .itemFooter .price .sup { position:relative; top:-6px; font-size:14px;} #content .produktContainer .itemFooter span.price {display:inline-block; padding:0; margin:0; color:#fff;} #content .produktContainer .itemFooter span.price .normalprice {color: #006eb6; display:block; margin:16px 4px 0px 4px; padding:0; font-size:11px; text-align:right; position:static; min-height:16px; text-decoration:line-through;} #content .produktContainer .itemFooter span.price .actualprice {color: #006eb6; display:block; margin:0px 4px 0px 4px; padding: 0; border-top: 1px solid #fff; position: static; min-height:16px;} #content .produktContainer .itemFooter span.price.aktion .actualprice {color:#d90022;} #content .produktContainer .itemFooter .price { height:48px; } #content .produktContainer .itemFooter span.price.aktion {background: #ff3823; padding: 3px; margin-top:8px;} #content .produktContainer .itemFooter span.price.aktion .normalprice {color: #fff; display:block; margin:0px 4px 0px 4px; padding:0; font-size:11px; text-align:right; position:static; min-height:16px; text-decoration:none;} #content .produktContainer .itemFooter span.price.aktion .actualprice {color: #fff; display:block; margin:0px 4px 0px 4px; padding: 0; border-top:none; position: static; min-height:16px;} */ #content #addToWkForm .ui-draggable-dragging { z-index:300; border:1px solid #006eb6;} #content .produktDetailContainer .ui-draggable-dragging { border-color:#006eb6!important; z-index:300; background-color:#FFFFFF; width:262px;} #content .produktDetailContainer .ui-draggable-dragging .magnifier { display:none;} #content .produktDetailContainer .desc { border-bottom:1px solid #cccccc; padding-bottom:5px; position:relative;} #content .produktDetailContainer .desc h1, #content .produktDetailContainer .desc .h1 {font-weight:700; font-size:20px; color:#333; margin:0; padding:3px 0;} #content .produktDetailContainer .desc h2, #content .produktDetailContainer .desc .h2 {font-weight:300; font-size:14px; color:#333; margin:0; padding:3px 0;} #content .produktDetailContainer .desc h3, #content .produktDetailContainer .desc .h3 {font-weight:300; font-size:14px; color:#333; margin:0; padding:3px 0;} #content .produktDetailContainer .desc .h-empty {font-weight:300; font-size:14px; color:#333; margin:0; padding:3px 0;} #content .produktDetailContainer .desc .artNr { position:absolute; right:1px; bottom:5px;} #content .produktDetailContainer .priceContainer { position:relative;} #content .produktDetailContainer .priceContainer .price { color:#006eb6; font-weight:bold; font-size:34px; margin-top:5px;} #content .produktDetailContainer .priceContainer .price .inst { color: #006eb6; font-weight:normal; text-decoration:line-through; margin:0px 8px 0 0; font-size:24px; position:static;} #content .produktDetailContainer .priceContainer .price .aktion { color: #d90022;} #content .produktDetailContainer .priceContainer .price .vergleichspreis { color: #999; display: block; font-size: 12px; font-weight: normal; margin-bottom: 10px;} #content .produktDetailContainer .priceContainer .price .sup { position:relative; top:-10px; font-size:22px;} #content .produktDetailContainer .priceContainer .icon { position:absolute; top:50px; right:1px;} #content .produktDetailContainer .wkContainer { position:relative; height:90px;} #content .produktDetailContainer .wkContainer .tasche { position:absolute; top:14px; right: -7px;} #content .produktDetailContainer .wkContainer .tasche img {height: 52px; width:auto;} #content .produktDetailContainer .wkContainer .qtyForm { padding-top:25px;} #content .produktDetailContainer .wkContainer .qtyForm .qty { text-align:center; width:35px; border-radius:inherit; float:left; height:28px; padding:6px 4px; margin-right:0px;} #content .produktDetailContainer .wkContainer .qtyForm .unit { float:left; margin:0 8px 0 5px;; line-height:28px;} #content .produktDetailContainer .wkContainer .qtyForm a { display:block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; float:left; text-transform:uppercase; font-weight:bold; font-size:12px;} #content .produktDetailContainer .wkContainer .qtyForm a:hover { color:#fff000;} #content .produktDetailContainer .wkContainer .qtyForm .qtyBtn { width:18px; height:18px; padding:0; margin:0; border:none; border-radius:0; float:left; top:4px;} #content .produktDetailContainer .wkContainer .qtyForm .qtyBtn.minus { background-image: url('/images/qty_minus.png'); background-repeat: no-repeat; background-size: 100% auto;} #content .produktDetailContainer .wkContainer .qtyForm .qtyBtn.plus { background-image: url('/images/qty_plus.png'); background-repeat: no-repeat; background-size: 100% auto; margin-right: 6px;} #content .produktDetailContainer .merkzettelAdd { margin-top:-4px; margin-bottom:2px; display:block; text-align:center; border:1px solid #cccccc; line-height:26px; text-transform:uppercase; font-weight:bold; font-size:12px;} #content .produktDetailContainer .image { border:1px solid #cccccc; position:relative;} #content .produktDetailContainer .image .magnifier { position:absolute; top:10px; right:10px; z-index:1; max-width:60px; max-height:60px; } #content .produktDetailContainer .thumbContainer .thumb { width:60px; height:60px; float:left; border:1px solid #CCCCCC; text-align:center; margin-right:7px; margin-top:7px;} #content .produktDetailContainer .thumbContainer .thumb img { height: 58px; max-width: 58px; margin: 0 auto;} #content .produktDetailContainer .thumbContainer .thumb.thumb_360 { margin-right:0; float:right;} #content .produktDetailContainer .iconContainer .icon { float:left; margin-top:20px;} #content .produktDetailContainer .nav-tabs { border:none;} #content .produktDetailContainer .nav-tabs>li.active>a, #content .produktDetailContainer .nav-tabs>li.active>a:hover, #content .produktDetailContainer .nav-tabs>li.active>a:focus { background-color:#f3f3f5; border:solid #f3f3f5; border-width:1px; font-weight:bold;} #content .produktDetailContainer .nav>li>a:hover, #content .produktDetailContainer .nav>li>a:focus { text-decoration:none; background-color:#f3f3f5; font-weight:bold;} #content .produktDetailContainer .nav-tabs>li>a:hover { border-color:#f3f3f5;} #content .produktDetailContainer .nav-tabs>li>a { border-radius:inherit;} #content .produktDetailContainer .nav>li>a, #content .produktDetailContainer .nav>li h1, #content .produktDetailContainer .nav>li h2 { /*padding:5px 10px;*/ font-weight:bold; color:#333333; font-size: 14px; margin:0; white-space: nowrap; display:inline;} #content .produktDetailContainer .nav>li>a {padding:5px 10px; } #content .produktDetailContainer .tab-content>.tab-pane { background-color:#f3f3f5; padding:10px 10px 1px; margin-bottom:20px;} #content .produktDetailContainer .addthis_toolbox { margin-bottom: 20px;} #content .wkContainer .navBtn .navBtnContainer { margin:25px 0;} #content .wkContainer .wkProgressBarHead div { text-transform:uppercase; font-size:16px;} #content .wkContainer .table img { width:50px;} #content .wkContainer .wkTable th { font-weight:normal; border-color:#f0f1f2; border-spacing:1px; } #content .wkContainer .wkTable td { border-color:#f0f1f2; } #content .wkContainer .wkTable td.input { width:120px;} #content .wkContainer .wkTable td.bold { font-weight:bold;} #content .wkContainer .wkTable .qtyContainer { float:left;/* position:absolute; bottom:0; left:50px;*/ font-size:12px; min-width: 91px;} #content .wkContainer .wkTable .qtyContainer .qtyBtn { width:17px; height:17px; padding:0; margin:0; border:none; border-radius:0;} #content .wkContainer .wkTable .qtyContainer .qtyBtn.minus { background-image: url('/images/qty_minus.png'); background-repeat: no-repeat; background-size: 100% auto; margin-right:3px;} #content .wkContainer .wkTable .qtyContainer .qtyBtn.plus { background-image: url('/images/qty_plus.png'); background-repeat: no-repeat; background-size: 100% auto; margin-left:3px; } #content .wkContainer .wkTable .qtyContainer .input-group { width:76px; float:left; margin-right:5px;} #content .wkContainer .wkTable .qtyContainer .qtyField { padding:0; margin:0; height:17px; text-align:center; line-height:17px; font-size:12px;} #content .wkContainer .wkTable .qtyContainer .qtySelect { height:20px; padding:0px; } #content .wkContainer .wkTable .remove { position:relative; display:block; float:left; width:16px; height:17px; border:1px solid #cccccc; background-color:#FFFFFF;} #content .wkContainer .wkTable .remove .fa { font-size:10px; position:relative; top:-2px; left:3px; color:#cccccc;} #content .wkContainer .wkTable .inst { color:#d90022; font-weight:bold; text-decoration:line-through;} #content .wkContainer .wkTable .desc { font-size:11px;} #content .wkContainer .wkTable .desc div { font-size:11px; display:block; margin-top:0px; } #content .wkContainer .wkTable .desc div.artnr { color:#999999; } #content .wkContainer .summeTable { font-weight:bold;} #content .wkContainer .summeTable small { font-weight:normal; color:#999999;} #content .wkContainer .summeTable .gesamtSumme { font-size:30px;} #content .wkContainer .summeTable .gesamtSumme .sup { position:relative; top:-10px; font-size:18px;} #content .wkContainer .paybackBar { background-image:url('/images/pb_popup_bg.jpg'); background-size: 100% 100%; font-family:"PAYBACK"; padding:12px; border-radius:4px; margin-bottom:30px; } #content .wkContainer .paybackBar label { color: #4a4a49; } #content .wkContainer .paybackBar p {margin:0 0 20px 0; color: #4a4a49; font-size: 16px; font-family: PAYBACK; } #content .wkContainer .paybackBar p.h2 { font-size:32px; line-height:32px; text-transform:uppercase; color:#005caa; vertical-align: middle; } #content .wkContainer .paybackBar p.h2 img { height:32px; margin-top:-3px; } #content .wkContainer .paybackBar p { color:#4a4a49; font-size:16px; line-height:18px; font-family:PAYBACK; } #content .wkContainer .paybackBar img.pointee { width:100%; height:auto; margin: -136px 0 -20px 0; } #content .wkContainer .paybackBar #paybackNumber { font-size:30px; width:100%; margin:0; padding:0 6px; position: initial; } #content .wkContainer .paybackBar #paybackNumber.valid { color:#008200; } #content .wkContainer .paybackBar #paybackNumber.invalid { color:#e00000; } #content .wkContainer .paybackBar .paybackCheckboxLabel { } #content .wkContainer .paybackBar .paybackCheckboxLabel.valid { color:#4a4a49; } #content .wkContainer .paybackBar .paybackCheckboxLabel.invalid { color:#e00000; } #content .wkContainer .paybackBar .pbInfo { display:block; position: absolute; right:-15px; top:15px; } #content .wkContainer .paybackBar .paybacklink{ font-size:16px; color:#4a4a49; text-decoration:underline; } .paybackThankYou { position: relative; background-image: url(/images/pb_popup_bg.jpg); background-size: 100% 100%; border-radius: 4px; padding: 15px; margin: -15px; } .paybackThankYou .checkDataPopup, #content .wkContainer .paybackBar .checkDataPopup { position:absolute; left:0; top:0; right:0; bottom:0; display:none; } .paybackThankYou .checkDataPopup .popupBody, #content .wkContainer .paybackBar .checkDataPopup .popupBody { font-family:PAYBACK; background: #fff; background-image: url(/images/pb_popup_bg.jpg); background-size: 100% 100%; margin: 30px auto 0 auto; width: 100%; max-width:400px; height: 160px; border-radius: 10px; border: 4px solid #fff; padding: 20px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); } .paybackThankYou .checkDataPopup .popupBody p, #content .wkContainer .paybackBar .checkDataPopup .popupBody p { font-size: 20px; line-height: 23px; } .paybackThankYou .checkDataPopup .popupBody a, #content .wkContainer .paybackBar .checkDataPopup .popupBody a { float: left; background: #194b9b; color: #fff; padding: 5px 30px; border: 3px solid #fff; border-radius: 4px; font-family:PAYBACK; font-size:12px; margin:0; } .tooltip_pb { display:block; width:200px; padding:4px; } .tooltip_pb img { width:100% !important; height:auto !important; float:none !important; margin:0 !important;} #content .subArtikelContainer { /*background:#f3f3f5;*/ padding:10px; margin:0 0 11px 0; border:1px solid #ddd; border-radius:2px; } #content .subArtikelContainer.insideTable { padding:0; border:none; margin:0; } #content .subArtikelContainer h2 { font-weight:bold; color:#333333; font-size:14px; margin:0; white-space:nowrap; display:inline; } #content .subArtikelContainer table { margin-bottom:0; } #content .subArtikelContainer table > thead > tr > th { border:none; } #content .subArtikelContainer table th { font-weight:normal; } #content .subArtikelContainer table th.right { text-align:right; } #content .subArtikelContainer table img { width:50px; } #content .subArtikelContainer table .descr { font-size:11px;} #content .subArtikelContainer table .descr div { font-size:11px; display:block; margin-top:0px; } #content .subArtikelContainer table .descr div.artnr { color:#999999; } #content .subArtikelContainer table td.left { width:70px; } #content .subArtikelContainer table td.right { width:70px; text-align:right; } #content .subArtikelContainer table a, #content .subArtikelContainer table a:hover, #content .subArtikelContainer table a:link, #content .subArtikelContainer table a:visited, #content .subArtikelContainer table a:active { color: #333; } #content .wkContainer .summeTable .versand {} #content .wkContainer .summeTable .versand-auftsellung { } #content .wkContainer .summeTable .versand-detail { font-size:10px; height:10px; } #content .wkContainer .summeTable .versand .versandInfo {font-weight: normal; color: #999999;} #content .wkContainer .gutscheinContainer, #content .wkContainer .ersatzartikelInfo { border:1px solid #cccccc; padding:10px; background-color: #e1e1e3; background-image:url('/images/gsBox_bg.png'); background-repeat:repeat-x;} #content .wkContainer .ersatzartikelInfo2 { border:1px solid #cccccc; padding:10px; background: #74b285; color:#fff; display:none;} #content .wkContainer .ersatzartikelInfo, #content .wkContainer .ersatzartikelInfo2 { min-height:200px; } #content .col-ersatzartikel-1 { padding:0; margin-bottom:15px; } #content .col-ersatzartikel-2 { padding:0; margin-bottom:15px; } #content .wkContainer .ersatzartikelInfo h3 { margin-top:0;} #content .wkContainer .ersatzartikelInfo .std input { width:15px; height:15px; padding:0; margin:0; vertical-align:bottom; position:relative; top:-2px;; *overflow:hidden;} #content .wkContainer .ersatzartikelInfo .std label { display:block; padding-left:17px; text-indent:-17px; } #content .wkContainer .ersatzartikelInfo label {padding:0; margin:0;} #content .wkContainer .ersatzartikelInfo label.label4Switch { display:block; line-height:34px; margin-top:-38px; margin-left:75px; } #content .wkContainer .ersatzartikelInfo label.label4Switch span.on { display:none; } #content .wkContainer .ersatzartikelInfo label.label4Switch span.on span { color:#74b285;} #content .wkContainer .ersatzartikelInfo label.label4Switch span.off { display:inline; } #content .wkContainer .ersatzartikelInfo label.label4Switch span.off span { color:#ff0000; } #content .wkContainer .ersatzartikelInfo .switch .slider { background-color: #ff0000; } #content .wkContainer .ersatzartikelInfo .switch .slider.round:before { border-radius: 18px; } #content .wkContainer .ersatzartikelInfo .switch .slider:before { content: "nein"; width:36px; padding:2px 3px; } #content .wkContainer .ersatzartikelInfo .switch input:checked + .slider { background-color: #74b285; } #content .wkContainer .ersatzartikelInfo .switch input:checked + .slider:before { content: "ja"; padding:2px 12px; } #content .wkContainer .ersatzartikelInfo .switch { width:70px; } #content .wkContainer .gutscheinContainer label { font-weight:normal; text-transform:uppercase; font-size:16px;} #content .wkContainer .gutscheinContainer button { background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; border-radius:inherit; border:none;} #content .wkContainer .gutscheinContainer button:hover { color:#fff000;} #content .wkContainer .pull-right a { float: left; margin: 5px; } #content .wkContainer .pull-right a.last { margin-right: 0px; } #content .wkContainer .pull-left { /*float:right;*/ margin: 5px; } #content .wkContainer .pull-left a:first-child { margin-left: 0px; } /* #content .wkContainer .pull-right a.last { margin-right: 0px; } */ #content .wkContainer .pull-right a.btnDisabled { background-image: url('/images/gruppen_btn_inactive_bg.png');} #content .wkContainer .pull-right a.btnDisabled:hover { color: #fff;} .nextStep.btnDisabled { cursor: pointer;} .gutscheinListe .gutscheinListeEintrag { display:block; margin-bottom:5px; position:relative; } .gutscheinListe .gutscheinListeEintrag span { font-weight:bold; float:right; margin-right:20px; } .gutscheinListe .gutscheinListeEintrag a { position:absolute; right:0px; top:50%; margin-top:-0.5em; } #content .mkContainer h2 {font-size:17px;} #content .mkContainer h2 small{font-size:11px; margin-top:7px;} #content .mkContainer .mlOwner {font-size:12px; font-style: italic; color: #999999;} #content .mkContainer .tblMk th { font-weight: normal; border: none; background: url('/images/border_bottom.png') repeat-x bottom left; } #content .mkContainer .tblMk th.bold { font-weight: bold; } #content .mkContainer .tblMk td { border: none; background: url('/images/border_bottom.png') repeat-x bottom left; } #content .mkContainer .tblMk tbody tr:hover { background-color: #f5f5f5; } #content .mkContainer .tblMk a { color: #333; } #content .mkContainer .tblMk a:hover { color: #333; } #content .mkContainer .tblMk a.edit { margin-right: 10px; } #content .mkContainer .tblMk a.blocklink { display: block; width: 100%; height: 100%; } #content .mkContainer .tblMk .desc_small { font-size: 11px; } #content .mkContainer .tblMk .qtyContainer .qtyField { padding:0; margin:0; height:20px; width:30px; text-align:center; line-height:20px; font-size:12px; border-radius:0; display:inline-block;} #content .mkContainer .navBtnContainer { margin:25px 0; } #content .mkContainer .navBtnContainer .pull-left a.noColor { float: left; margin-right: 10px; } #content .mkContainer .has-feedback .form-control-feedback { right:15px; top:3px; } #content .mkContainer div.merklisteMsg { clear: both; margin-top: 15px; } #content .mkContainer div.img50 a img { width: 50px; } #content .mkContainer .qtyContainer { float:left;/* position:absolute; bottom:0; left:50px;*/ font-size:12px; min-width:92px;} #content .mkContainer .qtyContainer .qtyBtn { width:17px; height:17px; padding:0; margin:0; border:none; border-radius:0;} #content .mkContainer .qtyContainer .qtyBtn.minus { background-image: url('/images/qty_minus.png'); background-repeat: no-repeat;} #content .mkContainer .qtyContainer .qtyBtn.plus { background-image: url('/images/qty_plus.png'); background-repeat: no-repeat;} #content .mkContainer .qtyContainer .input-group { width:70px; float:left; margin-right:5px;} #content .mkContainer .qtyContainer .mkQtyBtn { width:17px; height:17px; padding:0; margin:0; border:none; border-radius:0;} #content .mkContainer .qtyContainer .mkQtyBtn.minus { background-image: url('/images/qty_minus.png') !important; background-repeat: no-repeat !important;} #content .mkContainer .qtyContainer .mkQtyBtn.plus { background-image: url('/images/qty_plus.png') !important; background-repeat: no-repeat !important;} #content .mkContainer .qtyContainer .remove { position:relative; display:block; float:left; width:16px; height:17px; border:1px solid #cccccc; background-color:#FFFFFF;} #content .mkContainer .qtyContainer .remove .fa { font-size:10px; position:relative; top:-2px; left:3px; color:#cccccc;} #content .mkContainer .campaigns{ padding-left: 0px !important; margin-left: 15px !important; } #content .mkContainer button, #content #mkPersDatenForm button { background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; border-radius:inherit; border:none; float:right; white-space: nowrap;} #content #mkPersDatenForm button:hover { color:#fff000;} #content #mkPersDatenForm span.infoText, #content #mkAdressForm span.infoText,#content #registrierenForm span.infoText, #content #mkZugangsDatenForm span.infoText { font-size:12px;} #content #mkAdressForm .editMkAddressName { display:none; margin-bottom:25px; } #content #mkAdressForm .editMkAddressName.open { display:block; } #content #mkAdressForm a.showMkAddressName { display:block; padding:15px 0; color:#000; font-weight:bold; } #content #mkZugangsDatenForm .has-feedback .form-control-feedback { right:15px;} #content #mkZugangsDatenForm button { background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; border-radius:inherit; border:none; float:right; white-space: nowrap;} #content #mkZugangsDatenForm button:hover { color:#fff000;} #content .wkContainer .wkProgressBar { margin-top: 15px; margin-bottom: 15px; } #content .wkContainer .wkProgressBar h2 { display:block; text-align:center; color:#333; font-size:26px; text-transform:uppercase; font-weight:bold; letter-spacing:5px; } #content .wkContainer .wkProgressBar .progress-step .pbLabel { text-transform: uppercase; padding-bottom: 10px; color:#056DBE; } #content .wkContainer .wkProgressBar .progress-step .dot { background-color:#CCCCCC; width:24px; height:25px; border-radius:50%; position: absolute; left: 50%; margin-left: -12px; z-index: 10; } #content .wkContainer .wkProgressBar .progress-step .dot.active { background-color: #056DBE; } #content .wkContainer .wkProgressBar .progress-step a:hover:not(.not-active) .dot { background-color: #ffec00; } #content .wkContainer .wkProgressBar .progress-step a:hover:not(.not-active) .pbLabel { color:#056DBE; } #content .wkContainer .wkProgressBar .line { background-color:#CCCCCC; height:9px; position: absolute; margin-top: 8px; left: 50%; width: 100px; } #content .wkContainer .wkProgressBar .line.active { background-color: #056DBE; } #content .wkContainer .wkProgressBar .text-center { text-align: center; height: 60px; } #content .wkContainer h4 { font-weight:normal; margin:15px 0; text-transform:uppercase; font-size:16px;} #content .wkContainer .wkDividerLight { background-image:url('/images/wk_divider_light_bg.png'); background-repeat:repeat-x; height:2px;} #content .wkContainer .wkDividerDark { background-image:url('/images/wk_divider_dark_bg.png'); background-repeat:repeat-x; height:2px;} div.wkPaymentOptionCol { padding: 14px 14px !important; border-bottom: 1px solid #eee; } #content .wkContainer .wkPaymentInfo { position:relative; color:#000; padding:0;} #content .wkContainer .wkPaymentLabel { /*position:absolute; right:85px; top:-0.55em;*/ font-weight:bold; } #content .wkContainer .wkPaymentLabel div { font-size:11px; font-weight:normal; } /* #content .wkContainer .wkPaymentTotal { font-size:22px; right:0px; top:-4px; position:absolute; } */ #content .wkContainer .wkPaymentTotal { display:block; font-size:22px; text-align:right; width:100% } .radio label, .checkbox label { cursor:default; } #content .container #nlForm .btn-uni { display:inline-block; background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; margin:10px 0 10px; border: none; margin-right: 0px; margin-left: 10px;} #content .container #nlForm .btn-uni:hover { color:#FFF000;} #content .artikelListHeader {clear:both; padding:0; margin-left:14px; } #content .artikelListHeader h1 {font-size:18px; margin:0 0 10px; color:#006eb6; } #content .artikelKategorieInfo h1, #content .artikelKategorieInfo h2, #content .artikelKategorieInfo h3, #content .artikelKategorieInfo h4, #content .artikelKategorieInfo h5 { white-space: normal; } #content .verweisRecurse h2 { font-size:16px; margin:0 0 10px; color:#006eb6;} #content .verweisRecurse h3 { font-size:14px; margin:0 0 10px; color:#006eb6;} .wkPaymentOptionCol .wkPaymentOption img { width:60px; height:auto; display:inline-block; float:right; margin-left:10px; } /* .wkPaymentOption img { z-index:-1; position:relative; } .wkPaymentOption { margin-bottom:10%; cursor:default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border:1px solid transparent; } .wkPaymentOption:not(.disabled):hover { border:1px solid #056DBE; -webkit-box-shadow: 0px 0px 5px 0px rgba(5, 109, 190, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(5, 109, 190, 0.75); box-shadow: 0px 0px 5px 0px rgba(5, 109, 190, 0.75);} .wkPaymentOption.wkPaymentOptionActive,.wkPaymentOption.wkPaymentOptionActive:hover { border:1px solid #056DBE; -webkit-box-shadow: 0px 0px 5px 0px rgba(5, 109, 190, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(5, 109, 190, 0.75); box-shadow: 0px 0px 5px 0px rgba(5, 109, 190, 0.75);} .wkPaymentOption.disabled, .wkPaymentOption.disabled:hover{ opacity: 0.4; } */ .wkPaymentOptionCol .wkPaymentDetails { max-height: 0; overflow:hidden; max-width:740px; padding:0 0 0 38px; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; } .wkPaymentDetails.wkPaymentDetailsActive { max-height:600px; padding:15px 15px 0 38px; } /* .wkPaymentDetails { display:none; padding:15px 15px 15px 38px; } .wkPaymentDetails.wkPaymentDetailsActive { display:block; } */ .wkPaymentDetails h3 { margin:0px 0px 20px 0px; } .wkPaymentDetails .row .col-payment { padding-left:5px; padding-right:5px; } .wkPaymentDetails .row { margin-left:-5px; margin-right:-5px; } .sepa-dataedit { padding-left:15px; } .wkComplete .infobox { padding: 10px; padding-bottom:0px; min-height:165px; width:auto; margin-top:0px; position:relative; border: 1px solid #cccccc; background-image: url('/images/gsBox_bg.png'); background-repeat: repeat-x; background-position:bottom left; background-color:#f3f3f5; } .wkComplete .infobox strong { display:block; margin-bottom:0.5em; } .wkComplete .infobox a.color { position:absolute; bottom:10px; right:10px; } #content .wkContainer .wkComplete .wkDividerLight { margin:0.4em 0px; } #content .wkContainer .wkComplete .wkTable { margin-bottom:0px; } .wkComplete .infobox.deliveryDate {width:100%; height:auto; min-height:0; margin-bottom:10px; font-weight:bold;} .mkContainer .infobox { padding: 10px; padding-bottom:0px; min-height:208px; width:auto; margin-top:0px; position:relative; border: 1px solid #cccccc; background-image: url('/images/gsBox_bg.png'); background-repeat: repeat-x; background-position:bottom left; background-color:#f3f3f5; } .mkContainer .infobox strong { display: block; margin-bottom: 0.5em;} .mkContainer .wkDividerLight { background-image: url('/images/wk_divider_light_bg.png'); background-repeat: repeat-x; height: 2px; margin: 0.4em 0px;} .has-feedback .form-control { padding-right:29px !important; } #content .wkContainer #wkAdresseForm .has-feedback .form-control-feedback { right:15px; top:3px; } #content .wkContainer #wkAdresseForm .lieferadresse .has-feedback .form-control-feedback { top:3px; } #content .wkContainer #wkAdresseForm .inside { display:inherit; margin-bottom:5px;} #content .wkContainer #wkAdresseForm #wkPin { letter-spacing:1em;} #content .wkContainer #wkAdresseForm .wkPinContainer { min-width:160px;} #content .wkContainer #wkAdresseForm .pinContainer { padding-top:10px;} #content .wkContainer #wkAdresseForm .wkChangeBox { padding:10px 0; font-weight:bold;} #content .wkContainer #wkAdresseForm .wkChangeBox .data, #content .wkContainer #wkAdresseForm .deliveryData { color:#006eb6; font-weight:bold;} #content .wkContainer #wkAdresseForm label.marked { background:#ffec00; padding:2px 4px; } #content .wkContainer #wkAdresseForm .delInfo { background: #3b82c9; padding:6px; font-weight:bold; color: #fff; } #content .wkContainer #wkAdresseForm .delInfo div { padding:5px 0 0 0; } #content .wkContainer #wkAdresseForm .delInfo div.icon { padding:0; } #content .wkContainer #wkAdresseForm .delInfo div.icon img { height:30px; } #content .wkContainer #wkAdresseForm .delInfo div.info { height: 30px; } #content .wkContainer #wkAdresseForm .delInfo p, #content .wkContainer #wkAdresseForm .delInfo a { display:inline-block; margin:0; min-width:138px; } #content .wkContainer #wkAdresseForm .wkDividerLight { margin:20px 0 0 0;} #content .wkContainer #wkAdresseForm .delInfo span.yellow { color:#ffe745;} #content .wkContainer .wkTable a, #content .wkContainer .wkTable a:hover, #content .wkContainer .wkTable a:link, #content .wkContainer .wkTable a:visited, #content .wkContainer .wkTable a:active { color: #333; } #content .produktslider .sliderContainer .desc { position:relative; } #content .produktslider .sliderContainer .desc strong { font-size:14px; } #wkAddressAbholDetails { margin-bottom:10px; text-align:center; } #wkAddressAbholDetails.boxButtonClickHint { background-color:#fdd; border-color:#f77; } .labelText.disabled { color:#777; } .labelText .disabledHint { display:none; font-size:12px; font-style:italic; } .labelText.disabled .disabledHint { display:block; } label.avoid-margin { margin-bottom:0px; } #content .wkContainer h4.avoid-margin { margin-top:0px; } .nochNichtReserviert { display:none; } .firstlabel,.changelabel { display:none; } .firstlabel.activelabel,.changelabel.activelabel { display:inline; } #content #mkPersDatenForm .has-feedback .form-control-feedback { right:15px; top:3px; } #content #nlForm .has-feedback .form-control-feedback { right:15px;} #qrCodeWindow { display:none; color:#000; background-color:#fff; } #qrCodeWindow iframe { height:540px; width:100%; /*border:1px solid #000;*/ padding:5px;} .printQrBtn { border:1px solid #000; border-radius:0px; text-transform:uppercase; font-weight:bold; float:right;} #content #registrierenForm .has-feedback .form-control-feedback { right:15px; top:3px; } #content #registrierenForm button { background-image:url('/images/gruppen_btn_bg.png'); background-repeat:repeat-x; color:#FFFFFF; line-height:28px; padding:0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; border-radius:inherit; border:none; float:right; } #content #registrierenForm button:hover { color:#fff000;} #content #mkAbholPinForm #mkAbholPin { letter-spacing:1em;} #content .mapsContainer { margin:15px 0;} #wkStepForm { display:none;} .footerNav { background-image:url('/images/bg_footer.jpg'); background-size: 100% 100%; background-color:#454346; min-height:367px; color:#FFFFFF; border-radius:4px; padding-top: 8px;} .footerNav .hotline { color:#ffffff; font-weight:bold; font-size:20px;} .footerNav .email { color:#fff000; font-weight:bold; font-size:24px;} .footerNav ul { margin-top:10px;} .footerNav ul li { /*border-bottom:1px solid #FFFFFF; padding:5px 0;*/ padding:2px 0; } .footerNav ul li.headline { font-weight:bold; color:#fff000; text-transform:uppercase;} .footerNav ul li a { color:#FFFFFF;} .footerNav .form-control { border-radius:inherit; margin:5px 0;} .footerNav .btn-default { border:1px solid #FFFFFF; border-radius:inherit; color:#FFFFFF; background-image:url('/images/btn_bg.png'); background-repeat:repeat-x; padding:4px 12px; font-weight:bold; font-size:12px;} .footerNav .btn-default:hover { color:#fff000;} .footerNav ul li .payment-logo { margin-right: 11px; margin-bottom:11px;} .footerNav ul li .payment-logo.last { margin-right: 0px; } .footerNav .formContainer { height:150px;} .footerNav .feedbackContainer { display:none;} .footerNav #nlFooterForm .has-feedback .form-control-feedback { top:0px;} .footerNav #nlFooterForm .form-group { margin-bottom:0;} .footerNav #nlFooterForm .newsletterSendBtn { display:block; float:none !important; } .footerNav #nlFooterForm label { display:inline; } .footerNav #nlFooterForm a, .footerNav #nlFooterForm a:hover, .footerNav #nlFooterForm a:active { color:#ffec00; text-decoration:underline; } #footer { color:#666666;} #footer p { margin:15px 0; font-size:10px;} .popover.bottom { border-radius:inherit; background-color:#f0f0f2;} .popover.bottom .arrow:after { border-bottom-color:#f0f0f2;} .popover.bottom .popover-content { padding:0;} .popover.bottom .popover-content ul { margin:0; padding:0; list-style-type:none; width:250px;} .popover.bottom .popover-content ul li { border-top:1px dotted #999999; padding:5px 14px;} .popover.bottom .popover-content ul li:first-child { border:none;} .popover.bottom .popover-content ul li a { display:block; color:#333333;} /*ul#searchArtikelList { position: absolute; right: 41px; top: 41px; z-index: 201; width: 347px; background-color: #fff; margin: 0px; padding: 0px; -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); }*/ .row.topSearchResultContainer {-webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75);} /* ul#searchArtikelList { position: absolute; right:2px; top:41px; z-index: 801; width:448px; background-color: #fff; margin: 0px; padding: 0px; -webkit-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 10px 0px rgba(50, 50, 50, 0.75); -webkit-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px);} ul#searchArtikelList li { list-style-type: none; padding: 0px; margin: 0px; } */ .row.topSearchResultContainer ul#searchResults li.articleItem.focus { background-color: #FFED00; color: #1B4D9A !important; } .row.topSearchResultContainer ul#searchResults li.articleItem a span.searchResultDesc { font-size: 12px; color: #ccc; max-width:30%; } .row.topSearchResultContainer ul#searchResults li.articleItem small { color: #1B4D9A !important; line-height: 28px; } ul#searchArtikelList li a { display: block; padding: 5px 10px; color: #1B4D9A !important;} .row.topSearchResultContainer.terminalSearchArtikelList { width:100%; -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem { background-color:#f4f4f4; margin-bottom:3px; height:auto; padding:5px 10px 10px; font-size:17px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem a { color:#000 !important; margin:0px; padding:0px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem a span.searchResultDesc { display:block; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group { float:none; clear:both; width:100%; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .price { font-size:24px; width:70px; padding-top:0px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .sup { font-size:14px; top:-7px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group .qtyBtn { width:24px; height:24px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group .qtyField { height:24px; font-size:18px; max-height:24px; display:inline-block; width:60px; float:none; margin-top:0px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group .input-group-btn { display:inline-block; width:auto; float:none; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group .unit { float:none; display:inline-block; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group { padding:5px 0px 0px 0px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group .terminal-add-btn-container { position:absolute; right:0px; bottom:0px; } .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li.articleItem .input-group .addBtn { width:34px; height:34px; font-size: 20px;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem { clear:both; height: 28px; padding:0; margin: 0;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem a { float:left; width:53%; display:table-cell;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .price { float:left; color:#000; vertical-align: middle; width:15%; display:table-cell; padding: 4px 0 0 0; text-align: right;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .sup { position:relative; top:-3px; font-size:10px; } /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group { float:right; width: 140px; height:100%; padding:0 4px 0 10px; min-width: 140px;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .qtyBtn { width:18px; height:18px; padding:0; margin:0; border:none; border-radius:0;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .qtyBtn.minus { background-image: url('/images/qty_minus.png'); background-repeat: no-repeat; background-size: 100% auto;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .qtyBtn.plus { background-image: url('/images/qty_plus.png'); background-repeat: no-repeat; background-size: 100% auto;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .qtyField { margin:0; padding: 0; text-align: center; vertical-align: middle; height: 18px; max-height: 18px; border: 1px solid #ccc; font-size: 12px; } /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .unit { float:left; color:#000; vertical-align: middle; width:31px; display:table-cell; padding: 4px 5px 0 5px; text-align: left; font-size:12px; } /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .addBtn { background-image: url('/images/wk_btn_big_bg.png'); background-repeat: no-repeat; background-size: 100% 100%; width:22px; height:22px; padding:0; margin:0; border:none; border-radius:0; } /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group .addBtn i { /*color:#fff;*/ margin: 0px 0 0 -1px; } /*#header*/ .row.topSearchResultContainer ul#searchResults li#allResults {clear:both;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem { clear:both; height:28px; padding:0; margin: 0; display:block; padding: 2px 10px;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem a { float:left; display:block; width:auto; /*max-width: 252px;*/} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .price { float:right; color:#000; vertical-align: middle; width:55px; display:block; padding: 4px 0 0 0; text-align: right;} /*#header*/ .row.topSearchResultContainer ul#searchResults li.articleItem .input-group { float:right; width: 140px; height:100%; padding:0 4px 0 10px; min-width: 140px;} .row.topSearchResultContainer ul#searchResults li#loader a { text-align: center; cursor: default; height: 130px; display: none; width:100%;} .row.topSearchResultContainer ul#searchResults li#loader a:hover { background: none; } .row.topSearchResultContainer ul#searchResults li#loader a img { } .row.topSearchResultContainer ul#searchResults li#allResults a {font-style: italic; text-align: center; /*border-top: dotted 1px #1B4D9A;*/ display: block; } .row.topSearchResultContainer ul#searchResults li#noResults a { text-align: center; font-style: italic; display: none; margin-top: 15px; margin-bottom: 15px; } .row.topSearchResultContainer ul#searchResults li#noResults a:hover { background: none; cursor: default; } .row.topSearchResultContainer ul#searchResults li#noResults a span { display: block; } .row.topSearchResultContainer ul#searchResults li#noResults div#notFountSuggests { color: #1B4D9A !important; padding: 0px 15px 15px 15px; } .row.topSearchResultContainer ul#searchResults li#noResults div#notFountSuggests div { text-align: center; } .row.topSearchResultContainer ul#searchResults li#noResults div#notFountSuggests div span.topSearchSuggest { text-decoration: underline; padding-left: 3px; padding-right: 3px; } .row.topSearchResultContainer ul#searchResults li#noResults div#notFountSuggests div span.topSearchSuggest:hover { cursor: pointer; text-decoration: none; } .row.topSearchResultContainer ul#searchResults li.articleItem.landingpage {margin-top:0;} .row.topSearchResultContainer ul#searchResults li.articleItem.landingpage a {min-width: 100%} .row.topSearchResultContainer ul#searchResults li.divider { height: 1px; background: #ccc; margin: 0 0 4px 0; padding: 0;} .row.topSearchResultContainer ul#searchResults li.headline {font-weight: bold;} .row.topSearchResultContainer ul#searchResults li.articleItem.headline.focus { background: none !important; color: #000 !important; } .row.topSearchResultContainer ul#searchResults li.noResults {font-style: italic; text-align: center;} .row.topSearchResultContainer ul#searchSuggestions li {padding: 2px 10px; margin-bottom: 4px;} .row.topSearchResultContainer ul#searchSuggestions li.headline {font-weight: bold;} .row.topSearchResultContainer ul#searchSuggestions li.divider { height: 1px; background: #ccc; margin: 0 0 4px 0; padding: 0;} /* top search neu */ .row.topSearchResultContainer {position:absolute; right:0; left:0; top:41px; z-index:801; width:auto; background-color: #fff; margin: 0px; padding: 0px; color:#000; display:none;} .row.topSearchResultContainer ul {margin:0; padding:0;} .row.topSearchResultContainer ul li {list-style-type: none; padding: 0px; margin: 0px; color:#000;} .row.topSearchResultContainer ul li a {color:#000 !important;} .row.topSearchResultContainer .topSearchLeft ul li {/*height:20px;*/ margin-bottom: 8px; overflow:hidden;} .row.topSearchResultContainer .topSearchLeft {padding:10px 0; border-right: 1px solid #ccc; } .row.topSearchResultContainer .topSearchRight {padding:10px 0; border-left: 1px solid #ccc; margin-left: -1px;} .row.topSearchResultContainer.terminalSearchArtikelList .topSearchRight {border:none;} .row.topSearchResultContainer ul#searchResults li#allResults {/*border-top: 1px solid #ccc;*/ padding-top: 14px;} .row.topSearchResultContainer.terminalSearchArtikelList ul#searchResults li#allResults {border:none;} ul.dropdown-menu.suchUl { z-index: 101; } ul.allCategories { list-style-type: none; margin: 0px 0px 15px 0px; padding: 0px; border: solid 1px #204B9A; } ul.allCategories li { margin: 0px; padding: 0px; } ul.allCategories li a { display: block; padding: 5px 10px; background: url("/images/btn_bg.png") #204B9A repeat-x; color: #fff; font-weight: bold; text-transform:uppercase; } ul.allCategories li a:hover { color: #fff000; } ul.allCategories li ul { list-style-type: none; margin: 5px 5px 5px 15px; padding: 0px; } ul.allCategories li ul li a { display: block; padding: 0px; background: none; color: #204B9A; font-weight: normal; text-transform:none; } ul.allCategories li ul li a:hover { color: #204B9A; text-decoration: underline; } #allCategoriesContainer .subnav{ margin-bottom: 25px;} .qr-body { color: #fff; border-radius: inherit; background-image: url('/images/blue_bg.png'); background-size: 200% 200%; padding: 15px; } .qr-body img { text-align: center; width:100%; max-width:300px; display:block; margin:0 auto; } .qr-body .printQrBtn { border: 1px solid #FFFFFF; border-radius: inherit; color: #FFFFFF; background-image: url('/images/btn_bg.png'); background-repeat: repeat-x; padding: 4px 12px; font-weight: bold; font-size: 12px; float:right; margin-top:12px} #z360 { position:relative; width:100%; height:100%; background:#fff; min-height:360px; cursor:move; } #z360 .z360-autorotate { display:none; } #z360 .z360-images { width:100%; height:100%; overflow:hidden; min-height:360px;} #z360 .z360-controls { position:absolute; bottom:20px; left:0; width:100%; text-align:center; } #z360 .z360-controls a { cursor: pointer; vertical-align: middle; } .tooltip {width:auto; min-width:120px; opacity:1 !important;} .tooltip .tooltip_cvc {width:280px;} .tooltip .tooltip-inner { max-width: 310px; background: #e5e5e5; background-color:#fff !important; color: #444 !important; border:1px solid #aaa; display:block;} .tooltip .tooltip-inner h1 { margin-top:5px; text-align: left; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:#444; font-size: 14px; } .tooltip .tooltip-inner p { margin-top:10px; text-align: left; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color:#444; font-size: 12px; display:table-cell;} .tooltip .tooltip-inner img { width:100px; height:auto; float:left; margin-right:10px;} .tooltip.top .tooltip-arrow { border-top-color: #aaa;} .tootltip_shared_emails{ text-decoration: none; } .tooltip {font-weight: bold;} .orderDoneText{min-height:200px;} .orderDoneImages { margin: 0; padding: 0; } .orderDoneBtn{margin-top:20px;} .crossselling-container h3 {font-size: 16px; font-weight: bold; margin-left:17px;} #crosssellingslider.owl-theme .owl-controls .owl-buttons div{ position:absolute; width:14px; height:75px; top:110px;} #crosssellingslider.owl-theme .owl-controls .owl-buttons div.owl-prev { left:0; background-image:url('/images/carousel_arrow_small_left.png'); background-repeat:no-repeat;} #crosssellingslider.owl-theme .owl-controls .owl-buttons div.owl-next { right:0; background-image:url('/images/carousel_arrow_small_right.png'); background-repeat:no-repeat;} #crosssellingslider .owl-pagination {display:none;} #crosssellingslider {padding: 0 10px; margin-bottom: 40px;} #crosssellingslider .owl-wrapper-outer {border: 1px solid #fff;} #crosssellingslider .item {background: #fff; border-right: 1px solid #ccc;} #crosssellingslider .item .image a{display:block; margin-top:10px;} #crosssellingslider .item .image img{display:block; margin: 0 auto; border:none; width:auto; height:130px; max-width:130px;} #crosssellingslider .item .desc{ padding:10px; height: 80px;/*120px*/ font-size: 12px; position:relative;} #crosssellingslider .item .desc strong { font-size: 14px; } #crosssellingslider .item .itemFooter {padding:1px 10px; height:80px;/*40px*/} #crosssellingslider .item .itemFooter .price { text-align: right; color: #0070b9; font-weight: bold; font-size: 20px; float:right; margin-top:11px;} #crosssellingslider .item .itemFooter .price .vergleichspreis { color: #999; display: block; font-size: 12px; font-weight: normal;} #crosssellingslider .item .itemFooter .price .sup { position:relative; top:-6px; font-size:14px;} #crosssellingslider .item .itemFooter .price .inst {/* color:#d90022;*/ font-weight:normal; text-decoration:line-through; margin-right:5px; font-size: 12px;} #crosssellingslider .item .itemFooter .price .aktion { color:#d90022;} #crosssellingslider .item .itemFooter .buttons { text-align: right; color: #0070b9; font-weight: bold; font-size: 20px; float:left;} #crosssellingslider .item .itemFooter .buttons img{ height:40px; width:auto; } #crosssellingslider .item .itemFooter span.price {display:inline-block; adding:0; margin:0; color:#006eb6;} #crosssellingslider .item .itemFooter span.price.aktion {} #crosssellingslider .item .itemFooter span.price .normalprice {color: #006eb6; display:block; margin:16px 4px 0px 4px; padding:0; font-size:11px; text-align:right; position:static; min-height:16px} #crosssellingslider .item .itemFooter span.price .actualprice {color: #006eb6; display:block; margin:0px 4px 0px 4px; padding: 0; border-top: 1px solid #fff; position: static; min-height:16px;} #crosssellingslider .item .itemFooter span.price.aktion .actualprice {color: #d90022;} #crosssellingslider .item .itemFooter .price {height:48px;} #crosssellingslider .item .itemFooter span.price.aktion {background: #ff3823; padding: 3px; margin-top:8px;} #crosssellingslider .item .itemFooter span.price.aktion .normalprice {color: #fff; display:block; margin:0px 4px 0px 4px; padding:0; font-size:11px; text-align:right; position:static; min-height:16px; text-decoration:none;} #crosssellingslider .item .itemFooter span.price.aktion .actualprice {color: #fff; display:block; margin:0px 4px 0px 4px; padding: 0; border-top:none; position: static; min-height:16px;} #crosssellingslider .item .itemFooter .buttons { text-align:right; color:#006eb6; font-weight:bold; font-size:20px; float:left; margin-top:32px} #crosssellingslider .item .itemFooter .buttons img{ height:40px; width:auto;} #crosssellingslider .item .itemFooter .vergleichspreis { color: #999; display:inline-block; font-size: 12px; font-weight: normal; width: 100%; float: right; text-align: right;} .cloneContainer .price { text-align: right; color: #006eb6; font-weight: bold; font-size: 20px; float:right; margin-top: 11px;} .cloneContainer .price .inst {/* color:#d90022;*/ font-weight:normal; text-decoration:line-through; margin-right:5px; font-size: 12px;} .cloneContainer .price .aktion { color:#d90022;} .fa.inactive {opacity:0.3; display:none;} /* Auswahlfenster Zustellung/Lieferung */ #lieferDetail {width:820px;} #lieferDetail.singlerow {width:410px;} #lieferDetail .lieferung, #lieferDetail .abholung {text-align:center; padding: 20px 40px; margin:0;} #lieferDetail .lieferung p, #lieferDetail .abholung p { min-height:40px; text-align:center; margin: 5px 0px; font-size:14px; } #lieferDetail .lieferung img, #lieferDetail .abholung img { width:auto; height:100px; } #lieferDetail #deliveryPlace {color:#000;} #lieferDetail .deliveryPlaceSearchResult {background:#fff; color:#000; border-radius: 0 0 10px 10px; display:none; margin:-2px 0 0 0; padding:0 10px 0 10px; border-top: 1px solid #318AFC;} #lieferDetail .deliveryPlaceSearchResult ul {list-style: none; margin:0; padding:5px; text-align: left;} #lieferDetail .deliveryPlaceSearchResult ul.loader { width:100%;} #lieferDetail .deliveryPlaceSearchResult ul.loader li {width:100%; text-align: center;} #lieferDetail .deliveryPlaceSearchResult ul.loader li img { padding:40px; } #lieferDetail .deliveryPlaceSearchResult ul li a {display:block;} #lieferDetail .form-control { border-color:#FFFFFF; -webkit-box-shadow: none; box-shadow:none; padding:10px 12px; height: 40px; outline: none;} #lieferDetail .form-control:focus { border:1px solid #fff; outline:none; outline-style:none; outline-width: 0; box-shadow:none; -webkit-box-shadow: none; } /* #lieferDetail .form-control:after {content:'<'; color:#000;} */ #lieferDetail .dropdown .dropdown-label { width:100%; color:#000; font-size:14px; position:relative; background:#fff; padding:10px 12px; height:40px; text-align:left; border-radius:4px; overflow: hidden;} #lieferDetail .dropdown.opened .dropdown-label { border-radius:4px 4px 0 0;} #lieferDetail .dropdown .dropdown-label a.down-icon { position: absolute; right:10px; top:10px;} #lieferDetail .dropdown .dropdown-label a.down-icon i { color:#000;} #lieferDetail .dropdown-options {background:#fff; color:#000; border-radius: 0 0 10px 10px; display:block; margin:0; padding:0 10px 0 10px; border-top: 1px solid #318AFC;} #lieferDetail .dropdown-options ul {margin:0; padding:5px;} #lieferDetail .dropdown-options ul li {list-style-type:none; list-style:none; margin:0; text-align: left; width: 100%} #wkAdresseForm .radio label.disabled{/*color: #ccc;*/} #wkAdresseForm .radio label.reallydisabled{color: #ccc;} .deliveryData .changeDeliveryData { margin-bottom:10px; text-align:center; } .deliveryData .changeDeliveryData.boxButtonClickHint { background-color:#fdd; border-color:#f77; } .wkContainer .wkAGB { float:left; } .wkContainer .wkAGB input { margin-right:5px; } #reklamationForm .has-feedback .form-control-feedback,#myForm .has-feedback .form-control-feedback { right:15px !important; top:3px; } #reklamationForm a.btnDisabled,#myForm a.btnDisabled { background-image: url('/images/gruppen_btn_inactive_bg.png'); cursor: pointer; } #reklamationForm a.btnDisabled:hover,#myForm a.btnDisabled:hover { color: #fff;} #content .textContainer .col-sm-9 { width:80%; } #content .textContainer .col-sm-3 { width:20%; } .bestellabschluss-newsletter {margin-top:22px;} .bestellabschluss-newsletter input{ width:216px; height:28px; margin: 2px 8px 2px 2px; border-radius: 0px; float:left;} .bestellabschluss-newsletter input[type="checkbox"] {width:auto !important; height:auto !important; margin:0; float:none;} .bestellabschluss-newsletter button { height:28px; margin: 2px 8px 2px 2px; border-radius: 0px; float:left;} .bestellabschluss-newsletter .has-feedback .form-control-feedback { top: 0px; right: 4px; } .bestellabschluss-newsletter .inp-group { position:relative; display:inline-block; float:left;} #content .produktDetailContainer .preisAlarmLink {display:block; text-align:center; border:1px solid #cccccc; line-height:26px; text-transform:uppercase; font-weight:bold; font-size:12px;} .preisAlarmLink .icon {position:absolute; right:0px; bottom:-44px; opacity:0.7;} .preisAlarmLink.up .icon {position:absolute; right:0px; bottom:-16px; opacity:0.7;} .cloneContainer .preisAlarmLink .icon {bottom:auto; top:-88px; right:10px;} .cloneContainer .preisAlarmLink.up .icon {bottom:auto; top:-112px; right:10px;} .preisAlarmLink .icon:hover {opacity:1;} #crosssellingslider .preisAlarmLink .icon {right:10px;} .preisAlarm {background: #fff; padding:10px; position:relative; margin-bottom:10px; display:none; color: #000;} .preisAlarm .text-muted {color:#999 !important;} .preisAlarm #preisAlarmForm input {display:inline-block; height:28px;} .preisAlarm #preisAlarmForm input#email {width:260px;} .preisAlarm #preisAlarmForm input#maxpreis {width:80px;} .preisAlarm #preisAlarmForm input#aktion {height:auto; margin:0; vertical-align: middle; position: relative; top:-1px; } .preisAlarm .form-group {margin:0;} .preisAlarm .indent {margin-left:80px; width:auto;} .preisAlarm .palogo {display:inline-block;} .preisAlarm h3 {margin-top:0; color:#000; text-transform:uppercase; font-size:20px;} .preisAlarm img.aufzaehlung {width:26px; height:auto; display:inline-block; margin-right:8px;} .preisAlarm hr { background: #e4e4e4; height: 2px;} .preisAlarm .alert p {margin:0;} .preisAlarm .produktDetailContainer {margin-bottom:40px;} .preisAlarm .produktDetailContainer .artikelImage {width:100%; border: 1px solid #cccccc; position:relative; max-width: 238px} .preisAlarm .produktDetailContainer .desc {border-bottom: 1px solid #cccccc; padding-bottom: 5px; position: relative; } .preisAlarm .produktDetailContainer .desc p.artikelName {color:#000; font-size:20px; font-weight:bold;} .preisAlarm .produktDetailContainer .desc p.artikelBezeichnung {color:#000; font-size:14px; font-weight:normal;} .preisAlarm .produktDetailContainer .desc p.artikelGrammatur {color:#000; font-size:14px; font-weight:normal;} .preisAlarm .produktDetailContainer .desc .artNr { position: absolute; right: 1px; bottom: 5px;} .preisAlarm .produktDetailContainer .priceContainer { position:relative;} .preisAlarm .produktDetailContainer .priceContainer .price { color:#006eb6; font-weight:bold; font-size:34px; margin-top:5px;} .preisAlarm .produktDetailContainer .priceContainer .price .inst { color: #006eb6; font-weight:normal; text-decoration:line-through; margin:0px 8px 0 0; font-size:24px; position:static;} .preisAlarm .produktDetailContainer .priceContainer .price .aktion { color: #d90022;} .preisAlarm .produktDetailContainer .priceContainer .price .vergleichspreis { color: #999; display: block; font-size: 12px; font-weight: normal; margin-bottom: 10px;} .preisAlarm .produktDetailContainer .priceContainer .price .sup { position:relative; top:-10px; font-size:22px;} .preisAlarm .produktDetailContainer .priceContainer .icon { position:absolute; top:10px; right:1px;} .preisAlarm .produktDetailContainer .priceContainer p {font-size:12px; font-weight:normal;} .preisAlarm .produktDetailContainer .priceContainer p.bigger {font-size:14px;} .fancyboxPreisalarm { border: 6px solid #005abd; border-radius:16px;} .fancyboxPreisalarm .fancybox-skin {color:#fff; border-radius: 9px;} .fancyboxPreisalarm .fancybox-skin .fancybox-outer {color:#fff; border-radius: 0;} .fancyboxPreisalarm .fancybox-skin .fancybox-inner {overflow:hidden !important; width:100% !important;} .vorbestellInfo {background: #fff; padding:10px; position:relative; margin-bottom:10px; display:none; color: #000;} .vorbestellInfo h1 {margin:0 0 10px 0;} .vorbestellInfo hr { background: #e4e4e4; height: 2px;} .vorbestellInfo .produktDetailContainer {margin-bottom:40px;} .vorbestellInfo .produktDetailContainer .artikelImage {width:100%; border: 1px solid #cccccc; position:relative; max-width: 238px} .vorbestellInfo .produktDetailContainer .desc {border-bottom: 1px solid #cccccc; padding-bottom: 5px; position: relative; } .vorbestellInfo .produktDetailContainer .desc p.artikelName {color:#000; font-size:20px; font-weight:bold;} .vorbestellInfo .produktDetailContainer .desc p.artikelBezeichnung {color:#000; font-size:14px; font-weight:normal;} .vorbestellInfo .produktDetailContainer .desc p.artikelGrammatur {color:#000; font-size:14px; font-weight:normal;} .vorbestellInfo .produktDetailContainer .desc .artNr { position: absolute; right: 1px; bottom: 5px;} .vorbestellInfo .produktDetailContainer .priceContainer { position:relative;} .vorbestellInfo .produktDetailContainer .priceContainer .price { color:#006eb6; font-weight:bold; font-size:34px; margin-top:5px;} .vorbestellInfo .produktDetailContainer .priceContainer .price .inst { color: #006eb6; font-weight:normal; text-decoration:line-through; margin:0px 8px 0 0; font-size:24px; position:static;} .vorbestellInfo .produktDetailContainer .priceContainer .price .aktion { color: #d90022;} .vorbestellInfo .produktDetailContainer .priceContainer .price .vergleichspreis { color: #999; display: block; font-size: 12px; font-weight: normal; margin-bottom: 10px;} .vorbestellInfo .produktDetailContainer .priceContainer .price .sup { position:relative; top:-10px; font-size:22px;} .vorbestellInfo .produktDetailContainer .priceContainer .icon { position:absolute; top:10px; right:1px;} .vorbestellInfo .produktDetailContainer .priceContainer p {font-size:12px; font-weight:normal;} .vorbestellInfo .produktDetailContainer .priceContainer p.bigger {font-size:14px;} .fancyboxVorbestellInfo { border: 6px solid #005abd; border-radius:16px;} .fancyboxVorbestellInfo .fancybox-skin {color:#fff; border-radius: 9px;} .fancyboxVorbestellInfo .fancybox-skin .fancybox-outer {color:#fff; border-radius: 0;} .fancyboxVorbestellInfo .fancybox-skin .fancybox-inner {overflow:hidden !important; width:100% !important;} .orderDoneText .thxBox { min-height:190px; position: relative; } .orderDoneText .orderDoneBG { position:absolute; top:0; left:0; right:0; bottom:0; background:##fff; z-index:-1; overflow:visible; } .orderDoneText .thxText { position: absolute; top: 30px; right: 0; width: 257px; padding:0 15px; } .orderDoneText .spacer { height:28px; } .orderDoneText .tbCell { position:relative; min-height:360px; } .orderDoneText .tbBackground { position:absolute; left:0; top:0; height:100%; width:auto; } .orderDoneText .textLeft { position:absolute; width:auto; left:10px; right:30px; top:116px; padding:0; margin:0; } .orderDoneText .formLeft { position:absolute; width:auto; left:10px; right:10px; bottom:20px; padding:0; margin:0; } .orderDoneText .formLeft .newsletterSendBtn { width:90%; margin-top:10px; } .orderDoneText .formLeft .newsletterSendBtn { width:90%; margin-top:10px; } .orderDoneText .formLeft .email { width:90%; } .orderDoneText .textRight { position:absolute; width:auto; left:10px; right:180px; top:116px; padding:0; margin:0; } .orderDoneText .form-control-feedback { top: 0; right: 9%; } #agbForm label { display: block; margin: -19px 0 10px 20px; text-indent: 0;} #agbForm input[type="checkbox"] { display:block; width: 15px; height: 15px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; overflow: hidden;} .check-sepa-review { font-size:12px; } #content .wkContainer .check-sepa-review h4 { margin:0px 0px 15px 0px; font-size:18px; font-weight:bold; } .check-sepa-review p { margin:12px 0px 4px 0px; } .check-sepa-review p strong { display:block; margin-bottom:5px; } .check-sepa-review div.sepa-info-line { padding-left:15px; } .sepa-info-signature { display:block; margin:20px 0px 10px; } .sepa-info-footnote { display:block; font-style:italic; font-size:11px; margin:8px 0px; } .check-sepa-review hr { display:block; margin:8px 0px; height:1px; background-color:#ccc; border:0px none; } .sepa-info-signature { font-size:16px; } .sendRezeptByEmail small {font-weight: normal; color: #999999;} @media print{ .printQrBtn { display:none;} .sendRezeptByEmail{display:none;} } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video video, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } .btn-newsletter-content,.btn-newsletter-content:focus,.btn-newsletter-content:active { border-radius: 0px; background-image: url('/images/wk_btn_big_bg.png'); background-repeat: repeat; color: #fff; width: 100%; border:1px solid #ccc; } .newsletterInputRight button:hover { color: #fff000; } .newsletterGroupLeft { padding-right: 0px; } .newsletterGroupRight { padding-left: 0px; } .newsletterGroupRight button { width: 100%; border-left: 0px; } .newsletterGroupLeft input { width: 100%; border-right: 0px; } .fullwidth-recipe-container { padding-left:0px; padding-right:0px; } .fullwidth-recipe-container img { display:block; width:100%; } .fullwidth-recipe-container h2 { margin-left:15px; margin-right:15px; } .produktlisteApp { margin:0px -15px; text-align:center; } .produktlisteApp .btn-default { background-color:#feed01; color:#005dba; font-size:18px; text-transform:none; text-align:center; margin:15px; padding:5px 20px; background-image:none; } .produktlisteApp .btn-default:hover { background-color:#005dba; color:#feed01; background-image:none; } .produktlisteAppProdukt { border-top:1px solid #ccc;} .produktlisteAppProdukt:last-child { border-bottom:1px solid #ccc; } .produktlisteAppProdukt > input { width:70px; height:70px; display:block; position:relative; float:left; visibility:hidden; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .produktlisteAppProdukt > label:after { border:1px solid #ccc; border-radius:100px; content:''; font-family:FontAwesome; color:#fff; font-size:30px; line-height:40px; text-align:center; position:absolute; left:-55px; top:15px; height:40px; width:40px; } .produktlisteAppProdukt > input:checked + label:after { content:'\f00c'; border-color:#005dba; background-color:#005dba; } .produktlisteAppProdukt > label { display:block; float:left; width:calc(100% - 70px); position:relative; height:70px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .produktlisteAppProdukt > label > img { display:block; width:60px; height:60px; margin:5px 10px; float:left; } .produktlisteAppProdukt > label > .desc { display:block; float:left; width:calc(100% - 200px); color:#666; line-height:18px; font-size:12px; height:70px; overflow:hidden; text-align:left; position:relative;} .produktlisteAppProdukt > label > .desc strong { font-size:16px; font-weight:bold; color:#000; display:block; padding:8px 0px 2px; } .produktlisteAppProdukt > label > .price { display:block; float:left; width:120px; text-align:center; padding-right:10px; padding-top:18px; margin-top:0px; line-height:18px; font-size:18px; text-align:right; } .produktlisteAppProdukt > label > .price.aktion { color: #c80405; } .produktlisteAppProdukt > label > .price span.vergleichspreis { font-size:11px; color:#666; display:block; line-height:12px; margin-top:4px; } .produktlisteAppProdukt > label > .price span.inst { font-size:12px; padding-right: 8px; } h2.rezepteHeadline a{ color: #000; text-decoration: none; } .rezepteCaption{ margin-bottom: 10px; color: #000; } .wrapperRezepteVerweis { display: inline-block; position: relative; margin-bottom: 25px; } .wrapperRezepteVerweis img { display: block; max-width:100%; width:100%; } .wrapperRezepteVerweis .overlay { position: absolute; bottom:0; left:0; width:100%; background-color: rgba(0,0,0,0.5); color:#FFF; } .wrapperRezepteVerweis .overlay h2 { text-align: center; margin-top: 5px; font-size: 16px; } /* Buttons neu */ .btn-yellow, a.color, .btn-default, .btn-yellow:visited, a.color:visited, .btn-default:visited, .btn-yellow:focus, a.color:focus, .btn-default:focus { background:#ffec00; color:#005eba !important; border-bottom:3px solid #a79b00 !important; border-top:none !important; border-left:none !important; border-right:none !important; background-image: none !important; font-weight: bold !important; text-align: center; /*-webkit-box-shadow:0px -3px 0px #a79b00 inset; -moz-box-shadow:0px -3px 0px #a79b00 inset; box-shadow:0px -3px 0px #a79b00 inset;*/} .btn-yellow:hover, a.color:hover, .btn-default:hover, .btn-yellow:active, a.color:active, .btn-default:active {background:#2b78bc; color:#ffec00 !important; border-bottom:3px solid #004991 !important; border-top:none !important; border-left:none !important; border-right:none !important; /*-webkit-box-shadow:0px -3px 0px #004991 inset; -moz-box-shadow:0px -3px 0px #004991 inset; box-shadow:0px -3px 0px #004991 inset;*/} .btn-yellow:disabled, a.color:disabled, a.color.btnDisabled, .btn-default:disabled, .disabled > a {background:#b4b4b4 !important; color:#fff !important; border-bottom:3px solid #767676 !important;} .btn-yellow:disabled:hover, a.color:disabled:hover, a.color.btnDisabled:hover, .btn-default:disabled:hover, .disabled > a:hover {background:#b4b4b4 !important; color:#fff !important; border-bottom:3px solid #767676 !important;} .qtyBtn.minus, #content .mkContainer .qtyContainer .mkQtyBtn.minus {background:transparent !important; border:none !important; background-image: url('/images/wk_minus.png') !important; background-size: 100% 100% !important; width:20px !important; height:20px !important;} .qtyBtn.plus, #content .mkContainer .qtyContainer .mkQtyBtn.plus {background:transparent !important; border:none !important; background-image: url('/images/wk_plus.png') !important; background-size: 100% 100% !important; width:20px !important; height:20px !important;} .qtyBtn.remove {background:transparent !important; border:none !important; background-image: url('/images/wk_x.png') !important; background-size: 100% 100% !important; width:20px !important; height:20px !important;} #content .wkContainer .wkTable .qtyContainer .qtyField {height:20px;} #content .mkContainer .qtyContainer .qtyField { height:20px; } #content .mkContainer .qtyContainer .remove {border:none;} #mlShareBtn .fa {color:#005eba !important;} #mlShareBtn:hover .fa {color:#ffec00 !important;} #recruitment button#emailSubmit span.fa { color:#005eba !important;} #recruitment button#emailSubmit:hover span.fa { color:#ffec00 !important;} ul#searchArtikelList li.articleItem .input-group .addBtn i { color:#005eba; } ul#searchArtikelList li.articleItem .input-group .addBtn:hover i { color:#ffec00; } /*Header neu*/ .tbl {display:table; padding:0; margin:0; vertical-align:top; text-align:left;} .tbl-cell {display:table-cell; padding:0; margin:0; vertical-align:top; text-align:left;} #header {/*background-image:url('/images/header_bg2_unimarkt.jpg'); background-size: 100% 100%;*/ background:transparent !important; height:auto;} #header .header-main {width:100%;} /* smartbanner */ #header.smartbanner { margin-top:75px; } #header.onTop { margin-top:0; } #header.smartbanner.onTop .header-main { margin-top:75px;} #header.smartbanner.onTop .navigationContainer { margin-top:75px;} #smartbanner.shown { position:fixed !important;} #header .headerContainer { padding:0 40px; height:116px; width:100%; background-color:#454346; background-image:url('/images/bg_header.jpg'); background-size: 100% 100%;} #header .navigationContainer {width:100%;} #header .navigationContainer .shadow { margin-bottom:-22px; } #header .tbl { height:100%; } #header .logo-container { padding:22px 24px; width:330px; min-width:330px; background:#005cbc; } #header .search-container { width:100%; min-width:220px; padding: 38px 0 0 38px;} #header .userControl-container { min-width:520px;/*390px;*/ padding:36px 0 0 0; } #header .timeoutContainer {font-size:13px; margin-right:60px; text-align:center; width:100%;} #header .userControl { padding-top: 0; margin-left:20px; font-size:13px;} #header .headerLogo img { display:block; width:100%; height:auto; } #header .search {width:100%;} #header .search #searchText { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height:40px; border:none; color:#000; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;} #header .search .searchBtn {background:#fff; background-image:url(/images/icon_suche.svg); height:40px; width:45px; background-size: 100% 100%; margin-left:0; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:0; border:none; border-radius:0;} #header .search .dropdownContainer {font-size:14px; background-color: #FFFFFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border: 2px #ffee00 solid; border-right:none;} #header .search .dropdownContainer a { border-right: 1px solid #CCCCCC; padding: 4px 12px; color: #000000; cursor: pointer;} #header .search #searchArtikelList {left:0; margin-right:48px; width:auto;} #header .search #topSearchForm { /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border: 2px #ffee00 solid;*/} /* #header .login { float: left; margin-right:10px; height:100%; text-align:right; max-width: 180px;} #header .login a {white-space:normal;} #header .lieferart { float: right; height:100%;} */ #header .userControl { margin-top:-18px;} #header.onTop .userControl { margin-top:-12px;} #header .userControl .option { min-width:102px;/*90px;*/ position:relative; margin:0 10px; padding:0; } #header .userControl .option.login {text-align:center; height:100%; float:left; } #header .userControl .option.warenkorb {text-align:center; height:100%; float:left; position:relative;} #header .userControl .option.warenkorb .counter {position:absolute; top:16px; right:26px; width:24px; height:24px; background:#ffed00; border-radius:12px; padding:4px; font-size:12px; font-weight:bold; color:#005db8; } #header.onTop .userControl .option.warenkorb .counter {top:16px; right:23px; display:none;} #header .userControl .option.distributionType {text-align:center; height:100%; float:left; } #header .userControl .option .icon {height:40px; width:auto; display:inline-block; margin-bottom:4px;} #header.onTop .userControl .option .icon {height:28px;} #header .userControl .option .lbl { color:#fff; display:block; font-size:12px; margin:0; padding:0; width:100%; max-width:102px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:normal; } #header .userControl .option .lbl.top { text-transform:uppercase; color:#f6ed3a; font-weight:bold; } #header .userControl .option .lbl.top i { color:#fff; font-size:13px; } #header .userControl .option.payback {float:left; font-family:"PAYBACK"; color:#fff; margin:-18px -5px -15px -5px; background:#0045aa; padding:12px 5px 15px 5px;} #header .userControl .option.payback a, #header .userControl .option.payback a .lbl.top { font-family:"PAYBACK"; color:#fff; font-size:13px;} #header .userControl .option.payback p { width:100%; text-align:center; margin:0; padding:0;} #header .userControl .option.payback p.paybackLogo { padding: 6px 0 2px 0; } #header .userControl .option.payback p.paybackPoints { font-size:16px; } #header .userControl .option.payback p.paybackLink { font-size: 14px; line-height:16px; text-align:left; padding:1px 0 0 10px; text-decoration:underline; max-width: 80px; } #header.onTop .header-main {z-index:7500; position: fixed; top:0;} #header.onTop .navigationContainer > nav.navbar { margin-bottom:0px; } #header.onTop .headerContainer { padding:0 40px; width: 100%; height:76px; /*z-index:9999; position: fixed;*/ } #header.onTop .navigationContainer { position: fixed; top:76px; /*width:100%; z-index:9999;*/ } #header.onTop .logo-container { width:220px; min-width:220px; padding:14px 14px; } #header.onTop .search-container { width:100%; min-width:220px; padding:20px 0 0 20px; } #header.onTop .userControl-container { min-width:520px;/*390px;*/ padding:19px 0 0 0; } #header.onTop .userControl .option.payback { padding:16px 5px 15px 5px; }; #header.onTop .userControl .option.payback p.paybackLogo { padding: 1px 0 0 0; } #header.onTop .userControl .option.payback p.paybackPoints { padding:0; margin:-3px 0 0 0; font-size: 20px; display:none;} #header.onTop .userControl .option.payback p.paybackLink { font-size: 14px; line-height:16px; text-align:center; padding:2px 0 0 0; text-decoration:underline; max-width:100px; } #header.onTop .timeoutContainer {margin-top:-10px;} #header.onTop .timeoutContainer {display:none;} #header .secondColumn .secondRow .wkContainer {margin-top: 0;} #header.onTop .secondColumn .secondRow .wkContainer {margin-top: 140px;} .navbar {background-image: none; background-color:#fff; width: 100%;} .navbar .navbar-nav>li>a { padding:10px 0; color:#005dba !important; margin-left:-1px; } .navbar .navbar-nav>li>a>span { font-size:15px; padding:0 12px; border-right:1px solid #005dba; font-weight:normal; } .navbar .navbar-nav>li:last-of-type>a>span { border:none; } /* .navbar .navbar-nav>li>a {color:#fff; font-size:14px; padding: 10px 12px; } @-moz-document url-prefix() { .navbar .navbar-nav>li>a {color:#fff; font-size:14px; padding: 10px 10px; } } */ .navbar .navbar-nav>li a:hover { color:#fff001 !important; } .navbar-nav .angle {color:#fff;} /* .dropdown-menu>li>div.menublock-floater>div.menublock-container>a { color: #FFF001 !important;} .dropdown-menu>li>div.menublock-floater>div.menublock-container>a:hover, .dropdown-menu>li>div.menublock-container>a:focus { background-color: transparent; color: #FFF001 !important; } */ .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #FFF001 !important; } /* Left Mini Menu */ /* .leftMiniMenu {position: fixed; top: 50%; left:0; overflow:hidden; z-index:999; width:65px; height:450px; margin-top:-100px;} */ .leftMiniMenu {position: fixed; top: 50%; left:0; overflow:hidden; z-index:999; width:65px; height:336px; margin-top:-149px; pointer-events:none;} .leftMiniMenu:hover {width:200px;} .leftMiniMenu .miniItem {background:#005dba; width:200px; height:66px; position:relative; position:absolute; left:-136px; pointer-events:auto;} .leftMiniMenu .miniItem:hover {left:0; background:#ffec01; color:#005dba;} .leftMiniMenu .miniItem .lbl {width:134px; text-align: center; position:absolute; top:22px; font-size:14px; left:6px;} .leftMiniMenu .miniItem .image {display:block; position:absolute; right:13px; top:13px;} .leftMiniMenu .miniItem.lg {top:0;} .leftMiniMenu .miniItem.lg .image {background:url('/images/side_lg.png'); background-size:100% 100%; width:33px; height:36px;} .leftMiniMenu .miniItem.lg:hover .image {background:url('/images/side_lg_2.png');} .leftMiniMenu .miniItem.aktionen {top:67px; /*top:268px;*/} .leftMiniMenu .miniItem.aktionen .image {background:url('/images/side_ak.png'); background-size:100% 100%; width:37px; height:37px;} .leftMiniMenu .miniItem.aktionen:hover .image {background:url('/images/side_ak_2.png');} .leftMiniMenu .miniItem.hitlist {top:67px; /*top:268px;*/} .leftMiniMenu .miniItem.hitlist .image {background:url('/images/side_hl.png'); background-size:100% 100%; width:37px; height:37px;} .leftMiniMenu .miniItem.hitlist:hover .image {background:url('/images/side_hl_2.png');} .leftMiniMenu .miniItem.merklisten {top:134px;} .leftMiniMenu .miniItem.merklisten .image {background:url('/images/side_ml.png'); background-size:100% 100%; width:36px; height:41px;} .leftMiniMenu .miniItem.merklisten:hover .image {background:url('/images/side_ml_2.png');} .leftMiniMenu .miniItem.einkaeufe {top:201px;} .leftMiniMenu .miniItem.einkaeufe .image {background:url('/images/side_le.png'); background-size:100% 100%; width:42px; height:37px;} .leftMiniMenu .miniItem.einkaeufe:hover .image {background:url('/images/side_le_2.png');} .leftMiniMenu .miniItem.newsletter {top:67px; /*top:268px;*/ } .leftMiniMenu .miniItem.newsletter .image {background:url('/images/side_nl.png'); background-size:100% 100%; width:36px; height:41px;} .leftMiniMenu .miniItem.newsletter:hover .image {background:url('/images/side_nl_2.png');} .leftMiniMenu .miniItem.testsieger {top:335px; left:0px; background:none; overflow:hidden; width:64px; height:78px;} .leftMiniMenu .miniItem.testsieger img { width:166px; } .leftMiniMenu .miniItem.testsieger:hover { width:200px;} /*.testsieger{ top: calc(50% + 235px); position: fixed; width: 165px; z-index: 999;}*/ .artikelPageHeader {padding-right:3px; margin-bottom:10px;} .dynamicWeightPriceBase { display:none; } .qtySelect { float:left; width:71px; margin-right:10px; } .defaultUnimarktPopup { display: none; background: url(/images/wkLoginBox_bg.png) #1A4E9B; background-size: 100% 100%; width:100%; height:100%; color: #FFFFFF; padding: 1px; min-height: 155px;} #newsletterAnmeldung {width:100%;} #newsletterAnmeldung #insNewsletterError, #newsletterAnmeldung #insNewsletterSuccess {margin-bottom:5px;} #newsletterAnmeldung #insNewsletterSubmit {margin-top:5px;} #newsletterAnmeldung a {color:#ffec00; text-decoration:underline;} #newsletterAnmeldung a:hover, #newsletterAnmeldung a:focus { color:#ffec00; } .masterpassContainer {position:relative;} /*.masterpass {text-align:center; position:absolute; left:30%; top:-16px; width:40%; z-index:2; color:#000; }*/ .masterpass {text-align:center; position:relative; width:auto;} .masterpass p {margin:14px 0 2px 0;} #loginDiv .masterpass {text-align:center; position:relative; left:0; top:0; width:auto; color:#fff !important; margin-bottom:20px;} #loginDiv .masterpass a {color:#fff !important;} .display-app .masterpass {text-align:center; position:relative; left:0; top:0; width:auto;} #accordion h1, #accordion h2, #accordion h3, #accordion h4, #accordion h5 { font-weight:bold; color:#333333; font-size: 14px; margin:0; white-space: nowrap; display:inline;} #accordion .panel { border-radius:0; margin:0 0 -1px 0;} #accordion .panel .panel-heading { padding:8px 12px; } #accordion .panel .panel-heading .panel-title { font-weight: bold; color: #333333; font-size: 14px; margin: 0; white-space: nowrap; display: inline; } #accordion .panel .panel-heading .panel-title a { display:block; } #accordion .panel .panel-collapse .panel-body { } #accordion .panel .panel-collapse .panel-body p.fieldValue {} #accordion .panel .table td { padding: 4px; } #accordion .panel ul { margin-left:-20px; } #accordion .panel .panel-heading { background: #f3f3f5; background: -moz-linear-gradient(top, #f3f3f5 0%, #ebebed 47%, #e4e4e6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f3f3f5 0%,#ebebed 47%,#e4e4e6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f3f3f5 0%,#ebebed 47%,#e4e4e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f5', endColorstr='#e4e4e6',GradientType=0 ); /* IE6-9 */ } #accordion .panel .panel-heading.headline { background: #f3f3f5; } .stickFancyToTop { top:20px !important; bottom:auto !important; } /* .delDetailsWindow { background-image: url(/images/lieferDetail_bg.png); background-size:100% 100%; width:100%; max-width:430px; color:#FFFFFF; overflow:hidden; padding:18px; min-width:400px; } .delDetailsWindow h1 { display:block; text-align:center;color: #ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin:10px 0; } .delDetailsWindow h3 { margin:16px 0 12px 0; font-size:12px; color:#fff; } .delDetailsWindow div.centered { margin: 0 auto; } .delDetailsWindow .amexinfo { width:264px; margin: 16px auto 0 auto; display:block; padding: 4px; border:#fff001 1px solid; color:#fff001; text-align:center; font-size: 13px; } .delDetailsWindow .step {position:absolute; right:-6px; top:-20px; font-size:16px; color:#ffed00; font-weight:bold;} .delDetailsWindow .citySelection { position:relative; } .delDetailsWindow .citySelection .cityInput { box-sizing:border-box; display:block; margin:0 auto; width:80%; background:#fff; border-radius:1px; } .delDetailsWindow .citySelection .cityInput .tbl-cell { vertical-align: middle; } .delDetailsWindow .citySelection .cityInput .tbl-cell.icon { width: 46px; } .delDetailsWindow .citySelection .cityInput .tbl-cell.icon img { padding:10px; width:100%; } .delDetailsWindow .citySelection .cityInput .tbl-cell.input input, .delDetailsWindow .citySelection .cityInput .tbl-cell.input input:focus { width:100%; height:100%; color:#000; font-size:23px; padding:0 10px 0 0; box-sizing: border-box; outline: none; border: none;} .delDetailsWindow .citySelection p { font-size:12px; text-align:center; } .delDetailsWindow .citySelection .citySearchResult { width:80%; margin:2px auto 0 auto; } .delDetailsWindow .citySelection .citySearchResult ul { position:relative; display:block; margin:0; padding:0; list-style:none; text-align:center; width:100%; overflow-y:auto; max-height:390px; margin:0;} .delDetailsWindow .citySelection .citySearchResult ul li { width:100%; background:#fff; padding:10px 0 10px 10px; margin:0 0 2px 0; text-align:left; height:37px; } .delDetailsWindow .citySelection .citySearchResult ul li:hover { background:#FFF001; } .delDetailsWindow .citySelection .citySearchResult ul li.selected { background:#FFF001; } .delDetailsWindow .citySelection .citySearchResult ul li a, .delDetailsWindow .citySelection .citySearchResult ul li a:hover, .delDetailsWindow .citySelection .citySearchResult ul li a:visited, .delDetailsWindow .citySelection .citySearchResult ul li a:focus { display:block; font-size:12px; font-weight:bold; color:#000; text-decoration:none; width:100%; overflow:hidden; } .delDetailsWindow .citySelection .citySearchResult ul.loader { overflow:hidden; } .delDetailsWindow .citySelection .citySearchResult ul.loader li {height:50px;} .delDetailsWindow .citySelection .citySearchResult ul.loader li:hover { background:#fff; } .delDetailsWindow .citySelection .citySearchResult ul.loader li img.loading { display: block; margin: -50px auto; } .delDetailsWindow .citySelection .citySearchResult ul li i { display:block; font-size:12px; font-weight:bold; color:#000; text-decoration:none; width:100%; overflow:hidden; } .delDetailsWindow .dateSelection { display:none; position:relative; } .delDetailsWindow .dateSelection .delTypeSelection { text-align:center; margin:10px 0 30px 0; } .delDetailsWindow .dateSelection .delTypeSelection a.selType { width:90px; height:90px; display:inline-block; position:relative; } .delDetailsWindow .dateSelection .delTypeSelection a.selType.selected { width:120px; height:120px; } .delDetailsWindow .dateSelection .delTypeSelection a.selType .label { position:absolute; top:98px; left:0; width:100%; font-size:12px; color:#fffffe; text-decoration:none;} .delDetailsWindow .dateSelection .delTypeSelection a.selType.selected .label { position:absolute; top:128px; left:0; width:100%; font-size:12px; color:#fff001; text-decoration:underline; } .delDetailsWindow .dateSelection .delTypeSelection a.selType.delivery { background: url(/images/delivery/icon_liefern1.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow .dateSelection .delTypeSelection a.selType.delivery.selected { background: url(/images/delivery/icon_liefern2.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow .dateSelection .delTypeSelection a.selType.collect { background: url(/images/delivery/icon_abholen1.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow .dateSelection .delTypeSelection a.selType.collect.selected { background: url(/images/delivery/icon_abholen2.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow .dateSelection {} .delDetailsWindow .dateSelection .delCityInfo { width:264px; margin:0 auto; font-size:14px; text-align:center; } .delDetailsWindow .dateSelection .delCityInfo a.address { font-size:16px; color: #ffed00; font-weight:bold; margin:0; padding:4px 0; text-decoration:underline; text-transform: none; } .delDetailsWindow .dateSelection .delCityInfo a.edit { display:inline-block; padding:2px 4px; margin:2px;} .delDetailsWindow .dateSelection .delCityInfo a.edit:not(.fixeadresse) { display:inline-block; padding:0; margin:0; position:absolute; position:absolute; left:-7px; top:-20px; color:#ffed00; font-weight:bold; font-size:16px; text-decoration:underline;} .delDetailsWindow .dateSelection .delCityInfo a.fixeadresse { display:block; float:none; margin:0 auto; text-align:center; } .delDetailsWindow .dateSelection ul { display:block; margin:0 auto; padding:0; list-style:none; } .delDetailsWindow .dateSelection ul.month { text-align:center; width:264px; } .delDetailsWindow .dateSelection li.day { display:block; background:#fff; color:#000; width:42px; height:42px; margin:1px; font-size:18px; float:left; } .delDetailsWindow .dateSelection li.day:hover { background:#fff001; } .delDetailsWindow .dateSelection li.day a { display:block; padding:9px 0; color:#000; font-weight:normal; } .delDetailsWindow .dateSelection li.day.selected { background:#fff001; } .delDetailsWindow .dateSelection li.day.selected a { font-weight:bold; } .delDetailsWindow .dateSelection li.day.empty { opacity:0; } .delDetailsWindow .dateSelection li.day.invalid { background:#fff; } .delDetailsWindow .dateSelection li.day.invalid : hover { background:#fff; } .delDetailsWindow .dateSelection li.day.invalid a { font-weight:normal; color:#babbab; pointer-events:none; cursor:default; } .delDetailsWindow .dateSelection li.caption ul {height:12px; } .delDetailsWindow .dateSelection li.caption li.day { background:none !important; color:#fff !important; height: 12px; font-size: 12px; } .delDetailsWindow .dateSelection li.caption ul { margin-bottom:16px; } .delDetailsWindow h3 {margin: 16px 0 8px 0 } .delDetailsWindow .dateSelection .collectDateSelection { display:none; } .delDetailsWindow .timeSelection { text-align:center; } .delDetailsWindow .timeSelection ul.timeslots { display:block; width:264px; margin:0 auto; padding:0; list-style:none;} .delDetailsWindow .timeSelection li.timeslot { display: table; width:100%; background:#fff; color:#000; height:42px; margin:2px 0; padding:0 8px; font-size:12px; font-weight:bold; cursor:pointer; } .delDetailsWindow .timeSelection li.timeslot:hover { background:#fff001; } .delDetailsWindow .timeSelection li.timeslot.stdslot { margin-top:16px; } .delDetailsWindow .timeSelection li.timeslot.invalid { font-weight:normal; color:#babbab; pointer-events:none; cursor:default; } .delDetailsWindow .timeSelection li.timeslot.invalid:hover { background:#fff; } .delDetailsWindow .timeSelection li.timeslot.selected { background:#fff001; } .delDetailsWindow .timeSelection li.timeslot span { display:table-cell; text-align:left; vertical-align: middle; } .delDetailsWindow .timeSelection li.timeslot span.time { text-align:left; width:76px; } .delDetailsWindow .timeSelection li.timeslot span.info { text-align:center; } .delDetailsWindow .timeSelection li.timeslot span.price { text-align:center; font-weight:normal; padding-top:2px; width:70px; } .delDetailsWindow .submitDiv { width:264px; display:none; margin:16px auto 0 auto;} .delDetailsWindow .submitDiv .timeouttext {display:block; width:100%; padding: 4px; border:#fff001 1px solid; margin: 0 0 16px 0; color:#fff001; text-align:center; font-size: 13px; } .delDetailsWindow .submitDiv a.submit { display:block; margin:0 auto; padding:10px; width:100%; text-transform:uppercase; } */ .delDetailsWindow2 { background-image: url(/images/lieferDetail_bg.png); background-size:100% 100%; width:800px; min-width:320px; /*width:500px; max-width:500px;*/ color:#FFFFFF; overflow:hidden; padding:18px; position:relative; } .delDetailsWindow2 h1 { display:block; text-align:center;color: #ffed00; font-weight:bold; text-transform:uppercase; font-size:26px; margin:10px 0; } .delDetailsWindow2 h3 { margin:16px 0 12px 0; font-size:12px; color:#fff; text-align:center; } .delDetailsWindow2 .page { width:100%; } .delDetailsWindow2 .page .header .text { text-align:center; } .delDetailsWindow2 .page .header .text .hl { width:50%; float:left; /*border:1px solid #ff0000;*/ } .delDetailsWindow2 .page .header .text .hl.selected { color:#fff001; } .delDetailsWindow2 .page .header .icons { display:table; width:100%; } .delDetailsWindow2 .page .header .icons .it { width:16%; /*float:left;*/ text-align:center; display: table-cell; vertical-align: middle; /*border:1px solid #00ff00;*/} .delDetailsWindow2 .page .header .icons .it.first, .delDetailsWindow2 .page .header .icons .it.last {width:17%;} .delDetailsWindow2 .page .header .icons .it.middle {width:34%;} .delDetailsWindow2 .page .header .icons .it img { width:80%; height:auto; } .delDetailsWindow2 .page .header .icons .it .line { display:block; height:2px; width:100%; background:#fff; } .delDetailsWindow2 .page .header .headline { font-size:14px; font-weight:bold; text-transform: uppercase} .delDetailsWindow2 .page .header .lbl { font-size:13px; text-transform: uppercase} /* .delDetailsWindow2 .controls .prev { display:block; position:absolute; top:157px; left:10px; } .delDetailsWindow2 .controls .next { display:block; position:absolute; top:157px; right:10px; } */ .delDetailsWindow2 .citySelection { position:relative; } .delDetailsWindow2 .citySelection .cityInput { box-sizing:border-box; margin:15px auto auto; width:65%; background:#fff; border-radius:1px; } .delDetailsWindow2 .citySelection .cityInput .tbl-cell { vertical-align: middle; } .delDetailsWindow2 .citySelection .cityInput .tbl-cell.icon { width: 46px; } .delDetailsWindow2 .citySelection .cityInput .tbl-cell.icon img { padding:10px; width:100%; } .delDetailsWindow2 .citySelection .cityInput .tbl-cell.input input, .delDetailsWindow2 .citySelection .cityInput .tbl-cell.input input:focus { width:100%; height:100%; color:#000; font-size:23px; padding:0 10px 0 0; /*margin:14px 0 0 0;*/ box-sizing: border-box; outline: none; border: none;} .delDetailsWindow2 .citySelection p { font-size:14px; text-align:center; } .delDetailsWindow2 .citySelection .citySearchResult { width:65%; margin:2px auto 0 auto; } .delDetailsWindow2 .citySelection .citySearchResult ul { position:relative; display:block; margin:0; padding:0; list-style:none; text-align:center; width:100%; overflow-y:auto; max-height:390px; margin:0;} .delDetailsWindow2 .citySelection .citySearchResult ul li { width:100%; background:#fff; padding:10px 0 10px 10px; margin:0 0 2px 0; text-align:left; height:37px; } .delDetailsWindow2 .citySelection .citySearchResult ul li:hover { background:#FFF001; } .delDetailsWindow2 .citySelection .citySearchResult ul li.selected { background:#FFF001; } .delDetailsWindow2 .citySelection .citySearchResult ul li a, .delDetailsWindow2 .citySelection .citySearchResult ul li a:hover, .delDetailsWindow2 .citySelection .citySearchResult ul li a:visited, .delDetailsWindow2 .citySelection .citySearchResult ul li a:focus { display:block; font-size:12px;/*16px;*/ font-weight:bold; color:#000; text-decoration:none; width:100%; overflow:hidden; } .delDetailsWindow2 .citySelection .citySearchResult ul.loader { overflow:hidden; } .delDetailsWindow2 .citySelection .citySearchResult ul.loader li {height:50px;} .delDetailsWindow2 .citySelection .citySearchResult ul.loader li:hover { background:#fff; } .delDetailsWindow2 .citySelection .citySearchResult ul.loader li img.loading { display: block; margin: -50px auto; } .delDetailsWindow2 .citySelection .citySearchResult ul li i { display:block; font-size:12px; font-weight:bold; color:#000; text-decoration:none; width:100%; overflow:hidden; } .delDetailsWindow2 .citySelection .delCityInfo { display:none; } .delDetailsWindow2 .citySelection .delTypeSelection { text-align:center; margin:10px 0 30px 0; display:none; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType { width:90px; height:90px; display:inline-block; position:relative; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType.selected { width:120px; height:120px; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType .label { position:absolute; top:98px; left:0; width:100%; font-size:12px; color:#fffffe; text-decoration:none;} .delDetailsWindow2 .citySelection .delTypeSelection a.selType.selected .label { position:absolute; top:128px; left:0; width:100%; font-size:12px; color:#fff001; text-decoration:underline; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType.delivery { background: url(/images/delivery/icon_liefern1.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType.delivery.selected { background: url(/images/delivery/icon_liefern2.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType.collect { background: url(/images/delivery/icon_abholen1.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow2 .citySelection .delTypeSelection a.selType.collect.selected { background: url(/images/delivery/icon_abholen2.png); background-size: 100% 100%; background-repeat: no-repeat; } .delDetailsWindow2 .citySelection .buttonContainer { margin-top:20px; } .delDetailsWindow2 .citySelection .next { float:right; padding:10px 50px; text-transform:uppercase; } .delDetailsWindow2 .dateSelection .delCityInfo { width: 100%; margin:-38px auto 12px auto; font-size:13px; text-align:center; } .delDetailsWindow2 .dateSelection .delCityInfo h1 {font-size: 13px;} .delDetailsWindow2 .dateSelection .delCityInfo a.address { font-size:16px; color: #ffed00; font-weight:bold; margin:0; padding:4px 0; /*float:left;*/ text-decoration:underline; text-transform: none; } .delDetailsWindow2 .dateSelection .delCityInfo a.edit { display:inline-block; /*float:right;*/ padding:2px 4px; margin:2px;} .delDetailsWindow2 .dateSelection .delCityInfo a.edit:not(.fixeadresse) { display:inline-block; padding:0; margin:0; position:absolute; /*position:absolute; left:-7px; top:-20px;*/ color:#ffed00; font-weight:bold; font-size:16px; text-decoration:underline;} .delDetailsWindow2 .dateSelection .containerDateAndTime {width:100%;} .delDetailsWindow2 .dateSelection .containerDateAndTime .calenderContainer { float:left; } .delDetailsWindow2 .dateSelection .containerDateAndTime .timeContainer { float:right; margin-top:27px; } .delDetailsWindow2 .dateSelection .calenderContainer ul { display:block; margin:0 auto; padding:0; list-style:none; } .delDetailsWindow2 .dateSelection .calenderContainer ul.month { text-align:center; width:370px; position:relative; } .delDetailsWindow2 .dateSelection .calenderContainer li.day { display:block; background:#fff; color:#000; width:59px; height:59px; margin:1px; font-size:22px; float:left; padding-top:6px; } .delDetailsWindow2 .dateSelection .calenderContainer li.day:hover { background:#fff001; } .delDetailsWindow2 .dateSelection .calenderContainer li.day a { display:block; padding:9px 0; color:#1b4c9a; font-weight:bold; } .delDetailsWindow2 .dateSelection .calenderContainer li.day.selected { background:#fff001; } .delDetailsWindow2 .dateSelection .calenderContainer li.day.selected a { font-weight:bold; } .delDetailsWindow2 .dateSelection .calenderContainer li.day.empty { opacity:0; } .delDetailsWindow2 .dateSelection .calenderContainer li.day.invalid { background:#fff; } .delDetailsWindow2 .dateSelection .calenderContainer li.day.invalid : hover { background:#fff; } .delDetailsWindow2 .dateSelection .calenderContainer li.day.invalid a { font-weight:normal; color:#babbab; pointer-events:none; cursor:default; } .delDetailsWindow2 .dateSelection .calenderContainer li.caption ul {height:12px; } .delDetailsWindow2 .dateSelection .calenderContainer li.caption li.day { background:none !important; color:#fff !important; height: 12px; font-size: 12px; } .delDetailsWindow2 .dateSelection .calenderContainer li.caption ul { margin-bottom:16px; } .delDetailsWindow2 .dateSelection .amexinfo { width:370px; margin: 16px auto 0 auto; display:block; padding: 4px; border:#fff001 1px solid; color:#fff001; text-align:center; font-size: 13px; } .delDetailsWindow2 .dateSelection .buttonContainer { margin-top:20px; } .delDetailsWindow2 .dateSelection .next { float:right; padding:10px 40px; text-transform:uppercase;} .delDetailsWindow2 .dateSelection .prev { float:left; padding:10px 40px; text-transform:uppercase; background:#ececec; border-bottom:3px solid #bdbdbd !important; color: #005eba !important;} .delDetailsWindow2 .dateSelection .prev:hover { background:#d4d4d4; } /* neue Montasansicht */ .delDetailsWindow2 h3 {margin: 8px 0 8px 0 } .delDetailsWindow2 .dateSelection .timeContainer ul.timeslots { display:block; width:370px; margin:0 auto; padding:0; list-style:none;} .delDetailsWindow2 .dateSelection .timeContainer li.timeslot { display:block; float:left; width:50%; height:82px; padding:10px; margin:0; background:#fff; color:#000; font-size:11px; cursor:pointer; border:2px solid #0b57a2;} .delDetailsWindow2 .dateSelection .timeContainer li.timeslot:hover { background:#fff001; } .delDetailsWindow2 .dateSelection .timeContainer li.timeslot.invalid { font-weight:normal; /*color:#babbab;*/ pointer-events:none; cursor:default; background-color:rgba(255, 255, 255, 0.6) } .delDetailsWindow2 .dateSelection .timeContainer li.timeslot.invalid:hover { background-color:rgba(255, 255, 255, 0.5) } .delDetailsWindow2 .dateSelection .timeContainer li.timeslot.selected { background:#fff001; } .delDetailsWindow2 .dateSelection .timeContainer li.timeslot span { display:inline-block; width:100%; margin-top:3px; text-align: center; } .delDetailsWindow2 .dateSelection .timeContainer li.timeslot span.info { text-transform:uppercase; text-align:center; } .delDetailsWindow2 .dateSelection .timeContainer li.timeslot span.time { font-weight:bold; font-size:13px; text-align: center;} .delDetailsWindow2 .dateSelection .timeouttext {display:none; width:370px; padding:4px; border:#fff001 1px solid; margin:15px auto; color:#fff001; text-align:center; font-size: 13px; } ul.symbolDescriptions { list-style: none; margin:0; padding:0 0 0 34px; } ul.symbolDescriptions li { float:left; margin:0; } #content #hitlist .pagingControls { width:100%; text-align:center; margin-bottom:10px;} #content #hitlist .pagingControls a.pagingBack { display:inline-block; } #content #hitlist .pagingControls span.pagingInfo { display:inline-block; min-width:100px; } #content #hitlist .pagingControls a.pagingNext { display:inline-block; } #content .container .recommendations { display:block; } #content .container .recommendations.horizontal { margin-bottom:20px; } #content .recommendations #recomm-container { width:100%; max-width:190px; border:1px solid #ccc; border-style:dotted; display:none; margin:0 0 20px 0; } #content .recommendations #recomm-container.recurse { margin-top:26px; } #content .recommendations.horizontal #recomm-container { max-width:100% } #content .recommendations #recomm-container .head { width:100%; height:61px; background-image:linear-gradient(#fafafa, #e3e3e3);} #content .recommendations #recomm-container .head h4 { text-align:center; font-weight:bold; font-size:16px; margin:0; padding:21px 0 0 0; } #content .recommendations #recomm-container .items { width:100%; } #content .recommendations.vertical .articleListItem { width:100% !important; } /* #content .recommendations #recomm-container .items .dragItem { width:100%; max-width:190px; float:none; border:none; border-bottom:1px solid #ccc;} #content .recommendations.horizontal #recomm-container .items .dragItem { width:25%; max-width:none; float:left; border:1px solid #ccc; border-left:none;} #content .recommendations.horizontal #recomm-container .items .dragItem:first-child { border-left:1px solid #ccc; } #content .recommendations.vertical #recomm-container .items .dragItem:last-child { border:none; } */ #content div.rezeptTeaser { position: relative; width: 100%; padding-top: 111.5%; background: rgba(246,246,246,1); background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(206,206,206,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(100%, rgba(206,206,206,1))); background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(206,206,206,1) 100%); background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(206,206,206,1) 100%); background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(206,206,206,1) 100%); background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(206,206,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#cecece', GradientType=0 ); } #content div.rezeptTeaser img.bgImage { width:100%; height:auto; } #content div.rezeptTeaser img.rezept { position: absolute; width: 80%; top: 10%; left: 10%; height: auto; -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); -webkit-transform: rotate(6deg); transform: rotate(6deg); border: 1px solid #fff; -webkit-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.25); } #content div.rezeptTeaser img.topImage { position: absolute; top:0; left:0; width:100%; } #content div.rezeptTeaser img.bottomImage { position: absolute; bottom:0; left:0; width:100%; } #content div.rezeptTeaser a.button { position:absolute; bottom:19px; right:8px; line-height: 28px; padding: 0 15px; } .shariff { text-align:left; margin: 0 0 20px 0; } .shariff.right { text-align:right; } .shariff a.addthislink { text-align:left; } .shariff.right a.addthislink { text-align:right; } .shariff a.addthislink .bg { background-color:rgb(120, 120, 120); line-height:32px; height:32px; width:32px; display:inline-block; text-align:center; color:#fff; font-size:20px; margin-left:1px; } .shariff a.addthislink .bg.fb { background-color:rgb(59, 89, 152); } .shariff a.addthislink .bg.tw { background-color:rgb(29, 161, 242); } .shariff a.addthislink .bg.go { background-color:rgb(220, 78, 65); } .shariff a.addthislink .bg.pi { background-color:rgb(203, 32, 39); } .shariff a.addthislink .bg.em { background-color:rgb(132, 132, 132); } .shariff a.addthislink .bg.pr { background-color:rgb(115, 138, 141); } .shariff a.addthislink .bg.fa { background-color:rgb(245, 202, 89); } /*ANIMATE FORM*/ .form-group.animate { position: relative; } .form-group.animate > label, .form-group.animate > * > label { display: block!important; position: absolute; top: 0px; left: 15px; line-height: 40px; margin-bottom: 0px; padding: 0 .75rem; font-size: 13px; font-style: italic; z-index: 9; pointer-events: none; color: #999; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; transition: all 150ms linear; } .form-group .form-control { padding-top: 0.75rem; } .form-group.animate .form-control.onfocus:focus ~ label, .form-group.animate .form-control:focus + label, .form-group.animate .form-control.filled + label { font-size: 10px; line-height: 16px; color: #45414d; font-style: normal; } .form-group.animate.has-danger .form-control { border-color: #a94442!important; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; transition: all 150ms linear; } .form-group.animate.has-danger label { color: #a94442!important; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; transition: all 150ms linear; } .form-group.animate.has-success .form-control { border-color: #3c763d!important; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; transition: all 150ms linear; } .form-group.animate.has-success label { color: #3c763d!important; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; transition: all 150ms linear; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hide default HTML checkbox */ .switch input {display:none;} /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /* Customize the label (the container) */ .customRadio { display: block; position: relative; padding-left: 38px; margin:0; cursor: pointer; font-size: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .customRadio.disabled { color:#ccc; } /* Hide the browser's default radio button */ .customRadio input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button */ .customRadio .checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color: #fff; border-radius: 50%; border:2px solid #056DBE; } .customRadio input:disabled ~ .checkmark { border:2px solid #ccc; } /* On mouse-over, add a grey background color */ .customRadio:hover input ~ .checkmark { background-color: #efefef; } /* On mouse-over, add a grey background color */ .customRadio:hover input:disabled ~ .checkmark { background-color: #fff; } /* When the radio button is checked, add a blue background */ .customRadio input:checked ~ .checkmark { background-color: #056DBE; } /* Create the indicator (the dot/circle - hidden when not checked) */ .customRadio .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .customRadio input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .customRadio .checkmark:after { top: 8px; left: 8px; width: 10px; height: 10px; border-radius: 50%; background:#fff; }