/* allgemein */ /*1rem=16px=1rem 1px=0,0625rem=0,75pt 1pt=1.33px=0,0833rem 0.75rem=0.75rem=12px 0.875rem=14px=10,5pt*/ /* 1=oben, 2=rechts, 3=unten, 4=links */ www.dvdhtml,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address, cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol, ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article, aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary, time,mark,audio,video,button{ /* margin:0;padding:0; */ border:0;outline:0;vertical-align:baseline; background:transparent; list-style-type:none; text-shadow:unset; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } html {background-image: none;background-color:#FFF;} body {margin:0;background-image: none;font-size: 14px;font-size: .875rem;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} @media print { body {color:#000000;margin:0;background-color:#FFFFFF;height:100%;min-height:100%;} html {height:100%;min-height:100%;} } @media screen, handheld { body {height:101%;min-height:101%;} html {height:101%;min-height:101%;} } table{border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:inherit;} input,select{vertical-align:middle;max-width:100%;} img{border:0;} textarea {resize:none;max-width:100%;} h1 {font-size:1rem;font-weight:bold;padding-top:10px;padding-bottom:10px;} h3.ArtH3 {font-weight:bold; font-size:0.75rem; margin-top:20px;margin-bottom:8px;} div.tabText {padding:20px;padding-top:0px;height:100%;background-color:white;} div.clear {overflow:hidden;} li.clear {overflow:auto;} ul.clear {overflow:auto;} #page {position:relative;} #content {position:relative;top:0px; width:100%;margin:auto; padding-bottom:8px; display:block;clear:both} #outer-wrap {position: relative;width: 100%;min-height: 100%;overflow-x: hidden;overflow-y: hidden;} /* bisher nur in mobile.css */ .box1 {float:left;border:1px solid #AAA;margin:7px 8px 8px 7px;width:182px;width:11.375rem /* 184 - 2 */ ;} .box1blank {float:left;border:none;margin:0px 8px 0px 7px;width:184px;width:11.5rem;border-collapse:separate } .box1 img {border:none;vertical-align:bottom;/* entfernt die 3 pixel unter dem Bild bei html5 */} .box2 {float:left;border:1px solid #AAA;margin:7px 8px 8px 7px;width:381px;width:23.8125rem;max-width:100%} .box2blank {float:left;border:none;margin:0px 8px 0px 7px;width:383px;width:23.9375rem} .box2 img {border:none;vertical-align:bottom;} .box3 {float:left;border:1px solid #AAA;margin:7px 8px 8px 7px;width:580px;width:36.25rem /* 184*3 + 2*15 - 2 */;} .box3blank {float:left;border:none;margin:0px 8px 0px 7px;width:582px;width:36.375rem;} .box3 img {border:none;vertical-align:bottom;} .box4 {float:left;border:1px solid #AAA;margin:7px 8px 8px 7px;width:779px;width:48.6875rem /* 184*4 + 3*15 - 2 */;} .TextSeite .box4 {width:auto} .box4blank {float:left;border:none;width:796px;width:49.75rem;margin:0;} .box4 img {border:none;vertical-align:bottom;} .box5 {float:none;border:0;margin:auto;width:auto;max-width:1150px;max-width:71.875rem;} .box5blank {float:none;margin:auto;border:none;width:auto;max-width:1150px;max-width:71.875rem;} .box5 img {border:none;vertical-align:bottom;} .boxHLinks {float:left;border:1px solid #AAA;margin:7px 7px 8px 7px;width:481px;width:30.0625rem /* ((184*5+4*15-2)-15)/2 */;} .boxHLinksblank {float:left;border:none;margin:0px 7px 0px 7px;width:483px;width:30.1875rem;} .boxHLinks img {border:none;vertical-align:bottom;} .boxHRechts {float:left;border:1px solid #AAA;margin:7px 8px 8px 7px;width:481px;width:30.0625rem /* ((184*5+4*15-2)-15)/2 */;} .boxHRechtsblank {float:left;border:none;margin:0px 8px 0px 7px;width:483px;width:30.1875rem;} .boxHRechts img {border:none;vertical-align:bottom;} .boxBdr {border:1px solid #AAA;margin:7px 0px 8px 0px;} .padBox {padding:15px !important;background-color:white;} .titelBox {padding:0;margin:0px 0px 15px 0px;font-size:1.2rem;padding-bottom:8px;border-bottom:1px solid #E1E1E2;} .titelBox h1 {padding:0;margin:0;font-size:1.2rem;font-weight:normal;} .titelBox a {text-decoration:none;color:#333333;} .titelBox a:hover {text-decoration:underline;} .titelBox img {margin-right:5px;float:right;} .titelBox .links {float:left} .titelBox .rechts {float:right} .titelBox .text {float:left;} .lazy {display: none;} a:hover {text-decoration:underline;} .pagec {float:none !important;margin:auto !important;max-width:1150px;max-width:71.875rem;width:auto;padding-left:20px;padding-right:20px} .bgim {background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/mobile2019-20190703.svg) !important} .listeauf .titelBox {border:0;} .listezu .titelBox {border:0;} ul.tabBem {line-height:1.5rem;} ul.tabBem li.punkt img {padding-top:10px;padding-top:0.625rem;} a.bczurueck {display:none;margin-top:15px;font-size:0.75rem;color:#333;text-decoration:none;overflow:hidden} a.bczurueck .pfeil {padding: 0;height: 20px;width: 10px;background-position: -15px -5px;float: left;margin-right: 10px;} a.bczurueck .text {float: left;padding: 0;margin-top: 2px;} .acczu input{display: none;} .acczu .artikeltitelBox {display:inline;font-size:1rem !important;border-bottom:0 !important} .acczu .panel {margin: 0 auto;height: 0;box-sizing: border-box;transition: 0.5s;overflow:hidden;} .acczu input:checked~.panel {height: auto !important;padding: 30px;transition: 0.5s;} .acczu label {cursor: pointer; font-size: 1rem !important;display:block;text-decoration:none;color:#333; border-bottom: 1px solid #FFF !important; padding:8px 20px 8px 15px; display: block;} .acczu input:checked+label {/*aufgeklappt*/} .acczu label::after { content:" ";width:17px;height:9px;background-position:-45px -8px; float: right; margin-top:5px;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/mobile2019-20190703.svg) !important;} .acczu input:checked+label::after { content: " "; width:17px;height:9px;background-position:-67px -15px; float: right;margin-top:5px;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/mobile2019-20190703.svg) !important;} .acczu label artikeltitelBox {padding-top:0 !important} .accauf input{display: none;} .accauf .artikeltitelBox {display:inline;font-size:1rem !important;border-bottom:0 !important;padding-top:0 !important} .accauf .panel {margin: 0 auto;height: auto;padding:30px;box-sizing: border-box;transition: 0.5s;overflow:hidden;} .accauf input:checked~.panel {height: 0;padding: 0;transition: 0.5s;} .accauf label {cursor: pointer; font-size: 1rem !important;display:block;text-decoration:none;color:#333; border-bottom: 1px solid #FFF !important; padding:8px 20px 8px 15px; display: block;} .accauf input:checked+label {/*aufgeklappt*/} .accauf label::after { content:" ";width:17px;height:9px;background-position:-67px -15px; float: right; margin-top:5px;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/mobile2019-20190703.svg) !important;} .accauf input:checked+label::after { content: " "; width:17px;height:9px;background-position:-45px -8px; float: right;margin-top:5px;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/mobile2019-20190703.svg) !important;} .accauf label artikeltitelBox {padding-top:0 !important;} .TextSeite .tabText {padding-left:0;padding-right:0;} .TextSeite .tabText img {max-width:100%;} .TextSeite .box5 {border:0;} .TextSeite .box5 .padBox {padding-left:0 !important;padding-right:0 !important;} @media all and (/*max-width:1270px;*/max-width:79.375rem){ .pagec {padding-right:60px} } @media all and (/*max-width:900px;*/max-width:56.25rem){ .pagec {padding-right:20px} } @media all and (/*max-width:800px;*/max-width:50rem){ a {text-decoration: none;} h1 {font-size: 1.5rem !important;padding: 5px !important;padding-left:0 !important;font-weight: normal !important;margin-bottom: 5px;} .TextSeite .box4 {border:0} .TextSeite .tabText {padding-left:15px;padding-right:15px;} .accauf label {background-color: #E1E1E2;} .acczu label {background-color: #E1E1E2;} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .pagec {padding-left:0 !important;padding-right:0 !important} .pagec h1 {margin-left:20px;} } @media all and (/*max-width:800px;*/max-width:25rem){ a.bczurueck {margin-left:0 !important} h3.ArtH3 {font-size: 1rem;} } /* Kopf */ #mitteKopf {padding-top:10px;} #mitteKopf .titel {text-align:center;margin:0;padding-top:9px;padding-bottom:9px;} #mitteKopf .titel span {TEXT-TRANSFORM: uppercase;font-size:1.2rem;font-weight:normal;color:#333333;} #mitteKopf h1 {text-align:center;margin:0;padding-top:9px;padding-bottom:9px;TEXT-TRANSFORM: uppercase;font-size:1.2rem;font-weight:normal;color:#333333;} .artikelname {padding-left:12px;padding-right:10px;text-align:center;} .artikelname span {font-size:1.2rem;font-weight:normal;} #mitteKopf .gruppeText {padding:5px 15px 5px 15px;text-align:justify;} #mitteKopf .gruppeText span {font-size:0.75rem;color:#333333;} #mitteFuss {text-align:center;color:#888888;font-size:0.7rem;} p.mitteKopfAbstand {margin-top:26px;} #wk2014 {position:absolute;display:block;} #wk2014 .wk2014auf {display:none;position:absolute;width:16px;line-height:16px;width:230px;border:2px solid #999A9C;background-color:white;top:60px;left:-182px;z-index:201} #wk2014:hover .wk2014auf {display:block;} #wk2014 .wk2014auftablet {display:none;position:absolute;width:16px;line-height:16px;width:230px;border:2px solid #999A9C;background-color:white;top:60px;left:-182px;z-index:201} #wk2014 a.zurueck {position:absolute;left:-20px;top:24px;display:block;font-size:9px;color:white;width:100px;padding:5px 32px 3px 17px;} #wk2014 .text {position:absolute;display:inline;left:5px;top:37px;text-decoration:none;color:#333333;} #wk2014 .anz {position:absolute;display:block;width:16px;line-height:16px;left:114px;top:19px;text-align:center;vertical-align:middle;} #wk2014 .korb {display:block;position:absolute;left:85px;top:20px;width:33px;height:29px;background:no-repeat -10px -499px;} #wk2014 .punkt {display:block;position:absolute;left:113px;top:18px;width:17px;height:17px;background:no-repeat -57px -511px;} #wk2014 .po {position:absolute;left:165px;top:-13px;width:43px;height:15px;background:no-repeat -12px -466px;} #wk2014 .AnzImKorb {font-size:0.75rem;text-decoration:none;color:white;} .tabWK2014 .Anz0 {margin:20px 0 20px 0} .tabWK2014 .Anz {margin-top:10px;} .tabWK2014 .wkzf {list-style:none;margin:10px 0 0 0;padding:0;} .tabWK2014 .wkzf li .mwst {display:none;} .tabWK2014 .wkzf li .links {float:left;width:65%;padding-top:3px;text-align:left;font-size:0.66rem;margin-left:10px;} .tabWK2014 .wkzf li .rechts {float:right;text-align:right;width:25%;padding-top:3px;margin-right:10px;} .funktionen-radio {display:none;} #kopf2019 .close {cursor:pointer;background-position: -290px -38px;display:block;position:absolute;right:10px;width:30px;height:30px;top:10px} .kopf2019zusatz {display:none;height:40px;height:2.5rem;border-bottom:1px solid #ccc;position:relative} .kopf2019zusatz .btn1 {float:left;width:50%} .kopf2019zusatz .btn2 {float:right;width:50%} #tabSucheTop {position:relative;margin-top:12px ;margin-top:0.75rem;border-bottom:1px solid #888 ;} #tabSucheTop .text {width:100% ;margin-left:30px;padding:8px;padding-left:11px;border:none} #tabSucheTop .btn {position:absolute;top:0;left:0;width:30px;overflow:hidden;} #kopf2019leiste {text-align:center;background-color:#EEE;color:#666;font-size:0.75rem;text-transform:uppercase;} #kopf2019leiste .pagec {display:flex;justify-content:space-between} #kopf2019leiste .pagec div {line-height:2.25rem} #kopf2019leiste #klein {display:none;} #kopf2019leiste #sklein {display:none;} #kopf2019inhalt {height:128px;height:8rem;border-bottom:1px solid #AAA;position:relative;} #kopf2019inhalt .inner {height:128px;height:8rem;position:relative;} #kopf2019inhalt .inner .pckopf {display:flex;justify-content:space-between} #kopf2019inhalt .inner .ilogo {flex-basis:35%;margin-top:15px;margin-top:0.9375rem;} #kopf2019inhalt .inner .ilogo .logo {width:95%;max-width:292px;max-width:18.25rem;} #kopf2019inhalt .inner .ilogo .logod {background-position:-168px -206px} #kopf2019inhalt .inner .ilogo .logoc {background-position:-172px -301px} #kopf2019inhalt .inner .nologo {flex-basis:61%;margin:0} #kopf2019inhalt .inner .nologo .funktionen {font-size:0.66rem;display:flex;justify-content:space-between} #kopf2019inhalt .inner .nologo .funktionen .fkt {margin-top:15px;flex:auto;display:flex;flex-direction:row-reverse} #kopf2019inhalt .inner .nologo .funktionen .fkt .f {flex-basis:33%;color:#000;text-decoration:none} #kopf2019inhalt .inner .nologo .funktionen .fkt .fa4 {flex-basis:25%} #kopf2019inhalt .inner .nologo .funktionen .fkt .fa5 {flex-basis:20%} #kopf2019inhalt .inner .nologo .funktionen .fkt .f.fsuche {display:none;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .punktg {display:none;width:30px;height:30px;background-position:-223px -34px;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .punktb {display:none;width:30px;height:30px;background-position:-160px -5px;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .wunschz {display:block;width:20px;height:20px;background-position:-127px -55px;margin-left:5px;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .buchstabe {display:none;margin-top: -27px;font-size: 1rem;color: white;margin-left: 1px;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .finner {position:relative;margin:auto;width:30px;height:30px;display:block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .text {display:block;text-align:center;text-decoration: none;color: #000;} #kopf2019inhalt .inner .nologo .funktionen .fkt .mob {display:none;} #kopf2019inhalt .inner .nologo .funktionen .fkt label.lsuche {display:none;} #kopf2019inhalt .inner .nologo .funktionen .fkt .sucheimg {background-position:-260px -36px;width:30px;height: 30px;display: block;cursor:pointer} #kopf2019inhalt .inner .nologo .funktionen .fkt .kontaktimg {background-position:-186px -36px;width:30px;height: 30px;display: block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .ktoimg {background-position:-6px -56px;width:30px;height: 30px;display: block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .wkimg {background-position:-41px -56px;width:30px;height: 30px;display: block;position:relative} #kopf2019inhalt .inner .nologo .funktionen #wk2014 {top: 0px;left: 0px;width: 54px;height: 54px;background-color:transparent;} #kopf2019inhalt .inner .nologo .funktionen #wk2014 .punkt {top:15px;left:19px;} #kopf2019inhalt .inner .nologo .funktionen #wk2014 .anz {top:16px;left:20px;} #kopf2019inhalt .inner .msale {float:left;margin-top:40px;margin-top:2.5rem;display:none} #kopf2019inhalt .inner .msale a {text-decoration:none;} #kopf2019inhalt .inner .msale2 {float:left;margin-top:6px;font-size:1.2rem;margin-right:40px;margin-right:2.5rem} #kopf2019inhalt .inner .msale2 a {text-decoration:none;} #kopf2019inhalt .inner .msale2 a:hover {padding-bottom:9px;border-bottom:3px solid red} #kopf2019inhalt .menue {position:absolute;bottom:0;right:0;width:100%} @media all and (/*max-width:1000px;*/max-width:62.5rem){ #kopf2019inhalt .inner .msale {margin-top:10px;display:block;} #kopf2019inhalt .inner .msale2 {display:none;} #kopf2019leiste {text-transform:none;} } @media all and (/*max-width:900px;*/max-width:56.25rem){ #kopf2019inhalt .inner .nologo .funktionen .fkt .f .buchstabe {display:block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .punktg {display:block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .punktb {display:block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .logged {display:none;} #kopf2019leiste #zusatz {display:none !important;} #wk2014:hover .wk2014auf {display:none;} } @media all and (/*max-width:800px;*/max-width:50rem){ #kopf2019inhalt {height:80px;} #kopf2019inhalt .inner {height:80px;} #kopf2019inhalt .inner .pckopf {margin-left:50px;height:80px;align-items:center} #kopf2019inhalt .inner .pckopf .ilogo {margin-top:0} #kopf2019inhalt .inner .pckopf .nologo {position:relative;flex-basis:45%;} #kopf2019inhalt .inner .nologo .funktionen .fkt {margin-top:0} #kopf2019inhalt .inner .nologo .funktionen .fkt .f.fsuche {display:block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f .text {line-height:1em;margin-top:1em;} #kopf2019inhalt .inner .nologo .funktionen .suche {position:absolute;left:0;width:100% !important;bottom:12px;} #kopf2019inhalt .inner .nologo .funktionen .fkt label.lsuche {display:block;} #kopf2019inhalt .inner .nologo .funktionen label {cursor:pointer} #kopf2019inhalt .menue {display:none;} #kopf2019inhalt .inner .msale {display:none;} .kopf2019zusatz .zinner {display:block;margin-left:20px;margin-right:40px;margin-top:3px;} .kopf2019zusatz .zinner .BtnImg {padding:0 !important;} .funktionen-radios:checked ~ .suchemob {display:block} .funktionen-radiot:checked ~ .trustedmob {display:block} .funktionen-radiow:checked ~ .wkorbmob {display:block} .funktionen-radiok:checked ~ .kontomob {display:block} .funktionen-radioz:checked ~ .merkermob {display:block} .funktionen-radioe:checked ~ .kontaktmob {display:block} a.bczurueck {display:block;} #kopf2019leiste #meldung {margin-right:40px} #kopf2019inhalt .inner .nologo .funktionen .fkt .fa5.kaeuferschutz img {display:none;} #kopf2019inhalt .inner .nologo .funktionen .fkt .fa5.kaeuferschutz.mob {display:block;} #kopf2019inhalt .inner .nologo .funktionen .fkt .fa5.kaeuferschutz.mob img {display:block;max-width:35px;max-height:35px;margin-top:-5px !important;position:fixed;top:5px;right:10px;} } @media all and (/*max-width:600px;*/max-width:37.5rem){ #kopf2019leiste #hotline {display:none !important;} #kopf2019leiste #meldung {display:block !important;margin-left:10px} #kopf2019leiste #klein {display:none !important;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f {display:none;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f.fsuche {display:none;} #kopf2019inhalt .inner .nologo .funktionen .fkt .mob {display:block;max-width:4rem} #kopf2019inhalt .inner .nologo .funktionen .fkt .fa5.mob {max-width:3rem;} } @media all and (/*max-width:550px;*/max-width:34.375rem){ #kopf2019inhalt .inner .ilogo {flex-basis:50%;} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .bczurueck {margin-left:20px;} .kopf2019zusatz .zinner {margin-left:0px;margin-right:20px;} #kopf2019 .close {right:0;} .kontaktmob .btn1 {float:left;width:35%} .kontaktmob .btn2 {float:right;width:65%} #kopf2019inhalt {height:120px;} #kopf2019inhalt .inner {height:120px;} #kopf2019inhalt .inner .pckopf {display:flex;flex-direction:column;justify-content:space-around;height:120px} #kopf2019inhalt .inner .pckopf .nologo {width:100%;flex-basis:auto} #kopf2019inhalt .inner .ilogo {width:100%;} #kopf2019inhalt .inner .ilogo .logo {max-height:40px;max-height:2.5rem;} #kopf2019inhalt .inner .nologo .funktionen .fkt .f {position:relative;} } @media all and (/*max-width:400px;*/max-width:25rem){ #kopf2019inhalt .inner .nologo .funktionen .fkt .wunschzettel {display:none;} #kopf2019leiste #klein {display:none !important;} /*#kopf2019leiste #sklein {display:block !important;}*/ } /* Menue */ .menuelinks {background-color:#FFFFFF;padding:15px 0 15px 0} .menuelinks .aktgruppe {display:block;vertical-align:top;text-align:left;padding-left:15px;padding-bottom:15px;} .menuelinks .aktgruppe span {display:block;text-align:left;font-size:1.2rem;font-weight:normal;} .stdmenue {padding-bottom:15px;} .stdmenue .ul {display:flex;flex-direction:column} .stdmenue .umenue {display:flex;flex-direction:column} .stdmenue a {display:block;padding:4px;padding-left:10px;color:#333333;text-decoration:none;} .stdmenue a:hover {text-decoration:underline;} .stdmenue .akt {margin-bottom:3px;font-weight:bold;color:#FFF} .stdmenue a strong {color:#FF0000} .stdmenue .trenner {border-bottom:1px dotted #AAAAAA;} .stdmenue .umenue a {padding-left:30px;} .stdmenue .umenue a.akt {color:#000} .infomenue {padding-top:10px;border-top:1px solid #E1E1E2;display:flex;flex-direction:column} .infomenue ul {list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .infomenue a {position:relative;display:block;padding:4px;padding-left:30px;color:#333333;text-decoration:none;} .infomenue ul a {padding-left:50px;} .infomenue a:hover{text-decoration:underline} .infomenue .auf::before {content:"";position:absolute;left:10px;top:7px;margin-right:10px;width:4px;height:7px;background:no-repeat -13px -454px;background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .infomenue .zu::before {content:"";position:absolute;left:10px;top:7px;margin-right:10px;width:7px;height:4px;background:no-repeat -23px -454px;background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .bildmenue {display:box;} .bildmenue ul {list-style:none;margin:0;padding:0px;display:flex;flex-wrap:wrap;justify-content:center} .bildmenue ul li a {text-decoration:none;color:#333333;} .bildmenue ul li {position:relative;border:1px solid #AAA;padding:5px 0 5px 0;margin:7px 8px 8px 7px;width:232px;} .bildmenue ul li img {width:231px;height:146px;} .bildmenue ul li .text {padding:0 0 5px 0; margin:0 10px 0px 10px;border-bottom:1px solid #AAA;font-weight:bold;display:flex;justify-content:space-between} .bildmenue ul li .um {position:absolute;top:25px;left:0px;width:230px;border:1px solid #AAA;background-color:white;display:none;} .bildmenue ul li:hover .um {display:flex;flex-direction:column} .bildmenue ul li .um a {padding:5px;padding-left:30px;} .bildmenue ul li .um a:hover {text-decoration:underline;} .bildmenue ul li .um .trenner {margin:0;border:none;border-bottom:1px dotted #AAAAAA} .bildmenue2 {display:box;} .bildmenue2 ul {list-style:none;margin:15px 0 0 0;padding:0px;} .bildmenue2 ul li {position:relative;width:25%;border:0} .bildmenue2 ul li a {text-decoration:none;color:#333333;} .bildmenue2 ul li {border-top:1px solid #E1E1E2;border-bottom:1px solid #E1E1E2;padding:0px 0px 10px 0px;background-color:white;margin:0;float:left;width:233px;height:168px;margin-bottom:-1px;} .bildmenue2 ul li .inh {float:right;width:auto;height:auto;} .bildmenue2 ul li .trenner {float:left;width:1px;margin:15px 0 13px 0;background-color:#E1E1E2;height:145px;display:none} .bildmenue2 ul li .eins {background-color:white;} .bildmenue2 ul li img {width:100%;height:auto;} .bildmenue2 ul li .text {padding:0 0 5px 0; margin:0 10px 0px 10px;font-weight:bold;} .bildmenue2 ul li .text .links {float:left;text-align:center;text-decoration:underline;width:100%} .bildmenue2 ul li .text .rechts {float:right;padding-right:8px} .bildmenue2 ul li .um {position:absolute;top:145px;padding-top:10px;padding-bottom:7px;left:0px;width:232px;border:1px solid #E1E1E2;border-top:0px;background-color:white;display:none;overflow:visible;z-index:5;} .bildmenue2 ul li:hover .um {display:block;} .bildmenue2 ul li:hover .eins {background-color:#E1E1E2;} .bildmenue2 ul li .um li {margin:0;float:none;border:none;padding-left:30px;height:15px;width:auto;display:block} .bildmenue2 ul li .um li:hover a {text-decoration:underline;} .bildmenue2 ul li .u m li.trenner {border-bottom:1px dotted #AAAAAA;padding-bottom: 0px;background-color: white;margin-bottom: 5px;margin-top: -5px;height:1px} /* bildmenue3 */ .indexA {position:absolute;z-index:1;} .indexA a:hover {text-decoration:underline;} .hauptmenue2019 {float:right;z-index:3;display:flex} .hauptmenue2019 .menuPoint .mPA {position:relative;display:flex;align-items:center;} .hauptmenue2019 .menuPoint .mPA::before {content: "\0025a0";color:#B0B2B3;font-size:0.5rem;padding:0 10px 0 10px} .hauptmenue2019 .menuPoint:first-child .mPA::before {display:none;} .hauptmenue2019 .menuPoint .mPA A {color:#333;display:block;TEXT-TRANSFORM: uppercase;TEXT-DECORATION: none;font-size:1.2rem;z-index:12} .hauptmenue2019 .menuPoint .mPA A::after {content:"";display:none;position:relative;height:4px;width:100%;bottom:-4px;background-color:#7AB51D} .hauptmenue2019 .menuPoint:hover .mPA A {color:#666;} .hauptmenue2019 .aktuell .mPA A::after {display:block} .hauptmenue2019 .menuPoint:hover .mPA A::after {display:block;} .hauptmenue2019 .subMenu2014 {left:0;width:100%;;BORDER:1px solid #999A9C; DISPLAY: none;POSITION: absolute;Z-index:11;overflow:hidden;background-color:white} .hauptmenue2019 .menuPoint:hover .subMenu2014 {DISPLAY: block} .hauptmenue2019 .pagec {position:relative;} .hm_cd .subMenu2014 {min-height:250px;min-height:15.625rem} .hauptmenue2019 .submenInner {padding:10px 0 10px 0;display:flex} .hauptmenue2019 a.menGrUeberschrift {display:block;border:0;margin-bottom:15px;padding:5px;font-size:1.2rem;color: white;text-decoration:none;} .hauptmenue2019 a.menGrUeberschrift:hover {text-decoration:underline;} .hauptmenue2019 .menGrUeberschrift a {color: white;text-decoration:none;} .hauptmenue2019 .submenSpalte {padding:0;margin:0} .hauptmenue2019 .menGruppe {padding-right:20px} .hm_cd .submenSpalte {flex-basis:35%} .hauptmenue2019 .UMenue {padding:0 0 0 5px} .hauptmenue2019 .UMenue A {display: block;color:#333;text-decoration:none} .hauptmenue2019 .menGruppe:hover {background-color:#F0F0F0} #fixMenue {top:0;width:100%;display:none;position:fixed;z-index:100;line-height:1rem} #fixMenue A {text-decoration:none;color:#333;text-transform:uppercase;} #fixMenue A:hover {text-decoration:none;color:#006AB0;text-transform:uppercase;} #fixMenue .zeile1 {background-color:white;border-bottom:1px solid #006AB0;} #fixMenue .zeile1 .pagec {display:flex;justify-content:space-between} #fixMenue .zeile1 .ul {padding-top:6px;font-size:0.815rem;display:flex;justify-content:space-between;} #fixMenue .zeile1 .f {display:flex;align-items:center} #fixMenue .zeile1 .f img {margin:0 0 4px 7px;} #fixMenue .zeile1 .f a img {margin:0;} #fixMenue .zeile1 .m {display:flex;flex-direction: row-reverse;} #fixMenue .zeile1 .m a:before {content:"";width: 3px;height: 3px;margin-bottom: 3px;margin-left: 15px;margin-right: 15px;background-color: #666;display:inline-block} #fixMenue .zeile2 .obmenue div {background-color:#EEE;} #fixMenue .zeile2 A {text-decoration:none;color:#EEE;text-transform:none;} #fixMenue .zeile2 A:hover {text-decoration:none;font-weight:bold;color:#FFF;text-transform:none;} #fixMenue .zeile3 {width:auto;background-color:gray;color:white;font-weight:bold;font-size:1rem;height:80px;height:5rem;padding-top:15px} #fixMenue .zeile3 .z {width:auto;max-width:1150px;max-width:71.875rem;padding:0 20px 0 20px;} #fixMenue .zeile3 .links {float:left;} #fixMenue .zeile3 .rechts {float:right;} #fixMenue .zeile3 .btn {clear:both;padding-top:10px} #fixMenue .akt A {color:#006AB0;} #fixMenue .akt A:hover {color:#006AB0;} #fixMenue input {padding-left:7px;} .obmenue {font-size:0.9rem;display:flex;justify-content:space-between;width:100%;align-items:center;padding-top:0.5rem} .obmenue A {position:relative;display:block;TEXT-DECORATION: none;text-align:center} label.navopen {display:none !important;float:left !important;width:25px !important;height:25px !important;margin-top:5px;background-color:transparent !important;line-height: 0px;display: block;padding: 0 !important;text-indent: -9999px; background-position: -227px -71px} .cmenue-divimg {position:absolute;height:170px;width:100%} .cmenue-divimg img {position:absolute;right:40px;top:40px;max-width:70%} .fmenu {display:none;zoom:100%;z-index: 9999;position:fixed;top: 0;left: 0;background: #FFF;width: 100%;height: 100%;overflow:auto} label.fmenu_open {display:none;position:absolute;left:20px;bottom:20px;height:30px;width:30px;background-position: -227px -71px;padding:0;cursor:pointer;z-index:100} .fmenu input {display:none;} .fmenu-check {display:none;} .fmenu-check:checked + .fmenu {display:block} .fmenu_hgr {display:none;position:absolute;top:0px;left:0;height:100%;width:100%} .fmenu_hgr img {position:absolute;right:0;} .fmenu_hgr-radio-1:checked + .fmenu_hgr {display:block} .fmenu_hgr-radio-2:checked + .fmenu_hgr {display:block} .fmenu_hgr-radio-3:checked + .fmenu_hgr {display:block} .fmenu_hgr-radio-4:checked + .fmenu_hgr {display:block} .fmenu_hgr-radio-5:checked + .fmenu_hgr {display:block} .fmenu_hgr-radio-1:checked + .fmenu_hgr .l1 {border-bottom: 2px solid white;} .fmenu_hgr-radio-2:checked + .fmenu_hgr .l2 {border-bottom: 2px solid white;} .fmenu_hgr-radio-3:checked + .fmenu_hgr .l3 {border-bottom: 2px solid white;} .fmenu_hgr-radio-4:checked + .fmenu_hgr .l4 {border-bottom: 2px solid white;} .fmenu_hgr-radio-5:checked + .fmenu_hgr .l5 {border-bottom: 2px solid white;} .fmenu_gr {display:none;} .fmenu_gr img {position:absolute;right:0;} .fmenu_gr-check:checked + .fmenu_gr {display:block} .fmenu_gr {position:absolute;top:0px;left:0;height:100%;width:100%;z-index:1;background-color:#FFF} .fmenu_hgr .umenu {position:absolute;top:170px;left:0;width:100%;z-index:1} .fmenu_hgr .umenu .ul {margin:0;padding:0;} .fmenu_hgr .umenu .ul a {border-top: 1px solid #CCC;display: block;color: #555;font-size: 1.0rem;line-height: 1.2rem;outline: none;padding: 0.8em 1.5em 0.8em 1.5em;cursor: pointer;overflow: hidden;} .fmenu_hgr .umenu .ul a.uebersicht {background-color:#F0F0F0} .fmenu_hgr .umenu label::after { content:" ";width:17px;height:18px;background-position:-27px -3px; float: right; margin-top:5px;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/mobile2019-20190703.svg) !important;} .fmenu_hgr .umenu label.active {color:white;} .fmenu_hgr .umenu label.active::after {background-position:-281px -7px;} .fmenu_gr .ul {position:absolute;top:170px;left:0;width:100%;margin:0;padding:0;background-color:white;height:100%;min-height:550px} .fmenu_gr .ul li {display: block;color: #555;font-size: 1.0rem;line-height: 1.2rem;outline: none;padding: 0.8em 1.5em 0.8em 1.5em;cursor: pointer;overflow: hidden;border-top: 1px solid #CCC;} .fmenu label {display: block;color: #555;font-size: 1.0rem;line-height: 1.2rem;outline: none;padding: 0.8em 1.5em 0.8em 1.5em;cursor: pointer;overflow: hidden;} .fmenu label.close {position:absolute;right:5px;top:10px;height:30px;width:30px;display: block;background-position: -243px -4px;padding:0} .fmenu label.zurueck {position:absolute;left:20px;top:10px;display: block;height:30px;width:23px;background:-291px -1px;padding:0} .fmenu .ueberschrift {position: absolute;top: 112px;width: 100%;height: 32px;line-height:32px;opacity:0.9;color: white;font-size:1.05rem;padding-left: 1.5em;text-transform:uppercase} .fmenu .ueberschrift ul {margin:0;padding:0;width: 90%;text-align:center;display:flex;justify-content:space-between} .fmenu .ueberschrift label {margin: 0;padding: 5px;color:white;} .fmenu .ueberschrift label:hover {border-bottom: 2px solid white;} .fmenu .ueberschrift label.active {border-bottom: 2px solid white;} .fmenu ul li a {display: block;color: #555;} .fmenu_gr .ul li.akt a {color:white;} .fmenu .uebersicht {display: block;color: #555;font-size: 1.0rem;line-height: 1.2rem;outline: none;padding: 0.8em 1.5em 0.8em 1.5em;background-color: #F0F0F0;} .fmenu .ueberschriftu {display: block;color: #555;font-size: 1.0rem;line-height: 1.2rem;outline: none;padding: 2em 1.5em 0.8em 1.5em;font-weight:bold;border:0} .menuPoint input {display:none;} .hmenu_hgr-radio-1:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-2:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-3:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-4:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-5:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-6:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-7:checked + .subMenu2014 {display:block !important} .hmenu_hgr-radio-8:checked + .subMenu2014 {display:block !important} @media all and (/*max-width:1000px;*/max-width:62.50rem){ .obmenue {display:none} #fixMenue .zeile2 {display:none;} } @media all and (/*max-width:900px;*/max-width:56.25rem){ .hauptmenue2019 .menuPoint .mPA A {font-size:1rem} } @media all and (/*max-width:800px;*/max-width:50rem){ #fixMenue .zeile1 .f {justify-content:space-between} #fixMenue .zeile1 .m {display:none;} label.navopen {display:block !important;} .bildmenue2 ul li img {display:block !important;} .bildmenue2 ul li {width:33%;border:0} label.fmenu_open {display:block}; .fmenu {max-width: 450px;max-width:28.125rem;border-right: 1px solid #888;} } @media all and (/*max-width:600px;*/max-width:37.5rem){ .fmenu {max-width: 100%;border-right: 0;} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .zeile1 ul .f img {display:none;} .zeile1 ul .f a img {display:block;} .bildmenue2 ul li {width:50%;border:0} .bildmenue2 ul li {width:100%} .bildmenue2 ul li img {width:auto;max-width:100%;margin:auto;} .bildmenue2 ul li .inh {float:none;} label.fmenu_open {bottom:5px;} } @media all and (/*max-width:400px;*/max-width:25rem){ .fmenu .ueberschrift {font-size:0.8rem;} .fmenu .ueberschrift label {font-size:0.6rem;} } /* Fuss */ .fussHakenw li::before{content: "\002713";font-weight: bold;font-size: 0.8em;margin-right:5px} .sucheimgfuss {width:26px;height:26px;display:block;background:-224px -5px;} .sucheimgfuss img {width:26px;height:26px;} .fussKundenimg {width:145px;height:23px;display:block;background:-12px -358px;} .fussKundenimg img {width:145px;height:23px;} .fussPhoneimg {width:19px;height:36px;display:block;background:-16px -387px;margin-top:12px;} .fussPhoneimg img {width:19px;height:36px;} .fussTelimg {width:22px;height:26px;display:block;background:-54px -391px;margin-top:16px;} .fussTelimg img {width:22px;height:26px;} .fussMailimg {width:31px;height:21px;display:block;background:-102px -394px;margin-top:18px;} .fussMailimg img {width:31px;height:21px;} .fussHomeimg {width:32px;height:26px;display:block;background:-163px -392px;margin-top:16px;} .fussHomeimg img {width:32px;height:26px;} .zahlungfussVisaimg {width:47px;height:29px;background:-237px -70px;} .zahlungfussPPimg {width:69px;height:29px;background:-238px -135px;} .zahlungfussKKimg {width:45px;height:29px;background:-238px -101px;} .zahlungfussSUimg {width:78px;height:29px;background:-234px -299px;} .zahlungfussVKimg {width:56px;height:29px;background:-236px -167px;} .zahlungfussNNimg {width:62px;height:29px;background:-236px -199px;} .zahlungfussREimg {width:58px;height:29px;background:-237px -232px;} .zahlungfussBarimg {width:64px;height:29px;background:-234px -266px;} @media all and (/*max-width:550px;*/max-width:34.375rem){ #datenschutz ul {padding-left:0;} } /* Fuss neu */ #fuss2014ug {background-color:#515151;color:white;} #fuss2014 {position:relative; margin:auto; max-width:1150px;max-width:71.875rem;padding:20px;font-size:0.75rem;line-height:1.2em } #fuss2014 a {color:white;text-decoration:none} #fuss2014 a:hover {text-decoration:underline} #fuss2014 ul {margin:0px;padding:0px;text-align:left;vertical-align:top;} #fuss2014 .suche {background-color:white;height:4em;position:relative;} #fuss2014 .suche input {font-size:1rem;} #fuss2014 .acczu .panel {height: auto;} #fuss2014 .acczu label {display:none;} #fuss2014 .hinner {display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:stretch;} #fuss2014 .hinner .flexol {flex:2 0 0%;padding-right:8px;} #fuss2014 .hinner .flexor {flex:1 0 0%;padding:8px;border:1px solid #AAA;} #fuss2014 .hinner .flexol .linner {display:flex} #fuss2014 .infos {border:1px solid #AAA;margin:8px 0 0 0;flex:1 0 0%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;} #fuss2014 .infos .item {padding:1rem;} #fuss2014 .infos .item::before {content:""; display:block;margin-bottom:1rem;background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important} #fuss2014 .infos ul {padding-top:1rem;display:flex;flex-direction:column} #fuss2014 .infos .ul {padding-top:1rem;display:flex;flex-direction:column} #fuss2014 .infos .info::before {width:135px;height:23px;background:-12px -181px;} #fuss2014 .infos .info a {display: list-item;} #fuss2014 .infos .newsletter::before {width:125px;height:23px;background:-12px -282px;margin-bottom:0} #fuss2014 .infos .wk {display:flex;flex-direction:column;min-height:auto;} #fuss2014 .infos .wk::before {width:121px;height:23px;background:-12px -307px;} #fuss2014 .infos .konto::before {width:121px;height:23px;background:-12px -204px;} #fuss2014 .infos .konto .head {display: none; } #fuss2014 .infos .konto .btnl {margin-top: 16px;} #fuss2014 .infos .konto .btnr {margin-bottom: -15px;} #fuss2014 .infos .konto .BtnImg {background: 0;padding: 0;line-height: 1.1em;font-size: 1em;height: auto;} #fuss2014 .infos .konto a {text-align: left !important;padding: 0 !important;} #fuss2014 .zahlversand {border:1px solid #AAA;margin:8px 0 0 8px;flex:1 0 0%;} #fuss2014 .zahlversand .item {padding:1rem;} #fuss2014 .zahlversand .item::before {content:""; display:block;margin-bottom:1rem;background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important} #fuss2014 .zahlversand .zahlung::before {width:261px;height:24px;background:-13px -332px;} #fuss2014 .zahlversand .zahlung ul li {padding:0;margin: 9px 6px 0 0;} #fuss2014 .zahlversand .zahlung .panel {display:block;} #fuss2014 .zahlversand .zahlung ul {display:flex;flex-wrap:wrap;align-items:stretch;} #fuss2014 .zahlversand .versand::before {width:169px;height:23px;display:block;background:-12px -231px;} #fuss2014 .zahlversand .versand img {width: 258px;height: 39px; background: no-repeat -14px -608px;background-image: none;margin:15px} #fuss2014 .zahlversand .versand .panel {display:block;} .sicher {display:flex;justify-content:flex-start;padding:1em !important;flex-wrap:wrap;align-items:stretch;} .sicher::before {content:""; display:block;width:185px;height:24px;background:-12px -256px;background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important} .sicher img {margin-bottom:10px;} .sicher .bild {margin:auto;} .sicher .item {display:flex;justify-content:flex-start;padding:1em;flex-wrap:wrap;align-items:stretch;} .sicher li {padding:0 0 0 15px !important;margin:0 !important;float:none !important} .adresse .inner {display:flex;border:1px solid #AAA;margin-top:8px;justify-content:space-around;align-items: center;padding:1em;} .adresse .inner .item {padding-left:10px;border-left:1px solid #AAA;position:relative;color:white;} .adresse .inner .item::before {content:""; max-width:32px;position:absolute;display:block;left:-40px;background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important} .adresse .inner .Tel::before {width:22px;height:26px;background:-54px -391px;} .adresse .inner .EMail::before {width:31px;height:21px;background:-102px -394px;margin-top:5px} .adresse .inner .Ort::before {width:32px;height:26px;background:-163px -392px;margin-top:10px} #fuss2014 .zlinksneu {display:none;justify-content:space-around;flex-wrap:wrap;align-items:stretch;background-color: #515151;color: white;text-align:center;padding:1rem 0 1rem 0} #fuss2014 .zlinksneu a {color:white;flex:4 0 0%} #fuss2014 .zlinksneu li {flex:1 0 0%;} #fuss2014 .vhinweis {display:none;background-color: #515151;color:white;text-align:center;padding-bottom:1rem;padding-top:1rem} #fuss2014 .vhinweis a {color:white;} @media all and (/*max-width:1000px;*/max-width:62rem){ #fuss2014 .hinner .flexor {flex:1 0 100%;padding:0} .sicher::before {margin-right:60%} #fuss2014 .hinner .flexol {padding-right:0;padding-bottom:8px} } @media all and (/*max-width:800px;*/max-width:50rem){ #fuss2014ug {background-color:white;} #fuss2014 {width:100%;padding:0} #fuss2014 .suche {display:none;} #fuss2014 ul {color:#333;} #fuss2014 a {color:#333;} #fuss2014 .acczu label {display:block;} #fuss2014 .acczu .panel {height:0;} #fuss2014 .hinner {display:block;} #fuss2014 .hinner .flexol {padding:0;} #fuss2014 .hinner .flexol .linner {display:block} #fuss2014 .hinner .flexor {border:0;padding:0;} #fuss2014 .infos {margin:0;padding:0;border:0;overflow:hidden;display:block} #fuss2014 .infos .item::before {display:none;} #fuss2014 .infos .item {padding:0;} #fuss2014 .infos .info {display:none;} #fuss2014 .infos .wk {display:none;} #fuss2014 .infos .newsletter::before {display:none} #fuss2014 .infos .newsletter ul {padding:15px;} #fuss2014 .kontokto {display:none} #fuss2014 .infos .konto {overflow:hidden;padding:0} #fuss2014 .infos .konto .ul {display:none;} #fuss2014 .infos .konto .bgcol0 {overflow:hidden;padding:6px 8px 6px 8px;} #fuss2014 .infos .konto .inner {padding-right:16px} #fuss2014 .infos .konto .head {padding-left:16px;font-size:16px;color:white;display:block;padding-top:10px} #fuss2014 .infos .konto a {width:100% !important;border:2px solid white;text-align:center !important;padding:10px 0 10px 0 !important;margin-top:15px;margin-bottom:15px;} #fuss2014 .infos .konto .btns {position:relative;margin-left:16px;} #fuss2014 .infos .konto .BtnImg {float:left;width:49%;padding:0;line-height:1.1em;font-size:0.875rem;height:auto;} #fuss2014 .infos .konto .btnl {margin-top:0;width:48%;float:right;} #fuss2014 .infos .konto .btnr {margin-bottom:0;float:left;width:48%;} #fuss2014 .zahlversand {border:0;margin:0;} #fuss2014 .zahlversand .item {padding:0;margin:0} #fuss2014 .zahlversand .item::before {display:none} #fuss2014 .zahlversand .zahlung ul {padding:15px;} #fuss2014 .zahlversand .versand ul {padding:15px;} #fuss2014 .sicher {border:0;margin:0;padding:0 !important;} #fuss2014 .adresse {margin:0;} #fuss2014 .adresse .inner {flex-wrap: wrap;align-items: stretch;flex-direction: column;border:0;} #fuss2014 .adresse .inner .item {padding:20px;color:#000} #fuss2014 .zlinksneu {display:flex;} #fuss2014 .vhinweis {display:block} } @media all and (/*max-width:400px;*/max-width:25rem){ #fuss2014 ul li.konto .btns {min-width:unset;} } /* gemeinsam */ /* Staffeltabelle */ .staffKAll {position:relative;z-index:1;background-color:#EEEEEE;border:1px #888888 solid;padding:2px 0 0 5px;DISPLAY:block;width:136px;width:8.5rem;height:18px;height:1.125rem;vertical-align:middle;} .staffKAll::after{content:"\0025be";float:right;font-weight:bold} .staffKAll:hover {background-color:white;} .staffKAll .staffKBody {DISPLAY:none;position:absolute;top:-1px;left:-172px;left:-10.75rem;width: 150px;width: 9.375rem;padding:5px 10px 5px 10px;border: 1px solid #888;background-color: #EEE;z-index: 1;list-style:none;} .staffKAll:hover .staffKBody {DISPLAY:table;} .staffKAll .staffKBody div {font-size:0.7rem;} .staffKAll .staffKBody li {font-size:0.7rem;margin:0;display:table-row;text-align:right;font-weight:bold;height:1rem} .staffKAll .staffKBody li div {width:70px;width:4.375rem;display:table-cell;text-align:right;white-space:nowrap;padding-right:20px;font-weight:normal} .staffBodyN {font-size:0.7rem;} .staffBodyN h3 {text-align:right;margin:10px 0 0 0} .staffBodyN ul {list-style:none;margin:0;padding:0px;border-top:1px solid #AAA;display:table;margin-left:10% !important;position:relative;width:90%} .staffBodyN ul li {margin:0;padding:0;display:table-row;color:red;font-weight:bold;line-height:1rem;text-align:right;margin-top:5px} .staffBodyN ul li div {width:70px;width:4.375rem;display:table-cell;text-align:right;white-space:nowrap;padding-right:20px;font-weight:normal;color:#000} .staffBodyN .prozent {position:absolute;left:-10%;width:10%;color:white;font-weight:bold;font-size:1rem;background-color:red;text-align:center} #zahlLogos {text-align: center;} #zahlLogos img {padding:5px;} /* Tabellen Neuheiten und Highlights */ .listerechtsfooter {text-align:right;padding-top:17px;padding-bottom:10px;padding-right:10px;} .zeileNeuHigh .mehr {margin:-15px 0 10px 0;padding-top:20px;border-top:1px solid #C1C1C2} .zeileNeuHigh .mehr a {color:#666666} .CScroll .zeileNeuHigh .titelBox {padding-top:15px;padding-left:15px;margin-bottom:0;border-bottom:1px solid #C1C1C1;} .CScroll .zeileNeuHigh .titelBox.sale {border:0;background-color:#E2001A;background-image:url(".ScPfad()."/arcshop/common/2011/img/salebg1.png);background-position:0px -10px;} .CScroll .zeileNeuHigh .titelBox.sale a {color:white} .CScroll .zeileNeuHigh .titelBox.start {TEXT-TRANSFORM: uppercase;text-align:center;} .CScroll .zeileNeuHigh ul {display:flex;} .CScroll .zeileNeuHigh .kauftenAuch .ul {display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-around} .CScroll .zeileNeuHigh .kauftenAuch .ul .dkauftenAuch {flex:auto;max-width:180px} .CScroll .zeileNeuHigh .kauftenAuch .ul .li {flex:auto;max-width:220px;text-align:center} .CScroll .zeileNeuHigh .padBox {padding-left:0 !important;padding-right:0 !important} .CScroll .zeileNeuHigh ul .pl img {width:36px;height:56px;background:no-repeat -106px -443px;} .CScroll .zeileNeuHigh ul .pr img {width:36px;height:56px;background:no-repeat -144px -442px;} .CScroll .zeileNeuHigh ul .po img {width:56px;height:36px;background:no-repeat -189px -443px;} .CScroll .zeileNeuHigh ul .pu img {width:56px;height:36px;background:no-repeat -188px -482px;} .CScroll .zeileNeuHigh ul a.li {padding-left: 4px; padding-right: 4px; margin: 1px;color:#444444;text-decoration:none;} .CScroll .zeileNeuHigh ul a.li .bild {height:125px;max-height:125px;text-align:center;} .CScroll .zeileNeuHigh .kauftenAuch .ul a.li .bild {height:200px;max-height:200px;} .CScroll .zeileNeuHigh ul a.li img {vertical-align:middle;Max-Height:116px;Max-width:145px;} .CScroll .zeileNeuHigh .kauftenAuch .ul a.li img {Max-Height:200px;Max-width:200px;} .CScroll .zeileNeuHigh ul a.li .preis {text-align:left;font-weight:bold;padding-top:5px;color:#333333;} .CScroll .zeileNeuHigh .kauftenAuch .ul a.li .preis {text-align:center} .CScroll .zeileNeuHigh ul a.pl {width:26px;line-height:150px;line-height:9.375rem;} .CScroll .zeileNeuHigh ul a.pr {width:26px;line-height:150px;line-height:9.375rem;} .CScroll .zeileNeuHigh ul a.po {min-height:0px;padding:0;text-align:center;width:154px;width:9.625rem;} .CScroll .zeileNeuHigh ul a.pu {min-height:0px;padding:0;text-align:center;width:154px;width:9.625rem;} .Slider .zeileNeuHigh .titelBox {padding-top: 10px;margin-bottom: 0;border: 0;text-align: center;background-color: #777;} .Slider .zeileNeuHigh .titelBox.sale {background-color:#E2001A;background-image:url(".ScPfad()."/arcshop/common/2011/img/salebg1.png);background-position:0px -10px;} .Slider .zeileNeuHigh .balken {padding-top: 15px;padding-bottom: 15px;overflow:hidden} .Slider .zeileNeuHigh .rahmen {text-align:left;font-weight:bold;margin-bottom:15px;} .Slider .zeileNeuHigh .titelBox a {color:white;} .Slider .sli6 {position: relative; top: 0px; left: 0px; height:224px;} .Slider .sli6s {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:1150px; width:71.875rem;height: 224px;height:14rem;} .Slider .sli5 {position: relative; top: 0px; left: 0px; height: 224px;} .Slider .sli5s {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 978px;width:61.125rem; height: 224px;height:14rem;} .Slider .sli4 {position: relative; top: 0px; left: 0px; width: 778px;height: 224px;} .Slider .sli4s {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 778px;width:48.625rem; height: 224px;height:14rem;} .Slider .sli3 {position: relative; top: 0px; left: 0px; width: 478px;height: 224px;} .Slider .sli3s {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 478px; width:29.875rem; height: 224px;height:14rem;} .Slider .sli1 {position: relative; top: 0px; left: 0px; width: 156px;height: 224px;} .Slider .sli1s {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 156px;width:9.75rem; height: 224px;height:14rem;} .Slider .zeileNeuHigh .balken .spalte {width:156px;width:9.75rem !important;min-height:150px;min-height:14rem;} .Slider .zeileNeuHigh .balken .spalte.pl {width:26px;line-height:150px;line-height:9.375rem;} .Slider .zeileNeuHigh .balken .spalte.po {min-height:0px;padding:0;text-align:center;width:154px;width:9.625rem;} .Slider .zeileNeuHigh .balken .spalte a {color:#444444;font-size:0.7rem;text-decoration:none;} .Slider .zeileNeuHigh .balken .spalte img {vertical-align:middle;Max-Height:116px;} .Slider .zeileNeuHigh .balken .spalte .preis {text-align:left;font-weight:bold;padding-top:5px;color:#333333;} .Slider .zeileNeuHigh .balken .spalte .zeile {margin:0 5px 0 5px;} .Slider .zeileNeuHigh .balken .spalte .zeile a {height:48px;overflow:hidden;display:block;} .Slider .zeileNeuHigh .balken .spalte .bild {height:125px;max-height:125px;margin:0 5px 0 5px;} ul.tabBem {list-style:none;margin:0;padding:0;} ul.tabBem li.punkt {vertical-align:top;padding-right:8px;} ul.tabBem li.punkt img {float:left;padding-right:8px;padding-top:7px;} ul.tabBem li.punkt .text {float:left;width:95%;} .tabBem.pfeil li {line-height:1.2rem;} .tabBem.pfeil li::before{content:"\0025b8";color:#AAA;} ul.tabBemGross {list-style:none;margin:0;padding:0;font-size:0.9rem;line-height:1.5rem} ul.tabBemGross .tabBem {padding-top:10px} ul.tabBemGross li.punkt {vertical-align:top;padding-right:8px;} ul.tabBemGross li.punkt img {float:left;padding-right:8px;padding-top:7px;} ul.tabBemGross li.punkt .text {float:left;width:95%;} .tabBemGross li.pfeil {position:relative;line-height:19px;margin-left:10px;font-size:0.75rem} #tabSuche {position:absolute;left:5px;top:5px;border:0;width:395px;padding:3px;padding-left:8px;} #tabSuche .links {float:left;padding-top:3px;} #tabSuche .rechts {float:right} #tabSuche .rechts input {display:block;padding:5px;width:340px;border:none;border-left:1px solid #999A9C} .breadcrumb {margin:0;padding:0px;padding-top:1rem;padding-bottom:1rem;display:flex;flex-wrap:wrap;} .breadcrumb a {text-decoration:none;TEXT-TRANSFORM: uppercase;font-size:0.7rem;color:#666666;padding-right:10px} .breadcrumb a:hover {text-decoration:underline;} .breadcrumb a::before{content:"\0025b8";font-size:1.2em} .imgNeu {position:absolute;z-index:1;margin-left:0px;width:67px;height:68px;background:no-repeat -215px -703px;} .imgAktion {position:absolute;z-index:1;margin-left:0px;width:68px;height:67px;background:no-repeat -114px -703px;} .imgHighlight {position:absolute;z-index:1;margin-left:0px;width:68px;height:67px;background:no-repeat -15px -704px;} .aktuellesAngebot {color:red;margin-bottom:5px;padding:0 5px 2px 5px;text-align:right;} .aktuellesAngebot .noch {margin-bottom:2px;} .aktuellesAngebot strong {font-size:1.2rem;font-weight:bold;} .aktuellesAngebot small {font-size:0.66rem;} .artikeltitelBox {padding:0;margin:0px 0px 15px 0px;font-size:1.5rem;line-height:2rem;padding-bottom:0px;} .auswahlWeitere {margin-bottom:5px;font-weight:bold;} .auswahlWeitere a {font-weight:normal;padding:10px} .auswahlWeitere select {margin-top:5px;width:100%} .auswahlVarianten {margin-bottom:10px;} .auswahlVarianten label {font-weight:bold;margin-bottom:7px;padding-top:15px;} #mwwrapper {height:100%} .mitteKopf2014 h1 {padding-top:0; margin-top:0;font-size:1.2rem;font-weight:normal;} .mitteKopf2014 .gruppeText {text-align:justify;padding-top:15px;border-top:1px solid #AAA;line-height:150%;} .mitteKopf2014 .gruppeText .text {float:left;width:auto;text-align:justify;line-height:150%;font-size:0.75rem;} .mitteKopf2014 .gruppeText img {float:right;padding-right:15px;} .gruppeText .infoLimg {display:none;} .aktgruppetext .text {float:left;width:800px;text-align:justify;line-height:150%;font-size:0.75rem;overflow:auto;} .aktgruppetext img {float:right;padding-right:15px;} ul.hpzListe {list-style:none;padding-left:15px;padding-right:15px;} .hpz {position:relative;padding:0 5px 25px 5px;vertical-align:top;border-bottom:1px solid #E1E1E2;margin-top:25px;min-height:249px;overflow:hidden;} .BtnImg {display:block;padding:0px 40px 0px 40px;border:none;vertical-align:middle;color:white !important;margin:0;text-decoration:none;cursor:pointer} .BtnImgStdNormal {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;} .BtnImgStdHell {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;} .BtnImgKaufenArt {line-height:34px;line-height:2.125rem;height:38px;height:2.375rem;font-size:0.815rem;font-weight:500;padding:0px;width:100%;} .BtnImgAendernArt {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;width:100%} .BtnImgHistory {line-height:34px;line-height:2.25rem;height:34px;height:2.25rem;font-size:0.815rem;font-weight:500;padding:0px;padding-right:26px;} .BtnImgKtoAktiviert {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;padding:0px;width:191px;width:11.9375rem;text-align:center;margin:auto;} .BtnImgKtoAktiviertHell {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;padding:0px;width:191px;width:11.9375rem;text-align:center;margin:auto;} .BtnImgKtoDeaktiviert {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;padding:0px;width:191px;width:11.9375rem;text-align:center;margin:auto;background-color:#E1E1E2} .BtnImgKtoDeaktiviert:hover {background-color:#E1E1E2} .BtnImgWKKtoNormal {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;padding:0px;width:250px;width:15.625rem;text-align:center;margin:auto;} .BtnImgWKKtoHell {line-height:36px;line-height:2.25rem;height:36px;height:2.25rem;font-size:1rem;padding:0px;width:250px;width:15.625rem;text-align:center;margin:auto;} .BtnImgimg {float:left !important;margin:-1px 40px 0 0;} .BtnImgcaption {float:right;} .zahlarten ul {list-style:none;margin:0;padding:0;} .zahlarten ul li {margin:0 5px 5px 0;float:left;} .zahlarten ul .ueber {margin:0 0 12px 0;padding:0;display:block;font-weight:bold;color:#333333;float:none;} .hTrenner {overflow: hidden; height: 0px; width: 0px;padding:0;margin:0;border:none;} li.hTrenner {overflow: hidden; height: 0px; width: 0px;padding:0 !important;margin:0 !important;border:none !important;} .gutscheinokimg {width:24px;height:25px;display:block;background:-144px -1px;} .gutscheinokimg img {width:24px;height:25px;} .infoiimg {width:15px;height:15px;display:inline;vertical-align:middle;background:-147px -52px;} .infoiimg img {width:15px;height:15px;} .gewichtgrossimg {width:21px;height:20px;display:block;background:-1px -47px;float:left;padding-right:8px;margin-top:5px;} .gewichtgrossimg img {width:21px;height:20px;} .infoLimg {width:71px;height:83px;display:block;background:-119px -91px;float:right;} .infoLimg img {width:71px;height:83px;} .sucheimg {width:20px;height:19px;display:block;background:-40px -148px;} .sucheimg img {width:18px;height:19px;} .zahlungkleinVisaimg {width:71px;height:35px;background:-13px -537px;} .zahlungkleinPPimg {width:71px;height:35px;background:-85px -537px;} .zahlungkleinKKimg {width:71px;height:35px;background:-156px -537px;} .zahlungkleinSUimg {width:71px;height:35px;background:-227px -537px;} .zahlungkleinVKimg {width:71px;height:35px;background:-12px -572px;} .zahlungkleinNNimg {width:71px;height:35px;background:-85px -572px;} .zahlungkleinREimg {width:71px;height:35px;background:-156px -572px;} .zahlungkleinBarimg {width:71px;height:35px;background:-227px -572px;} #rechtsmail {height:54px;right: 0px;position: fixed;z-index:200;padding:0;line-height:1em;bottom:82px} #rechtsmail .T {display: none;position:absolute; right:55px;top:0px;width:165px;width:10.3125rem;margin-top: 0px; margin-left: 1px; height: 54px; color: white; line-height: 54px; padding-left: 5px;text-align:center;} #rechtsmail a:hover .T {display: block;} #rechtsmail .bild {width:55px;height:55px;background-position: -315px -458px;} #rechtsmail .rechtsfixIM3 {display:block;width:54px;height:55px;background: transparent none repeat scroll -315px -458px;float:right;} #rechtsmail .D1 {position:relative;float:left;left:0px;width:208px;width:13rem;top:-250px;} #rechtsmail .D2 {position:relative;float:left;left:0;width:180px;width:11.25rem;color:white;padding:10px;} #rechtsmail .D4 {font-size:0.66rem;padding-top:7px;padding-bottom:5px;} #rechtsmail HR {color:white;height:1px;border:1px solid white} #rechtsmail .D5 {font-size:1rem;font-weight:bold;margin-top:16px;margin-bottom:7px;} #rechtsmail .I1 {padding-left:7px;height:21px;width:173px;width:10.8125rem;border:0;font-size:0.7rem;} #rechtsmail .I2 {padding-left:7px;padding-top:7px;height:100px;width:173px;width:10.8125rem;font-size:0.7rem;border:0;margin-top:5px;} #rechtsmail .D6 {float:left;font-size:1.2rem;font-weight:bold;margin-top:10px;} #rechtsmail .D7 {float:right;margin-top:8px;} #rechtsmail .D8 {text-align:right} #rechtsmail .D9 {font-size:1.05rem;font-weight:bold;} #rechtsmail .D10 {font-size:0.9rem;font-weight:bold;} #rechtsmail .rechtsfixIM2 {top:280px} #rechtstel {height:54px;width:54px;right: 0px;position: fixed;z-index:200;padding:0;line-height:1em;bottom:140px} #rechtstel .T {display: none;position:absolute; right:55px;top:0px;width: 165px;width:10.3125rem;margin-top: 0px; margin-left: 1px; height: 54px; color: white; line-height: 54px; padding-left: 5px;text-align:center;} #rechtstel a:hover .T {display: block;} #rechtstel .bild {width:55px;height:55px;background-position: -311px -517px;} #rechtstel .rechtsfixIM3 {display:block;width:54px;height:55px;background: transparent none repeat scroll -311px -517px;float:right;} #rechtstel .D1 {position:relative;float:left;left:0px;width:218px;width:13.625rem;} #rechtstel .D4 {font-size:0.66rem;padding-top:7px;padding-bottom:5px;} #rechtstel .D5 {font-size:1.05rem;font-weight:bold;} #rechtstel HR {color:white;height:1px;border:1px solid white;margin-top:10px;} #rechtstel .D6 {font-size:1rem;font-weight:bold;margin-top:20px;margin-bottom:7px;} #rechtstel .I1 {padding-left:7px;height:21px;width:173px;width:10.8125rem;border:0;font-size:0.7rem;} #rechtstel .I2 {padding-left:7px;height:21px;width:173px;width:10.8125rem;border:0;font-size:0.7rem;margin-top:5px;} #rechtstel .I3 {padding-left:7px;padding-top:7px;height:100px;width:173px;width:10.8125rem;font-size:0.7rem;border:0;margin-top:5px;} #rechtstel .D7 {float:left;font-size:1.1rem;font-weight:bold;margin-top:10px;} #rechtstel .D8 {float:right;margin-top:15px;} #rechtstel .D9 {text-align:right} #rechtstel .rechtsfixD2 {top:-200px;} #rechtslupe {height:54px;right: 0px;position: fixed;top:243px;z-index:200;padding:0;line-height:1em} #rechtslupe .D1 {position:relative;float:left;left:0px;width:218px;width:13.625rem;} #rechtslupe .D3 {font-size:1rem;font-weight:bold;margin-top:10px;margin-bottom:7px;} #rechtslupe .I1 {padding-left:7px;height:21px;width:173px;width:10.8125rem;border:0;} #rechtslupe .D4 {float:right;margin-top:5px;color:white;} .rechtsfixIM1 {float:left;width:8px;margin-top:15px;} .rechtsfixIM2 {position:relative;float:right;} .rechtsfixD2 {position:relative;float:left;left:0;width:190px;color:white;padding:10px;} .rechtsfixD3 {font-size:1.2rem;font-weight:normal;} .rechtsfixA1 {font-size:0.9rem;color:white;text-decoration:none;} #nachoben {position:fixed;bottom:0px;right:0px;display:none;width:256px;height:54px;} #nachoben1 {float:left;cursor:pointer;display:block;width:200px;height:34px;display:none;color:white;border-right:1px solid white;text-align:center;padding-top:20px;} #nachoben2 {float:right;cursor:pointer;display:block;width:55px;height:54px;} #nachoben:hover #nachoben1 {display:block;} .topfilter .aktgruppetext {line-height:1.5rem;color:#555;} .topfilter h1 {font-weight:bold;} /* tabellegroß oder Wunschzettel oder Suche */ .pagehaupt {display:flex} .pagehauptinner {width:100%} .pagehaupt .tabLinks {width:200px;width:12.5rem;order:-1;} .pagehaupt .mitteKopf2014 {width:auto;float:none;} .pagehaupt .mitteContent {width:auto;float:none;clear:both;} .ArtikelNeuheiten .Slider {display:none} .ArtikelSale .Slider {display:none} .ArtikelHighlights .Slider {display:none} .ArtikelRestposten .Slider {display:none} .ArtikelKauftenAuch .Slider {display:none} @media all and (/*max-width:1024px;*/max-width:64rem){ .aktgruppetext {padding-left:5px;padding-right:5px;} } @media all and (/*max-width:1000px;*/max-width:62.5rem){ .ArtikelNeuheiten .Slider {display:block} .ArtikelSale .Slider {display:block} .ArtikelHighlights .Slider {display:block} .ArtikelRestposten .Slider {display:block} .ArtikelKauftenAuch .Slider {display:block} .ArtikelNeuheiten .CScroll {display:none} .ArtikelSale .CScroll {display:none} .ArtikelHighlights .CScroll {display:none} .ArtikelRestposten .CScroll {display:none} .ArtikelKauftenAuch .CScroll {display:none} } @media all and (/*max-width:900px;*/max-width:56.25rem){ #rechtstel {display:none;} #rechtsmail {display:none;} #nachoben:hover #nachoben1 {display:none;} } @media all and (/*max-width:800px;*/max-width:50rem){ .topfilter .aktgruppetext {padding-left:5px;padding-right:5px} .topfilter img {display:none} .suche {display:none;} .tabLinks {display:none;} .breadcrumb {display:none !important;} .mitteKopf2014 {margin:0;border:0;} .mitteKopf2014 .padBox {padding:0 !important;/*padding-top:20px !important;*/} .mitteKopf2014 .gruppeText {border-top:0;} .mitteContent {border:0 !important;margin:0 !important;} #dialog {min-width:unset !important;width:100% !important;left:0 !important;height:100% !important;top:0 !important;background-color:white !important} } @media all and (/*max-width:600px;*/max-width:37.5rem){ .mitteKopf2014 .gruppeText .text {max-height:60px;max-height:3.75rem;overflow:auto;} } @media all and (/*max-width:500px;*/max-width:31.25rem){ .kauftenAuch .balken {width:100%;overflow:hidden;} .zeileNeuHigh .kauftenAuch .ul li.dkauftenAuch {width:100% !important;margin:0 !important;padding:0 !important;} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .zeileNeuHigh {border-width: 0 0 1px 0;} .kauftenauch {padding-left:15px;padding-right:15px;} .mitteKopf2014 .gruppeText {padding-left:15px;padding-right:15px;} } @media all and (/*max-width:800px;*/max-width:25rem){ .staffBodyN {font-size: 0.8rem;} h3.ArtH3 {font-size: 1rem;} .BtnImgKaufenArt {font-size: 1rem;} } /* artikel */ div.lieferzeit {color:green;margin-top:3px;font-size: 0.7rem;text-align: right;} ul.Farben {list-style:none;margin:0;padding:0;padding-left:3px;} ul.Farben li.akthervor {padding:2px;padding-top:5px;float:left;border:1px solid #AAA;position:relative;} ul.Farben li.akthervor span {font-size:0.66rem;color:#FF0000;} ul.Farben li.akthervor3 {padding:2px;padding-top:5px;float:left;border:1px solid #E1E1E2;position:relative;} ul.Farben li.akthervor3:hover .gr {display:block;} ul.Farben li.akt {padding:2px;float:left;border:1px solid #AAA;position:relative;} ul.Farben li.akt span {font-size:0.66rem;color:#FF0000;} ul.Farben li.all {padding:2px;padding-top:5px;float:left;position:relative;} ul.Farben li.all:hover .gr {display:block;} ul.Farben li.all span {font-size:0.66rem;} ul.Farben li .gr {display:none;position:absolute;left:0px;top:40px;height:130px;width:170px;background-color:white;border:1px solid #AAA;z-index:1;padding:15px;} ul.Farben li .gr img {width:168px;} ul.Farben li .gr .text {font-weight:bold;text-align:center;padding-top:15px;} .FarbBild {position:relative;float:right;} .FarbBild .gr {display:none;position:absolute;left:38px;top:-50px;height:130px;width:170px;background-color:white;border:1px solid #AAA;z-index:1;padding:15px;} .FarbBild .gr img {width:168px;} .FarbBild .gr .text {font-weight:bold;text-align:center;padding-top:15px;} .FarbBild:hover .gr {display:block;} .artikelh1 {padding:15px;background-color:white;margin:0;font-weight:normal;font-size:1.5rem;line-height:2rem;padding-left:0;border:0} .artikelh1 .links {float:left;} .artikelh1 .rechts {float:right;} div.artikel ul.weitInfos {list-style:none;margin:0;padding:0;padding-top:15px;} div.artikel ul.weitInfos li {text-align:left;padding-bottom:1px;line-height:30px;height:30px;vertical-align:middle;} div.artikel .nichtVorhanden {padding-bottom:30px;} div.artikel .logoGross {padding-bottom:20px;text-align:right;} div.artikel p.artName {margin:40px 0 0 0;padding:0;font-weight:bold;} div.artikel .marketing {line-height:1.5em} div.artikel .tab {padding-bottom:20px;vertical-align:top;} div.artikel table.artikelTab {margin: 20px 0 10px 0;width:100%} .artikel .Rechts .variante {font-weight:bold;margin-bottom:7px;} .artikel .Rechts .abmessungen {font-weight:bold;margin-bottom:7px;padding-top:15px;} .artikel .Rechts .gewicht {font-weight:bold;margin-bottom:7px;padding-top:15px;} .artikel .Rechts .artnummer {font-size:0.7rem;padding-top:30px;} .artikel .Rechts .bewertungen {font-size:0.7rem;color:#2A51E0;text-decoration:none;display:flex} .artikel .thumbouter {padding-top:20px;border-right:1px solid #E1E1E2;margin-right:25px;} .artikel .thumbnails {display:flex;flex-wrap:wrap} .artikel .ArtNrGewicht {margin:0;padding:0;list-style:none;width:230px;} .artikel .ArtNrGewicht li {position:relative;padding-bottom:15px;} .artikel .ArtNrGewicht li span {position:relative;top:15px;left:60px;} .artikel .ArtNrGross {margin:15px 0 0 0;padding:0;list-style: none;} .artikel .GewichtGross {margin:15px 0 0 0;padding:0;list-style: none} .artikel .ArtNrGross .bullet {position: absolute;left:0;top:0;margin-right:20px;width:46px;height:46px;background:no-repeat -57px -84px} .artikel .GewichtGross .bullet {position: absolute;left:0;top:0;margin-right:20px;width:46px;height:46px;background:no-repeat -3px -84px} .artikel .grossText {padding-bottom:20px;font-family:Verdana;font-size:0.66rem;} .artikel .bildBez {padding-top:10px;} .artikel .bildBild {margin:10px;} .artikel .bemFarbton1 {float:left;width:380px;padding-top:2px;padding-left:15px;color:#888888;font-family:Verdana;font-size:0.66rem;} .artikel .bemFarbton2 {float:left;width:380px;padding-top:2px;color:#888888;font-family:Verdana;font-size:0.66rem;} .artikel .Bildgross {text-align:center;margin:auto;padding:10px;border:1px solid #E5E5E5; } .artikel .Bildgross img{text-align:center;margin:auto;max-height:300px;max-width:400px;vertical-align:middle} .artikel .bildBildklein {float:left;margin: 10px 8px 0 0;padding:10px;border:1px solid #E0E0E0; opacity:0.7; filter:alpha(opacity=70); /* For IE8 and earlier */ } .artikel .bildBildklein:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ border:1px solid #AAAAAA; } .artikel .bildBildklein .akt { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ border:1px solid #AAAAAA; } div.artikel .akt { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ border:1px solid #AAAAAA; } .artikel .maxBild {width:100px;padding-top:2px;line-height:20px;position:absolute;top:280px;left:0px;} .artikel .fuss .kauftenAuch .head {padding-top:0px;padding-bottom:20px;} .artikel .fuss .artAlt {padding-top:10px;background-color:#DDDDDD;} .artikel .grText .db {margin-top:20px;} .artikel .grText .inc {margin-top:40px;} .artikel .grText .inc .header {margin-bottom:15px;padding-top:7px;padding-bottom:7px;border-top:2px solid #286FB0;border-bottom:2px solid #286FB0;font-weight:bold;} .artikel .grText .inc h2 {font-weight:normal;} .artikel .grText .inc h3 {font-weight:bold;margin-left:-10px} .artikel .grText .inc h4 {font-weight:bold;margin-left:-10px} .artikel .grText .inc hr {height:0px;size:0px;border:0;border-top:1px solid;width:100%} /* Rahmen um selbsterstellte PDF-Dateien */ .imgRahmen {padding:5px;background-color:#EEEEEE;border:1px solid #AAAAAA !important;margin:6px;} /* auch bei CD-Bedruckung */ .artPreis .preis {float:none;padding:0 0 2px;} .artPreis .preis .zusatz0 {text-align:right;padding-bottom:5px;padding-top:10px;font-size:0.7rem;color:#333333;} .artPreis .preis .zusatz23 {text-align:right;padding-bottom:0px;margin-top:-2px;font-size:0.7rem;color:#333333;border:1px solid #FFFFFF} .artPreis .preis .text2 {font-size:1.35rem;font-weight:bold;} .artPreis .preis .text3 {font-size:1.35rem;font-weight:bold;} .artPreis .preis .text4 {font-size:0.9rem;font-weight:bold;color:#333333;} .artPreis .preis .text5 {font-size:2rem;font-weight:bold;color:#000000;text-align:right;padding-top:3px;} .artPreis .preis .text7 {font-size:1.5rem;line-height:2rem;font-weight:bold;color:#000000;} .artPreis .preis .text9 {text-align:right;padding-top:3px;} .artPreis .BtnImgStdNormal {padding:0;width:100%} .tabRechts .lieferzeit {position:relative;margin:3px 0 0 0;padding:0;list-style: none;color:green;padding-left:5px;} .tabRechts .lieferzeit li {margin-left:10px;text-align:right} .tabRechts .lieferzeit span {position: absolute;left:0px;margin-right:14px;width:14px;height:14px;background:no-repeat -163px -32px} .tabRechts .input {float:right;padding:7px 0 8px;} .tabRechts .btn {float:right;padding:7px 0 8px;} .tabRechts .staffKAll {margin-top:15px;} .tabArtIcon {list-style:none;margin:0;padding:0;} .tabArtIcon ul {list-style:none;margin:0;padding:0;} .tabArtIcon li {float:left;width:300px;padding:10px 30px 10px 0;} .tabArtIcon li .wrap {display:table;} .tabArtIcon li .wrap .articon {display: table-cell;vertical-align: top;} .tabArtIcon li .wrap .articon .img {width:45px;height:45px;} .tabArtIcon li .wrap .text {display: table-cell;vertical-align: middle;padding-left:15px;} .tabArtIcon li .wrap .text li {padding:0; width:240px;padding-bottom:5px;height:auto;} .tabArtTechnisch {list-style:none;margin:0;padding:0;border-top:1px solid #CCC;display:table;width:100%} .tabArtTechnisch li {margin:0;padding:0;display:table-row;} .tabArtTechnisch li.c2 {background-color:#F5F5F5} .tabArtTechnisch li ul {border:1px solid #CCC;clear:both;display:table;width:100%;border-collapse:collapse;border-top-style:none;} .tabArtTechnisch li ul li {float:left;width:40%;display:table-cell;text-align:left;padding:8px 20px 0px 20px;border:none;} .tabArtTechnisch li ul li p {margin:0px 0 8px 0} .articonMarkenqualitaet {background:-270px -38px} .articonFarbe {background:-90px -85px} .articonLieferumfang {background:-315px -38px} .articonBHT {background:-0px -38px} .articonFassung {background:-90px -37px} .articonDrehbar {background:-180px -85px} .articonRollen {background:-225px -38px} .articonSonst {background:-180px -38px} .tabArtIconG {list-style:none;margin:0;padding:0;} .tabArtIconG ul {list-style:none;margin:0;padding:0;} .tabArtIconG li {float:left;width:200px;padding:5px 30px 5px 0;} .tabArtIconG li .wrap {display:table;} .tabArtIconG li .wrap .articon {display: table-cell;vertical-align: top;} .tabArtIconG li .wrap .articon .img {width:30px;height:30px;} .tabArtIconG li .wrap .text {display: table-cell;vertical-align: middle;padding-left:15px;} .tabArtIconG li .wrap .text li {padding:0; width:150px;padding-bottom:5px;height:auto;} .articonMarkenqualitaetG {background:-120px -780px} .articonFarbeG {background:-240px -780px} .articonLieferumfangG {background:-150px -780px} .articonBHTG {background:-0px -780px} .articonFassungG {background:-30px -780px} .articonDrehbarG {background:-300px -780px} .articonRollenG {background:-90px -780px} .articonInkjetG {background:-180px -780px;} .articonDruckbereichG {background:-270px -780px;} .articonTuerenG {background:-60px -780px;} .articonDatenmengeG {background:-330px -780px;} .articonGeschwindigkeitG {background:-210px -780px;} div.artikel ul.weitInfos li {height:auto;} .artikel .Blockoben {display:flex;} .artikel .Blockoben .blockleft {position:relative;flex:1 0 0%} .artikel .Blockoben .Rechts {width:250px;width:15.625rem;margin:0} .artikel .Blockoben .BG2 {position:relative;height:310px;height:19.375rem;text-align:center;border:none;border-right:1px solid #E1E1E2;padding-right:25px;line-height:310px;line-height:19.375rem;margin-right:25px;max-width:100%;} .artikel .Blockoben .PRechts {width:12.5rem;margin-left:7px} .artikel .Bildgross img {max-width:90%;max-height:auto !important;} .artikel .listezu {margin-top:20px;} .artikel .listeauf {margin-top:20px;} .artikel .artikeltitelBox {margin-bottom:20px;} .ArtSeite .box4 {float:none !important;margin:auto !important;/* max-width:779px;max-width:48.6875rem;*/width:auto;border:0} .ArtSeite .Farben {float:none !important;} .ArtikelBewertung {line-height:1.5rem !important} .ArtSeite .box4 {border:0;} .artikel .marketing {line-height:1.5rem} .artikel .grafik .B {max-width:100%;} .artikel .grafik .B img {max-width:100%;height:auto;} .artikel .grafik .bgrafik {width:500px;width:31.25rem;max-width:100%;float:left;} .artikel .grafik .tgrafik {float:left;} .artikel .grafik .tgrafik a {display:block;padding:10px;padding-left:15px} .artikel .aufbaubild {max-width:100%;} .artikel .aufbau img {max-width:100%;} .artikel .tabinhalt .padBox {padding-top:30px !important;} .ArtSeite .artinfo .cdFarben li {width:80px;height:100px} .ArtSeite .artinfo .cdFarben a {text-decoration:none;color:#333;font-size:0.75rem} .ArtSeite .artinfo .cdFarben img {padding:5px} .ArtSeite .artinfo .cdFarben li.akthervor {border:0;color:red} .ArtSeite .artinfo .cdFarben li.akthervor img {border:1px solid #AAA;} .ArtSeite .cdFarben .Klein {margin-bottom:20px} .ArtSeite .tabRechts button {width:100%;padding:0;} .ArtSeite .PreisMob {display:none;} .slider_artikel {display:none;} .slider_artikel .imgdiv {line-height:200px;vertical-align:middle;text-align:center;} .slider_artikel img {max-width:100%;max-height:300px !important;margin:auto;} .slider_artikel .slides {cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width:100%;height: 300px;} .slider_artikel .sli_artikel {position:relative;min-width:100%;width:100% !important;height: 300px;margin:auto;} .slider_artikel .jssorb14 {position: absolute; bottom: 16px; right: 6px;} .slider_artikel .jssorb14 .proto {POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;} .slider_artikel .jssorb14 .protoav {POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;} .slider_artikel .jssora14l {position: absolute; width: 30px; height: 50px; top: 123px; left: 0px;} .slider_artikel .jssora14r {position: absolute; width: 30px; height: 50px; top: 123px; right: 0px} @media all and (/*max-width:1050px;*/max-width:65.625rem){ .artikel .tabinhalt .padBox {padding:0 !important;border:0;padding-top:30px;} } @media all and (/*max-width:800px;*/min-width:50rem){ .artikel .Blockoben #Bild {display:block !important;} } @media all and (/*max-width:800px;*/max-width:50rem){ .slider_artikel {display:block;} .ArtSeite #video {display:none;} .ArtSeite .Farben {float:none !important;border:0 !important;width:auto !important} .artikel .Blockoben #Bild {display:none;} .artikel .galerie img {max-width:100% !important;} .accauf label {background-color: #E1E1E2;} .acczu label {background-color: #E1E1E2;} .ArtSeite .Blockoben .Rechts {overflow:hidden;} .ArtSeite .Blockoben {display:block;} .artikel .Blockoben .PRechts {margin-bottom:40px;width:100%;margin-left:0} .ArtSeite .artPreis input {height:34px;width:50% !important;max-width:200px;} .ArtSeite .artPreis .input {clear:both;margin-bottom:10px;float:left;width:40%;margin-bottom:0} .ArtSeite .artPreis .input div {font-size:1.2rem !important;} .ArtSeite .artPreis .padBox {padding-left:0 !important;padding-right:0 !important;overflow:hidden;} .ArtSeite .artPreis .text5 {text-align:left !important;} .ArtSeite .artPreis .zusatz23 {text-align:left !important;} .ArtSeite .artPreis .lieferzeit {padding:0;} .ArtSeite .artPreis .lieferzeit li {text-align:left !important;} .ArtSeite .PRechts .boxBdr {border:0;} .ArtSeite .artPreis .preis {overflow:hidden;} .ArtSeite .artPreis .preis .text5 {float:left;} .ArtSeite .artPreis .preis .zusatz23 {float:left;margin-top:23px !important;margin-left:20px} .ArtSeite .artPreis button {float:right;width:50%;padding:0;margin-top:-50px} .artikel .zubehoer .P {width:100%;margin:0;border:0} .artikel .zubehoer .P .Text {height:unset;} .artikel .zubehoer .P .Text .Pr {position:relative;background-color:#EBEBEB;overflow:hidden} .artikel .zubehoer .P .Bild {height:unset;padding-top:40px;} .artikel .FarbenBilder li {float:none} .artikel .FarbenBilder li a {float:none !important} .artikel .weitInfos .druck {display:none;} .ArtSeite .tabArtIconG {margin: 10px 0 10px 0} .ArtSeite .tabArtIconG li {float:left;width:49%;padding-right:1%;} .tabArtTechnisch {border:0;} .tabArtTechnisch li.c2 {background-color:transparent;} .tabArtTechnisch li ul {border:0} .tabArtTechnisch li ul li {width:100%;padding:8px 0 0 0} .tabArtTechnisch li ul li p {margin-left:30px} .BtnImgMerkerArt {display:none;} .ArtSeite .maxGalerie {display:none} } @media all and (/*max-width:600px;*/max-width:37.5rem){ .artikel .Blockoben {flex-direction:column} } @media all and (/*max-width:550px;*/max-width:34.375rem){ .ArtSeite .PreisMob .input {clear:both;margin-bottom:10px;float:none;width:auto} .ArtSeite .PreisMob button {float:none;margin-top:0px;width:100%} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .ArtSeite .Rechts {padding:15px;} .ArtSeite .pageartikel .artPreis {border:0;} .ArtSeite .tabArtIconG {margin-left:15px;margin-right:15px;} .ArtSeite .artikel ul.weitInfos {margin-left:15px;margin-right:15px;} .ArtSeite .artinfo {margin-left:15px;margin-right:15px;} .ArtSeite .tabArtIconG li {float:none;width:100%;padding-right:0;} .ArtSeite .PreisMob .artPreis .padBox {padding-left:15px !important;padding-right:15px !important;} } /* Übersicht */ .tabParam {margin:0;} .tabParam .z1 .einschraenken {float:left;padding:15px 0 8px 15px;} .tabParam .z1 .einschraenken span {font-weight:bold;} .tabParam .z1 .alle {float:right;text-align:right;padding:15px 20px 8px 0px;} .tabParam .z1 .alle a {color:#333;text-decoration:underline;} .tabParam .z1 .alle span {color:#333;font-weight:bold;} .tabParam .z2 {padding:0;margin:0;padding-left:15px;list-style:none;padding-bottom:10px;} .tabParam .z2 li {display:inline;text-align:left;line-height:18px;padding-right:10px;} .tabParam .z2 li span {color:#333;font-weight:bold;white-space:nowrap;} .tabParam .z2 li a {color:#333;white-space:nowrap;} .tabParam .text {padding:10px 15px 5px 15px;font-size:0.75rem;text-align:justify;} .tabParam .utext {padding:10px 10px 10px 21px;font-size:0.7rem;} .tabParam .RahmenP {padding-top:1px;padding-bottom:3px;padding-left:0px;padding-right:0;padding-bottom:8px;padding-top:8px;} .tabParam .RahmenP .ul {padding:0;margin:0;} .tabParam .RahmenP .li {float:left;padding-right:10px;} .tabUebTab {overflow:hidden;} .tabUebTab .box4 {margin-right:0;} .tabUebTab .tabUebTabelle {display: flex;flex-wrap: wrap;justify-content: space-between;} #tabueb {float:none;width:auto} .tabUebTab .tdObenNeu .p1 {display:none} .tabUebTab .tdObenNeu .p2 {position:absolute;bottom:10px;} .tabUebTab .tdObenNeu .D img {display:none} .tabUebTab .tdObenNeu .D {float: right;margin-right:20px;margin-top: 20px;text-decoration: underline;} .tabUebTab .tdObenNeu {flex-basis:32%;position:relative;padding-bottom: 2.5rem;} .tabUebTab .tdObenNeu.gross {flex-basis:48%;} .tabUebTab .tdObenNeu.sgross {flex-basis:100%;} .tabUebTab .tdObenNeu .text4 {font-size:1.2rem;font-weight:bold;color:#333333;float:left;margin-top:20px;margin-left:4px;} .tabUebTab .tdTrenner {width:10px} .tabUebTab .tdObenNeu .artName {padding:10px 5px 0 5px;min-height: 2.7rem;line-height: 1.2rem;position:relative} .tabUebTab .tdObenNeu a {text-decoration:none;} .tabUebTab .tdObenNeu .bildUebersicht {padding-top:10px;padding-bottom:10px;background-color:#FFFFFF;text-align:center;} .tabUebTab .tdObenNeu .bildUebersicht img {max-width:100%;vertical-align: middle;margin:auto} .tabUebTab .tdObenNeu .divFarben {background-color:#FFFFFF;text-align:center;} .tabUebTab .tdObenNeu .bemerk {list-style:none;padding:10px 5px 0 5px;margin:0;text-align:left;background-color:#F6F6F6;vertical-align:top;} .tabUebTab .tdObenNeu .bemerk li {padding-bottom:6px;} .tabUebTab .tdObenNeu .bemerk li span {color:#333333;vertical-align:top;} .tabUebTab .tdObenNeu .ausf {padding:0 5px 0 5px;background-color:#F6F6F6;} .tabUebTab .tdObenNeu .ausft {line-height:1rem} .tabUebFuss {text-align:center;padding-top:30px;} .tabUebFuss span {color:#888888;font-size:0.7rem;} .tabUebKWtext {background-color:white;margin:7px;padding:0;color:#666;text-align:justify;line-height: 24px;line-height: 1.7rem;font-size:1.05rem;margin-top:4rem;margin-bottom:4rem} .tabUebKWtext h1 {TEXT-TRANSFORM: uppercase;font-size:1.2rem} .tabUebKWtext h2 {TEXT-TRANSFORM: uppercase;font-size:1rem;padding-top:20px;} .tabUebParam {padding-left:15px;border-bottom:1px solid #E1E1E2;} .tabparamSpezial {display:none} /* Tabelleparam */ div#RahmenP {width: 100%;padding: 0px;border-style:none; background-color: #FFFFFF;} * html div#RahmenP { /* Korrektur fuer IE 5.x */ width: 100%;w\idth: 100%;} div#RahmenP div {clear: left;} @media all and (/*max-width:1024px;*/max-width:64rem){ .tabUebTab .tdObenNeu {flex-basis:48%} } @media all and (/*max-width:800px;*/max-width:50rem){ .tabUebTab .tdObenNeu .artName img {display:none;} .tabUebTab .tdObenNeu .ausf {max-height:90px;max-height:5.625rem;overflow:auto;} .tabUebTab .tdObenNeu .picto {display:none;} .tabUebTab .tdObenNeu .ausft {max-height:90px;max-height:5.625rem;overflow:auto;} .tabUebTab .tdObenNeu .artName {font-size:1rem;height:50px;height:3.125rem;} .tabUebTab .tdObenNeu .artName b {font-size:1.2rem;} .tabUebTab .tdObenNeu {flex-basis:48%;background-color:transparent !important;margin:0 !important;border-top:1px solid gray !important;padding:20px 0 20px 0} .tabUebTab .tdObenNeu .p1 {display:block;overflow:hidden} .tabUebTab .tdObenNeu .p2 {display:none;} .tabUebTab .tdObenNeu .p1 img {display:none;} .tabUebTab .tdObenNeu .text4 {font-size:1rem;} .tabUebTab .tdObenNeu .D {display:none} #tabueb {border:0;margin:0} #tabueb .padBox {margin:0 !important;padding:0 !important} #tabueb .titelBox {display:none} .tabUebParam {border:0;padding:0} .tabparamSpezial {display:block;} .tabparamSpezial .ul {display:flex;flex-wrap:wrap} .tabparamSpezial .ul a {color:#333;padding: 15px;border: 2px solid #777;margin: 5px;} .tabParam .RahmenP {display:none;} .tabParam .alle a {display: block;border: 2px solid;width: 150px;width:9.375rem;margin: auto;padding: 10px;text-decoration: none;} .tabUebTab .tdObenNeu .bildUebersicht {border:0 !important;} } @media all and (/*max-width:700px;*/max-width:43.75rem){ .tabUebTab .tdObenNeu {flex-basis:98% !important} .tabUebTab .tdObenNeu .artName {height:auto;} .tabUebTab .tdObenNeu .ausft {height:auto;font-size:unset;} .tabUebParam {padding-left:15px;} } /* Tabellegross */ div.tabseitenzahl {background-color:white;height:60px;height:3.75rem;border-bottom:1px solid #E1E1E2} ul.seitenzahl {margin:0;list-style:none;float:right;height:26px;line-height:26px;padding:17px;padding-right:15px;} ul.seitenzahl li {vertical-align:middle;margin:0;padding:0 2px 0 2px;float:left;} ul.seitenzahl a {padding-left:1px;padding-right:1px;text-decoration:none;font-weight:normal;color:#888888;float:left;} ul.seitenzahl a:hover {color:#0000FF;font-weight:bold;text-decoration:underline;} ul.seitenzahl span {font-weight:bold;color:#000000;} ul.seitenzahl .seiten {padding-right:15px;} ul.seitenzahl .seiten span {font-weight:normal;} ul.seitenzahl .links {padding-right:6px;} ul.seitenzahl .rechts {padding-left:6px;padding-right:5px;} ul.seitenzahl .krakt {width:26px;height:26px;line-height:26px;vertical-align:middle;color:white;text-align:center;background:no-repeat -55px -1px;} ul.seitenzahl .kr {width:26px;height:26px;line-height:26px;vertical-align:middle;text-align:center;background:no-repeat -76px -146px;} td.hpzBilder {width:200px;vertical-align:top;text-align:left;} td.hpzBilderOA {width:250px;text-align:left;} .hpz .hpzBilder {float: left;position: relative;margin-right: 5px;width: 180px;width: 33%;text-align: center;} div.hpzBild {position:relative;width:200px;text-align:left;vertical-align:top;} div.hpzBild .Bild {text-align:center;} div.hpzBildOA {position:relative;width:250px;text-align:left;vertical-align:top;} div.hpzBildOA img {max-width:250px;} div.hpzBild .imgZubehoer {margin:-68px 0 0 10px;} td.hpzArtikel {vertical-align:top;} td.hpzArtikelOA {vertical-align:top;padding-left:20px;} .hpzArtikelUA {min-height:100px} .hpzArtikelUA .text {float:left;} .hpzArtikelUA img {float:right;} .hpzArtikelUA .text {display:block;padding-bottom:2px;font-weight:bold;font-size:0.8rem;} .hpzArtikelUA .untertitel span {display:block;padding-bottom:2px;font-weight:bold;font-size:0.875rem;;color:#333333;} /* auch Warenkorbpreiszeile */ .hpzArtikel h2 {padding:0;margin:0;clear:both;padding-bottom:30px;font-weight:normal;font-size:1.1rem;float:left;} .hpzArtikel .loeschen {float:right;margin-left:-30px;} .hpzArtikel .artikel {text-decoration:none;} .hpzArtikel .tabBem .text {color:#333333} .hpzBem {padding-top:20px;} .hpzneu .lieferzeit {position:relative;padding:0;list-style: none;padding-left:21px;margin: 3px 0 5px 10px;color:green; } .hpzneu .lieferzeit:before{ content:""; position: absolute;left:0px;width:10px;height:11px;background:no-repeat -108px -30px; display:inline-block; } .hpzneu .artnr {position:relative;padding:0;list-style: none;padding-left:21px;margin: 3px 0 5px 10px } .hpzneu .artnr:before{ content:""; position: absolute;left:0px;width:11px;height:11px;background:no-repeat -57px -30px; display:inline-block; } .hpzneu .gewicht {position:relative;padding:0;list-style: none; padding-left:21px;margin: 3px 0 5px 10px;} .hpzneu .gewicht:before{ content:""; position: absolute;left:0px;width:11px;height:10px;background:no-repeat -1px -30px; display:inline-block; } .hpz .hpzPreis {min-width:170px;min-width:10.625rem;max-width:200px;max-width:12.5rem;padding:15px;background-color:#F4f4f4;border:0;margin:0;float:right;width:auto} .hpz .hpzPreis .preise {width:unset;margin-right:20px;} .hpz .hpzPreis .preise .rechts {width:unset;} .hpz .hpzPreis .preis {float:none;padding:0 0 8px;} .hpz .hpzPreis .preis .zusatz0 {text-align:right;padding-bottom:5px;padding-top:10px;font-size:0.7rem;color:#333333;} .hpz .hpzPreis .preis .zusatz23 {text-align:right;font-size:0.7rem;color:#333333;} .hpz .hpzPreis .preis .text2 {font-size:1.35rem;font-weight:bold;} .hpz .hpzPreis .preis .text3 {font-size:1.35rem;font-weight:bold;} .hpz .hpzPreis .preis .text4 {font-size:0.9rem;font-weight:bold;color:#333333;} .hpz .hpzPreis .staffel {float:right;padding:7px 0 8px;} .hpz .hpzPreis .input {float:right;padding:7px 0 8px;} .hpz .hpzPreis .btn {float:right;padding:7px 0 8px;} .hpz .PreisMob {display:none;} .hpzArtikelcontent {float:left;width:330px;width:20.625rem;} .hpz .hpzArtikelcontent {min-width:170px;min-width:10.625rem;max-width:220px;max-width:13.75rem;padding:15px;} .hpz .hpzArtikel {float:right;width:64%} .hpz .hpzArtikel .suchwort {padding-top:10px;padding-bottom:10px;font-size:0.75rem;color:#888} .hpz .hpzArtikel .logoklein {float:right;margin-right:40px} .hpz .hpzArtikel .kopf {padding-left:15px;margin-bottom:20px} a.btnDetails {color:#333;background-color:#FFF;border:1px solid #AAA;display:block;width:100px;width:6.25rem;height:30px;height:1.875rem;vertical-align:middle;text-align:center;text-decoration:none;line-height:30px;line-height:1.875rem;margin:10px;} .suchAbfrage {padding-top:0;padding-bottom:0px;} .suchAbfrage .body {padding:0;height:35px;vertical-align:middle;clear:both;} .suchAbfrage .body .col1 {float:left;padding-left:15px;color:#FFFFFF;padding-top:18px;display:none;} .suchAbfrage .body .col2 {float:left;padding-left:20px;padding-top:15px;display:none;} .suchAbfrage .body .col3 {float:left;padding-left:0px;padding-top:15px;display:none;} .suchAbfrage .body .col4 {float:left;padding-left:15px;} .suchAbfrage .body .col4 select {border:1px solid #E1E1E2;height:30px;} @media all and (/*max-width:950px;*/max-width:59.375rem){ .hpz .hpzBilder img {max-width: 100% !important} .hpz .hpzBilder .hpzBild {width: 100% !important} } @media all and (/*max-width:800px;*/max-width:50rem){ .hpz .hpzArtikel .hpzArtikelcontent {width:100%;max-width:unset;padding:0} .hpz .hpzArtikel .hpzPreis {width:100%;max-width:unset;display:none;} .hpz .hpzArtikel .btnDetails {display:none;} .hpz .hpzArtikel .hpzArtikelcontent .gewicht {display:none;} .hpz .hpzArtikel .hpzArtikelcontent .lieferzeit {display:none;} .hpz .hpzArtikel .hpzArtikelcontent .artnr {display:none;} ul.hpzListe {padding-left:0;padding-right:0;} .hpzListe li {float:left;width:50%;} .hpz .hpzBilder {float:none;width:auto;max-width:100%} .hpzBild .Bild {min-height:200px} .hpz .hpzArtikel {float:none;width:auto;max-width:100%;height:170px;overflow:auto;} .hpz .hpzArtikel h2 {padding-bottom:10px;font-size:0.9rem;font-weight:bold;float:none;padding-top:10px;} .hpz {padding:0 20px 20px 0; height:400px;} .hpzListe .hpzArtikelcontent li {float:none;width:100%;} .hpzListe .hpzArtikelcontent .pfeil li::before {display:none} .hpzListe .hpzArtikelcontent .pfeil li {padding:0;line-height:1rem} .hpzBem {padding-top:10px;font-size:0.8rem} .hpz .PreisMob {display:block;font-size:1.1rem;margin-top:10px;text-align:right} .hpz .PreisMob img {display:none;} .hpz .PreisMob .D {display:none;} div.tabseitenzahl {display:none;} .suchAbfrage .box4 {border:0;margin:0;} .suchAbfrage .titelBox {background-color:#777;color:white;text-transform:uppercase;padding:5px 0px 5px 8px} .suchAbfrage .padBox {padding-left:0px !important;padding-right:0px !important} } @media all and (/*max-width:550px;*/max-width:34.375rem){ .hpzListe li {float:left;width:100%;} .hpz {padding:0 0px 10px 0; height:auto} .hpz .hpzArtikel {max-height:110px;max-height:6.875rem;height:auto;} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .hpz {padding:0 15px 20px 15px;} } /* tabelleklein */ .tabKlein .bem {margin-bottom:15px;} .tabKlein {margin-top:20px;} .tabKlein ul {list-style:none;margin:0;padding:0;display:table;width:100%} .tabKlein ul li {padding:5px;display:table-row} .tabKlein ul li.header {background-color:#E1E1E2;padding-bottom:10px;} .tabKlein ul li div {text-align:left;display:table-cell;vertical-align:middle} .tabKlein ul li .preis {text-align:right;font-weight:bold;} .tabKlein ul .neu {color:red;font-weight:bold;} .tabKlein ul .highlight {color:#F8BD19;font-weight:bold;} .tabKlein ul .nlieferbar {color:#0069AF;font-weight:bold;} .tabKlein ul .aktion {color:red;;font-weight:bold;} .tabKlein ul li .headerRechts {float:left;width:420px;background-color:#CCCCCC;padding:1px;} .tabKlein ul li .links {float:left;width:70px;text-align:left;padding-top:10px;} .tabKlein ul li .rechts {float:left;width:400px;padding-top:10px;} .tabKlein ul li .rechts .col1 {float:left;width:300px;} .tabKlein ul li .rechts .col2 {float:right;padding-left:10px;padding-right:10px;} /* spezialseiten */ .transportdetails ul {list-style:none;padding:0;margin:20px 0 20px 0} .transportdetails ul li {padding-top:5px;padding-bottom:5px;border-bottom:1px solid #888888;} .transportdetails ul li a {font-weight:bold;color:#333333} .transportdetails ul li .col1 {float:left;width:50%;padding-bottom:3px;color:#333333} .transportdetails ul li .col2 {float:right;width:50%;text-align:right;padding-bottom:3px;} /* adf - tkontakt */ @media all and (/*max-width:550px;*/max-width:34.375rem){ .seiteKontakt .BtnImg {width:100%;} .seiteKontakt .BtnImgcaption {float:none;} } /* weitere */ /* modalwin *****************************************************************************************************************/ #mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;} #boxes .window {position:fixed;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;} #boxes #dialog {width:375px;height:203px;padding:10px;background-color:#ffffff;} #boxes #dialog1 {width:375px;height:203px;} /* lupe *********************************************************************************************************************/ .luped { position:relative;overflow:hidden;} .lupel { display:none;overflow:hidden;width:0px;height:0px;left:0px;top:0px;} #lupedg { background-color:#FFFFFF;border-left-color:#888888;border-top-color:#888888;border-right-color:#DDDDDD;border-bottom-color:#DDDDDD;border-style:solid;border-width:1px;overflow:hidden;position:absolute;left:0px;width:300px;height:400px;top:0px;display:none;z-index:2; } img.lupebl {position:absolute;left:0px;top:0px;width:0px;height:0px; opacity:0.6; filter:alpha(opacity=60);} img.lupebg {position:absolute;left:0px;top:0px;z-index:2;} /* lightbox *nur artikel ****************************************************************************************************************/ #lightbox2Overlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none;} #lightbox2 { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-weight: normal;} #lightbox2 img { width: auto; height: auto;} #lightbox2 a img { border: none;} .lb2-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; min-height: 500px; vertical-align: middle} .lb2-outerContainer:after { content: ""; display: table; clear: both;} .lb2-container { padding: 10px;} .lb2-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb2-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2;} .lb2-container > .nav { left: 0;} .lb2-nav a { outline: none;} .lb2-prevk, .lb2-nextk { display:block; color:#DDDDDD; font-size:1.67rem; font-weight:bold; margin-top:-15px; margin-bottom:-10px; float:right; line-height:2em; vertical-align:middle; padding-left:10px; padding-right:10px; cursor: pointer;} .lb2-closek { display:block; float:right; line-height:2em; vertical-align:middle; padding-left:20px; padding-right:10px; cursor: pointer;} .lb2-prev, .lb2-next, .lb2-prev2, .lb2-next2 { width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); /* Trick IE into showing hover */ display: block; } .lb2-prev,.lb2-prev2 { left: 0; float: left;} .lb2-prev2 { position:absolute; top:30px; z-index:2; width:50px; background: url(../images/prev.png) left 48% no-repeat; cursor:pointer; display:none;} .lb2-next,.lb2-next2 { right: 0; float: right;} .lb2-next2 { position:absolute; top:30px; z-index:2; width:50px; background: url(../images/next.png) left 48% no-repeat; cursor:pointer; display:none;} .lb2-prev:hover { background: url(../images/prev.png) left 48% no-repeat;} .lb2-prev2:hover { background: url(../images/prev.png) left 48% no-repeat;} .lb2-next:hover { background: url(../images/next.png) right 48% no-repeat;} .lb2-next2:hover { background: url(../images/next.png) right 48% no-repeat;} .lb2-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .lb2-dataContainer:after { content: ""; display: table; clear: both;} .lb2-data { padding: 0 10px;color: #bbbbbb;} .lb2-data .lb2-details { width: 75%; float: left; text-align: left; line-height: 1.1em;} .lb2-data .lb2-caption { font-size: 13px; font-weight: bold; line-height: 1em;} .lb2-data .lb2-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px;} .lb2-data .lb2-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none;} .lb2-data .lb2-close:hover { cursor: pointer;} /* star-rating *******************************************************************************************************************/ .star-rating-m {width: 100px;height: 20px;position: relative;} .star-rating-m .radio-wrap {width: 100%;height: 100%;} .star-rating-m input[type=radio] {display: inline-block;position: relative;z-index: 2;margin: 0;width: 16.8%;height: 100%;opacity: 0;} .star-rating-m .filled {width: 0;height: 100%;background-image: url("../../rating/img/star-m.png");background-position: 0 -20px; background-repeat: repeat-x;position: absolute;top: 0;left: 0;z-index: 1;} .star-rating-m input[value="5"]:checked + .filled {width: 100%;} .star-rating-m input[value="4"]:checked + .filled {width: 80%;} .star-rating-m input[value="3"]:checked + .filled {width: 60%;} .star-rating-m input[value="2"]:checked + .filled {width: 40%;} .star-rating-m input[value="1"]:checked + .filled {width: 20%;} .star-rating-m input[value="5"]:hover + .filled {width: 100%;background-position: 0 -40px;} .star-rating-m input[value="4"]:hover + .filled {width: 80%;background-position: 0 -40px;} .star-rating-m input[value="3"]:hover + .filled {width: 60%;background-position: 0 -40px;} .star-rating-m input[value="2"]:hover + .filled {width: 40%;background-position: 0 -40px;} .star-rating-m input[value="1"]:hover + .filled {width: 20%;background-position: 0 -40px;} .star-rating-m .empty {width: 100%;height: 100%;background-image: url("../../rating/img/star-m.png");background-position: 0 0; background-repeat: repeat-x;position: absolute;top: 0;left: 0;z-index: 0;} .star-rating-m .cover {width: 100%;height: 100%;background-image: url("../../rating/img/star-cover-m.png");background-position: 0 0; background-repeat: repeat-x;position: absolute;top: 0;left: 0;z-index: -1;} .star-rating-s {width: 75px;height: 15px;position: relative;} .star-rating-s .radio-wrap {width: 100%;height: 100%;} .star-rating-s input[type=radio] {display: inline-block;position: relative;z-index: 2;margin: 0;width: 16.8%;height: 100%;opacity: 0;} .star-rating-s .filled {width: 0;height: 100%;background-image: url("../../rating/img/star-s.png");background-position: 0 -15px; background-repeat: repeat-x;position: absolute;top: 0;left: 0;z-index: 1;} .star-rating-s input[value="5"]:checked + .filled {width: 100%;} .star-rating-s input[value="4"]:checked + .filled {width: 80%;} .star-rating-s input[value="3"]:checked + .filled {width: 60%;} .star-rating-s input[value="2"]:checked + .filled {width: 40%;} .star-rating-s input[value="1"]:checked + .filled {width: 20%;} .star-rating-s input[value="5"]:hover + .filled {width: 100%;background-position: 0 -30px;} .star-rating-s input[value="4"]:hover + .filled {width: 80%;background-position: 0 -30px;} .star-rating-s input[value="3"]:hover + .filled {width: 60%;background-position: 0 -30px;} .star-rating-s input[value="2"]:hover + .filled {width: 40%;background-position: 0 -30px;} .star-rating-s input[value="1"]:hover + .filled {width: 20%;background-position: 0 -30px;} .star-rating-s .empty {width: 100%;height: 100%;background-image: url("../../rating/img/star-s.png");background-position: 0 0; background-repeat: repeat-x;position: absolute;top: 0;left: 0;z-index: 0;} .star-rating-s .cover {width: 100%;height: 100%;background-image: url("../../rating/img/star-cover-s.png");background-position: 0 0; background-repeat: repeat-x;position: absolute;top: 0;left: 0;z-index: -1;} .star-rating-s .radio-wrap input[type=radio] {width: 15.5%;} /* Warenkorb */ .wk .btns {margin: 30px 0 30px 0;} .wk .btns .btnL {float:left;text-align:left;} .wk .btns .btnR {float:right;text-align:right;} .wkPZListe {list-style:none;margin:0;padding:0;background-color:white;} .wkPZListe .titelBox {position:relative;} .wkpz {position:relative;padding:0;padding:15px 0px 0px 0px;vertical-align:top;border-top:1px solid #E1E1E2;margin-bottom:15px;min-height:160px;} .wkpz .hpzBilder {float:left;position:relative;margin-right:5px;/*width:180px;*/ width:33%;text-align:center;} .wkpz .hpzArtikel {float:right;width:64%;} .wkpz .hpzArtikel h2 {padding:0;margin:0 30px 0 0;clear:both;padding-bottom:5px;font-weight:normal;font-size:0.9rem;color:#333333;/* width:335px; */ float:left;} .wkpz .hpzArtikel h2 a {text-decoration:none;} .wkpz .hpzArtikel .loeschen {float:right;margin-left:-30px;} .wkpz .hpzArtikelcontent {float:left;width:45%;min-width:170px;min-width:10.625rem;max-width:220px;max-width:13.75rem;padding:15px;} .wkpz .hpzArtikel .kopf {padding-left:15px;margin-bottom:20px} .wkpz .hpzArtikel .logoklein {float:right;margin-right:40px} .wkpz .lieferzeit {position:relative;margin:15px 0 0 0;padding:0;list-style: none;padding-left:21px;} .wkpz .lieferzeit li {color:green;margin-left:10px;} .wkpz .lieferzeit span {position: absolute;left:0px;margin-right:20px;width:19px;height:19px;background:no-repeat -108px -51px} .wkpz .artnummer {position:relative;margin:15px 0 10px 0;padding:0;list-style: none;padding-left:21px;} .wkpz .artnummer li {margin: 0 0 3px 10px} .wkpz .artnummer span {position: absolute;left:0px;margin-right:20px;width:22px;height:22px;background:no-repeat -52px -48px} .wkpz .hpzPreis {background-color:#F4f4f4;margin:0;padding:15px;float:left;border:0;vertical-align:top;min-width:170px;min-width:10.625rem;max-width:200px;max-width:12.5rem;} .wkpz .hpzPreis .menge {float:none;text-align:left;height:30px;height:1.875rem;line-height:30px;line-height:1.875rem;vertical-align:middle;} .wkpz .hpzPreis .menge .links {float:left;height:30px;height:1.875rem;line-height:30px;line-height:1.875rem;vertical-align:middle;min-width:60px;} .wkpz .hpzPreis .menge .rechts {float:right;height:30px;height:1.875rem;line-height:30px;line-height:1.875rem;vertical-align:middle;width:95px;width:5.9375rem;text-align:right;} .wkpz .hpzPreis .menge .rechts input[type="number"] {width:60px;width:3.75rem;float:left;font-size:0.9rem;text-align:center} .wkpz .hpzPreis .preise {margin:0;padding:0;list-style: none;width:unset;margin-right:20px;} .wkpz .hpzPreis .preise .links {float:left;min-width:80px;min-width:5rem;margin-top:10px;} .wkpz .hpzPreis .preise .rechts {float:right;width:unset;text-align:right;margin-top:10px;} .wkpz .hpzPreis .preis .zusatz23 {border:0;} .aendernimg {width:19px;height:19px;display:block;float:right;margin-right:5px;background:-129px -85px;} .aendernwkimg {width:14px;height:15px;display:block;background:-24px 0;} .aendernwkimg img {width:14px;height:15px;} .loeschenimg {width:19px;height:19px;display:block;background:-47px -1px;} .loeschenimg img {width:19px;height:19px;} .hinzuimg {width:18px;height:18px;display:block;background:-76px -1px;} .hinzuimg img {width:18px;height:18px;} .wk {overflow:hidden;} .wk .ppbtn {position:absolute;left:0;top:55px;} .wk .seite1 .wkleft {margin-right:381px;margin-right:23.8125rem;position:relative;min-height:700px;min-height:43.75rem} .wk .seite1 .wkleft .wkzf {position:absolute;top:0;width:381px;width:23.8125rem;right:-381px;right:-23.8125rem;margin:0} .wk .seite1 .wkleft .box3 {float:none;overflow:hidden;width:auto;margin-left:0} .wk .seite1 .wkleft .zf2014 {margin:0 !important;} .wk .seite1 .btns .btnR {display:none;} div.wk .wkzfsep li .links {width:unset;} div.wk .wkzfsep li .rechts {width:unset;} div.wk .zf2014 .gutschein .schalteri .ui-icon {display:none} .gutschein .acczu label {padding:0;background-color:transparent;width:20px;border:0 !important;} .gutschein .acczu label::after {display:none} .wkPZListe .btns {display:none} .wk .ohnek {float:right;width:48%} .wk .ohnek .boxneu {border: 1px solid #AAA;margin: 7px 0px 8px 0px;height:235px !important;height:14.6875rem !important} .wk .ohnek .btn1 {float:none !important;width:unset !important;margin-top:50px;} .wk .ohnek .btn2 {float:none !important;width:unset !important;margin-top:20px;} .wk .mitk {float:left;;width:50%} .wk .mitk .boxHLinks {width:100%;margin-left:0;margin-right:0;padding:15px;box-sizing: border-box} .wk .mitk .boxHLinks .padBox {padding:0 !important} .wk .mitk .btns {margin:0;float:right;margin-top:-40px;margin-right:-20px;} .wk .mitk .btnL {display:none} .wk .seite0 .btnL {float:none;} .wk .seite0 .btnR {float:none;margin-bottom:10px} .wk .seite1 .btnL a {padding-left:20px !important;padding-right:20px} .wk .seite1 .btnR a {padding-right:20px} .wk .seite1b {padding-top:15px !important;} .wk .seite1b .listeauf h2 {display:none} .wk .seite2 .auswahlZahlung .fieldset {width:100%} .wk .seite2 .zahlungsart li {width:100% !important;white-space:wrap !important} .wk .seite2 .zahlungsart .bem {line-height:1rem;} .wk .seite2 .zahlungsart .spacer {display:none !important;} .wk .seite2 .zahlungsart .acczu {width:100%;} .wk .seite3 .wkleft {margin-right:381px;margin-right:23.8125rem;position:relative;min-height:700px;min-height:43.75rem} .wk .seite3 .wkleft .wkzf {position:absolute;top:0;width:381px;width:23.8125rem;right:-381px;right:-23.8125rem;margin:0} .wk .seite3 .wkleft .box3 {float:none;overflow:hidden;width:auto;margin-left:0} .wk .seite3 .wkleft .zf2014 {margin:0 !important;} .wk .seite2 .wkleft {margin-right:381px;margin-right:23.8125rem;position:relative;min-height:550px} .wk .seite2 .wkleft .wkzf {position:absolute;top:0;width:381px;width:23.8125rem;right:-381px;right:-23.8125rem;margin:0} .wk .seite2 .wkleft .box3 {float:none;overflow:hidden;width:auto;margin-left:0} .wk .seite2 .wkleft .zf2014 {margin:0 !important;} .wk .seite3b .wkleft {margin-right:381px;margin-right:23.8125rem;position:relative;min-height:700px;min-height:43.75rem} .wk .seite3b .wkleft .wkzf {position:absolute;top:0;width:381px;width:23.8125rem;right:-381px;right:-23.8125rem;margin:0} .wk .seite3b .wkleft .box3 {float:none;overflow:hidden;width:auto;margin-left:0} .wk .seite3b .wkleft .zf2014 {margin:0 !important;} .wk .seite3b .bemGewicht {width:auto !important} .wk .seite4 .wkright {margin-left:200px;margin-left:12.5rem;position:relative;min-height:800px;min-height:50rem} .wk .seite4 .wkright .wkadressen {position:absolute;top:0;width:200px;width:12.5rem;left:-200px;left:-12.5rem;margin:0;margin-top:-6px} .wk .seite4 .wkright .box4 {float:none;overflow:hidden;width:auto;margin-right:0} .wk .seite4 .zf2014boxen {width:100%} .wk .seite4 .zf2014boxen textarea {width:95% !important} .wk .seite4 .wkPZListe img {max-width:100%;} .zahlungsart .acczu label {padding:0;background-color:transparent;width:20px;border:0 !important;} .zahlungsart .acczu label::after {display:none} .zahlungsart .acczu .panel {white-space:normal !important;line-height:1.2em;width:auto;margin-top:-50px} .wkfuss .links {height:auto;width:390px;width:24.375rem} .wkfuss .mitte {height:auto} .wkfuss .rechts {height:auto;float:right} .wkfuss .mitte ul li {width:auto !important;} .wk .adrAnzeige .rechtslisteauf {margin-top:40px;} @media all and (/*max-width:1100px;*/max-width:68.75rem){ .wkfuss .links {width:48% !important;padding-right:2% !important;border:0 !important} .wkfuss .mitte {width:50% !important;border:0 !important;float:right;padding:0 !important} .wkfuss .mitte ul {float:right !important;width:80% !important} .wkfuss .mitte .siegel {width:20%} .wkfuss .rechts {display:none} .wkfuss .inner {padding:0 !important} .wk .seite2 .zahlungsart .img2 {display:none !important;} .wk .seite2 .zahlungsart .spacer {display:none !important;} .wkpz .hpzPreis {width:100%;max-width:unset;} .wkpz .hpzArtikelcontent {width:100%;max-width:unset;} } @media all and (/*max-width:650px;*/max-width:40.625rem){ .wkfuss .links {display:none;} .wkfuss .mitte {float:none !important;width:300px !important;width:18.75rem !important;margin:auto;} .wkfuss {border:0;} .wkfuss .mitte .siegel {width:auto;float:none;text-align:center;} .wkfuss .mitte ul {float:none !important;width:100% !important} } @media all and (/*max-width:950px;*/max-width:59.375rem){ .hpz .hpzBilder img {max-width: 100% !important} .hpz .hpzBilder .hpzBild {width: 100% !important} } @media all and (/*max-width:800px;*/max-width:50rem){ .wk .seite0 {height:100%;overflow:scroll;} .wk .seite0 .box4 {width:100%;margin:0;border:0;float:none} .wk .seite0 .btnL {width: 45%} .wk .seite0 .btnL a {text-align:center;padding-left:0 !important;padding:0} .wk .seite0 .btnR {width: 45%} .wk .seite0 .btnR img {display:none} .wk .seite0 .btnR a {text-align:center;padding-left:0 !important;padding:0} .wk .seite0 .btnR .BtnImgcaption {float:unset} .wk .seite1 .wkleft {margin-right:0;min-height:0} .wk .seite1 .wkleft .wkzf {width:100%;position:relative;right:0} .wk .seite1 .wkleft .zf2014 {width:100%;border:0 !important} .wk .seite1 .wkleft .wkzfsep {background-color:#c1c1c1;} .wk .seite1 .wkleft .box3 {margin:15px 0 15px 0;border:0} .wk .seite1 .wkleft .box3 .padBox {padding-left:0 !important;padding-right:0 !important} .wk .seite1 .btnL {width: 100%} .wk .seite1 .btnL a {text-align:center;padding-left:0 !important;padding:0} .wk .seite1 .btnR {display:none} .wkPZListe .titelBox {border:0;padding:5px;TEXT-TRANSFORM: uppercase;} .wk .seite1 .wkleft .box3 .wkzfsep {min-height:unset;padding-left: 5px !important;padding-right: 5px !important;} .wkPZListe .btns {display:block} .wkleft .btns {display:block} .wk .seite1 .wkleft .btns {display:none} .wk .seite1 .wkleft .wkPZListe .btns {display:block} .wk .seite1 .zarten {display:none;} .wk .zf2014 .btns1 div {width:100% !important} .wk .zf2014 .btns1 .BtnImgcaption {float:none;} .wk .seite1b .listeauf h2 {display:block} .wk .ohnek {float:none;width:unset} .wk .ohnek .boxneu {border:0;margin:0;height:unset !important;padding:0 !important;margin-bottom:30px} .wk .ohnek .btn1 {float:left !important;width:40% !important;margin-top:0} .wk .ohnek .btn2 {float:right !important;width:40% !important;margin-top:0} .wk .ohnek .titelBox {display:none} .wk .mitk {float:none;;width:unset} .wk .mitk .boxHLinks {width:100%;margin-left:0;margin-right:0;border:0;padding:0} .wk .mitk .titelBox {display:none} .wk .adrcontent {width:97%} .wk .mitk .btnL {display:block;width:40%} .wk .mitk .btnL .BtnImg {padding:0 !important;} .wk .mitk .btnR {display:block;width:40%} .wk .mitk .btnR .adrbtn {width:100%;display:block} .wk .mitk .btnR .BtnImgcaption {float:none} .wk .mitk .btnR .adrbtn button {width:100%;} .wk .mitk .btnR .BtnImg {padding:0 !important;} .wk .mitk .btns {margin:0;float:none;margin-top:20px;margin-right:0px;} .wk .ohnek .BtnImgWKKtoHell {width:unset} .wk .ohnek .BtnImgWKKtoNormal {width:unset} .wkpz .hpzPreis {min-width:170px;max-width:200px;width:unset} .wkpz .hpzArtikelcontent {min-width:170px;max-width:200px;width:unset} .wkpz .hpzPreis .menge input {height:30px} .wk .seite3 .wkleft {margin-right:0;min-height:0} .wk .seite3 .wkleft .wkzf {width:100%;position:relative;right:0} .wk .seite3 .wkleft .zf2014 {width:100%;border:0 !important} .wk .seite3 .wkleft .wkzfsep {background-color:#c1c1c1;} .wk .seite3 .wkleft .box3 {margin:15px 0 15px 0;border:0} .wk .seite3 .wkleft .box3 .padBox {padding-left:0 !important;padding-right:0 !important} .wk .seite3 .zarten {display:none;} .wk .seite2 .wkleft {margin-right:0;min-height:0} .wk .seite2 .wkleft .wkzf {width:100%;position:relative;right:0} .wk .seite2 .wkleft .zf2014 {width:100%;border:0 !important} .wk .seite2 .wkleft .wkzfsep {background-color:#c1c1c1;} .wk .seite2 .wkleft .box3 {margin:15px 0 15px 0;border:0} .wk .seite2 .wkleft .box3 .padBox {padding-left:0 !important;padding-right:0 !important} .wk .seite3b .wkleft {margin-right:0;min-height:0} .wk .seite3b .wkleft .wkzf {width:100%;position:relative;right:0} .wk .seite3b .wkleft .zf2014 {width:100%;border:0 !important} .wk .seite3b .wkleft .wkzfsep {background-color:#c1c1c1;} .wk .seite3b .wkleft .box3 {margin:15px 0 15px 0;border:0} .wk .seite3b .wkleft .box3 .padBox {padding-left:0 !important;padding-right:0 !important} .wk .seite3b .bemGewicht {width:auto !important;} .wk .seite3b .overnight {display:none;} .wk .seite3b .versandartLinks img {padding-left:0 !important;} .wk .seite4 .wkright {margin-left:0;min-height:0} .wk .seite4 .wkright .wkadressen {width:100%;position:relative;left:0;margin-top:20px;} .wk .seite4 .wkright .box4 {width:100%;border:0;margin:0} .wk .seite4 .wkright .box4 .padBox {padding:0 !important} .wk .seite4 .titelBox {background-color:#777;color:white;text-transform:uppercase;padding-left:8px} .wk .seite4 .adrAnzeige li {border:0 !important;padding:0 !important;} .wk .seite4 .zf2014boxen li {border:0 !important;padding:0 !important;} .wk .seite4 .zf2014 {width:100%;border:0 !important;margin:0;} .wk .seite4 .zf2014 .links {width:unset;} .wk .seite4 .zf2014 .rechts {width:unset;} div.tabseitenzahl {display:none;} .wk .btns .btnL {width: 100%;margin-top:20px;} .wk .btns .btnR {width: 100%;} .wk .btns .btnR .BtnImg {width: 100%;padding-left:0 !important;padding-right:0;} .wk .btns .btnR .BtnImgcaption {float:none;} .wk .seite0 .btnL {width: 100%} .wk .seite0 .btnR {width: 100%;margin-top:20px;} .wk .seite1 .btnL {width: 100%} .wk .seite1 .btnR {width: 100%;margin-top:20px;} .wk .seite3 .wkzf {display:none;} } @media all and (/*max-width:700px;*/max-width:43.75rem){ .wkpz .hpzPreis {max-width:unset;width:90%} .wkpz .hpzArtikelcontent {max-width:unset;width:90%} } @media all and (/*max-width:450px;*/max-width:28.125rem){ div.wk .zf2014 {font-size:0.815rem;} div.wk .wkzfsep li .gesamt {font-size:1rem;} .wk .seite1b {padding-left:15px !important;padding-right:15px !important} .wk .seite2 .wkleft .box3 .padBox {padding-left:15px !important;padding-right:15px !important} .wk .seite3 .wkleft .box3 .padBox {padding-left:15px !important;padding-right:15px !important} .wk .seite3b .wkleft .box3 .padBox {padding-left:15px !important;padding-right:15px !important} .wk .ohnek .btn1 {width: 100% !important} .wk .ohnek .btn2 {width: 100% !important;margin-top:20px;} .wk .mitk .btnL {width: 100%} .wk .mitk .btnR {width: 100%;margin-top:20px;} .wk .seite4 .wkright .wkadressen {width:unset;float:none;padding-left:15px;padding-right:15px;} .wk .seite4 .zf {padding-left:15px !important;padding-right:15px !important;} .wk .seite3 .adrFiPr ul li {width:auto;padding-top:10px;} } @media all and (/*max-width:350px;*/max-width:21.875rem){ .wkpz .hpzBilder {float:none;width:100%;} .wkpz .hpzArtikel {float:none;width:100%;} .wkfuss .mitte li {float:none !important} } /* CDF */ .bgcol0 { background-color:#006AB0} .bgcol1 { background-color:#4295CE} .col0 { color:#006AB0} a {color:#006AB0;} .lb2-prev2 { background: url(../img/bildboxl.png) left 48% no-repeat; width:31px; } .lb2-prev2:hover {background: url(../img/bildboxl.png) left 48% no-repeat;} .lb2-next2 {background: url(../img/bildboxr.png) left 48% no-repeat;} .lb2-next2:hover {background: url(../img/bildboxr.png) left 48% no-repeat;} .BtnImg {background-color:#006AAE;} .BtnImg:hover {background-color:#005A9E;} .BtnImgStdHell {background-color:#0B8ABD;} .BtnImgKtoAktiviertHell {background-color:#0B8ABD;} .BtnImgWKKtoHell {background-color:#0B8ABD;} div.kto .seite0 .infoList li span {color:#006AAE} .titelBox span {color:#006AAE;} ul.FirmenLogos {list-style:none;margin:0;padding:0;} ul.FirmenLogos li {display:inline;} ul.FirmenLogos .titel {margin-bottom:12px;font-weight:bold;color:#333333;display:block;} ul.FirmenLogos img {margin-top:14px;margin-right:25px;} .bgia {background-image:url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important} .bgis {background-image:url(https://sc.cd-fachmarkt.de/arcshop/cdf/img/spec2014-201502061355.png) !important} .hpzneu .artnr:before{background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important;} .hpzneu .gewicht:before{background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important;} .hpzneu .lieferzeit:before{background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png) !important;} div.kto .seite4 .gross .mitte ul {list-style: circle outside url(https://sc.cd-fachmarkt.de/arcshop/common/2011/img/pfeilgrau.png);padding:0;margin:0;padding-left:15px;padding-top:15px;} .hauptmenue2019 .menuPoint .mPA A::after {background-color:#006AB0} .hauptmenue2019 .submenInner .bgimg {z-index:2;position:absolute;right:50px;top:0px;margin:0px;display:none;background-color:white;width:230px;height:230px;margin-left:23px;padding-right:10px;background:url(https://sc.cd-fachmarkt.de/arcshop/cdf/bm/bm2014.jpg) no-repeat} .hauptmenue2019 .submenInner .bmgimg {position:absolute;right:50px;top:0px;margin:0px;display:block;background-color:white;width:240px;height:230px;margin-left:23px;background:url(https://sc.cd-fachmarkt.de/arcshop/cdf/bm/bmg2014.jpg) no-repeat} @media all and (/*max-width:1000px;*/max-width:62.5rem){ .hauptmenue2019 .subMenu2014 .MenPt ul {width:50%;} .hauptmenue2019 .subMenu2014 .MenPt .UMenue {width:100%;} .hauptmenue2019 .MenPt .gross .MenPti:hover img {display:none;} .hauptmenue2019 .MenPt .gross .MenPti:hover .bgimg {display:none;} .hauptmenue2019 .MenPt .gross .bmgimg {display:none;} } @media all and (/*max-width:910px;*/max-width:56.875rem){ .hauptmenue2019 .menuPoint .mPA a {font-size:0.9rem;} } .wkpz .lieferzeit span {position: absolute;left:0px;margin-right:20px;width:19px;height:19px;background: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503011824.png) no-repeat -108px -51px} .wkpz .artnummer span {position: absolute;left:0px;margin-right:20px;width:22px;height:22px;background: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503011824.png) no-repeat -52px -48px} .wkfuss .mitte ul {margin:0;padding:0;width:300px;padding-top:5px;float:left;list-style: circle inside url(https://sc.cd-fachmarkt.de/arcshop/common/2011/img/liste_haken_gruen.png);} .print h3 span {color:#006AAE;} .print h3 {font-size:1.2rem;font-weight:normal;margon-top:20px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #E1E1E2;} .print ul {list-style:none;margin:0;padding:0;} .print ul li {margin:0;padding:0;} .lazyD {background:url(https://sc.cd-fachmarkt.de/arcshop/common/2011/img/wait.gif) no-repeat center center;} .lazyD2 {background:url(https://sc.cd-fachmarkt.de/arcshop/common/2011/img/wait.gif) no-repeat center center;} .jssorb14 div, .jssorb14 div:hover, .jssorb14 .av {background: url(https://sc.cd-fachmarkt.de/arcshop/common/slider/img/b14.png) no-repeat;overflow:hidden;cursor: pointer;} .jssorb14 div, .jssorb14 div:hover, .jssorb14 .protoav {background: url(https://sc.cd-fachmarkt.de/arcshop/common/slider/img/b14.png) no-repeat;overflow:hidden;cursor: pointer;} .jssora14l, .jssora14r, .jssora14ldn, .jssora14rdn { position: absolute; cursor: pointer; display: block; background: url(https://sc.cd-fachmarkt.de/arcshop/common/slider/img/a14.png) no-repeat; overflow:hidden;} .jssorb14 div { background-position: -9px -9px; } .jssorb14 div:hover, .jssorb14 .av:hover { background-position: -39px -9px; } .jssorb14 div:hover, .jssorb14 .protoav:hover { background-position: -39px -9px; } .jssorb14 .av { background-position: -69px -9px; } .jssorb14 .protoav { background-position: -69px -9px; } .jssorb14 .dn, .jssorb14 .dn:hover { background-position: -99px -9px; } .jssora14l { background-position: -15px -35px; } .jssora14r { background-position: -75px -35px; } .jssora14l:hover { background-position: -135px -35px; } .jssora14r:hover { background-position: -195px -35px; } .jssora14ldn { background-position: -255px -35px; } .jssora14rdn { background-position: -315px -35px; } .articonInkjet {background:-0px -85px;} .articonDruckbereich {background:-135px -84px;} .articonBoeden {background:-45px -38px;} .articonTueren {background:-135px -38px;} .articonDatenmenge {background:-225px -84px;} .articonGeschwindigkeit {background:-45px -84px;} @media all and (/*max-width:1000px;*/max-width:62.50rem){ .obmenue {display:none} #fixMenue .zeile2 {display:none;} } /* neuopt */ .fmenu .umenu ul label {border-top: 1px solid #CCC;} .fmenu .fmenu_gr .ul a {display: list-item;color: #555;font-size: 1.0rem;line-height: 1.2rem;padding: 0.8em 1.5em 0.8em 1.5em;cursor: pointer;border-top: 1px solid #CCC;} .fmenu .fmenu_gr .ul a.uebersicht {background-color: #F0F0F0;} @media all and (/*max-width:400px;*/max-width:25rem){ .fmenu .ueberschrift {font-size:0.8rem;} .fmenu .ueberschrift label {font-size:0.6rem;} } .tabBem .abs1 {padding-bottom:1px;} .tabBem .abs2 {padding-bottom:2px;} .tabBem .abs3 {padding-bottom:3px;} .hauptmenue2019 .submenInner .UMenue .bgimg {right:50px;} .hauptmenue2019 .submenInner .UMenue a:hover img {display:block;} .hauptmenue2019 .submenInner .UMenue a:hover .bgimg {display:block;} .hauptmenue2019 .UMenue A {display: list-item;color:#333;text-decoration:none;padding:2px 0 3px 0} .hauptmenue2019 .UMenue A:hover {text-decoration:underline;} #contentkopf h1.g50 {font-size:1.4rem;line-height:1.8rem;font-weight:bold;padding:0;margin:0} #contentkopf h1.k50 {font-size:1.8rem;line-height:1.8rem;font-weight:bold;padding:0;margin-top:0;} #contentkopf .divh1 {padding:0;margin:0;font-size:32px;color:#444;padding-bottom:8px;padding-left:20px;} /* neuopt CDF */ #coronaklein {text-align:center;height:2.5rem;font-size:0.8rem;color:white;line-height:2.5rem;background-color:#545456;margin-top:6px;} #coronaklein a {padding:5px;border:1px solid white;color:white;text-decoration:none;background-color:#E24D4D;margin-left:30px} @media all and (/*max-width:900px;*/max-width:58.5rem){ #coronaklein {height:auto;padding:5px;} #coronaklein a {display: inline-block;line-height: 1.4rem;height: 1.4rem;margin:0;} } @media all and (/*max-width:550px;*/max-width:34.375rem){ #coronaklein .text {display:none;} #coronaklein {padding:0;margin:0;} #coronaklein {line-height:1rem;} #coronaklein a {height:auto;line-height:1rem} } .IAnzArt {font-size:0.75rem;float:left;margin-top:3px;font-weight:bold;} .IInput {width:70px;width:4.375rem;font-size:0.9rem;text-align:center;margin-left:10px;} .IInputArt {width:70px;width:4.375rem;font-size:0.9rem;text-align:center;margin-left:10px;float:right;} .BtnImgKaufenWK {position:relative;text-align:center;line-height:34px;line-height:2.125rem;height:34px;height:2.125rem;font-size:0.815rem;font-weight:500;padding:0px;padding-left:35px;min-width:10rem} .BtnImgKaufenWK::before {content:"";position:absolute;left:5px;width:33px;height:35px;background:no-repeat -114px -654px;display:inline-block;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .BtnImgMerkerWK {position:relative;text-align:center;line-height:26px;line-height:1.625rem;height:26px;height:1.625rem;font-size:0.66rem;font-weight:500;padding:0px;margin-top:15px;background-color:#DDD !important;color:#000;border:1px solid #AAA;padding-left:38px !important;display:block;text-decoration:none;} .BtnImgMerkerWK:hover {background-color:#B1B1B2 !important;} .BtnImgMerkerWK::before {content:"";position:absolute;left:7px;width:30px;height:26px;background:no-repeat -216px -648px;display:inline-block;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .BtnImgMerkerArt {position:relative;text-align:center;line-height:26px;line-height:1.625rem;height:26px;height:1.625rem;font-size:0.66rem;font-weight:500;padding:0px;margin-top:15px;background-color:#DDD !important;color:#000;border:1px solid #AAA;padding-left:38px !important;display:block;text-decoration:none;padding-right: 2rem;color: #333 !important;} .BtnImgMerkerArt:hover {background-color:#B1B1B2 !important;} .BtnImgMerkerArt::before {content:"";position:absolute;left:7px;width:30px;height:26px;background:no-repeat -216px -648px;display:inline-block;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .hpzPreis .lieferzeit {text-align:right;margin-top:20px;margin-bottom:10px;} .hpzPreis .preis .text2 {text-align:right;padding-top:3px} .hpzPreis .preis .text2 div {display:none;} .hpzneu {display:flex;padding-bottom:25px;margin-bottom:25px;margin-top:25px;border-bottom: 1px solid #E1E1E2;} .hpzneu .bild {text-align:center;flex: 1 0 0%} .hpzneu .bild img {max-width:80%} .hpzneu .infos {flex: 2 0 0%} .hpzneu h2 {font-weight:normal;font-size:1.1rem} .hpzneu h2 a {text-decoration:none;} .hpzneu .content {display:flex;} .hpzneu .info {flex: 2 0 0%;padding-right:15px} .hpzneu .bem {margin-top:20px;margin-bottom:20px} .hpzneu .zusatz {display:flex;justify-content:space-between;flex-wrap:wrap} .hpzneu .zusatz div {padding:0 10px 0 15px;position:relative;margin-top:0} .hpzneu .zusatz .lieferzeit:before{content:"";position: absolute;top:0.25rem;left:0px;width:10px;height:11px;background:no-repeat -108px -30px;display:inline-block;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .hpzneu .artnr:before{content:"";position: absolute;top:0.25rem;left:0px;width:11px;height:11px;background:no-repeat -57px -30px;display:inline-block;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .hpzneu .gewicht:before{content:"";position: absolute;top:0.25rem;left:0px;width:11px;height:10px;background:no-repeat -1px -30px;display:inline-block;background-image: url(https://sc.cd-fachmarkt.de/arcshop/common/img/allg2014-1503240947.png)} .hpzneu .btnDetails {border-width:1px;margin-left:0;margin-top:20px} .hpzneu .hpzPreis {width:12.5rem;flex:1 0 0%;padding:15px;background-color:#F4f4f4} .hpzneu .hpzPreis .preise {width:unset;margin-right:20px;} .hpzneu .hpzPreis .preise .rechts {width:unset;} .hpzneu .hpzPreis .preis {float:none;padding:0 0 8px;} .hpzneu .hpzPreis .preis .zusatz0 {text-align:right;padding-bottom:5px;padding-top:10px;font-size:0.7rem;color:#333333;} .hpzneu .hpzPreis .preis .zusatz23 {text-align:right;font-size:0.7rem;color:#333333;} .hpzneu .hpzPreis .preis .text2 {font-size:1.35rem;font-size:1.35rem;font-weight:bold;} .hpzneu .hpzPreis .preis .text3 {font-size:1.35rem;font-size:1.35rem;font-weight:bold;} .hpzneu .hpzPreis .preis .text4 {font-size:0.9rem;font-size:1.35rem;font-weight:bold;color:#333333;} .hpzneu .hpzPreis .staffel {float:right;padding:7px 0 8px;} .hpzneu .hpzPreis .input {float:right;padding:7px 0 8px;} .hpzneu .hpzPreis .btn {padding:7px 0 8px;} .hpzneu .hpzPreis .btn .BtnImgStdNormal {padding:0;width:100%} .hpzneu .hpzPreis .BtnImgKaufenWK {width:100%} .hpzneu .PreisMob {display:none;} @media all and (/*max-width:1100px;*/max-width:68.75rem){ .hpzneu .content {display:block} .hpzneu .info {padding-right:0} .hpzneu .hpzPreis {width:auto;padding:5px 15px 5px 5px;} .hpzneu .hpzPreis .btn {width:100%} .hpzneu .hpzPreis .btn button {width:100%} .hpzneu .hpzPreis .staffel {width:50%;padding:0} .hpzneu .hpzPreis .staffel .staffKAll {width:100%} .hpzneu .hpzPreis .input {width:100%;text-align:right} .hpzneu .hpzPreis .input input {width:49%;} } @media all and (/*max-width:800px;*/max-width:50rem){ ul.hpzListe {display:flex;flex-wrap:wrap;align-items:stretch;} .hpzneu {height:25rem;display:block;width:50%} .hpzneu .bild {min-height:12.5rem;} .hpzneu .bild img {max-width:100%;max-height:20rem;} .hpzneu .infos {height:10.625rem;overflow:auto;margin:5px} .hpzneu h2 {font-size:0.9rem;font-weight:bold;padding:10px 0 10px 0;margin:0} .hpzneu .bem {margin-top:10px} .hpzneu .infos .tabBem li {padding:0;float:none;width:100%;font.size:0.8rem;line-height:1rem} .hpzneu .infos .tabBem li:before {display:none;} .hpzneu .zusatz {display:none} .hpzneu .btnDetails {display:none} .hpzneu .hpzPreis {display:none} .hpzneu .PreisMob {display:block;font-size:1.1rem;margin-top:10px;text-align:right} .hpzneu .PreisMob img {display:none;} .hpzneu .PreisMob .D {display:none;} .artikel .Blockoben .blockleft {display:none;} .artikel .Blockoben .Rechts {width:100%;} } @media all and (/*max-width:550px;*/max-width:34.375rem){ .hpzneu {padding:0 0px 10px 0; height:auto;width:100%} .hpzneu .infos {max-height:140px;max-height:8.875rem;height:auto;margin:0} } @media all and (/*max-width:450px;*/max-width:28.125rem){ .hpzneu {padding:0 15px 20px 15px;} } /* cdf printanfrage */ .adrTableD3 {font-size:0.9rem;} .adrTableD3 select {font-size:0.9rem;} .adrTableD3 .inputtext {height:30px;margin:1px 0 3px 0;} .adrTableD3 select {height:34px;margin-bottom:5px;} .adrTableD3 .adrRow .links {padding-top:4px;} /* Linktabellen bei cd-uraltseiten */ table.c04_009_001 {margin:40px 0 50px 0;vertical-align:top;width:100%;} td.c04_009_001 {padding-right:10px; vertical-align:middle; text-align:left;} a.c04_009_001 {color:#0000FF;} table.c04_009_002 {vertical-align:top;width:100%;} td.c04_009_002 {padding-top:0px; vertical-align:top; text-align:left;} h1.c04_009_002 {font-size:1rem;font-weight:bold;padding-top:20px;padding-bottom:10px;} /* Wechselbilder Hauptmenü */ .UMenue .aa::after {content:" ";z-index:2;position:absolute;right:50px;top:0px;margin:0px;display:none;background-color:white;width:230px;height:230px;margin-left:23px;padding-right:10px;background: url(https://sc.cd-fachmarkt.de/arcshop/cdf/bm/bm2014.jpg) no-repeat;} .UMenue .aa:hover::after {display:block} .UMenue .aa.BM21::after {background-position: -1150px -460px;} .UMenue .aa.BM22::after {background-position: -920px -460px;} .UMenue .aa.BM23::after {background-position: -1610px -460px;} .UMenue .aa.BM25::after {background-position: -1150px -460px;} .UMenue .aa.BM27::after {background-position: 0 -690px;} .UMenue .aa.BM41::after {background-position: -1380px -920px;} .UMenue .aa.BM42::after {background-position: -920px -920px;} .UMenue .aa.BM43::after {background-position: -1150px -920px;} .UMenue .aa.BM44::after {background-position: -1610px -920px;} .UMenue .aa.BM46::after {background-position: -1380px -920px;} .UMenue .aa.BM61::after {background-position: 0 -230px;} .UMenue .aa.BM63::after {background-position: -1380px 0;} .UMenue .aa.BM64::after {background-position: -1380px -230px;} .UMenue .aa.BM68::after {background-position: -920px -230px;} .UMenue .aa.BM69::after {background-position: -230px -230px;} .UMenue .aa.BM70::after {background-position: -230px -690px;} .UMenue .aa.BM71::after {background-position: -690px -230px;} .UMenue .aa.BM73::after {background-position: -1150px -230px;} .UMenue .aa.BM74::after {background-position: -460px -230px;} .UMenue .aa.BM75::after {background-position: -1610px -230px;} .UMenue .aa.BM76::after {background-position: -1610px 0;} .UMenue .aa.BM81::after {background-position: -460px -920px;} .UMenue .aa.BM82::after {background-position: -1150px -690px;} .UMenue .aa.BM83::after {background-position: -690px -690px;} .UMenue .aa.BM84::after {background-position: -460px -690px;} .UMenue .aa.BM85::after {background-position: -230px -920px;} .UMenue .aa.BM86::after {background-position: -920px -690px;} .UMenue .aa.BM87::after {background-position: 0 -920px;} .UMenue .aa.BM89::after {background-position: -1610px -690px;} .UMenue .aa.BM90::after {background-position: -1380px -690px;} .UMenue .aa.BM92::after {background-position: -1150px -230px;} .UMenue .aa.BM93::after {background-position: -460px -230px;} .UMenue .aa.BM94::after {background-position: -690px -920px;} .UMenue .aa.BM101::after {background-position: -1368px -1150px;} .UMenue .aa.BM103::after {background-position: -1598px -1150px;} .UMenue .aa.BM104::after {background-position: -1138px -1150px;} .UMenue .aa.BM105::after {background-position: 0 -1380px;} .UMenue .aa.BM107::after {background-position: -218px -1150px;} .UMenue .aa.BM108::after {background-position: -908px -1150px;} .UMenue .aa.BM120::after {background-position: -460px 0;} .UMenue .aa.BM121::after {background-position: -1150px 0;} .UMenue .aa.BM122::after {background-position: -1px -1px;} .UMenue .aa.BM123::after {background-position: -920px 0;} .UMenue .aa.BM124::after {background-position: -690px 0;} .UMenue .aa.BM125::after {background-position: -230px 0;} .UMenue .aa.BM141::after {background-position: -460px -460px;} .UMenue .aa.BM142::after {background-position: -690px -460px;} .UMenue .aa.BM143::after {background-position: 0 -460px;} .UMenue .aa.BM144::after {background-position: -230px -460px;} .UMenue .aa.BM145::after {background-position: 0 -460px;} .UMenue .aa.BM162::after {background-position: -1128px -1380px;} .UMenue .aa.BM163::after {background-position: -668px -1380px;} .UMenue .aa.BM164::after {background-position: -1128px -1380px;} .UMenue .aa.BM165::after {background-position: -438px -1380px;} .UMenue .aa.BM169::after {background-position: -208px -1380px;} .UMenue .aa.BM170::after {background-position: -898px -1380px;}