@font-face{font-family:'Serifa';font-weight:normal;font-style:normal;font-display:swap;src:url('../template/webfonts/273B01_0_0.eot');src:url('../template/webfonts/273B01_0_0.eot?#iefix') format('embedded-opentype'), url('../template/webfonts/273B01_0_0.woff') format('woff'), url('../template/webfonts/273B01_0_0.ttf') format('truetype'), url('../template/webfonts/273B01_0_0.svg#wf') format('svg');} @font-face{font-family:'Serifa';font-weight:bold;font-style:normal;font-display:swap;src:url('../template/webfonts/273B01_1_0.eot');src:url('../template/webfonts/273B01_1_0.eot?#iefix') format('embedded-opentype'), url('../template/webfonts/273B01_1_0.woff') format('woff'), url('../template/webfonts/273B01_1_0.ttf') format('truetype'), url('../template/webfonts/273B01_1_0.svg#wf') format('svg');} HTML, BODY{position:relative;height:100%;} HTML{overflow-y:scroll;} BODY{margin:0 0 0 0;font-family:'Lato',Arial,Helvetica,sans-serif;color:#222222;font-size:100%;background-color:#FFFFFF;} H1, .h1{margin:auto 0 0.6em 0;font-size:2.2em;font-family:'Serifa',Arial,Helvetica,sans-serif;} H2{margin:auto 0 0.6em 0;font-size:1.36em;} H3{margin:auto 0 0.6em 0;font-size:1.125em;} H4{margin:auto 0 0.6em 0;font-size:1.1em;} HR{display:block;clear:both;background-color:#DDDDDD;color:#DDDDDD;border:0;height:1px;} P{line-height:1.5;font-size:1em;margin:auto 0 1em 0;} UL, OL{margin:auto 0 1em 0;} IMG{border:0;display:block;max-width:100%;height:auto;} SMALL{font-size:11px;color:#999999;} FIGURE{margin:0 0 0 0;padding:0 0 0 0;} IMG{border:0;max-width:100%;height:auto;} INPUT, SELECT, TEXTAREA{font-family:'Lato',Arial,Helvetica,sans-serif;border:1px solid #BBBBBB;margin:0;color:#444444;font-size:1em;padding:6px;line-height:normal;outline:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} INPUT::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner{padding:0;border:0;} FORM{display:inline;margin:0 0 0 0;} FIELDSET{margin:0 0 0 0;padding:0 0 0 0;border:0;min-width:0;} LABEL{font-size:0.85em;color:#666666;display:block;margin:0 0 2px 0;line-height:1;} SELECT{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30000 30000'%3e%3cpolygon fill='%23999999' points='26314,10757 23485,7929 15000,16414 6515,7929 3686,10757 15000,22071 '/%3e%3c/svg%3e") !important;background-size:12px !important;background-repeat:no-repeat !important;background-position:right 8px center !important;} INPUT[type=checkbox]{width:auto;margin:0 !important;padding:0 !important;border:0 !important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} INPUT[type=checkbox]{position:absolute;left:2px;top:14px;} INPUT[type=checkbox] + label{display:inline-block;position:relative;font-size:1em;padding-left:1.75em;cursor:pointer;} INPUT[type=checkbox] + label:before{content:'';position:absolute;left:0;top:0;background-color:#FFFFFF;display:block;width:20px;height:20px;line-height:18px;font-size:14px;font-weight:normal;text-align:center;border:1px solid #AFBDCF;font-family:'FontAwesome';-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} INPUT[type=checkbox]:checked + label:before{background-color:#328FD4;border-color:#328FD4;color:#FFFFFF;content:"\f00c";}  INPUT[type=radio]{width:auto;!important;padding:0 !important;border:0 !important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} INPUT[type=radio]{position:absolute;left:4px;top:16px;} INPUT[type=radio] + label{display:inline-block;position:relative;font-size:1em;padding-left:1.75em;cursor:pointer;} INPUT[type=radio] + label:before{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:20px;font-size:1px;background-color:#FFFFFF;border:1px solid #AFBDCF;font-family:'FontAwesome';-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} INPUT[type=radio]:checked + label:before{border:7px solid #328FD4;}  A{color:#328FD4;text-decoration:none;outline:none;-o-transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;} A:hover{color:#222222;text-decoration:none;} .animation{opacity:0;} .animation.animated{opacity:1;} INPUT[type="text"], INPUT[type="password"], INPUT[type="search"], INPUT[type="tel"], INPUT[type="email"], INPUT[type="url"], INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"]{-moz-appearance:none;-webkit-appearance:none;} SELECT{-moz-appearance:none;-webkit-appearance:none;} TEXTAREA{-moz-appearance:none;-webkit-appearance:none;} .close{z-index:333;width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;font-size:14px;color:#FFFFFF;background-color:$color1;} .close:before, .close:after{content:'';position:absolute;left:50%;top:50%;width:20px;height:2px;background-color:#333333;@include transition;} .close:before{-moz-transform:translate(-50%,-1px) rotate(45deg);-webkit-transform:translate(-50%,-1px) rotate(45deg);-ms-transform:translate(-50%,-1px) rotate(45deg);transform:translate(-50%,-1px) rotate(45deg);} .close:after{-moz-transform:translate(-50%,-1px) rotate(-45deg);-webkit-transform:translate(-50%,-1px) rotate(-45deg);-ms-transform:translate(-50%,-1px) rotate(-45deg);transform:translate(-50%,-1px) rotate(-45deg);} .close:hover{color:#EEEEEE;} .close:hover:before{-moz-transform:translate(-50%,-1px) rotate(135deg);-webkit-transform:translate(-50%,-1px) rotate(135deg);-ms-transform:translate(-50%,-1px) rotate(135deg);transform:translate(-50%,-1px) rotate(135deg);} .close:hover:after{-moz-transform:translate(-50%,-1px) rotate(45deg);-webkit-transform:translate(-50%,-1px) rotate(45deg);-ms-transform:translate(-50%,-1px) rotate(45deg);transform:translate(-50%,-1px) rotate(45deg);} .box{visibility:hidden;opacity:0;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.75);z-index:330;transition:all 0.33s;} .box.act{visibility:visible;opacity:1;} .box .close{position:absolute;top:0;right:0;} .box .close:hover{background:#EEEEEE;} .box .boxContent{position:absolute;left:50%;top:50%;width:640px;margin-top:50px;max-width:90%;max-height:90%;padding:20px;overflow:auto;background:#FFFFFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;transition:all 0.5s;border-radius:3px;-moz-box-shadow:0 5px 20px rgba($color1,0.33);-webkit-box-shadow:0 5px 20px rgba($color1,0.33);box-shadow:0 5px 20px rgba($color1,0.33);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .box .boxContent:after{content:'';display:block;clear:both;} .box .boxContent .close{position:absolute;top:0;right:0;} .box.act .boxContent{margin-top:0;} .clearFix{clear:both;} .clearFixLine{position:relative;} .clearFixLine:after{content:'';position:absolute;left:0;top:50%;right:0;height:1px;background-color:#CCCCCC;} .iconMailAt:before{content:'@';} @media only screen and (max-width:600px){.xs-size-none{display:none;} .xs-size-11{width:100%;} .xs-size-21{width:50%;} .xs-size-31{width:33.3%;} .xs-size-32{width:66.6%;} .xs-size-41{width:25%;} .xs-size-42{width:50%;} .xs-size-43{width:75%;} .xs-size-51{width:20%;} .xs-size-52{width:40%;} .xs-size-53{width:60%;} .xs-size-54{width:80%;} .xs-size-61{width:16.666%;} .xs-size-62{width:33.333%;} .xs-size-63{width:50%;} .xs-size-64{width:66.666%;} .xs-size-65{width:83.333%;} } @media only screen and (max-width:900px){.s-size-none{display:none;} } #wrapper{position:relative;background-color:#FFFFFF;min-height:100%;padding-bottom:112px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #headArea, #naviArea, #infoArea, #subnaviArea, #contentArea, #footArea, #bottomArea{clear:both;position:relative;width:100%;padding:0 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #headContainer, #naviContainer, #infoContainer, #subnaviContainer, #contentContainer, #footContainer, #bottomContainer{position:relative;width:1080px;max-width:100%;margin:0 auto 0 auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #headContainer:after, #naviContainer:after, #infoContainer:after, #subnaviContainer:after, #contentContainer:after, #footContainer:after, #bottomContainer:after{content:'';display:block;clear:both;} #header{background-color:#FFFFFF;} #headArea.headAreaSmall{border-bottom:5px solid #328FD4;} #headContainer{height:80px;} #naviArea{background:#328FD4;} #naviContainer{height:60px;} #contentArea{padding-left:0;padding-right:0;background:#FFFFFF;} #footer{position:absolute;left:0;bottom:0;right:0;} #footArea{background-color:#111111;} #footContainer{min-height:112px;}  .loading{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.66);display:none;z-index:1000;} .loading I{position:absolute;left:50%;top:50%;margin:-0.5em 0 0 -0.5em;font-size:3em;color:#328FD4;} #logo{float:left;margin:11px 0;} #logo IMG{display:block;width:275px;height:58px;} #labelGratis{float:right;margin:0.66em 0 0 0;font-size:0.95em;} #labelGratis I{font-size:14px;} #hotline{float:right;margin:0.66em 0 0 0;font-size:0.95em;} #naviHead{float:right;margin:0 0 0 0;padding:0 0 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviHead UL{display:block;padding:0 0 0 0;margin:0 0 0 0;color:#444444;text-align:center;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;} #naviHead UL LI{position:relative;display:inline-block;margin:0 0 0 0.5em;padding:22px 0 0 0;list-style-type:none;font-size:1.25em;line-height:1;font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;text-transform:uppercase;} #naviHead A{display:block;height:36px;line-height:34px;padding:0 0.5em;color:#444444;border:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviHead A:hover{color:#328FD4;} #naviHead A:before{content:'';position:absolute;top:0;right:0.5em;left:0.5em;height:0;background-color:#328FD4;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #naviHead LI:hover A:before{height:4px;} #naviHead LI.naviHeadRegistrieren A{padding:0 1em;color:#FFFFFF;background-color:#328FD4;font-size:0.85em;border:1px solid #2C98DC;} #naviHead LI.naviHeadRegistrieren A:hover{background-color:#444444;border-color:#444444;} #naviHead LI.naviHeadRegistrieren A:before{display:none;} #naviHead LI.naviHeadUeber A{padding:0 1em;border:1px solid #444444;font-size:0.85em;} #naviHead LI.naviHeadUeber A:hover{border-color:#328FD4;} #naviHead LI.naviHeadUeber A:before{display:none;} #naviHead LI.naviHeadLogin A{padding:0 1em;border:1px solid #444444;font-size:0.85em;} #naviHead LI.naviHeadLogin A:hover{border-color:#328FD4;} #naviHead LI.naviHeadLogin A:before{display:none;} #naviCategories{position:static;float:left;width:15%;margin:0 0 0 0;padding:0 0 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #naviCategories .toggle{display:block;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(255,255,255,0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviCategories .toggle A{display:block;height:60px;line-height:60px;text-align:center;color:#FFFFFF;font-size:50px;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(255,255,255,0.2);} #naviCategories .toggle > A:hover{color:#328FD4;background-color:#E7EFF5;border-left:0;border-right:0;} #naviCategories .toggle A I, #naviCategories .toggle A I:before{line-height:64px;} #naviCategories .container{position:absolute;z-index:111;left:1px;top:100%;right:1px;max-height:calc(100vh - 110px);overflow:auto;line-height:1;text-align:left;padding:1em;display:none;background-color:#E7EFF5;border:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:3px solid #328FD4;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-box-shadow:0 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);box-shadow:0 3px 5px rgba(0,0,0,0.1);} #naviCategories UL.buttons{margin:0 -10px;padding:0 0 20px 0;} #naviCategories UL.buttons:after{content:'';display:block;clear:both;} #naviCategories UL.buttons > LI{position:static;display:block;margin:0 0 0 0;padding:0 10px;float:left;width:33.333%;list-style-type:none;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviCategories UL.buttons > LI > A{display:block;line-height:40px;color:#222222;background:#FFFFFF;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #naviCategories UL.buttons > LI.act > A{color:#FFFFFF;background:#328FD4;} #naviCategories UL.panels{position:relative;margin:0 0 0 0;padding:0 0 0 0;line-height:1;z-index:108;text-align:left;} #naviCategories UL.panels > LI{display:none;} #naviCategories UL.panels > LI.act{display:block;} #naviCategories UL.panels LI UL{margin:0 0 0 0;padding:0 0 0 0;} #naviCategories UL.panels LI UL LI{display:inline-block;margin:0 0 0 0;padding:0 0 0 0;line-height:1;vertical-align:top;text-align:left;height:auto;float:none;} #naviCategories UL.panels LI UL LI A{display:block;border:0;height:auto;line-height:1.5;padding:0.55em 0.5em 0.4em 0.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #naviCategories UL.panels LI UL LI A:hover{background-color:rgba(255,255,255,0.5);} #naviCategories .panelGrosshandel UL LI{width:25%;} #naviCategories .panelGrosshandel UL LI A:before{content:'\e016';font-family:'lieferanten-icons';color:#222222;font-size:20px;float:left;width:32px;height:32px;line-height:34px;text-align:center;margin:-0.25em 0.33em 0 0;background-color:rgba(255,255,255,0.66);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} #naviCategories .panelHersteller UL LI{width:25%;} #naviCategories .panelHersteller UL LI A:before{content:'\e017';font-family:'lieferanten-icons';color:#222222;font-size:20px;float:left;width:32px;height:32px;line-height:34px;text-align:center;margin:-0.25em 0.33em 0 0;background-color:rgba(255,255,255,0.66);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} #naviCategories .panelKategorien UL LI{width:25%;} #naviCategories .panelKategorien UL LI IMG{float:left;width:32px;height:32px;margin:-0.25em 0.33em 0 0;background-color:rgba(255,255,255,0.66);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} #searchBox{position:relative;float:left;width:55%;margin:10px 0;padding:0 30px;z-index:110;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #searchBox FORM{position:relative;display:block;} #search{margin:0 0 0 0;padding:0 10em 0 0.33em;width:100%;height:40px;font-size:1.1em;line-height:40px;background-color:#FFFFFF;border:0;border-top:1px solid #328FD4;color:#444444;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);box-shadow:inset 0 3px 10px rgba(0,0,0,0.1);} #searchInfo{display:none;position:absolute;right:14em;top:12px;color:#990000;font-size:0.9em;} #searchBoxSubmit{position:absolute;right:0;top:0;height:40px;padding:0 1.5em;font-size:1em;line-height:40px;font-weight:bold;border:0;background-color:#333333;color:#FFFFFF;cursor:pointer;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;-moz-box-shadow:inset 0 -3px 10px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 -3px 10px rgba(0,0,0,0.5);box-shadow:inset 0 -3px 10px rgba(0,0,0,0.5);-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #searchBoxSubmit:hover{background:#000000;} .searchError #search{background-color:#FFCCCC;border-color:#FF9999;} .searchError #searchInfo{display:block;}  @media only screen and (max-width:990px){#searchInfo{right:8em;} } #suggest_container{position:absolute;left:30px;right:30px;top:100%;z-index:199;} #suggest{display:none;position:relative;z-index:200;width:100%;max-height:70vh;overflow:auto;background-color:#FFFFFF;border-bottom:3px solid #328FD4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #suggest UL{margin:0 0 0 0;padding:0.25em;border-top:3px solid #FFFFFF;} #suggest UL LI{position:relative;margin:0 0 1px 0;padding:0.25em 2em 0.25em 0.25em;list-style-type:none;color:#222222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #suggest UL LI.suggestHeader{font-size:1em;padding-top:1em;font-weight:bold;} #suggest UL LI.suggestRow{color:#666666;background-color:#F6F6F6;cursor:pointer;} #suggest UL LI.suggestRow .suggestTextAmount{position:absolute;right:0;font-size:0.8em;padding:0 0.33em;} #suggest UL LI.suggestRow .suggestTextQueryTyped{background-color:rgba(0,0,0,0.1);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} #suggest UL LI.suggestHighlight{color:#000000;background-color:#EEEEEE;} #naviMain{position:relative;float:right;width:30%;margin:0 0 0 0;padding:0 0 0 0;z-index:108;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviMain UL{display:block;margin:0 0 0 0;padding:0 0 0 0;border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(255,255,255,0.2);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviMain UL:after{content:'';display:block;clear:both;} #naviMain UL LI{position:relative;float:left;width:50%;height:60px;line-height:60px;margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #naviMain UL LI A{overflow:hidden;display:block;color:#FFFFFF;height:100%;border-left:1px solid rgba(0,0,0,0.1);border-right:1px solid rgba(255,255,255,0.2);cursor:pointer;} #naviMain UL LI.hov A, #naviMain UL LI A:hover{color:#328FD4;background-color:#E7EFF5;border-left:0;border-right:0;} #naviMain UL LI A I{display:none;} #naviMain UL LI A EM{display:block;text-transform:uppercase;font-size:1em;font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;font-style:normal;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #naviMain UL LI UL{position:absolute;left:0;top:100%;width:200%;padding:0.5em 0;display:none;z-index:112;background-color:#E7EFF5;border:0;border-bottom:3px solid #328FD4;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-box-shadow:0 3px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);box-shadow:0 3px 5px rgba(0,0,0,0.1);} #naviMain UL LI:last-child UL{left:auto;right:0;} #naviMain UL LI UL LI{text-align:left;height:auto;width:100%;float:none;} #naviMain UL LI UL LI A{border:0;color:#222222;height:auto;line-height:1.5;padding:0.15em 1em;} #naviMain UL LI UL LI A:hover{background-color:rgba(255,255,255,0.5);} #naviMain UL LI UL LI A:before{content:'\f105';font-family:'FontAwesome';margin-right:0.33em;} #clickpath{margin:0 0 0 0;padding:0 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #clickpath UL{dispaly:block;width:1080px;max-width:100%;margin:0 auto;padding:0.5em 0;line-height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #clickpath UL LI{position:relative;display:inline-block;margin:0 0.5em 0 0;padding:0 0 0 0;font-size:0.9em;list-style-type:none;color:#888888;} #clickpath UL LI:before{content:'\f105';font-family:'FontAwesome';font-size:14px;margin-right:0.5em;font-weight:normal;} #clickpath UL LI A{color:#888888;} #clickpath UL LI A:hover{color:#444444;} #clickpath UL LI:first-child:before{display:none;} #clickpath UL LI:first-child A:before{content:'\f015';font-family:'FontAwesome';font-size:14px;margin-right:0;} #clickpath UL LI:first-child SPAN{display:none;} #clickpath UL LI:last-child{font-weight:bold;} @media only screen and (max-width:720px){#clickpath{display:none;} } #loginBox{width:700px;max-width:100%;} #feedbackBox{width:600px;max-width:100%;} #naviFoot{float:left;margin:1em 0 1em 0;} #naviFoot UL{margin:0 0 0 0;padding:0 0 0 0;display:inline;} #naviFoot UL LI{display:inline-block;margin:0 0 0 0;padding:0 8px 0 8px;list-style-type:none;font-size:0.82em;line-height:1;color:#888888;border-left:1px solid #888888;} #naviFoot UL LI.firstItem{border-left:none;padding-left:0;} #naviFoot UL LI A{color:#888888;} #naviFoot UL LI A:hover{color:#CCCCCC;} #linkTop{display:block;position:fixed;margin:0 0 0 0;right:20px;bottom:-50px;z-index:100;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #linkTop.show{bottom:20px;} #linkTop A{position:relative;display:block;padding:0 0 0 0;width:40px;height:40px;line-height:45px;font-size:1em;text-align:center;color:#555555;background-color:rgba(232,232,232,0.66);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #linkTop A I{margin:0 0 0 0 !important;font-size:2em;} #linkTop A I:before{content:'\f106';} #linkTop A SPAN{display:none;} #linkTop A:hover{color:#328FD4;background-color:rgba(236,235,231,1);} #linkPrint{display:none;} #linkPrint A{padding-left:20px;} #socialIcons{float:right;margin:0.7em 0 0.7em 0;text-align:right;} #socialIcons UL{margin:0 0 0 0;padding:0 0 0 0;display:inline;} #socialIcons UL LI{display:inline-block;margin:0 0 0 0;padding:0 0 0 0;list-style:none;} #socialIcons A{display:block;width:1.5em;height:1.5em;line-height:30px;text-align:center;color:#888888;font-size:1.25em;} #socialIcons A:hover{outline:none;color:#CCCCCC;}  .footText{display:block;clear:both;padding:1em 20px;color:#888888;line-height:1.5;font-size:0.75em;} .stickyPlaceholder{height:60px;} #naviArea.sticky{position:fixed;left:0;top:0;width:100%;z-index:200;-moz-box-shadow:0 2px 6px rgba(0,0,0,0.15);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.15);box-shadow:0 2px 6px rgba(0,0,0,0.15);} #naviArea.sticky #naviContainer{height:60px;} #naviArea.sticky #naviCategories > UL > LI{height:60px;} #naviArea.sticky #naviCategories > UL > LI > A EM{margin-bottom:-60px;} #naviArea.sticky #naviCategories > UL > LI > A I{line-height:60px;} #naviArea.sticky #naviMain > UL > LI{height:60px;} #naviArea.sticky #searchBox{margin:10px 0;} #naviArea.sticky #customerInfoContent{height:60px;padding:5px 20px;} #naviArea.sticky #customerInfo .linkLogout{display:none;} .contentBoxContent P A.neutral:before{display:none;} A.linkMore{position:absolute;right:0;bottom:1em;} .clearFix{clear:both;height:1px;margin-bottom:-1px;} #contentColumnFix{clear:both;height:1px;} .tooltip{cursor:help;} .row{clear:both;margin:0 -10px;} .row:after{content:'';display:block;clear:both;} .hidden{display:none;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;width:100%;margin:0 0 0 0;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .col-xs-1{width:8.33%;} .col-xs-2{width:16.666%;} .col-xs-3{width:25%;} .col-xs-4{width:33.333%;} .col-xs-5{width:41.666%;} .col-xs-6{width:50%;} .col-xs-7{width:58.333%;} .col-xs-8{width:66.666%;} .col-xs-9{width:75%;} .col-xs-10{width:83.333%;} .col-xs-11{width:91.666%;} .col-xs-12{width:100%;} @media only screen and (max-width:599px){.hidden-xs{display:none;} } @media only screen and (min-width:600px) and (max-width:899px){.hidden-sm{display:none;} } @media only screen and (min-width:900px) and (max-width:1199px){.hidden-md{display:none;} } @media only screen and (min-width:1200px){.hidden-lg{display:none;} } @media only screen and (min-width:600px){.col-sm-1{width:8.33%;} .col-sm-2{width:16.666%;} .col-sm-3{width:25%;} .col-sm-4{width:33.333%;} .col-sm-5{width:41.666%;} .col-sm-6{width:50%;} .col-sm-7{width:58.333%;} .col-sm-8{width:66.666%;} .col-sm-9{width:75%;} .col-sm-10{width:83.333%;} .col-sm-11{width:91.666%;} .col-sm-12{width:100%;} } @media only screen and (min-width:900px){.col-md-1{width:8.33%;} .col-md-2{width:16.666%;} .col-md-3{width:25%;} .col-md-4{width:33.333%;} .col-md-5{width:41.666%;} .col-md-6{width:50%;} .col-md-7{width:58.333%;} .col-md-8{width:66.666%;} .col-md-9{width:75%;} .col-md-10{width:83.333%;} .col-md-11{width:91.666%;} .col-md-12{width:100%;} } @media only screen and (min-width:1200px){.col-lg-1{width:8.33%;} .col-lg-2{width:16.666%;} .col-lg-3{width:25%;} .col-lg-4{width:33.333%;} .col-lg-5{width:41.666%;} .col-lg-6{width:50%;} .col-lg-7{width:58.333%;} .col-lg-8{width:66.666%;} .col-lg-9{width:75%;} .col-lg-10{width:83.333%;} .col-lg-11{width:91.666%;} .col-lg-12{width:100%;} } .list-group:after{content:'';display:block;clear:both;} .list-group-item{margin:5px 0 0 0;padding:10px;} .list-group-item:first-child{margin-top:0;} .panel-heading{background:none;padding:15px 0;} .panel-body{background:#EEEEEE;padding:15px;} .panel-footer{background:#E6E6E6;padding:15px;} .panel-heading:after, .panel-body:after, .panel-footer:after{content:'';display:block;clear:both;} .mt{margin-top:10px;} .mb{margin-bottom:10px;} .text-right{text-align:right;} .contentSection{position:relative;clear:both;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .contentSectionShadow{box-shadow:0 1px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);} .contentSectionWhite{background-color:#FFFFFF;} .contentSectionGreyWhite{background:rgb(241,241,241);background:-moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );} .contentSectionWhiteGrey{background:rgb(255,255,255);background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );} .contentSectionGrey{background-color:#EEEEEE;} .contentSectionDark{background-color:#2C2C2C;background:-moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(44,44,44,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,64,64,1)), color-stop(100%,rgba(44,44,44,1)));background:-webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(44,44,44,1) 100%);background:-o-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(44,44,44,1) 100%);background:-ms-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(44,44,44,1) 100%);background:linear-gradient(to bottom, rgba(64,64,64,1) 0%,rgba(44,44,44,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#2C2C2C',GradientType=0 );color:#FFFFFF;} .contentSectionBlack{background-color:#222222;color:#FFFFFF;} .contentSectionBlue{background-color:#328FD4;background:-moz-linear-gradient(top, rgba(0,159,228,1) 0%, rgba(0,136,196,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,159,228,1)), color-stop(100%,rgba(0,136,196,1)));background:-webkit-linear-gradient(top, rgba(0,159,228,1) 0%,rgba(0,136,196,1) 100%);background:-o-linear-gradient(top, rgba(0,159,228,1) 0%,rgba(0,136,196,1) 100%);background:-ms-linear-gradient(top, rgba(0,159,228,1) 0%,rgba(0,136,196,1) 100%);background:linear-gradient(to bottom, rgba(0,159,228,1) 0%,rgba(0,136,196,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009fe4', endColorstr='#0088c4',GradientType=0 );color:#FFFFFF;} .contentSectionBlueLight{background-color:#DEE7EE;} .contentSectionYellow{background-color:#FFD300;background:-moz-linear-gradient(top, rgba(252,212,51,1) 0%, rgba(249,196,50,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,212,51,1)), color-stop(100%,rgba(249,196,50,1)));background:-webkit-linear-gradient(top, rgba(252,212,51,1) 0%,rgba(249,196,50,1) 100%);background:-o-linear-gradient(top, rgba(252,212,51,1) 0%,rgba(249,196,50,1) 100%);background:-ms-linear-gradient(top, rgba(252,212,51,1) 0%,rgba(249,196,50,1) 100%);background:linear-gradient(to bottom, rgba(252,212,51,1) 0%,rgba(249,196,50,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd433', endColorstr='#f9c432',GradientType=0 );} .contentSectionContent{margin:0 auto;width:1120px;max-width:100%;padding:20px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .contentSectionContent:after{content:".";visibility:hidden;display:block;height:0;clear:both;} .contentBox{display:inline-block;vertical-align:top;position:relative;max-width:100%;text-align:start;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .contentBoxRight{float:right;} .contentBox11{width:100%;} .contentBox21{width:50%;} .contentBox31{width:33.3%;} .contentBox32{width:66.6%;} .contentBox41{width:25%;} .contentBox42{width:50%;} .contentBox43{width:75%;} .contentBox51{width:20%;} .contentBox52{width:40%;} .contentBox53{width:60%;} .contentBox54{width:80%;} .contentBox61{width:16.666%;} .contentBox62{width:33.333%;} .contentBox63{width:50%;} .contentBox64{width:66.666%;} .contentBox65{width:83.333%;} .contentBoxInner{position:relative;margin:20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .contentBoxSubcontents{margin:-20px;} .contentBoxHead + .contentBoxSubcontents{margin-top:0;} .contentBoxBorder .contentBoxHead, .contentBoxBorderRight .contentBoxHead, .contentBoxBorderLeft .contentBoxHead, .contentBoxWhite .contentBoxHead, .contentBoxBlack .contentBoxHead, .contentBoxGrey .contentBoxHead, .contentBoxShadow .contentBoxHead, .contentBoxGreyWhite .contentBoxHead, .contentBoxWhiteGrey .contentBoxHead{padding-left:20px;padding-top:20px;padding-right:20px;} .contentBoxBorder .contentBoxContent, .contentBoxBorderRight .contentBoxContent, .contentBoxBorderLeft .contentBoxContent, .contentBoxWhite .contentBoxContent, .contentBoxBlack .contentBoxContent, .contentBoxGrey .contentBoxContent, .contentBoxShadow .contentBoxContent, .contentBoxGreyWhite .contentBoxContent, .contentBoxWhiteGrey .contentBoxContent{padding:20px;} .contentBoxBorder .contentBoxInner{border:1px solid #DDDDDD;} .contentBoxBorderRight .contentBoxInner{border-right:1px solid #DDDDDD;} .contentBoxBorderLeft .contentBoxInner{border-left:1px solid #DDDDDD;} .contentBoxBorderTop .contentBoxInner{border-top:1px solid #DDDDDD;padding-top:20px;} .contentBoxBorderBottom .contentBoxInner{border-bottom:1px solid #DDDDDD;padding-bottom:20px;} .contentBoxWhite .contentBoxInner{background:#FFFFFF;} .contentBoxBlack .contentBoxInner{background:#222222;} .contentBoxGrey .contentBoxInner{background:rgba(0,0,0,0.05);} .contentBoxShadow .contentBoxInner{-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);} .contentBoxGreyWhite .contentBoxInner{background:rgb(241,241,241);background:-moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );} .contentBoxWhiteGrey .contentBoxInner{background:rgb(255,255,255);background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );} .contentBoxIcon{display:block;width:1.6em;height:1.6em;line-height:1.6em;font-size:2.4em;text-align:center;color:#FFFFFF;background:#CCCCCC;border:3px solid #FFFFFF;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .contentBoxIconTop .contentBoxInner{margin-top:2em;} .contentBoxIconTop .contentBoxContent{margin-top:2em;} .contentBoxIconTop .contentBoxIcon{position:absolute;left:50%;top:0;margin-left:-0.8em;} .contentBoxIconTop:hover .contentBoxIcon{background:#999999;} .contentBoxIconLeft .contentBoxContent{padding-left:3.6em;} .contentBoxIconLeft .contentBoxIcon{position:absolute;left:0;top:0;font-size:1.5em;} .contentBoxHead{box-sizing:border-box;-moz-box-sizing:border-box;position:relative;padding-bottom:20px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;} .contentBoxHead:last-child{padding-bottom:0;} .contentBoxHeadHighlight{background:rgba(0,0,0,0.1);} .contentBoxHeadNeutral{background:transparent;} .contentBoxHeadWhite{background:#FFFFFF;} .contentBoxHeadGrey{background:#F6F6F6;} .contentBoxHeadGreyWhite{background:rgb(241,241,241);background:-moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );} .contentBoxHeadWhiteGrey{background:rgb(255,255,255);background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );} .contentBoxHeadNeutral H3, .boxHeadWhite H3, .boxHeadWhiteGrey H3, .boxHeadGreyWhite H3, .boxHeadGrey H3{margin:0 0 0 0;font-size:18px;line-height:1;} .contentBoxHeadHighlight, .contentBoxHeadNeutral, .contentBoxHeadWhite, .contentBoxHeadWhiteGrey, .contentBoxHeadGreyWhite, .contentBoxHeadGrey{padding-bottom:20px !important;} .contentBoxHead .title, .contentBoxHead H1, .contentBoxHead H2, .contentBoxHead H3, .contentBoxHead H4, .contentBoxHead H5, .contentBoxHead H6{margin-bottom:auto;} .contentBoxHead H1 I, .contentBoxHead H2 I, .contentBoxHead H3 I, .contentBoxHead H4 I, .contentBoxHead H5 I, .contentBoxHead H6 I{margin-right:0.33em;} .contentBoxHead P.subtitle{font-size:1.25em;margin:auto;} .contentBoxHeadUnderline{border-bottom:1px solid #DDDDDD;} .contentBoxHeadLines > .title{display:block;padding:0;margin-left:0;margin-right:0;overflow:hidden;} .contentBoxHeadLines > .title:before, .contentBoxHeadLines > .title:after{content:'';clear:both;display:none;width:100%;height:0;vertical-align:middle;overflow:visible;border:0;border-top:1px solid rgba(0,0,0,0.1);} .contentBoxHeadLines > .title:before{margin:0 0.625em 0 -100%;} .contentBoxHeadLines > .title:after{margin:0 -100% 0 0.625em;} .contentBoxHeadLines > .title:after, .contentBoxHeadLines.left > .title:after{display:inline-block;} .contentBoxHeadLines.center > .title:before{display:inline-block;} .contentBoxHeadLines.center > .title:after{display:inline-block;} .contentBoxHeadLines.right > .title:before{display:inline-block;} .contentBoxHeadLines.right > .title:after{display:none;} .contentBoxContent{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;position:relative;} .contentBoxContent:after{content:".";visibility:hidden;display:block;height:0;clear:both;} .contentBoxContent >:last-child{margin-bottom:auto !important;} .contentBox .contentBoxContentNeutral{padding:0;} .contentBoxContentNeutral{background:transparent;} .contentBoxContentWhite{background:#FFFFFF;} .contentBoxContentGrey{background:#F6F6F6;} .contentBoxContentGreyWhite{background:rgb(241,241,241);background:-moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );} .contentBoxContentWhiteGrey{background:rgb(255,255,255);background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,241,241,1)));background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );} .contentBoxContentImageLeft, .contentBoxContentImageRight{display:table;} .contentBoxContentImageLeft .image, .contentBoxContentImageRight .image{width:50%;box-sizing:border-box;} .contentBoxContentImageLeft .image{float:left;padding-right:5%;} .contentBoxContentImageRight .image{float:right;padding-left:5%;} .contentBoxContentImageLeft .image IMG{margin:0 auto 0 0;max-width:100%;} .contentBoxContentImageRight .image IMG{margin:0 0 0 auto;max-width:100%;} .contentBoxContentImageLeft .text, .contentBoxContentImageRight .text{width:50%;} .contentBoxContentImageLeft .text >:last-child, .contentBoxContentImageRight .text >:last-child{margin-bottom:0;} .contentBoxContentImageLeft .text{float:right;} .contentBoxContentImageRight .text{float:left;} .contentBoxTeaserImage{border-radius:3px 3px 0 0;overflow:hidden;} .contentBoxTeaserImage IMG{width:100%;} .contentBoxBorder .contentBoxTeaserImage, .contentBoxBorderRight .contentBoxTeaserImage, .contentBoxBorderLeft .contentBoxTeaserImage, .contentBoxWhite .contentBoxTeaserImage, .contentBoxGrey .contentBoxTeaserImage, .contentBoxShadow .contentBoxTeaserImage, .contentBoxGreyWhite .contentBoxTeaserImage, .contentBoxWhiteGrey .contentBoxTeaserImage{margin:-20px -20px 20px -20px;} .contentBoxToggle .contentBoxHead{padding:0.5em 0 0.5em 2em;background:rgba(0,0,0,0.05);cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} .contentBoxToggle .contentBoxHead *{margin:0 0 0 0;} .contentBoxToggle .contentBoxHead:before{position:absolute;left:0.5em;top:0.66em;font-size:1em;content:'\f13a';font-family:'FontAwesome';} .contentBoxToggle .contentBoxHeadOpen{-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} .contentBoxToggle .contentBoxHeadOpen:before{content:'\f139';} .contentBoxToggle .contentBoxHeadOpen, .contentBoxToggle .contentBoxHead:hover{background:rgba(0,0,0,0.1);} .contentBoxToggle .contentBoxContent{padding:20px;background-color:#FFFFFF;} .contentBoxToggle + .contentBoxToggle{margin-top:-20px;} #sectionBottomInfos{background:#333333 url(../template/pix/darkgray-rausch.png);} #sectionBottomRegisterBenefits{background:#333333 url(../template/pix/darkgray-rausch.png);} .searchListLatest{color:#FFFFFF;margin:1em 0;clear:both;} .searchListLatest UL{display:block;margin:-10px;padding:0 0 0 0;} .searchListLatest UL:after{content:'';clear:both;display:block;} .searchListLatest UL LI{margin:0 0 0 0;padding:5px 10px;width:33.333%;float:left;list-style-type:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .searchListLatest UL LI DIV{padding:0.5em 0.75em;display:block;line-height:1;font-size:1em;background:rgba(0,0,0,0.25);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .searchListLatest UL LI SPAN{float:right;padding:0 0 0 0;font-size:0.8em;color:#CCCCCC;background:none;} .searchListLatest UL LI H3{font-size:18px;margin:0 0 0.5em 0;} .searchListLatest UL LI .icon{font-size:1.3em;margin-right:0.3em;position:relative;top:0.2em;} #contentBoxBenefits A.button{float:right;margin:-0.33em 0 0 0;} #contentBoxBenefits .contentBoxHead{margin-bottom:20px;} .benefitsList{color:#FFFFFF;margin:1em 0;clear:both;} .benefitsList UL{display:block;margin:-10px;padding:0 0 0 0;} .benefitsList UL:after{content:'';clear:both;display:block;} .benefitsList UL LI{display:inline-block;vertical-align:top;margin:0 0 0 0;padding:10px 10px;width:33.333%;list-style-type:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .benefitsList UL LI DIV{padding:0.5em 0.75em;display:block;line-height:1;font-size:1em;background:rgba(0,0,0,0.25);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .benefitsList UL LI H3{font-size:18px;margin:0 0 0.5em 0;font-family:'Serifa',Arial,Helvetica,sans-serif;} .benefitsList UL LI .icon{font-size:1.3em;margin-right:0.3em;position:relative;top:0.2em;} .benefitsList UL LI P{font-size:14px;margin:0.5em 0 0 0;} .facts UL{margin:0 0 0 0;padding:0 0 0 0;} .facts UL:after{content:'';clear:both;display:block;} .facts UL LI{margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;display:inline-block;vertical-align:top;width:25%;text-align:left;} .facts UL LI I{float:left;font-size:3.3em;margin-right:0.25em;} .facts UL LI H4{margin:0 0 0.05em 0;font-size:2em;line-height:1;font-family:'Serifa',Arial,Helvetica,sans-serif;} .facts UL LI P{margin:0 0 0 0;font-size:1.15em;line-height:1;} .factsGrey{border:0;margin:2em 0;padding:0 0 0 0;} .factsGrey UL LI{color:#777777;} .factsGrey UL LI I{color:#777777;text-shadow:none;} .imageBorder{border:1px solid #EEEEEE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .imageShadow IMG, IMG.imageShadow{-moz-box-shadow:0 2px 8px rgba(0,0,0,0.22);-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.22);box-shadow:0 2px 8px rgba(0,0,0,0.22);} .imageLeft{float:left;margin:0 1em 0.5em 0;max-width:50%;} .imageRight{float:right;margin:0 0 0.5em 1em;max-width:50%;} .imageCenter{margin:0 auto;} .imageCenter IMG{margin:0 auto;} @media only screen and (max-width:680px){.imageLeft{float:none;margin:0 auto 0.5em auto;max-width:none;} .imageRight{float:none;margin:0 auto 0.5em auto;max-width:none;} } .black{color:#222222;} .grey{color:#999999;} .white{color:#FFFFFF;} .yellow{color:#FFD300;} .blue{color:#328FD4;} .serif{font-family:'Serifa','Courier New',Courier,monospace;} .bigger{font-size:1.2em;} .smaller{font-size:0.9em;} .left{text-align:left;} .center{text-align:center;} .right{text-align:right;} .justify{text-align:justify;} .textColumn21{display:inline-block;vertical-align:top;width:50%;margin-right:-4px !important;padding-right:1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .textColumn31{display:inline-block;vertical-align:top;width:33.333%;margin-right:-4px !important;padding-right:1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .form{padding-top:1px;background:#EEEEEE;background:rgba(0,0,0,0.04);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} FORM{display:block;} FIELDSET{margin:0 0 0 0;padding:0 0 0 0;border:0;} LEGEND{padding:0 0 0 0;margin:0 0 10px 10px;font-weight:bold;font-size:1em;color:#666666;} .formContent{margin:15px 10px;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;} .formContent:after{content:'';display:block;clear:both;visibility:hidden;} .formColumn{float:left;padding:10px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .formColumn11{width:100%;} .formColumn21{width:50%;} .formColumn31{width:33.33%;} .formColumn32{width:66.66%;} .formColumn41{width:25%;} .formColumn42{width:50%;} .formColumn43{width:75%;} .formColumn11-3{width:100%;} .formColumn11-3 .formField{width:33.33%;float:left;} .formFoot{margin:0 0 0 0;padding:10px 20px;text-align:right;background:rgba(0,0,0,0.03);border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;} .formFoot:after{content:'';display:block;clear:both;visibility:hidden;} .formFoot SPAN{float:left;color:#666666;font-size:11px;} .formSection{padding:7px 0;font-weight:bold;} .formField{padding:7px 0;min-height:48px;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .formField:after{content:'';display:block;clear:both;visibility:hidden;} .formField LABEL{display:none;font-size:10px;clear:both;} .formFieldRequiredMarker{color:#FF6600;} .formField INPUT, .formField TEXTAREA, .formField SELECT{margin:0 0 0 0;padding:8px;width:100%;line-height:normal;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #DDDDDD;outline:none;background-color:#FFFFFF;box-shadow:inset 1px 1px 2px rgba(0,0,0,0.03);-moz-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.03);-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.03);} .formField TEXTAREA{resize:vertical;display:block;} .formFieldRadio INPUT, .formFieldCheckbox INPUT{float:left;width:auto;padding:0;margin:0.25em 0.25em 0.75em 0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} .formField .radio, .formField .radiobutton{width:auto;} .formField .checkbox{width:auto;} .formField .optionlabel{display:inline-block;font-size:1em;text-transform:none;line-height:1.125;} .formField .disabled{color:#999999 !important;background-color:#F6F6F6 !important;cursor:not-allowed;} .formField .formFieldImageConatainer{display:inline-block;margin:0 auto;position:relative;} .formField .formFieldImageConatainer .deleteButton, .formField .formFieldImageConatainer .deleteConfirmForm{right:5px !important;top:5px !important;} .formFieldRadio UL, .formFieldCheckbox UL{margin:0 0 0 0;padding:0 0 0 0;} .formFieldRadio UL LI, .formFieldCheckbox UL LI{margin:0 0 0 0;padding:7px 0 0.5em 0;list-style-type:none;display:inline-block;width:30%;position:relative;} .formFieldRadio UL LI:after, .formFieldCheckbox UL LI:after{content:'';display:block;clear:both;}  .formFieldRadio UL LI LABEL, .formFieldCheckbox UL LI LABEL{position:relative;width:auto;left:auto;top:auto;} .formFieldRadio UL LI INPUT[type=radio]{top:8px;} .formFieldCheckbox UL LI INPUT[type=checkbox]{top:10px;} .formFieldButton .button{margin:0 0 0 0;} .formFieldError SPAN{color:#BB0000;} .formFieldError LABEL{font-weight:bold;color:#990000;} .formFieldError INPUT{border-color:#FFA4A4;background-color:#FFE6E6;} .formFieldError TEXTAREA{border-color:#FFA4A4;background-color:#FFE6E6;} .formFieldError SELECT{border-color:#FFA4A4;background-color:#FFE6E6;} .formFieldDisabled LABEL{color:#999999;} .formFieldDisabled INPUT, .formFieldDisabled SELECT, .formFieldDisabled TEXTAREA{color:#999999;} .formField INPUT:focus, .formField TEXTAREA:focus, .formField SELECT:focus{color:#000000;border-color:#BBBBBB;} .form .submit{float:right;display:block;margin:0 0 0 1em;padding:0.5em 1em;font-size:1.1em;font-weight:bold;line-height:1;color:#FFFFFF;background-color:#328FD4;border:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;} .form .submit:hover{background-color:#175F93;} .form .submitGray{background-color:#888888;} .form .submitGray:hover{background-color:#666666;} .ie6 .formField, .ie7 .formField, .ie8 .formField, .ie9 .formField{min-height:36px;} .ie6 .formField LABEL, .ie7 .formField LABEL, .ie8 .formField LABEL, .ie9 .formField LABEL{display:block;} .formNeutral{background:none;} .formNeutral .formContent{margin:-7px -10px;} .formNeutral .formFoot{background:none;padding:20px 0 0 0;} .formErrorMessage{position:relative;padding:0.5em;font-size:1.12em;color:#FFFFFF;background-color:#BB0000;margin:1em 0;line-height:1.36;border:1px solid #DDDDDD;} .formField .button{width:auto;padding:7px 0.75em !important;font-size:0.9em;font-weight:normal;line-height:1;color:#FFFFFF;background-color:#328FD4;border:0;cursor:pointer;} .formField .buttonline{display:inline-block;} .formField .buttonline:after{content:'';display:block;clear:both;} .formField .buttonline .button{display:block;float:left;margin-left:1px;} .formField .buttonline .button.act, .formField .buttonline .button:hover{color:#FFFFFF;background-color:#333333;} .formField .buttonline .button:first-child{margin-left:0;border-top-left-radius:3px;border-top-right-radius:3px;} .formField .buttonline .button:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px;} .passwordStrength{position:relative;} .passwordStrength .passwordStrengthBar{margin:0.25em 0;padding:0;} .passwordStrength .passwordStrengthBar LI{display:none;margin:0;padding:0;width:50%;height:6px;list-style-type:none;background:#EEEEEE;} .passwordStrength .passwordStrengthBar LI.low{background:rgb(204,0,0);background:-moz-linear-gradient(90deg, rgba(204,0,0,1) 33%, rgba(238,238,238,1) 33%);background:-webkit-linear-gradient(90deg, rgba(204,0,0,1) 33%, rgba(238,238,238,1) 33%);background:linear-gradient(90deg, rgba(204,0,0,1) 33%, rgba(238,238,238,1) 33%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc0000",endColorstr="#eeeeee",GradientType=1);} .passwordStrength .passwordStrengthBar LI.medium{background:rgb(204,0,0);background:-moz-linear-gradient(90deg, rgba(255,204,0,1) 66%, rgba(238,238,238,1) 66%);background:-webkit-linear-gradient(90deg, rgba(255,204,0,1) 66%, rgba(238,238,238,1) 66%);background:linear-gradient(90deg, rgba(255,204,0,1) 66%, rgba(238,238,238,1) 66%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcc00",endColorstr="#eeeeee",GradientType=1);} .passwordStrength .passwordStrengthBar LI.high{background:#339900;} .passwordStrength .passwordStrengthText{display:inline-block;font-size:0.75em;color:#666666;line-height:1;} .passwordStrength .passwordStrengthText EM{float:left;font-style:normal;margin-right:0.5em;} .passwordStrength .passwordStrengthText SPAN{float:left;display:none;} .passwordStrength .passwordStrengthHelp{float:left;font-size:0.75em;margin-right:0.5em;color:#666666;} .passwordStrength.strength0 .low, .passwordStrength.strength1 .low, .passwordStrength.strength2 .low{display:block;} .passwordStrength.strength3 .medium, .passwordStrength.strength4 .medium, .passwordStrength.strength5 .medium{display:block;} .passwordStrength.strength6 .high{display:block;} .table{overflow:auto;} .table TABLE{border-collapse:collapse;} .tableLines{border-top:1px solid #DDDDDD;} .tableLines TH{border-bottom:1px solid #DDDDDD;padding:4px 0 4px 4px;font-size:14px;text-align:left;font-weight:normal;} .tableLines TD{border-bottom:1px solid #DDDDDD;padding:4px 0 4px 0;font-size:14px;} .tableLines TR:nth-child(odd) TH, .tableLines TR:nth-child(odd) TD{background-color:rgba(0,0,0,0.03);} .initial{display:block;float:left;margin:0.25em 0.5em 0.5em 0;width:1.6em;height:1.6em;line-height:1.6em;text-align:center;font-weight:bold;color:#FFFFFF;background-color:#328FD4;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .listLines{margin:0 0 0 0;padding:0 0 0 0;border-top:1px solid rgba(0,0,0,0.1);} .listLines LI{margin:0 0 0 0;padding:0.33em 0.2em;position:relative;list-style-type:none;white-space:nowrap;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.1);} .listLines LI B, .listLines LI EM{display:inline-block;width:33%;font-style:normal;font-weight:bold;font-size:0.9em;} .listCheck{margin:auto 0 0.8em 0;padding:0 0 0 0;} .listCheck LI{position:relative;padding:0 0 0 1.5em;margin:auto 0 0.5em 0;line-height:1.36;list-style-type:none;} .listCheck LI:before{content:'\f00c';position:absolute;left:0;top:0;font-size:1em;font-family:'FontAwesome';color:#328FD4;} .listCheck2{margin:auto 0 0.8em 0;padding:0 0 0 0;} .listCheck2 LI{position:relative;padding:0 0 0 2em;margin:auto 0 0.5em 0;line-height:1.36;list-style-type:none;} .listCheck2 LI:before{content:'\f00c';position:absolute;left:0;top:-0.18em;font-size:1.36em;font-family:'FontAwesome';color:#328FD4;} .listCheck3{margin:auto 0 0.8em 0;padding:0 0 0 0;} .listCheck3 LI{position:relative;padding:0 0 0 2em;margin:1.25em 0 1.25em 0;line-height:1.36;list-style-type:none;} .listCheck3 LI:before{content:'\f058';position:absolute;left:0;top:-0.25em;font-size:1.75em;font-family:'FontAwesome';color:#328FD4;} .listTimes3{margin:auto 0 0.8em 0;padding:0 0 0 0;} .listTimes3 LI{position:relative;padding:0 0 0 2em;margin:1.25em 0 1.25em 0;line-height:1.36;list-style-type:none;} .listTimes3 LI:before{content:'\f057';position:absolute;left:0;top:-0.25em;font-size:1.75em;font-family:'FontAwesome';color:#CC0000;} OL.listNumberRound{list-style-type:none !important;counter-reset:ol-counter !important;padding:0 0 0 0 !important;margin-left:0 !important;} OL.listNumberRound > LI{margin:0 0 0 0 !important;padding:0.5em 0 0.5em 2.5em !important;position:relative;} OL.listNumberRound > LI:before{display:block;width:1.5em;height:1.5em;line-height:1.5em;content:counter(ol-counter);counter-increment:ol-counter;position:absolute;left:0;top:0.35em;font-size:1.1em;font-weight:bold;background-color:#328FD4;color:#FFFFFF;text-align:center;border:3px solid #CAE2F4;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .list2cols LI{display:inline-block;width:100%;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .list3cols LI{display:inline-block;width:100%;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .list2cols:after, .list2cols:after{content:'';clear:both;display:block;} .list2cols.listLines, .list3cols.listLines{border-top:0;} @media only screen and (min-width:720px) and (max-width:975px){.list3cols LI{width:49%;} .list3cols LI:nth-child(2n+1){margin-right:2%;} } @media only screen and (min-width:976px){.list2cols LI{width:49%;} .list3cols LI{width:32%;} .list2cols LI:nth-child(2n+1), .list3cols LI:nth-child(3n+1), .list3cols LI:nth-child(3n+2){margin-right:2%;} } .listFacts{margin:0 0 0 0;padding:0 0 0 0;border:0;} .listFacts LI{position:relative;margin:1.2em 0;padding:0 0 0 3.2em;list-style-type:none;border:0;line-height:1;-moz-box-sizing:border-box;box-sizing:border-box;} .listFacts LI I{position:absolute;left:0;top:0;font-size:2.5em;} #sectionCategoryBoxes .contentBox{float:none;display:inline-block;vertical-align:top;margin-right:-2px;} #sectionCategoryBoxes .contentBox H3{position:relative;} #sectionCategoryBoxes .contentBox H3 .badge{top:0.2em;font-size:0.7em;} .categoriesList{position:relative;} .categoriesList .secondList{display:none;border-top:0;} .categoriesList .toggle{position:relative;clear:both;border-top:1px solid #DDDDDD;text-align:center;} .categoriesList .toggle I{display:block;margin:0 auto;width:2em;height:2em;line-height:2em;text-align:center;color:#328FD4;background-color:#DDDDDD;cursor:pointer;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} .categoriesList .toggle:hover{border-color:#CCCCCC;} .categoriesList .toggle:hover I{color:#222222;background-color:#CCCCCC;} .categoriesList .toggle.open I:before{content:'\f077';} .categoriesList .toggle.open:before{display:none;} .categoriesListSmall:after{content:'';clear:both;display:block;} .categoriesListSmall UL{margin:1em -5px;padding:0 0 0 0;} .categoriesListSmall UL LI{display:block;margin:0 0 0 0;padding:0 5px;float:left;width:25%;list-style-type:none;line-height:2.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .categoriesListSmall UL LI IMG{float:left;margin-right:0.5em;width:36px;height:36px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .categoriesListSmall UL LI A{display:block;padding:0.25em;color:#222222;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .categoriesListSmall UL LI A:before{display:none;} .categoriesListSmall UL LI A:hover{color:#328FD4;} .categoriesListSmallEK UL LI{padding:5px;} .categoriesListSmallEK A{background-color:#F6F6F6;} .glossarRegister{margin:1em 0;} .glossarRegister:after{content:'';display:block;clear:both;} .glossarRegister > UL{display:block;margin:-2px !important;padding:0 0 0 0 !important;} .glossarRegister > UL > LI{position:relative;margin:0 0 0 0 !important;padding:2px !important;width:3.84%;float:left;list-style-type:none;text-align:center;line-height:1.75;font-size:1.1em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .glossarRegister > UL > LI A{display:block;padding:0;font-weight:bold;background-color:#328FD4;color:#FFFFFF;font-weight:bold;cursor:pointer;border:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .glossarRegister > UL > LI.act A, .glossarRegister > UL > LI A:hover{background-color:#175F93;color:#FFFFFF;} .glossarRegister > UL > LI.dis A{background:#999999;} .glossarRegister > UL > LI A:before{display:none;} .glossarRegisterGrey > UL > LI A{background-color:#666666;} .glossarRegisterGrey > UL > LI A:hover{background-color:#444444;} .glossarSection{position:relative;margin:0 0 0 0;padding:2em 0 2em 4em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .glossarSection H3{position:absolute;left:0;top:1.15em;margin:0 0 0 0;color:#FFFFFF;width:1.25em;height:1.25em;line-height:1.25em;text-align:center;background-color:rgba(0,0,0,0.25);font-size:2em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .glossarSection UL{margin:0 -10px;padding:0 0 0 0;} .glossarSection UL:after{content:'';display:block;clear:both;} .glossarSection UL LI{margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;float:left;width:33.333%;line-height:1;} .glossarSection UL LI A{display:block;margin:5px 10px;padding:0.5em;height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:rgba(0,0,0,0.05);-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} @media only screen and (max-width:1000px){.glossarSection UL LI{width:33.3%} } @media only screen and (max-width:800px){.glossarRegister > UL > LI{width:7.68%;} .glossarSection UL LI{width:50%} } @media only screen and (max-width:600px){.glossarSection UL LI{width:100%} } @media only screen and (max-width:480px){.glossarRegister > UL > LI{width:11%;} } .button{background:#328FD4 !important;display:inline-block;border:0;margin:8px auto 8px 0;padding:0.33em 1em 0.44em 1em !important;text-align:center;color:#FFFFFF !important;font-size:1.25em;line-height:1em !important;font-weight:bold;cursor:pointer;border:1px solid transparent;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;} .button I{font-weight:normal;position:relative;margin-right:0.33em;} .button.act, .button:hover{background:#175F93 !important;} .button:before{display:none;} .button-yellow{color:#111111 !important;background:#FFC000 !important;} .button-yellow.act, .button-yellow:hover{background:#FFB000 !important;} .button-black{background:#333333 !important;} .button-black.act, .button-black:hover{background:#111111 !important;} .button-grey{background:#AAAAAA !important;} .button-grey.act, .button-grey:hover{background:#666666 !important;} .button-white{color:#111111 !important;background:#FFFFFF !important;} .button-white.act, .button-white:hover{background:#EEEEEE !important;} .button-disabled{background:#AAAAAA !important;cursor:not-allowed;} .button-disabled.act, .button-disabled:hover{background:#888888 !important;} .button-h1{font-size:0.9em;} .button-h2{font-size:1.1em;} .button-h3{font-size:1.25em;} .button-h4{font-size:1.5em;} .button-h5{font-size:1.75em;} .button-h6{font-size:2em;padding:0.35em 0.85em !important;} .button-100p{width:100% !important;padding-left:0 !important;padding-right:0 !important;} .buttonset{display:inline-block;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;margin:16px auto 8px 0;text-align:center;color:#FFFFFF !important;font-size:1em;line-height:normal !important;font-weight:bold;font-family:'Serifa',Arial,Helvetica,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.25);cursor:pointer;border:0;} .buttonset:after{content:'';clear:both;display:block;} .buttonset .button{float:left;margin:0 0 0 0 !important;border-right:1px solid rgba(0,0,0,0.1);border-left:1px solid rgba(255,255,255,0.2);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}  .buttonset .button:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;} .buttonset .button:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;} .button-outline{color:#328FD4 !important;text-shadow:none;background:none !important;border:1px solid #328FD4 !important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .button-outline:hover{color:#175F93 !important;border:1px solid #175F93 !important;background:none !important;} .button-outline.button-disabled{color:#888888 !important;border-color:#888888 !important;} .buttonMore:after{content:'\f105';font-family:'FontAwesome';margin-left:0.5em;} .buttonDown:after{content:'\f107';font-family:'FontAwesome';margin-left:0.5em;} .listBadge LI A{width:85%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .badge{position:relative;top:-0.1em;display:inline-block;padding:0.1em 0.3em;margin:-0.15em 0;min-width:0.5em;font-size:0.8em;font-weight:bold;text-align:center;background-color:#BBBBBB;color:#FFFFFF;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .badgeRight{position:absolute;right:0;} .listLines .badgeRight{top:0.66em;} .hint{display:inline-block;margin-top:0.25em;font-size:0.7em;font-weight:bold;text-align:center;color:#AAAAAA;} .hintRight{position:absolute;right:0;} .message{position:relative;margin:auto 0 1em 0;padding:0.75em 1em 0.75em 3em;font-size:1em;background-color:rgba(0,0,0,0.05);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .message:before{content:'\f05a';position:absolute;left:0.5em;top:0.3em;width:1em;height:1em;line-height:1;font-size:1.5em;font-weight:normal;text-align:center;color:#999999;font-family:'FontAwesome';} .message H3{font-size:1.125em;} .message P{margin:0 0 0 0;} .messageNeutral{padding-left:1em;background-color:rgba(0,0,0,0.05);border-left:3px solid #328FD4;} .messageNeutral:before{display:none;} .messageError{background-color:#FFE6E6;border-left:3px solid #FF8484;} .messageError:before{content:'\f057';color:#FF8484;} .messageInfo{background-color:#FFF6DD;border-left:3px solid #FFDD00;} .messageInfo:before{content:'\f129';color:#FFFFFF;background:#FFDD00;padding:0.2em;line-height:1.2;font-size:1.25em;border-radius:50%;} .messageSuccess{background-color:#E1F2C6;border-left:3px solid #99C151;} .messageSuccess:before{content:'\f058';color:#99C151;} .tutorbox{z-index:100;display:none;position:absolute;left:0;top:0;width:360px;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .tutorboxContent{position:relative;margin:0 0 0 0;min-height:3em;padding:1em 2.5em 1em 2.5em;background-color:#CBE3F6;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 2px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);} .tutorboxContent:before{content:'\f0eb';position:absolute;left:0.33em;top:0.33em;font-size:2em;line-height:1;font-family:'FontAwesome';color:#328FD4;} .tutorboxContent:after{content:'';display:block;position:absolute;left:0;top:0;border:5px solid transparent;} .tutorboxRight .tutorboxContent:after{left:-10px;top:15px;border-right:8px solid #CBE3F6;border-left-width:2px;} .tutorboxLeft .tutorboxContent:after{left:auto;right:-10px;top:15px;border-left:8px solid #CBE3F6;border-right-width:2px;} .tutorboxBottomLeft .tutorboxContent:after{left:15px;top:-10px;border-bottom:8px solid #CBE3F6;border-top-width:2px;} .tutorboxBottomRight .tutorboxContent:after{left:auto;right:15px;top:-10px;border-bottom:8px solid #CBE3F6;border-top-width:2px;} .tutorbox .close{display:block;position:absolute;right:20px;top:20px;width:30px;height:30px;line-height:30px;font-size:14px;text-align:center;color:#328FD4;-moz-border-radius:0 5px;-webkit-border-radius:0 5px;border-radius:0 5px;} .tutorbox .close:before, .tutorbox .close:after{content:'';position:absolute;left:50%;top:50%;width:15px;height:2px;background-color:#328FD4;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} .tutorbox .close:before{-moz-transform:translate(-50%, -1px) rotate(45deg);-webkit-transform:translate(-50%, -1px) rotate(45deg);-ms-transform:translate(-50%, -1px) rotate(45deg);transform:translate(-50%, -1px) rotate(45deg);} .tutorbox .close:after{-moz-transform:translate(-50%, -1px) rotate(-45deg);-webkit-transform:translate(-50%, -1px) rotate(-45deg);-ms-transform:translate(-50%, -1px) rotate(-45deg);transform:translate(-50%, -1px) rotate(-45deg);} .tutorbox .close:hover{color:#FFFFFF;background:#328FD4;} .tutorbox .close:hover:before, .tutorbox .close:hover:after{background:#FFFFFF;} .bx-wrapper .bx-controls .bx-prev, .bx-wrapper .bx-controls .bx-next{top:-1.5em;margin-top:-0.75em;background:rgba(0,0,0,0.1);color:#666666;width:1.5em;height:1.5em;line-height:1.5em;font-size:1.5em;text-indent:0 !important;text-align:center;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .bx-wrapper .bx-controls .bx-prev{left:auto;right:2.4em;} .bx-wrapper .bx-controls .bx-next{right:10px;} .bx-wrapper .bx-controls .bx-prev:before, .bx-wrapper .bx-controls .bx-next:before{font-family:'FontAwesome';font-size:1.25em;} .bx-wrapper .bx-controls .bx-prev:before{content:'\f104';margin-left:-0.05em;} .bx-wrapper .bx-controls .bx-next:before{content:'\f105';margin-right:-0.1em;} .bx-wrapper .bx-controls .bx-prev:hover, .bx-wrapper .bx-controls .bx-next:hover{background-color:#328FD4;color:#FFFFFF;} #sectionWelcome{color:#FFFFFF;background:#DDE8EE url(../images/start/section-welcome-bg.jpg) center center;background-attachment:fixed;background-size:cover;overflow:hidden;} #sectionWelcome .contentSectionContent{padding-top:40px;padding-bottom:0;} #sectionWelcome .contentBoxInner{margin-bottom:0;} #sectionWelcome H1{font-weight:normal;font-size:3em;} #sectionWelcome .facts{color:rgba(0,0,0,0.8);color:#FFFFFF;} #welcomeMacbookVideo{float:right;width:620px;} #welcomeMacbookVideoBackground{position:relative;padding-bottom:58.06%;background:url(../images/start/MacBook-Video.png) no-repeat center top;background-size:cover;} #welcomeImages{position:relative;float:right;width:50%;margin-left:2em;padding-bottom:1%;} #welcomeTablet{margin-right:10%;width:90%;} #welcomeTablet IMG{max-width:100%;height:auto;} #welcomePhone{float:right;width:30%;position:relative;margin-top:-45%;} #welcomePhone IMG{max-width:100%;height:auto;} #sectionCategoryBoxes .contentSectionContent{padding-top:40px;padding-bottom:40px;} #sectionWelcomeEK, #sectionWelcomeVK{overflow:hidden;} #sectionWelcomeEK H2, #sectionWelcomeVK H2{font-size:1.6em;} #sectionWelcomeEK .contentSectionContent, #sectionWelcomeVK .contentSectionContent{padding-top:40px;padding-bottom:40px;} #sectionWelcomeVK{border-top:1px solid #CCCCCC;} .imageAccordion{height:600px;} .imageAccordion:after{content:'';display:block;clear:both;} .imageAccordionImages{position:relative;width:40%;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .imageAccordionImages IMG{position:absolute;left:0;top:0;opacity:0;transform:scale(1);z-index:10;} .imageAccordionImages IMG.act{z-index:30;opacity:1;-webkit-animation:imageAccordionImageAct 1.0s;animation:imageAccordionImageAct 1.0s;} .imageAccordionImages IMG.out{z-index:10;-webkit-animation:imageAccordionImageOut 1.0s;animation:imageAccordionImageOut 1.0s;} .imageAccordionTexts{position:relative;width:50%;float:right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .imageAccordionSection{position:relative;padding:0 0 0 2.5em;} .imageAccordionSection:before{content:'';display:block;position:absolute;left:6px;top:1.75em;height:100%;border-left:1px solid #D8D8D8;} .imageAccordionSection:after{content:'';display:block;position:absolute;left:6px;top:1.75em;width:11px;height:11px;background-color:#FFFFFF;border:1px solid #BBBBBB;margin-top:-6px;margin-left:-6px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .imageAccordionSection:last-child:before{display:none;} .imageAccordionSection .imageAccordionToggle{margin:0 0 0 0;padding:1em 0;color:#999999;cursor:pointer;border-top:1px solid #DDDDDD;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} .imageAccordionSection .imageAccordionToggle:hover{color:#000000;} .imageAccordionSection:first-child .imageAccordionToggle{border-top:0;} .imageAccordionSection .imageAccordionContent{margin:0 0 0 0;padding-bottom:1em;} .imageAccordionContent{display:none;} .imageAccordionRight .imageAccordionImages{float:right;} .imageAccordionRight .imageAccordionImages IMG{left:auto;right:0;} .imageAccordionRight .imageAccordionImages IMG.out{-webkit-animation:imageAccordionImageOutRight 1.0s;animation:imageAccordionImageOutRight 1.0s;} .imageAccordionRight .imageAccordionTexts{float:left;} .imageAccordionSection.act .imageAccordionToggle{color:#000000;} .imageAccordionSection.act .imageAccordionContent{display:block;} .imageAccordionSection.act:after{background-color:#328fd4;border-color:#328fd4;} @media only screen and (max-width:1120px){#welcomeMacbookVideo{width:50%;} } @media only screen and (max-width:960px){#sectionWelcome{text-align:center;} #welcomeImages{float:none;margin:0 auto;padding-bottom:10%;} } @media only screen and (max-width:900px){#sectionWelcome P.bigger{display:none;} } @media only screen and (max-width:720px){#sectionWelcome{text-align:center;} #welcomeMacbookVideo{float:none;margin:0 auto;width:100%;} #sectionWelcome P.bigger{display:inline-block;} #sectionWelcomeEK .contentSectionContent, #sectionWelcomeVK .contentSectionContent{padding-top:20px;padding-bottom:20px;} .imageAccordion{height:auto;} .imageAccordionTexts{float:left;width:100%;} .imageAccordionImages{display:none;} } @media only screen and (max-width:560px){#welcomeImages{width:80%;padding-bottom:16%;} #sectionWelcome H1{font-size:2em;} } @-webkit-keyframes imageAccordionImageAct{0%{opacity:0;z-index:10;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	60%{opacity:1;z-index:30;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} } @keyframes imageAccordionImageAct{0%{opacity:0;z-index:10;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	60%{opacity:1;z-index:30;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} } @-webkit-keyframes imageAccordionImageOut{0%{left:0;opacity:1;z-index:30;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} 	10%{opacity:1;z-index:30;} 	50%{left:-80%;opacity:0.5;z-index:10;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	90%{left:0;moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	100%{opacity:0;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} } @keyframes imageAccordionImageOut{0%{left:0;opacity:1;z-index:30;moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} 	10%{opacity:1;z-index:30;} 	50%{left:-80%;opacity:0.5;z-index:10;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	90%{left:0;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	100%{opacity:0;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} } @-webkit-keyframes imageAccordionImageOutRight{0%{right:0;opacity:1;z-index:30;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} 	10%{opacity:1;z-index:30;} 	50%{right:-80%;opacity:0.5;z-index:10;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	90%{right:0;moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	100%{opacity:0;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} } @keyframes imageAccordionImageOutRight{0%{right:0;opacity:1;z-index:30;moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} 	10%{opacity:1;z-index:30;} 	50%{right:-80%;opacity:0.5;z-index:10;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	90%{right:0;-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);} 	100%{opacity:0;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);} } .pageUeber-lieferanten #main{font-size:1.125em;} .pageUeber-lieferanten #main H2{font-size:1.5em;} .pageUeber-lieferanten #main .listCheck{font-size:1.07em;} #sectionEinkaufHead{margin-bottom:-4em;padding-bottom:9em;background:#FFFFFF url(../images/lp-einkauf/landschaft-bg.png) no-repeat center bottom;} #sectionEinkauf01:before{content:'';position:absolute;right:0;top:0;width:33%;height:100%;background:url(../images/lp-einkauf/marker.svg) no-repeat center 25%;background-size:contain;opacity:0.33;} #sectionEinkauf01 .title{font-family:'Lato',Arial,Helvetica,sans-serif;} #sectionEinkauf01 .subtitle{font-weight:bold;} #sectionEinkauf01 .listCheck3 LI{margin:0.75em 0;font-size:1.1em;} #sectionEinkauf01 .factsGrey UL LI{color:#444444;} #sectionEinkauf01 .factsGrey UL LI I{color:inherit;} #sectionEinkauf01 .buttonDown{margin-left:0.33em;} #sectionEinkauf02, #sectionEinkauf03, #sectionEinkauf04, #sectionEinkauf05, #sectionEinkauf06, #sectionEinkauf07{font-size:1.125em;padding-top:2em;padding-bottom:2em;} #sectionEinkauf08{padding-top:4em;padding-bottom:6em;} #sectionEinkauf08 H2{font-size:1.5em;} #sectionEinkauf08:before{content:'';position:absolute;left:15%;top:0;width:70%;height:100%;background:url(../images/lp-einkauf/lupe.svg) no-repeat center 75%;background-size:cover;} @media only screen and (max-width:975px){#sectionEinkaufHead{margin-bottom:-6em;} #sectionEinkauf01{text-align:center;} #sectionEinkauf01 .listCheck3{display:inline-block;} #sectionEinkauf01 .listCheck3 LI{text-align:left;} #sectionEinkauf01:before{display:none;} #sectionEinkauf08:before{width:100%;left:0;} } @media only screen and (max-width:680px){#sectionEinkaufHead{background:none;padding-bottom:0;margin-bottom:0;} #sectionEinkauf01 .listCheck3 LI{font-size:1em;} #sectionEinkauf02, #sectionEinkauf03, #sectionEinkauf04, #sectionEinkauf05, #sectionEinkauf06, #sectionEinkauf07{font-size:1em;padding-top:1em;padding-bottom:1em;} } @media only screen and (max-width:400px){} #sectionPremiumHead{margin-bottom:-4em;padding-bottom:9em;background:#FFFFFF url(../images/premium/premium-head-bg.jpg) no-repeat center bottom;} #sectionPremium01 .contentSectionContent{font-size:1.125em;} #sectionPremium02 .contentSectionContent, #sectionPremium03 .contentSectionContent, #sectionPremium04 .contentSectionContent, #sectionPremium05 .contentSectionContent, #sectionPremium06 .contentSectionContent, #sectionPremium07 .contentSectionContent{padding:2em 0;font-size:1.125em;} #sectionPremium01:before{content:'';position:absolute;right:0;top:0;width:33%;height:100%;background:url(../images/lp-lieferanten/clipboard.svg) no-repeat center 25%;background-size:contain;opacity:0.33;} #sectionPremium01 H1{font-family:'Lato',Arial,Helvetica,sans-serif;font-size:1.95em;} #sectionPremium01 .subtitle{font-size:1.111em;font-weight:bold;} #sectionPremium01 .listCheck3 LI{margin:0.75em 0;} #sectionPremium01 .factsGrey UL{text-align:center;} #sectionPremium01 .factsGrey UL LI{color:#444444;} #sectionPremium01 .factsGrey UL LI I{color:inherit;} #sectionPremium01 .factsGrey UL LI I.fa-mouse-pointer{font-size:1.75em;border:3px solid #444444;padding:5px 10px 5px 13px;margin-top:6px;border-radius:4px;} #sectionPremiumTestimonials .contentSectionContent{padding:2em 0;} #contentBoxTestimonialsTitle{font-size:1.125em;} .testimonialsList2 UL:after{content:'';display:block;clear:both;} .testimonialsList2 UL{margin:0 0 0 0;padding:0 0 0 0;text-align:center;} .testimonialsList2 UL LI{display:block;margin:0 0 0 0;padding:0 0 0 0;width:100%;list-style-type:none;text-align:start;} .testimonialsList2 UL LI .testimonialsList2Item{margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:normal;align-items:normal;align-content:normal;} .testimonialsList2 UL LI .testimonialsList2Item > DIV{display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px;flex-grow:0;flex-shrink:1;flex-basis:auto;align-self:auto;} .testimonialsList2 UL LI .testimonialsList2Item .colLeft{position:relative;width:32%;margin-right:4%;padding:30px;background:#FFFFFF;text-align:center;} .testimonialsList2 UL LI .testimonialsList2Item .colLeft .image IMG{display:block;margin:0 auto 0 auto;width:150px;height:auto;border-radius:50%;border:1px solid #DDDDDD;} .testimonialsList2 UL LI .testimonialsList2Item .colLeft .name{margin-top:20px;} .testimonialsList2 UL LI .testimonialsList2Item .colRight{position:relative;width:64%;padding:30px;background:#FFFFFF;line-height:1;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .image IMG{position:relative;top:-5px;border-radius:50%;float:left;margin-right:10px;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .person{position:absolute;left:30px;bottom:30px;width:45%;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .person .name{margin:0 0 0 0;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .statement{float:left;font-weight:bold;width:50%;padding-right:20px;font-style:italic;font-size:1.15em;line-height:1.2;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .text{float:left;width:50%;padding-left:20px;border-left:1px solid #DDDDDD;line-height:1.25;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .text H3{margin:0 0 0.25em 0;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .text P{line-height:1.25;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .text *:last-child{margin-bottom:0;} .testimonialsList2 .bx-pager{width:100%;} @media only screen and (max-width:899px){.testimonialsList2 UL LI .testimonialsList2Item .colRight .statement{float:none;width:auto;padding-right:0;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .text{display:none;} .testimonialsList2 UL LI .testimonialsList2Item .colRight .person{position:relative;left:0;bottom:auto;width:auto;margin-top:30px;} } @media only screen and (max-width:599px){.testimonialsList2 UL LI .testimonialsList2Item .colLeft{float:none;width:100%;margin:0 0 -20px 0;} .testimonialsList2 UL LI .testimonialsList2Item .colLeft .name{display:none;} .testimonialsList2 UL LI .testimonialsList2Item .colLeft .country{display:none;} .testimonialsList2 UL LI .testimonialsList2Item .colRight{float:none;width:100%;} } .testimonialsList{margin:-20px;} .testimonialsList UL:after{content:'';display:block;clear:both;} .testimonialsList UL{margin:0 0 0 0;padding:0 0 0 0;text-align:center;} .testimonialsList UL LI{display:inline-block;vertical-align:top;margin:0 0 0 0;padding:0 0 0 0;width:33.333%;max-width:400px;list-style-type:none;text-align:start;} .testimonialsList UL LI .testimonialsListItem{margin:20px;padding:20px;background:#FFFFFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .testimonialsList UL LI .testimonialsListItem .image{margin:-70px auto 1em auto;width:100px;} .testimonialsList UL LI .testimonialsListItem .image IMG{display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .testimonialsList UL LI .testimonialsListItem .person SPAN{display:block;} .testimonialsList UL LI .testimonialsListItem .person .name{font-size:1.25em;} .testimonialsList UL LI .testimonialsListItem .person .function{color:#328FD4;} .testimonialsList UL LI .testimonialsListItem .person .company{margin-top:0.33em;font-size:0.825em;} .testimonialsList UL LI .testimonialsListItem .person .stars{margin-top:0.33em;color:#328FD4;} .testimonialsList UL LI .testimonialsListItem .text{margin-top:1em;} #sectionPremiumSoFunktioniert .contentSectionContent{padding:2em 0;font-size:1.125em;} #sectionPremiumSoFunktioniert EM{position:absolute;left:0;top:15%;display:block;width:1em;height:1em;line-height:1em;text-align:center;font-style:normal;padding:0.25em;font-size:2em;font-weight:bold;color:#FFFFFF;background:#328FD4;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} #sectionPremiumSoFunktioniert #contentBoxFunktioniert2{margin-top:100px;margin-bottom:-100px;} #sectionPremiumSoFunktioniert #contentBoxFunktioniert4{margin-top:100px;margin-bottom:-100px;} #sectionPremiumSoFunktioniert #contentBoxFunktioniert6{margin-top:100px;} @media only screen and (max-width:975px){#sectionPremium01{text-align:center;} #sectionPremium01:before{display:none;} #sectionPremium01 .listCheck3{display:inline-block;} #sectionPremium01 .listCheck3 LI{text-align:left;} } #sectionPremium02 .factsGrey{margin:0 0 0 0;padding:0 0 2em 0;font-size:0.88em;} #sectionPremium02 .factsGrey UL LI, #sectionPremium02 .factsGrey UL LI I{color:#444444;} #sectionPremium02 .factsGrey UL LI I.fa-mouse-pointer{margin:0.2em 0.4em 0.64em 0;width:1.5em;height:1em;padding:0.25em;text-align:center;font-size:1.5em;border:3px solid #444444;border-radius:3px;} #sectionPremium02 .image, #sectionPremium03 .image, #sectionPremium04 .image{margin:-20px 0;} #terminBox .boxContent{background:#EEEEEE;} .box .form{background:none;} .box .formContent{margin:0 0 0 0;} .box .formContent P{margin-bottom:0;} .box .formColumn{padding:5px 10px;} .box .formFoot{background:none;padding:10px;} @media only screen and (max-width:900px){#sectionPremiumHead{margin-bottom:-6em;} #sectionPremium01 .image{display:none;} #sectionPremium01 .button{margin-left:auto;} .testimonialsList UL LI{width:50%;} } @media only screen and (max-width:680px){#sectionPremiumHead{background:none;padding-bottom:0;margin-bottom:0;} } @media only screen and (max-width:600px){#sectionPremium01{background-position:left center;} .contentBoxContentImageLeft .image IMG, .contentBoxContentImageRight .image IMG{margin:0 auto 0 0;} .box .formColumn{padding:0 10px;} .testimonialsList UL LI{width:100%;} #sectionPremiumSoFunktioniert EM{left:50%;top:0;margin-left:-1em;} #sectionPremiumSoFunktioniert #contentBoxFunktioniert2{margin-top:0;margin-bottom:0;} #sectionPremiumSoFunktioniert #contentBoxFunktioniert4{margin-top:0;margin-bottom:0;} #sectionPremiumSoFunktioniert #contentBoxFunktioniert6{margin-top:0;} } .pageVideo #main{font-size:1.125em;} .pageVideo #main H2{font-size:1.5em;} .pageVideo #contentSectionVideoHead{margin-bottom:-2.5em;} @media only screen and (max-width:900px){.pageVideo #contentBoxVideo{margin-bottom:-4em;} } #contentSectionAnfrage01 .contentSectionContent{padding:60px 0;} .siegelTop{position:absolute;right:2em;top:-4em;} @media only screen and (max-width:680px){.siegelTop{display:none;} } #sectionRegisterEk{background:#FFFFFF url(../images/registrieren/landschaft-bg.png) no-repeat center center;} #sectionRegisterEk .priceTag{position:absolute;right:2em;top:3em;z-index:20;} #sectionRegisterEk .form{background:none;} #sectionRegisterEk .formContent{margin:0 -10px;} #sectionRegisterEk .formFoot{padding:1em 0 0 0;background:none;} #sectionRegisterEk .formField{display:block;float:left;clear:none;width:50%;padding:10px;} #sectionRegisterEk .formField SELECT, #sectionRegisterEk .formField INPUT, #sectionRegisterEk .formField TEXTAREA{padding:5px;background-color:#E7EFF5;border:1px solid #328FD4;-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);} #sectionRegisterEk .formFieldError SELECT, #sectionRegisterEk .formFieldError INPUT, #sectionRegisterEk .formFieldError TEXTAREA{border-color:#990000;-moz-box-shadow:1px 1px 2px rgba(125,0,0,0.2);-webkit-box-shadow:1px 1px 2px rgba(125,0,0,0.2);box-shadow:1px 1px 2px rgba(125,0,0,0.2);} #sectionRegisterEk .formField SELECT{padding:4px;} #sectionRegisterEk .formField .radio{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;background:none;} #sectionRegisterEk .formField .checkbox{margin-bottom:2em !important;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;background:none;width:auto;float:left;margin-bottom:15px;} #sectionRegisterEk .formField A{color:#222222;text-decoration:underline;} #contentRegisterEkInfo{padding-right:180px;background:rgba(255,255,255,0.66) url(../images/registrieren/registrieren-steve.png) no-repeat right center;} #contentRegisterEkInfo .bubbleProdukt{position:absolute;right:-180px;bottom:1em;width:160px;padding:0.5em;text-align:center;font-weight:bold;color:#FFFFFF;font-size:0.85em;background-color:#328FD4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:0 2px 3px rgba(0,0,0,0.1);} #contentRegisterEkInfo .bubbleProdukt:after{content:'';position:absolute;left:36%;bottom:-0.9em;margin-left:-1em;border-top:1em solid #328FD4;border-left:1em solid transparent;border-right:1em solid transparent;} #contentRegisterEkInfo LI{color:#4F4F4F;} #contentRegisterEkInfo LI.mark:before{content:'\f0a9';} @media only screen and (max-width:975px){#contentRegisterEkInfo{padding-right:0;background:none;} #contentRegisterEkInfo .bubbleProdukt{right:0;bottom:auto;top:0;} #contentRegisterEkInfo .bubbleProdukt:after{display:none;} } @media only screen and (max-width:680px){#sectionRegisterEk .priceTag{position:static;right:auto;top:auto;margin:0 auto;} #contentRegisterEkInfo .bubbleProdukt{display:none;} } #contentRegisterEkTitle2 H3{margin-bottom:0;} #contentRegisterEkTitle2 IMG{width:75px;height:auto;} #contentRegisterEkForm2 .price{display:block;float:right;padding:0.5em;margin:-20px -20px 0 auto;line-height:1;font-size:1em;font-weight:normal;text-align:center;color:#FFFFFF;background:#328FD4;-moz-border-radius:0 3px 0 3px;-webkit-border-radius:0 3px 0 3px;border-radius:0 3px 0 3px;} #contentRegisterEkForm2 .form{margin:-40px -20px -20px -20px;background:none;} #contentRegisterEkForm2 .formContent INPUT, #contentRegisterEkForm2 .formContent SELECT{padding:10px;background:#EEEEEE;border:0;border-bottom:3px solid #CCCCCC;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} #contentRegisterEkForm2 .formFieldError INPUT, #contentRegisterEkForm2 .formFieldError SELECT{border-color:#FFA4A4;background-color:#FFE6E6;} #contentRegisterEkForm2 .formFoot{background:none;padding:0 20px;} #contentRegisterEkForm2 .form .submit{padding:0.75em 1.25em;} #contentRegisterEkInfo2 .listLines{margin-bottom:1em;font-size:1.1em;} #contentRegisterEkInfo2 .listLines LI{padding:0.5em 0;} #contentRegisterEkInfo2 .listLines LI I{width:1em;margin-right:0.5em;} #contentRegisterEkInfo2 .listLines LI B{font-size:1em;} #contentRegisterEkIconsSub{display:none;} .benefitsEK UL{margin:0 -20px -10px -20px;padding:0 0 0 0;} .benefitsEK UL:after{content:'';display:block;clear:both;} .benefitsEK UL LI{display:inline-block;vertical-align:top;margin:0 0 0 0;padding:20px;width:33.333%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .benefitsEK UL LI IMG{display:block;float:left;margin-right:1em;} @media only screen and (max-width:976px){.benefitsEK UL LI{width:50%;} } @media only screen and (max-width:680px){#contentRegisterEkTitle2{text-align:center;} #contentRegisterEkTitle2 .contentBoxHead{padding-bottom:0;} #contentRegisterEkTitle2 .contentBoxContent{display:none;} #contentRegisterEkForm2 .contentBoxInner{margin:-20px 0 20px 0;} #contentRegisterEkForm2 .contentBoxContent{padding:40px;} #contentRegisterEkForm2 .contentBoxHead{padding:0;} #contentRegisterEkForm2 .contentBoxHead .title{display:none;} #contentRegisterEkForm2 .contentBoxHead .price{float:none;margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #contentRegisterEkForm2 .form{margin-top:-30px;} #contentRegisterEkIconsSub{display:block;} .benefitsEK UL{margin:-10px;} .benefitsEK UL LI{padding:10px;text-align:center;} .benefitsEK UL LI IMG{float:none;margin:0 auto;} } #contentBoxEkRegisterSuccessHead .listCheck3 LI{margin:0.66em 0;padding-left:1.5em;} #contentBoxEkRegisterSuccessHead .listCheck3 LI:before{top:-0.125em;font-size:1.25em;} #contentBoxEkRegisterSuccessSummary{font-size:1.125em;} #contentBoxEkRegisterSuccessSummary P{line-height:1.25;} #contentBoxEkRegisterSuccessSummary EM{float:right;font-style:normal;} #contentBoxEkRegisterSuccessSummary U{position:relative;display:block;text-decoration:none;} #contentBoxEkRegisterSuccessSummary U:before{content:'';position:absolute;left:0;top:50%;right:0;border-top:2px solid #328FD4;} #contentBoxEkRegisterSuccessSummary SPAN{color:#999999;font-size:0.75em;} #contentBoxEkRegisterSuccessSummary HR{height:2px;} #contentBoxEkRegisterSuccessSummary .sum{margin-top:1em;font-size:1.125em;font-weight:bold;} #contentBoxEkRegisterSuccessSummary .sum SPAN{font-weight:normal;font-size:0.67em;} #contentBoxEkRegisterSuccessPaypal .subtitle{font-size:1em;} #contentBoxEkRegisterSuccessPaypal .button{margin:0;} #contentBoxEkRegisterSuccessPaypal .contentBoxContent{padding-top:0;} #contentBoxEkRegisterSuccessMoneyorder .contentBoxContent{padding-top:0;} #contentBoxEkRegisterSuccessMoneyorder .contentBoxHead{padding:20px 2em 20px 20px;background:none;} #contentBoxEkRegisterSuccessMoneyorder .subtitle{font-size:1em;} .contentBoxToggle .contentBoxHead:before{left:auto;right:20px;top:20px;font-size:1.25em;font-family:'FontAwesome';} .contentBoxToggle .contentBoxHead:hover:before{color:#328FD4;} .contentBoxToggle .contentBoxContent{display:none;padding-top:0;} @media only screen and (min-width:976px){#contentBoxEkRegisterSuccessSummary{float:right;} } @media only screen and (max-width:600px){#sectionEkRegisterSuccess1 .contentSectionContent, #sectionEkRegisterSuccess2 .contentSectionContent{padding:0 0 0 0;} #contentBoxEkRegisterSuccessHead H1{font-size:1.5em;} #contentBoxEkRegisterSuccessHead .contentBoxHead{padding-bottom:0;} #contentBoxEkRegisterSuccessHead .subtitle, #contentBoxEkRegisterSuccessHead .contentBoxContent{display:none;} #contentBoxEkRegisterSuccessSummary{font-size:1em;} #contentBoxEkRegisterSuccessSummary P{margin-bottom:0.5em;} #contentBoxEkRegisterSuccessSummary .sum{margin-top:0.5em;} #contentBoxEkRegisterSuccessPaypal .contentBoxInner{margin-top:0;} #contentBoxEkRegisterSuccessPaypal .button{margin-top:0;} #contentBoxEkRegisterSuccessPaypal H2, #contentBoxEkRegisterSuccessMoneyorder H2{font-size:1.25em;} } .flipLeft, .flipRight{position:absolute;left:0;top:50%;margin:-1em 0 0 -5em;z-index:20;} .flipRight{left:auto;right:0;margin:-1em -5em 0 0;} .flipLeft A, .flipRight A{display:block;width:1.5em;height:1.5em;font-size:2em;line-height:1.5em;background-color:#328FD4;color:#FFFFFF;text-align:center;text-shadow:1px 1px rgba(0,0,0,0.5);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.33), inset 0 6px 12px rgba(255,255,255,0.15), inset 0 -6px 12px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.33), inset 0 6px 12px rgba(255,255,255,0.15), inset 0 -6px 12px 0 rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.33), inset 0 6px 12px rgba(255,255,255,0.15), inset 0 -6px 12px 0 rgba(0,0,0,0.1);} .flipLeft A:hover, .flipRight A:hover{background:#175F93 !important;} .flipLeft A:before{content:'\f104';font-family:'FontAwesome';margin-left:-0.1em;} .flipRight A:before{content:'\f105';font-family:'FontAwesome';margin-right:-0.1em;} @media only screen and (max-width:1200px){.flipLeft, .flipRight{position:static;top:auto;left:auto;right:auto;width:50%;margin:0 0 1em 0;} .flipLeft{float:left;} .flipRight{float:right;} .flipLeft A{margin:0 auto 0 0;} .flipRight A{margin:0 0 0 auto;} } UL.newsShort{margin:0 0 0 0;padding:0 0 0 0;border-top:1px solid #DDDDDD;} UL.newsShort LI{position:relative;margin:0 0 0 0;padding:0.75em 0 0.75em 6.4em;background:none;border-bottom:1px solid #DDDDDD;list-style-type:none;} UL.newsShort LI SPAN{display:block;position:absolute;left:0;width:7em;padding:2px 0 2px 0;text-align:center;font-size:0.8em;color:#FFFFFF;background:#CCCCCC;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} UL.newsShort LI H3{margin:0 0 0 0;font-size:1em;line-height:1.25;} UL.newsShort LI H3 A{color:#222222;} UL.newsList{margin:0 0 0 0;padding:0 0 0 0;border-top:1px solid #DDDDDD;} UL.newsList LI{position:relative;margin:0 0 0 0;padding:2em 0 3.5em 170px;background:none;border-bottom:1px solid #DDDDDD;list-style-type:none;} UL.newsList LI SPAN{display:block;position:absolute;left:2em;top:-1em;line-height:1;padding:0.5em 1em;text-align:center;letter-spacing:1px;font-size:0.75em;color:#FFFFFF;background:#CCCCCC;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} UL.newsList LI H3{margin:0 0 0.33em 0;} UL.newsList LI H3 A{color:#222222;} UL.newsList LI H3 A:hover{color:#328FD4;} UL.newsList LI P{margin:0 0 0 0;} UL.newsList LI DIV.newsListImage{float:left;margin-left:-170px;width:148px;border:1px solid #DDDDDD;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} @media only screen and (max-width:480px){UL.newsList LI{padding-left:0;} UL.newsList LI DIV.newsListImage{float:none;margin:0 0 1em 0;} } .newsDetail .newsDetailDate{display:block;margin-bottom:0.5em} .newsDetail .newsDetailImage{float:right;margin:0.5em 0 0.5em 1em;max-width:50%;border:1px solid #DDDDDD;overflow:hidden;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .newsDetail .newsDetailImage IMG{width:100%;} .autor{margin:1em 0;font-weight:bold;} .socialBookmarks{padding:0.5em 1em;margin:1em 0;float:right;background-color:rgba(0,0,0,0.05);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .socialBookmarks:after{content:'';clear:both;display:block;} @media only screen and (max-width:560px){.newsDetail .newsDetailImage{clear:both;float:none;max-width:100%;margin:1em 0;} } #benefits{position:absolute;right:20px;top:50px;} #benefits H3{font-size:18px;margin:0 0 0 0;} #benefits UL{margin:0 0 0 0;padding:0 0 0 0;float:left;} #benefits UL LI{margin:0.5em 0 0 1em;padding:0 0 0 24px;list-style-type:none;float:left;font-weight:bold;font-size:15px;background:url(../template/pix/icon-check-4.png) no-repeat left center;} .lieferantenListHeader{margin-top:1em;margin-bottom:1em;} .lieferantenListHeader:after{content:'';display:block;clear:both;} .lieferantenListHeaderLeft{float:left;} .lieferantenListHeaderLeft .button{margin:0;} .lieferantenListHeaderRight{float:right;} .lieferantenListHeaderRight SELECT{padding:6px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#EEEEEE;} @media only screen and (max-width:680px){.lieferantenListHeader{display:none;} } UL.lieferanten{margin:0 0 0 0;padding:0 0 0 0;} UL.lieferanten LI{position:relative;margin:0 0 0.5em 0;padding:1em;padding-right:200px;min-height:6em;background:#F6F6F6;list-style-type:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} UL.lieferanten LI.lieferantenMark1{background:#F6F6F6;border-left:6px solid #328FD4;} UL.lieferanten LI.lieferantenMark2{background:#F6F6F6;border-left:6px solid #444444;} UL.lieferanten LI H3{margin:0 0 0.25em 0;} UL.lieferanten LI H3 I{margin-left:0.4em;color:#FFDC00;line-height:0.5;} UL.lieferanten LI P{margin:0 0 0 0;} UL.lieferanten LI P.location{font-weight:bold;} UL.lieferanten LI P.address{font-size:0.9em;color:#999999;} UL.lieferanten LI P.website{font-size:0.9em;} UL.lieferanten LI P.website A{color:#999999;} UL.lieferanten LI .infos{position:absolute;right:0;top:0;width:200px;height:100%;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} UL.lieferanten LI .infos UL{margin:0 0 0 0;padding:10px;} UL.lieferanten LI .infos UL LI{margin:0 0 0 0;padding:6px 0;line-height:1;color:#666666;min-height:0;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} UL.lieferanten LI .infos UL LI:after{content:'';clear:both;display:block;} UL.lieferanten LI .infos UL LI SPAN.label{font-size:0.9em;} UL.lieferanten LI .infos UL LI SPAN.badge{float:right;top:0;margin:0 0 0 0;} UL.lieferanten LI .infos UL LI I{float:left;margin-right:0.25em;} UL.lieferanten .suggestions{position:absolute;right:1em;top:1em;font-size:0.9em;color:#444444;} UL.lieferanten .buttons{display:none;} UL.lieferanten .buttons .buttonset{margin:0.5em 0 0 0;} UL.lieferanten LI .options{position:absolute;right:8px;top:30px;width:112px;display:none;} UL.lieferanten LI .options UL{margin:0 0 0 0;padding:0 0 0 0;} UL.lieferanten LI .options UL LI{margin:0 0 2px 0;padding:0 0 0 0;height:auto;border:0;font-weight:bold;min-height:0;} UL.lieferanten LI .options SPAN A{color:#666666;padding-right:8px;font-size:12px;} UL.lieferanten .lieferantenSeal{position:absolute;left:584px;top:28px;} UL.lieferanten LI .delete{position:absolute;right:0;top:5px;font-size:16px;} UL.lieferanten LI .delete A{background:#FFFFFF;padding:0 0 5px 5px;display:block;} @media only screen and (max-width:768px){UL.lieferanten LI{padding-right:100px;} UL.lieferanten LI .infos{width:100px;} UL.lieferanten LI .infos UL LI SPAN.label{display:none;} UL.lieferanten LI .infos UL LI I{float:right;margin:0 0 0 0.5em;} } @media only screen and (max-width:560px){UL.lieferanten LI{min-height:auto;padding-right:1em;} UL.lieferanten LI .infos{display:none;} } #filter{margin:0 -20px;} #filter:after{content:'';display:block;clear:both;} .filterColumn{position:relative;float:left;width:33.333%;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .filterColumn H3{margin-bottom:1em;font-size:1em;color:#666666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .filterColumn2:before, .filterColumn3:before{content:'';display:block;position:absolute;left:0;top:20px;bottom:20px;border-left:1px solid #CCCCCC;} .filterColumn1 LABEL{display:none;} .filterColumn SELECT, .filterColumn INPUT[type=text]{width:100%;padding:6px;margin-bottom:15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .filterColumn .filterFieldCheckList UL{margin:0 0 0 0;padding:0 0 0 0;} .filterColumn .filterFieldCheckList UL LI{position:relative;margin:0 0 0 0;padding:0 0 0.5em 0;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .filterColumn .filterFieldCheckList UL LI .badge{margin-left:0.5em;font-size:0.75em;} #filter INPUT[type=checkbox]{display:inline-block;position:absolute;left:2px;top:4px;width:auto;padding:0;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #filter INPUT[type=checkbox] + label{display:inline-block;position:relative;font-size:1em;padding-left:1.75em;} #filter INPUT[type=checkbox] + label:before{content:'';position:absolute;left:0;top:0;background-color:#FFFFFF;display:block;width:20px;height:20px;line-height:18px;font-size:14px;font-weight:normal;text-align:center;border:1px solid #AFBDCF;font-family:'FontAwesome';-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #filter INPUT[type=checkbox] + label:hover:before{border-color:#328FD4;}  #filter INPUT[type=checkbox]:checked + label:before{background-color:#328FD4;border-color:#328FD4;color:#FFFFFF;content:"\f00c";}  .filterColumn .filterFieldRadioList UL{margin:0 0 0 0;padding:0 0 0 0;} .filterColumn .filterFieldRadioList UL LI{position:relative;margin:0 0 0 0;padding:0 0 0.5em 0;list-style-type:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .filterColumn .filterFieldRadioList UL LI .badge{margin-left:0.5em;font-size:0.75em;} #filter INPUT[type=radio]{display:inline-block;position:absolute;left:2px;top:4px;width:auto;padding:0;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #filter INPUT[type=radio] + label{display:inline-block;position:relative;font-size:1em;padding-left:1.75em;} #filter INPUT[type=radio] + label:before{content:'';position:absolute;left:0;top:0;background-color:#FFFFFF;display:block;width:20px;height:20px;line-height:18px;font-size:14px;font-weight:normal;text-align:center;border:1px solid #AFBDCF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} #filter INPUT[type=radio] + label:hover:before{border-color:#328FD4;}  #filter INPUT[type=radio]:checked + label:before{border-color:#328FD4;border-width:6px;}  #filterOverlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(255,255,255,0.8);z-index:250;} #filterOverlay I{position:absolute;left:50%;top:50%;margin:-0.5em 0 0 -0.5em;font-size:3em;} @media only screen and (max-width:840px){#filter .ext{display:none;} } @media only screen and (max-width:680px){#filter{height:0;overflow:hidden;} #filter.act{height:auto;} .filterColumn{width:50%;} .filterColumn1{width:100%;padding-bottom:0;} .filterColumn2:before{display:none;} } #sectionListFilterDelete .contentSectionContent{padding:0 0 0 0;} #sectionListFilterDelete .contentBoxInner{margin-bottom:0;} #filterDelete{clear:both;} #filterDelete UL{margin:0 0 0 0;padding:0 0 0 0;} #filterDelete UL:after{content:'';display:block;clear:both;} #filterDelete UL LI{float:left;margin:0 0.5em 0.5em 0;padding:0 0 0 0;list-style-type:none;} #filterDelete UL LI:last-child{padding-left:0.5em;border-left:1px solid #CCCCCC;} #filterDelete UL LI A{display:block;line-height:2em;padding:0 0.5em;font-size:0.9em;color:#666666;background-color:#EEEEEE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #filterDelete UL LI A:after{content:'\f00d';font-family:'FontAwesome';margin-left:0.5em;color:#888888;} #filterDelete UL LI A:hover{color:#333333;background-color:#DDDDDD;} #filterDelete UL LI A:hover:after{color:#328FD4;} #filterToggle{display:none;margin-top:10px;float:left;position:relative;z-index:25;} #filterToggle A#buttonFilterToggle{display:inline-block;margin-right:0.5em;padding:0.33em 1em 0.44em 1em;line-height:normal !important;font-size:1.1em;color:#666666;background:#EEEEEE;border:1px solid #999999;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #filterToggle A#buttonFilterToggle:after{content:'\f0d7';font-family:'FontAwesome';margin-left:0.5em;} #filterToggle A#buttonFilterToggle:hover{color:#000000;background:#DDDDDD;border-color:#000000;} #filterToggle A#buttonFilterToggle.act:after{content:'\f0d8';} #filterToggle A#buttonMultiRequestMobile{margin:0 0 0 0;} @media only screen and (max-width:680px){#filterToggle{display:block;} } .lieferantenBox{margin:0 -20px;} .lieferantenBox UL{margin:0 0 0 0;padding:0 0 0 0;overflow:hidden;} .lieferantenBox UL LI{position:relative;margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBox UL LI DIV.lieferantenBoxItem{display:block;position:relative;margin:20px;background:#FFFFFF;border-bottom:3px solid #328FD4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.1);} .lieferantenBox UL LI .boxHead{padding:20px 20px 15px 20px;} .lieferantenBox UL LI .boxBody{padding:0 20px 20px 20px;min-height:60px;} .lieferantenBox UL LI .boxBody:after{content:'';display:block;clear:both;} .lieferantenBox UL LI H4{width:48%;margin:0 0 15px 0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lieferantenBox UL LI H4 .fa-heart{vertical-align:middle;margin-top:-0.25em;font-size:0.75em;color:#999999;} .lieferantenBox UL LI P.city{position:relative;width:48%;margin:0 0 0 0;padding:0 0 0 2em;font-size:0.9em;line-height:1.25;color:#444444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBox UL LI P.city:before{content:'\f041';font-family:'FontAwesome';position:absolute;left:0.1em;top:0;font-size:28px;color:#328FD4;} .lieferantenBox UL LI P.city .type{display:block;font-weight:bold;font-size:1.1em;}  .lieferantenBox UL LI P.text{color:#888888;font-size:0.9em;height:4.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;} .lieferantenBox UL LI UL.bullets{position:absolute;left:50%;top:0;width:25%;height:100%;padding:20px;background:#EEF6FC;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBox UL LI UL.bullets:after{content:'';display:block;clear:both;} .lieferantenBox UL LI UL.bullets LI{width:auto;margin:0 0 0 0;padding:0 0;font-size:0.9em;line-height:1.5;color:#666666;border-bottom:1px solid rgba(50,143,212,0.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .lieferantenBox UL LI UL.bullets LI:last-child{border:0;} .lieferantenBox UL LI UL.bullets LI:before{content:'\f058';font-family:'FontAwesome';font-size:24px;margin:0 0.5em 0 0.1em;color:#328FD4;vertical-align:middle;} .lieferantenBox UL LI P.products{float:left;width:48%;margin:0 0 0 0;color:#888888;font-size:0.9em;height:4.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;} .lieferantenBox UL LI P.products B{color:#444444;} .lieferantenBox UL LI P.anfragen{position:absolute;right:12.5%;top:20px;width:10%;margin:0 0 0 0;line-height:1;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;} .lieferantenBox UL LI P.anfragen:before{content:'\e030';font-family:'lieferanten-icons';display:inline-block;width:1.75em;height:1.75em;margin-right:0.33em;line-height:1.75em;font-size:20px;color:#FFFFFF;background-color:#328FD4;border:1px solid rgba(50,143,212,0.25);text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .lieferantenBox UL LI P.empfehlungen{position:absolute;right:20px;top:20px;width:10%;margin:0 0 0 0;line-height:1;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;} .lieferantenBox UL LI P.empfehlungen:before{content:'\e020';font-family:'lieferanten-icons';display:inline-block;width:1.75em;height:1.75em;margin-right:0.33em;line-height:1.75em;font-size:20px;color:#FFFFFF;background-color:#328FD4;border:1px solid rgba(50,143,212,0.25);text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .lieferantenBox UL LI .buttons{position:absolute;right:0;bottom:0;width:25%;padding:0 20px 20px 20px;text-align:right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBox UL LI .button{width:100%;margin:0 0 0 0;padding:0.75em !important;font-size:1em;line-height:1 !important;} .lieferantenBox UL LI .button:first-child{margin-bottom:0.8em;} .lieferantenBox UL LI .button:after{content:'\f105';font-family:'FontAwesome';font-size:1.5em;margin:-0.25em 0 0 0.5em;line-height:16px;vertical-align:middle;display:inline-block;} .lieferantenBox UL LI DIV.lieferantenBoxItemDummy{opacity:0.5;filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .ie10 .lieferantenBox UL LI DIV.lieferantenBoxItemDummy, .ie11 .lieferantenBox UL LI DIV.lieferantenBoxItemDummy{display:none;} .lieferantenBoxItem.lieferantenBoxItemDummy:before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:100;background:rgba(255,255,255,0.01);} .lieferantenInfobox{position:relative;display:block;width:400px;height:1px;max-width:90%;margin:-10px auto;z-index:100;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenInfobox .boxContent{width:100%;padding:20px;position:absolute;top:150px;z-index:110;text-align:center;background:#EEF6FC;border-top:5px solid #328FD4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-shadow:0 2px 6px rgba(0,0,0,0.25);-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.25);} .lieferantenInfobox .boxContent .button{width:auto;margin:0 0 0 0;} .ie10 .lieferantenInfobox, .ie11 .lieferantenInfobox{padding:10px 0;} .ie10 .lieferantenInfobox .boxContent, .ie11 .lieferantenInfobox .boxContent{position:static;top:auto;} .lieferantenBoxBanner{position:relative;margin:20px;background:#FFFFFF;border-radius:3px;} .lieferantenBoxBanner:after{content:'';display:block;clear:both;} .lieferantenBoxBannerLight{position:relative;float:left;width:75%;min-height:222px;padding:20px;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBoxBannerLight:before{content:'\f054';font-family:'FontAwesome';display:block;position:absolute;right:-0.2em;top:0.2em;font-size:12em;color:#EEEEEE;} .lieferantenBoxBannerLight .title{position:relative;padding-left:3em;margin-bottom:2em;} .lieferantenBoxBannerLight .title H4{margin:0 0 0 0;color:#328FD4;font-size:1.25em;} .lieferantenBoxBannerLight .title:before{content:'\f2b9';display:inline-block;font-family:'FontAwesome';font-size:2em;position:absolute;left:0;top:0.2em;} .lieferantenBoxBannerLight UL LI{width:50%;margin:0.25em 0;padding:0 0.5em 0 1.75em;line-height:1.5;float:left;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBoxBannerLight UL.listCheck LI:before{content:'\f058';font-size:24px;left:0.05em;top:0.05em;line-height:1;} .lieferantenBoxBannerDark{position:relative;float:right;width:25%;padding:20px;background:#333333;color:#FFFFFF;font-size:0.9em;border-radius:0 3px 3px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenBoxBannerDark H4{font-size:1.25em;} .lieferantenBoxBannerDark .button{margin:0 0 0 0;padding:0.75em !important;font-size:1.12em;} @media only screen and (max-width:900px){.lieferantenBox UL LI P.anfragen{display:none;} .lieferantenBox UL LI P.empfehlungen{width:auto;} .lieferantenBox UL LI .button:after{display:none;} .lieferantenBoxBannerLight{width:66.666%;} .lieferantenBoxBannerDark{width:33.333%;} } @media only screen and (max-width:680px){.lieferantenBox UL LI{width:100%;} .lieferantenBox UL LI H4{margin-right:0;width:auto;} .lieferantenBox UL LI P.city{margin-right:0;width:auto;} .lieferantenBox UL LI .boxBody{background:#EEF6FC;padding-top:1em;} .lieferantenBox UL LI UL.bullets{position:static;left:auto;top:auto;float:none;width:auto;margin:0 0 1em 0;padding:0 0 0 0;background:none;} .lieferantenBox UL LI UL.bullets LI{float:none;display:list-item;margin:0 0 0 0;} .lieferantenBox UL LI UL.bullets LI:before{font-size:17px;} .lieferantenBox UL LI UL.bullets LI:last-child{display:none;} .lieferantenBox UL LI P.products{float:none;width:auto;margin:0 0 1em 0;} .lieferantenBox UL LI P.empfehlungen{right:auto;top:auto;left:20px;bottom:20px;text-align:center;} .lieferantenBox UL LI P.empfehlungen:before{display:block;margin:0 0 0.2em 0;font-size:14px;} .lieferantenBox UL LI .buttons{position:relative;right:auto;bottom:auto;width:auto;padding:0 0 0 0;} .lieferantenBox UL LI .button{width:auto;margin:0 0 0 0.25em;} .lieferantenBox UL LI .button:first-child{margin-bottom:0;} .lieferantenBoxBannerLight{display:none;} .lieferantenBoxBannerDark{width:100%;float:none;border-radius:3px;} } #sectionList01{background:#DEE7EE !important;background-size:cover;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList01 .contentSectionContent{padding:1em 0 4em 0;} #sectionList01 H1{display:inline-block;margin:0 0 0 0;} #sectionList01 .subtitle{font-size:1.5em;} #sectionList01 .button:after{content:'\f105';font-family:'FontAwesome';font-size:1.25em;margin:-0.2em 0 0 0.5em;line-height:16px;vertical-align:middle;display:inline-block;} #sectionList01 .factsBlock{margin:3em auto 4em auto;width:840px;max-width:95%;text-align:left;} #sectionList01 .factsBlock LI{float:none;margin:0 0 10px 0;padding:0 0 0 0;width:auto;} #sectionList01 .factsBlock LI A{position:relative;display:block;border-right:50px solid #328FD4;background-color:rgba(255,255,255,0.9);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList01 .factsBlock LI A:before{content:'\f105';font-family:'FontAwesome';position:absolute;right:-50px;top:50%;margin-top:-15px;width:50px;height:30px;line-height:30px;font-size:2em;text-align:center;color:#FFFFFF;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #sectionList01 .factsBlock LI A:after{content:'';clear:both;display:block;} #sectionList01 .factsBlock LI A:hover{color:#328FD4;background-color:rgba(255,255,255,1);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03);} #sectionList01 .factsBlock LI DIV{float:left;width:50%;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList01 .factsBlock LI H4{font-size:1.9em;color:#333333;margin-top:0.33em;height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList01 .factsBlock LI P{color:#333333;font-size:1.25em;height:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList01 .factsBlock LI I{font-size:4.4em;width:1em;} #sectionList01 .factsBottom{position:absolute;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);} #sectionList01 .factsBottom UL{margin:0 auto;max-width:95%;text-align:center;} #sectionList01 .factsBottom UL LI{display:inline-block;float:none;margin:0 0 0 0;width:360px;max-width:32%;padding:0.5em 2em;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList01 .factsBottom UL LI A{position:relative;display:block;color:#FFFFFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList01 .factsBottom UL LI A:after{content:'';clear:both;display:block;} #sectionList01 .factsBottom UL LI A:hover{color:#328FD4;} #sectionList01 .factsBottom UL LI I{font-size:4.4em;margin-top:-0.12em;width:1em;line-height:1;} #sectionList01 .factsBottom UL LI H4{font-size:1.8em;margin-top:0.25em;height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList01 .factsBottom UL LI P{font-size:1.25em;height:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionListBoxbar{padding:0;} #sectionListBoxbar .contentSectionContent{padding:0;}  #sectionListBoxbar .boxBar{margin-top:-60px;} .boxBar{background:#FFFFFF;border-bottom:3px solid #328FD4;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);box-shadow:0 1px 5px rgba(0,0,0,0.1);} .boxBar UL{display:block;width:100%;margin:0 0 0 0;padding:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .boxBar UL:after{content:'';clear:both;display:block;text-align:center;} .boxBar UL LI{position:relative;margin:0 0 0 0;padding:0 20px;width:33.333%;line-height:1;border-left:1px solid #328FD4;display:inline-block;text-align:left;vertical-align:top;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .boxBar UL LI A{color:#222222;} .boxBar UL LI A:hover{color:#222222;} .boxBar UL LI:first-child{border-left:0;} .boxBar .icon{position:absolute;left:36%;top:0;margin-left:-1.2em;font-size:3.6em;width:1em;text-align:center;color:#444444;} .boxBar .title{margin-left:36%;margin-bottom:0.0625em;font-size:1.5em;dispaly:block;line-height:1.125em;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .boxBar .subtitle{margin-left:36%;font-size:0.9em;line-height:1.125em;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .boxBar .number{margin-left:36%;margin-top:0.25em;font-size:2em;display:block;} @media only screen and (max-width:900px){.boxBar UL{padding:0 20px;} .boxBar UL LI{padding:15px 0;width:auto;display:block;border-left:0;border-top:1px solid #328FD4;} .boxBar UL LI:first-child{border-top:0;} .boxBar .icon{left:0;top:15px;font-size:2.75em;margin:0 0 0 0;} .boxBar .title{margin-left:60px;} .boxBar .subtitle{margin-left:60px;} .boxBar .number{position:absolute;right:0;top:15px;margin-top:0;font-size:1.5em;} } @media only screen and (max-width:480px){.boxBar .icon{font-size:1.75em;margin:0 0 0 0;} .boxBar .title{margin-left:40px;} .boxBar .subtitle{margin-left:40px;} } #sectionList01b H2{padding:1em 0 0 0;} #sectionList01b P.subtitle{font-size:1.8em;width:960px;max-width:95%;color:#328FD4;font-family:'Serifa';font-weight:bold;} #sectionList01b H3{margin:0 0 0.5em 0;font-size:2em;font-family:'Serifa';line-height:1;text-align:center;} #sectionList01b H3 SMALL{font-size:0.66em;font-weight:normal;} #sectionList01b .contentSectionContent{padding:0 0 2em 0;} #sectionList01b .lieferantenBox{margin-bottom:2.5em;} #sectionList01b .pageNavi{font-size:1.125em;margin-top:-40px;} #sectionList01b .pageNaviInfoExtra{margin:1em;text-align:center;} #sectionList01b .pageNaviInfoExtra P{margin:0 0 0.5em 0;font-size:1.2em;} #sectionList01b .pageNaviInfoExtra .button{margin:0 0 0 0;} #sectionList01c .contentSectionContent{padding:3em 0;position:relative;} #sectionList01c H2{margin:0 0 0 0;font-size:2.2em;font-family:'Serifa';} #sectionList01c P.subtitle{font-size:1.5em;width:960px;max-width:95%;} #sectionList01c IMG{margin:3em auto;} #sectionList02 .contentSectionContent{padding:3em 0;position:relative;} #sectionList02 .contentSectionContent:before{content:'';position:absolute;left:0;top:0;width:100%;height:0;border-top:1px solid #CCCCCC;} #sectionList02 H2{margin:0 0 0 0;font-size:2.2em;font-family:'Serifa';} #sectionList02 P.subtitle{font-size:1.5em;width:960px;max-width:95%;} #sectionList02 H3{margin:0 0 0.5em 0;font-size:2em;font-family:'Serifa';} #sectionList02 .countryList{margin:0 0 0 0;padding:0 0 0 0;} #sectionList02 .countryList LI{margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;font-size:1.75em;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList02 .countryList EM{display:inline-block;width:2.2em;font-family:'Serifa';font-style:normal;font-weight:bold;font-size:1.1em;color:#328FD4;} #sectionList03 .contentSectionContent{padding:3em 0;position:relative;} #sectionList03 .contentSectionContent:before{content:'';position:absolute;left:0;top:0;width:100%;height:0;border-top:1px solid #CCCCCC;} #sectionList03 H2{margin:0 0 0 0;font-size:2.2em;font-family:'Serifa';} #sectionList03 P.subtitle{font-size:1.5em;width:960px;max-width:95%;} #sectionList03 H3{margin:0 0 0.5em 0;font-size:2em;font-family:'Serifa';} #sectionList03 .recommList{margin:0 0 0 0;padding:0 0 0 0;} #sectionList03 .recommList LI{margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;font-size:1.75em;line-height:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList03 .recommList EM{display:inline-block;width:2.2em;font-family:'Serifa';font-style:normal;font-weight:bold;font-size:1.1em;color:#328FD4;}  #sectionList03 .chart, #sectionList03 .chart CANVAS{margin:0 auto;width:300px;height:300px;max-width:100%;} #sectionList04 .contentSectionContent{padding:3em 0;} #sectionList04 #listTabs{text-align:center;} #sectionList04 #listTabs .tabNavi{margin:0 auto;display:inline-block;} #sectionList04 #listTabs .tabContents{float:none;display:inline-block;} #sectionList04 #listTabs .tabContent:after{content:'';clear:both;display:block;} #sectionList04 #listTabs .tabContent H2{margin:0 0 0.25em 0;font-size:2.6em;font-family:'Serifa';} #sectionList04 #listTabs .tabContent P{font-size:1.25em;} #sectionList04 #listTabs .tabContent IMG{margin:0 auto;} #sectionList04 #listTabs .tabLeft, #sectionList04 #listTabs .tabRight{margin-top:1em;width:50%;padding:1em;float:left;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList04 #listTabs .tabRight H3{font-size:2em;font-family:'Serifa';} #sectionList04 #listTabs .tabRight UL{margin:0 0 0 0;padding:0 0 0 0;} #sectionList04 #listTabs .tabRight UL LI{margin:0 0 0.5em 0;padding:0 0 0 0;list-style-type:none;font-size:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList04 #listTabs .tabRight UL LI EM{display:inline-block;width:2.25em;font-family:'Serifa';font-style:normal;font-weight:bold;font-size:1.1em;color:#328FD4;}  #sectionList04 #listTabs #tabBeispiele H3 SMALL{font-size:0.66em;white-space:nowrap;font-weight:normal;} #sectionList04 #listTabs #tabBeispiele .tabRight A{font-size:1.25em;}  #sectionList04 #listTabs #tabAnfrage IMG{margin-top:3em;} #sectionList04 #listTabs #tabSprache .statBars{margin:4em 0 0 auto;padding:0 0 0 0;width:300px;max-width:100%;} #sectionList04 #listTabs #tabSprache .statBars LI{position:relative;margin:0 0 1.125em 0;padding:0 0 0 0;list-style-type:none;height:1em;font-size:1.5em;background:#DDDDDD;} #sectionList04 #listTabs #tabSprache .statBars LI SPAN{position:absolute;display:block;width:1px;height:100%;background-color:#328FD4;} #sectionList04 #listTabs #canvasAbsatzContainer, #sectionList04 #listTabs #canvasAbsatzContainer CANVAS, #sectionList04 #listTabs #canvasFirmengroesseContainer, #sectionList04 #listTabs #canvasFirmengroesseContainer CANVAS{margin:0 auto;width:300px;height:300px;max-width:100%;} #sectionList04 #listTabs #lieferantenListScreen .frame{padding:3% 14.5% 10% 14.5%;margin:0 auto;background:url(../template/pix/screenshot-laptop.png) no-repeat center top;background-size:contain;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList04 #listTabs #lieferantenListScreen .frame SPAN{position:relative;padding-bottom:63.75%;margin:0 0 0 0;display:block;overflow:hidden;} #sectionList04 #listTabs #lieferantenListScreen .frame IMG{position:absolute;left:0;top:0;width:100%;height:auto;} #sectionList04 #listTabs .tabBeispieleRight UL LI{font-size:1.25em;margin:0 0 1em 0;} #sectionList04 #listTabs .tabBeispieleRight UL LI EM{color:#328FD4;font-size:1.25em;font-family:'Serifa';} #sectionList04 A.button{margin:4em auto 0 auto;} #sectionList04b .contentSectionContent:before{content:'';position:absolute;left:0;top:0;width:100%;height:0;border-top:1px solid #CCCCCC;} #sectionList04b .contentSectionContent{padding:3em 0;position:relative;} #sectionList04b H2{margin:0 0 0 0;font-size:2.6em;font-family:'Serifa';} #sectionList04b P.subtitle{font-size:1.5em;width:960px;max-width:95%;} #sectionList04b .tabLeft, #sectionList04b .tabRight{margin-top:1em;width:50%;padding:1em;float:left;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList04b .tabRight H3{font-size:2em;font-family:'Serifa';} #sectionList04b .tabRight UL{margin:0 0 0 0;padding:0 0 0 0;} #sectionList04b .tabRight UL LI{margin:0 0 0.5em 0;padding:0 0 0 0;list-style-type:none;font-size:1.75em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList04b .tabRight UL LI EM{display:inline-block;width:2.25em;font-family:'Serifa';font-style:normal;font-weight:bold;font-size:1.1em;color:#328FD4;}  #sectionList04b #canvasFirmengroesseContainer, #sectionList04b #canvasFirmengroesseContainer CANVAS{margin:0 auto;width:300px;height:300px;max-width:100%;} #sectionList05{background:url(../images/lieferanten/lieferanten-section05-bg.jpg) no-repeat center top;background-size:cover;} #sectionList05 .contentSectionContent{padding:3em 0;} #sectionList05 H2{display:inline-block;margin:0 0 0.5em 0;font-size:2.6em;line-height:1;width:960px;max-width:95%;} #sectionList05 P.subtitle{font-size:1.5em;width:960px;max-width:95%;} #sectionList05 .facts{margin:2em auto 3em auto;width:840px;max-width:95%;text-align:left;} #sectionList05 .facts LI{float:none;margin:0 0 10px 0;padding:0 0 0 0;width:auto;} #sectionList05 .facts LI A{position:relative;display:block;padding:20px;border-right:50px solid #328FD4;background-color:rgba(255,255,255,0.9);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #sectionList05 .facts LI A:before{content:'\f105';font-family:'FontAwesome';position:absolute;right:-50px;top:50%;margin-top:-15px;width:50px;height:30px;line-height:30px;font-size:2em;text-align:center;color:#FFFFFF;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} #sectionList05 .facts LI A:after{content:'';clear:both;display:block;} #sectionList05 .facts LI A:hover{color:#328FD4;background-color:rgba(255,255,255,1);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);transform:scale(1.03);} #sectionList05 .facts LI H4{font-size:1.9em;color:#333333;margin-top:0.33em;height:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList05 .facts LI P{color:#333333;font-size:1.25em;height:1.25em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #sectionList05 .facts LI I{font-size:4.4em;font-style:normal;font-weight:bold;width:0.75em;text-align:center;font-family:'Serifa';line-height:1;} #contentBoxAnfrageAlle H3{font-size:1.85em;margin-top:0.5em;} #contentBoxAnfrageAlle .image{margin-bottom:2em;} #contentBoxPremiumBanner > .contentBoxInner{background:url(../images/lieferanten/lieferanten-section-premium-bg.jpg) no-repeat center top;} #contentBoxPremiumBanner .contentBoxBlack > .contentBoxInner{background:rgba(34,34,34,0.75);} #contentBoxPremiumBanner .button{margin-top:0;} @media only screen and (max-width:600px){#contentBoxPremiumBanner > .contentBoxInner{margin:20px 0 0 0;background-image:url(../images/lieferanten/lieferanten-section-premium-bg@600w.jpg);background-size:auto 263px;border-radius:0 0 0 0;} #contentBoxPremiumBanner .contentBoxBlack > .contentBoxInner{margin:233px 20px 0 20px;background:#222222;} } #contentBoxTestenSieUns H3{font-size:1.85em;margin-top:0.5em;} #contentBoxTestenSieUns .contentBox IMG{width:100px;height:auto;} #contentBoxTestenSieUns .contentBox H3{font-size:1.2em;margin-bottom:0;} #contentBoxTestenSieUns .contentBox P{font-size:1.1em;} @media only screen and (max-width:680px){#contentBoxTestenSieUns .contentBox IMG{margin-bottom:0;} #contentBoxTestenSieUns .contentBox H3{margin-top:0;text-align:center;} #contentBoxTestenSieUns .contentBox P{font-size:1em;text-align:center;} } .outViewport .contentBoxHead, .outViewport .button{opacity:0;} .inViewport .contentBoxHead, .inViewport .button{opacity:0;-moz-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px);-moz-animation:onViewportEnter 0.5s ease forwards;-webkit-animation:onViewportEnter 0.5s ease forwards;animation:onViewportEnter 0.5s ease forwards;} .inViewport .button{animation-delay:0.6s;} .outViewport .facts LI{opacity:0;} .inViewport .facts LI{opacity:0;transform:translateY(150px);animation:onViewportEnter 0.5s ease forwards;} .inViewport .facts LI:nth-child(2){animation-duration:0.7s;} .inViewport .facts LI:nth-child(3){animation-duration:0.8s;} .inViewport .facts LI:nth-child(4){animation-duration:0.9s;} @keyframes onViewportEnter{to{opacity:1;-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);} } @media only screen and (max-width:1100px){#sectionList01 .factsBottom UL LI{width:32%;font-size:0.9em;padding:0.5em 1em;} } @media only screen and (max-width:975px){#sectionList01 .factsBottom UL LI{text-align:center;} #sectionList01b H3{text-align:center;} #sectionList02 .contentBox31, #sectionList02 .contentBox32, #sectionList03 .contentBox21{width:50%;} } @media only screen and (max-width:900px){#sectionList01, #sectionList02, #sectionList03, #sectionList04, #sectionList05{font-size:0.9em;} #sectionList04 .tabNavi LI A{display:block;width:21px;padding:0.5em 1em;line-height:1;font-size:1.5em;} #sectionList04 .tabNavi LI A I{font-size:1em;} #sectionList04 .tabNavi LI A SPAN{display:none;} } @media only screen and (max-width:680px){#sectionList01, #sectionList02, #sectionList03, #sectionList04, #sectionList05{font-size:0.8em;} #sectionList01{padding-bottom:0;} #sectionList01 .factsBlock LI DIV{width:100%;} #sectionList01 .factsBlock LI DIV:last-child{display:none;} #sectionList01 .factsBottom{display:none;} #sectionList02 .contentBox31, #sectionList02 .contentBox32, #sectionList03 .contentBox21, #sectionList04 #listTabs .tabLeft, #sectionList04 #listTabs .tabRight{width:100%;text-align:center;} #contentList02boxMap, #contentList03boxStats{display:none;} #sectionList04 #listTabs #canvasAbsatzContainer, #sectionList04 #listTabs #canvasAbsatzContainer CANVAS, #sectionList04 #listTabs #canvasFirmengroesseContainer, #sectionList04 #listTabs #canvasFirmengroesseContainer CANVAS{width:200px;height:200px;} #sectionList04 #listTabs .tabRight UL LI{white-space:normal;} #sectionList04 #listTabs #tabSprache .tabLeft{display:none;} #sectionList04 #listTabs #lieferantenListScreen .frame{width:260px;} #sectionList02, #sectionList03, #sectionList04{font-size:0.8em;text-align:center;} #sectionList04 .tabNavi LI A{padding:0.5em;} #sectionList04b .tabLeft, #sectionList04b .tabRight{width:100%;text-align:center;} } .barChart{padding:0 0 0 0;height:8em;position:relative;background-color:#FFFFFF;border:1em solid transparent;border-width:2em 1em 3em 1em;} .barChart .chartLegend{position:absolute;left:0;right:0;bottom:-2.75em;text-align:center;font-size:0.75em;line-height:1;font-weight:bold;} .barChart .chartLevel{position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid #DDDDDD;font-size:1em;} .barChart .chartLevel SPAN{font-size:0.66em;color:#666666;} .barChart .chartLevel0{bottom:0;} .barChart .chartLevel1{bottom:25%;} .barChart .chartLevel2{bottom:50%;} .barChart .chartLevel3{bottom:75%;} .barChart .chartLevel4{bottom:100%;} .barChart .chartBars{position:absolute;left:10%;top:0;right:0;bottom:0;} .barChart .chartBar{position:absolute;top:0;bottom:0;color:#666666;} .barChart .chartBar .chartBarLine{position:absolute;left:20%;right:20%;bottom:0;height:0%;border:1px solid rgba(0,0,0,0.1);border-bottom:0;font-size:10px;background:#328FD4;cursor:help;-o-transition:all 0.33s;-moz-transition:all 0.33s;-webkit-transition:all 0.33s;-ms-transition:all 0.33s;transition:all 0.33s;} .barChart .chartBar SPAN{position:absolute;display:block;left:0;right:0;font-size:0.5em;bottom:-1.5em;text-align:center;} H1 .fa-heart{display:inline-block;margin-top:-0.25em;vertical-align:middle;font-size:0.66em;color:#999999;} .lieferantenPropperties UL{margin:0 0 0 0;padding:0 0 0 0;} .lieferantenPropperties UL LI{position:relative;margin:0 0 1.5em 0;padding:0 0 0 3.2em;width:33.333%;float:left;list-style-type:none;line-height:1.15;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .lieferantenPropperties UL LI I{position:absolute;left:0;top:0;display:block;margin-right:0.33em;width:1.75em;height:1.75em;line-height:1.75em;text-align:center;color:#666666;font-size:24px;background-color:#EEEEEE;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .lieferantenPropperties UL LI I:before{line-height:1.75em;} .lieferantenPropperties UL LI I.icon-top-tarif:before{color:#328FD4;line-height:1.5em;font-size:1.32em;position:relative;} .lieferantenPropperties UL LI I.icon-logo-l:before{position:relative;} .lieferantenPropperties UL LI EM{font-style:normal;color:#328FD4;font-size:1.2em;font-weight:bold;font-family:'Serifa',Arial,Helvetica,sans-serif;} .lieferantenPropperties UL LI SPAN{font-style:normal;color:#666666;font-size:0.8em;font-weight:bold;text-transform:uppercase;} #inquiryForm #inquiryNachricht, #inquiryFormMulti #inquiryNachricht{height:245px;} #inquiryList{margin:7px 0;max-height:506px;overflow:auto;border:1px solid #DDDDDD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} #inquiryList UL{margin:0 0 0 0;padding:0 0 0 0;background-color:#FFFFFF;} #inquiryList UL LI{position:relative;margin:0 0.5em;padding:0.25em 0 0.15em 0;font-size:1em;list-style-type:none;border-bottom:1px solid #DDDDDD;} #inquiryList UL LI:last-child{border:0;} #inquiryList UL LI INPUT{border:0;background:none;visibility:hidden;} #inquiryList UL LI LABEL{display:block;padding:0.25em 0 0.2em 1.75em;font-size:0.9em;cursor:pointer;color:#222222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #beispielanfrage{padding:1em;width:560px;} #beispielanfrage UL{margin:0 0 0 0;padding:0 0 0 0;} #beispielanfrage UL LI{position:relative;margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;} #beispielanfrage UL LI:after{content:'';display:block;clear:both;} #beispielanfrage UL LI .text{width:55%;margin-right:45%;} #beispielanfrage UL LI .text TEXTAREA{display:block;width:100%;height:12em;} #beispielanfrage UL LI:first-child TEXTAREA{height:9em;border-bottom:0;border-radius:3px 3px 0 0;} #beispielanfrage UL LI:last-child TEXTAREA{height:9em;border-top:0;border-radius:0 0 3px 3px;} #beispielanfrage UL LI .label{position:absolute;right:0;width:40%;top:50%;background:#666666;color:#FFFFFF;padding:0.5em;border-radius:3px;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);} #beispielanfrage UL LI .label:before{content:'';position:absolute;left:-6px;top:50%;margin-top:-6px;border-right:6px solid #666666;border-top:6px solid transparent;border-bottom:6px solid transparent;} #beispielanfrage UL LI .label P{margin:0.25em 0 0 0;line-height:1.25;} #boxLieferantDetailTitel .title{font-family:'Lato',Arial,Helvetica,sans-serif;font-size:2em;} #boxLieferantDetailTitel .subtitle{position:relative;margin:0 0 0 0;padding:0 0 0 2em;font-size:1em;line-height:1.25;color:#444444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailTitel .subtitle:before{content:'\f041';font-family:'FontAwesome';position:absolute;left:0.1em;top:0;font-size:2em;color:#328FD4;} #boxLieferantDetailTitel .subtitle .type{display:block;font-weight:bold;font-size:1.1em;}  #boxLieferantDetailTitel .buttons:after{content:'';display:block;clear:both;} #boxLieferantDetailTitel .buttons UL{margin:2em 0 0 0;padding:0 0 0 0;} #boxLieferantDetailTitel .buttons UL LI{margin:0 1em 0 0;padding:0 0 0 0;float:left;list-style-type:none;} #boxLieferantDetailTitel .buttons UL LI:last-child{margin-right:0;} #boxLieferantDetailTitel .screenshot{max-width:400px;} #boxLieferantDetailTitel .screenshot IMG{display:block;width:100%;height:auto;border:1px solid #DDDDDD;} #boxInquiry .formContent{margin:-20px;margin-bottom:0;padding:0 10px;background:#328FD4;color:#FFFFFF;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;} #boxInquiry .formContent .formSection, #boxInquiry .formContent .grey, #boxInquiry .formContent LABEL, #boxInquiry .formContent SMALL{color:#FFFFFF;} #boxInquiry .formFoot .formField{float:left;} #boxInquiry .formFoot LABEL{text-align:left;} #boxLieferantDetailButtons .contentBoxInner{background:#E6E6E6;} #boxLieferantDetailButtons .contentBoxContent{padding:10px;} #boxLieferantDetailButtons .anchorButtons UL{display:block;margin:0 0 0 0;padding:0 0 0 0;} #boxLieferantDetailButtons .anchorButtons UL:after{content:'';display:block;clear:both;} #boxLieferantDetailButtons .anchorButtons UL LI{margin:0 0 0 0;padding:10px;width:25%;float:left;list-style-type:none;font-size:1.2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailButtons .anchorButtons UL LI A{display:block;margin:0 0 0 0;padding:0.5em 0.6em;text-align:start;color:#111111;background:#FFFFFF;border-radius:3px;} #boxLieferantDetailButtons .anchorButtons UL LI A I{display:inline-block;width:1.5em;height:1em;padding:0.25em 0;margin:0 0.5em 0 0;line-height:1.25em;font-size:1.25em;text-align:center;vertical-align:top;color:#FFFFFF;background:#328FD4;border-radius:3px;} #boxLieferantDetailButtons .anchorButtons UL LI A SPAN{display:inline-block;line-height:2em;font-weight:bold;vertical-align:top;} #boxLieferantDetailButtons .anchorButtons UL LI A:hover{background-color:#DDDDDD;} #boxLieferantDetailProfil .contentBoxHead{border-bottom:1px solid #EEEEEE;} #boxLieferantDetailProfil .lieferantenPropperties UL{margin:0 0 1em 0;padding:0 0 0 0;} #boxLieferantDetailProfil .lieferantenPropperties UL:after{content:'';display:block;clear:both;} #boxLieferantDetailProfil .lieferantenPropperties UL LI{position:relative;margin:0 0 1.5em 0;padding:0 0 0 3.2em;width:25%;float:left;list-style-type:none;line-height:1.15;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailProfil .lieferantenPropperties UL LI I{position:absolute;left:0;top:0;display:block;margin-right:0.33em;width:1.75em;height:1.75em;line-height:1.75em;text-align:center;color:#666666;font-size:24px;background-color:#EEEEEE;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} #boxLieferantDetailProfil .lieferantenPropperties UL LI I:before{line-height:1.75em;} #boxLieferantDetailProfil .lieferantenPropperties UL LI I.icon-top-tarif:before{color:#328FD4;line-height:1.5em;font-size:1.32em;position:relative;} #boxLieferantDetailProfil .lieferantenPropperties UL LI I.icon-logo-l:before{position:relative;} #boxLieferantDetailProfil .lieferantenPropperties UL LI EM{font-style:normal;color:#328FD4;font-size:1.2em;font-weight:bold;font-family:'Serifa',Arial,Helvetica,sans-serif;} #boxLieferantDetailProfil .lieferantenPropperties UL LI SPAN{font-style:normal;color:#666666;font-size:0.8em;font-weight:bold;text-transform:uppercase;} #boxLieferantDetailProfil .portraitText > *:last-child{margin-bottom:0;} #boxLieferantDetailVideo .contentBoxHead{border-bottom:1px solid #EEEEEE;} #boxLieferantDetailVideo .videoBig{display:block;position:relative;padding-bottom:386px;} #boxLieferantDetailVideo .videoBig IFRAME{position:absolute;left:0;top:0;width:100%;height:100%;} #boxLieferantDetailVideo .videoBig .loader{display:hidden;position:absolute;left:50%;top:50%;width:2em;height:2em;margin:-1em 0 0 -1em;font-size:2em;line-height:2em;text-align:center;background:rgba(255,255,255,0.66);z-index:100;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} #boxLieferantDetailVideo .videoList{height:385px;overflow:auto;} #boxLieferantDetailVideo .videoList UL{margin:0 0 0 0;padding:0 0 0 0;} #boxLieferantDetailVideo .videoList UL LI{margin:0 0 5px 0;padding:0 0 0 0;list-style-type:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailVideo .videoList UL LI A{display:block;padding:5px;color:#111111;background:#EEEEEE;} #boxLieferantDetailVideo .videoList UL LI A:after{content:'';display:block;clear:both;} #boxLieferantDetailVideo .videoList UL LI.act A{background:#D5E8F6;} #boxLieferantDetailVideo .videoList UL LI .videoThumb{float:left;margin-right:10px;} #boxLieferantDetailVideo .videoList UL LI .videoThumb IMG{display:block;width:120px;height:auto;} #boxLieferantDetailVideo .videoList UL LI .videoTitle{height:4.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;} #boxLieferantDetailKontakt .contentBoxHead{border-bottom:1px solid #EEEEEE;} #boxLieferantDetailKontakt #map{position:relative;} #boxLieferantDetailKontakt #mapToggle{position:absolute;display:block;width:100%;height:100%;cursor:pointer;background:url(../images/lieferanten/map-dummy.png) center center no-repeat;background-size:cover;} #boxLieferantDetailKontakt #mapToggle SPAN{display:block;position:absolute;left:50%;top:50%;padding:0.5em;text-align:center;background:rgba(255,255,255,0.5);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} #boxLieferantDetailKontakt .socialIcons{margin-top:10px;background:#F8F8F8;padding:10px;} #boxLieferantDetailKontakt .socialIcons UL{margin:-5px;padding:0 0 0 0;} #boxLieferantDetailKontakt .socialIcons UL:after{content:'';display:block;clear:both;} #boxLieferantDetailKontakt .socialIcons UL LI{float:left;margin:0 0 0 0;padding:5px;list-style-type:none;} #boxLieferantDetailKontakt .socialIcons UL LI A{display:block;width:1.5em;height:1em;line-height:1;padding:0.25em 0;font-size:1.666em;text-align:center;color:#FFFFFF;background:#666666;} #boxLieferantDetailKontakt .socialIcons UL LI A:hover{background:#328FD4;} #boxLieferantDetailKontakt .contacts{position:relative;height:416px;overflow:hidden;background:#F8F8F8;padding:20px 20px 0 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailKontakt .contacts:after{content:'';position:absolute;display:block;left:0;bottom:0;right:0;height:20px;clear:both;text-align:center;background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(248,248,248,1) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(248,248,248,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f8f8f8',GradientType=0 );} #boxLieferantDetailKontakt .contacts.open{height:auto;} #boxLieferantDetailKontakt .contacts.open:after{display:none;} #boxLieferantDetailKontakt .contacts UL{display:block;margin:0 0 0 0;padding:0 0 15px 0;} #boxLieferantDetailKontakt .contacts UL LI{margin:0 0 10px 0;padding:0 0 0 0;list-style-type:none;} #boxLieferantDetailKontakt .contactsToggle{position:relative;clear:both;display:block;margin:0 auto;width:5em;height:2em;line-height:2em;text-align:center;color:#666666;background-color:#DDDDDD;cursor:pointer;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} #boxLieferantDetailKontakt .contactsToggle:hover{color:#222222;background-color:#CCCCCC;} #boxLieferantDetailKontakt .contactsToggle.open I:before{content:'\f077';} #boxLieferantDetailKontakt .contactsToggle.open:before{display:none;} #boxLieferantDetailKontakt .buttonWebsite{margin-top:30px;} #boxLieferantDetailBilder .contentBoxHead{border-bottom:1px solid #EEEEEE;} #boxLieferantDetailBilder .gallery{min-height:330px;} #boxLieferantDetailBilder .gallery UL LI{position:absolute;} #boxLieferantDetailBilder .gallery:after{content:'';display:block;clear:both;float:none;} #boxLieferantDetailBilder .gallery .galleryThumbs{float:right;width:33%;height:425px;overflow:auto;margin:0 0 0 0;padding:0 0 0 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailBilder .gallery .galleryThumbs UL{margin:0 0 10px 0;padding:0 0 0 0;} #boxLieferantDetailBilder .gallery .galleryThumbs UL:after{content:'';display:block;clear:both;float:none;} #boxLieferantDetailBilder .gallery .galleryThumbs UL LI{position:relative;margin:0 3% 3% 0;padding:0 0 0 0;width:30.333%;list-style-type:none;float:left;} #boxLieferantDetailBilder .gallery .galleryThumbs UL LI:after{content:'';display:block;width:100%;padding-bottom:100%;} #boxLieferantDetailBilder .gallery .galleryThumbs UL LI A{position:absolute;display:block;left:0;top:0;width:100%;height:100%;white-space:nowrap;text-align:center;border:1px solid #DDDDDD;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailBilder .gallery .galleryThumbs UL LI A .helper{display:inline-block;height:100%;vertical-align:middle;} #boxLieferantDetailBilder .gallery .galleryThumbs UL LI A IMG{display:inline-block;vertical-align:middle;width:auto;height:auto;max-width:100%;max-height:100%;} #boxLieferantDetailBilder .gallery .galleryThumbs .galleryThumbsItem.act A:before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(50,143,212,0.25);} #boxLieferantDetailBilder .gallery .galleryImage{float:left;width:66%;height:425px;border:1px solid #DDDDDD;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #boxLieferantDetailBilder .gallery .galleryImage A{display:block;} #boxLieferantDetailBilder .gallery .galleryImage IMG{display:block;width:auto;height:auto;max-width:100%;max-height:100%;} #boxLieferantDetailBilder .gallery .galleryImage .galleryImageCaption{color:#111111;background:rgba(255,255,255,0.5);} #boxLieferantDetailSortiment .contentBoxHead{border-bottom:1px solid #EEEEEE;} #boxLieferantDetailSortiment .accordion{margin-bottom:0;} #boxLieferantDetailSortiment .accordion .accordionToggle{padding:0.5em 2em 0.5em 0;color:#111111;background:none;cursor:pointer;border-bottom:1px solid #EEEEEE;} #boxLieferantDetailSortiment .accordion .accordionToggle:after{content:'+';position:absolute;right:0;top:0;width:1em;color:#328FD4;font-size:1.5em;text-align:center;} #boxLieferantDetailSortiment .accordion .accordionToggle.act{color:#111111;background:none;} #boxLieferantDetailSortiment .accordion .accordionToggle:hover{color:#328FD4;background:none;} #boxLieferantDetailSortiment .accordion .accordionToggle.act:after{content:'-';} #boxLieferantDetailSortiment .accordion .accordionContent{padding-top:1em;} #boxLieferantDetailSortiment .products UL{margin:0 -1% 1em -1%;padding:0 0 0 0;} #boxLieferantDetailSortiment .products UL:after{content:'';clear:both;display:block;} #boxLieferantDetailSortiment .products UL LI{margin:0 1%;padding:0.33em 0;float:left;width:31.333%;list-style-type:none;line-height:normal;} #boxLieferantDetailSortiment .products UL LI A{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #boxLieferantDetailSortiment .products UL LI SPAN{display:none;} #boxLieferantDetailStatistik .contentBoxHead{border-bottom:1px solid #EEEEEE;} #boxLieferantDetailStatistik .statsTable UL{margin:-5px;padding:0 0 0 0;} #boxLieferantDetailStatistik .statsTable UL:after{content:'';display:block;clear:both;} #boxLieferantDetailStatistik .statsTable UL LI{float:left;width:33.333%;margin:0 0 0 0;padding:0 0 0 0;list-style-type:none;} #boxLieferantDetailStatistik .statsTable UL LI DIV{margin:5px;padding:10px;background:#F8F8F8;} #boxLieferantDetailStatistik .statsTable UL LI B{float:right;} #boxLieferantDetailStatistik .stats:after{content:'';display:block;clear:both;} #boxLieferantDetailStatistik .stats .statsColumn{padding:10px;float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #boxLieferantDetailStatistik .barChart{background-color:#F8F8F8;} #boxLieferantDetailStatistik .statsTable2cols UL LI{width:50%;} .pageFaq #main{font-size:1.125em;} .pageFaq #main H2{font-size:1.5em;} .accordionBig{border-bottom:1px solid #DDDDDD;} .accordionBig .accordionToggle{padding:1.5em 1em 1.5em 0;background:none;border-top:1px solid #DDDDDD;} .accordionBig .accordionToggle.act{color:#111111;background:none;border-bottom:2px solid #328FD4;} .accordionBig .accordionToggle:hover{color:#111111;background:none;} .accordionBig .accordionToggle:after{content:'\f107';font-family:'FontAwesome';position:absolute;right:0;top:1.2em;width:1em;color:#328FD4;font-size:1.25em;text-align:center;transition:all 0.5s;} .accordionBig .accordionToggle.act:after{transform:rotate(180deg);} .accordionBig .accordionContent{padding:1.5em 0 0.9em 0;} @media only screen and (max-width:900px){#boxLieferantDetailTitel .title{font-size:1.75em;} #boxLieferantDetailTitel #buttonRecommend SPAN, #boxLieferantDetailTitel #buttonFavourite SPAN{display:none;} #boxLieferantDetailTitel #buttonRecommend I, #boxLieferantDetailTitel #buttonFavourite I{margin:0;} #boxLieferantDetailKontakt .contacts{height:auto;} #boxLieferantDetailButtons .anchorButtons UL LI{width:50%;padding:5px;} #boxLieferantDetailVideo .videoBig{padding-bottom:56.18%;} #boxLieferantDetailVideo .videoList{margin-top:15px;height:310px;} #boxLieferantDetailProfil .lieferantenPropperties UL LI{width:33.333%} #boxLieferantDetailBilder .gallery .galleryThumbs{float:none;width:100%;height:auto;} #boxLieferantDetailBilder .gallery .galleryThumbs UL LI{width:100px;margin:0 10px 0 0;} #boxLieferantDetailBilder .gallery .galleryImage{float:none;width:100%;} #boxLieferantDetailSortiment .products UL LI{margin:0 1%;width:48%;} #boxLieferantDetailStatistik .statsTable UL LI{width:50%;} } @media only screen and (max-width:600px){#boxLieferantDetailButtons{display:none;} #boxLieferantDetailTitel .title{font-size:1.5em;} #boxLieferantDetailTitel .subtitle{font-size:0.8em;} #boxLieferantDetailKontakt .socialIcons{padding:0;background:none;font-size:0.85em;} #boxLieferantDetailVideo .videoList{height:244px;} #boxLieferantDetailVideo .videoList UL LI .videoThumb IMG{width:90px;} #boxLieferantDetailVideo .videoList UL LI .videoTitle{font-size:0.88em;} #boxLieferantDetailProfil .lieferantenPropperties UL LI{width:50%} #boxLieferantDetailSortiment .products UL LI{margin:0 1%;width:98%;} #boxLieferantDetailStatistik .statsTable UL LI{width:100%;} } @media only screen and (max-width:450px){#boxLieferantDetailTitel .buttons UL LI .button{padding-left:0.5em !important;padding-right:0.5em !important;} #boxLieferantDetailProfil .lieferantenPropperties UL LI{width:100%} #boxLieferantDetailStatistik .statsTable UL LI DIV{padding:5px 10px;} #boxLieferantDetailStatistik .statsTable UL LI SPAN{font-size:0.8em;} #boxLieferantDetailStatistik .statsTable UL LI B{float:none;display:block;} } .imageGallery{padding:10px;background-color:#FFFFFF;} .imageGalleryBig IMG{margin:0 auto;max-width:100%;height:auto;max-height:500px;} .imageGalleryThumbs{padding-top:10px;margin-bottom:-5px;} .imageGalleryThumbs UL{display:block;margin:-5px;padding:0 0 0 0;} .imageGalleryThumbs UL LI{display:block;margin:0 0 0 0;padding:0 0 0 0;width:25%;float:left;list-style-type:none;} .imageGalleryThumbs A{position:relative;display:block;padding:0;margin:5px;background:none;border:1px solid #DDDDDD;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .imageGalleryThumbs A:before{content:"";display:block;padding-top:100%;} .imageGalleryThumbs A IMG{position:absolute;left:0;top:0;width:100%;height:auto;} .imageGalleryThumbs:after{content:".";visibility:hidden;display:block;height:0;clear:both;} .pageNavi{clear:both;padding-top:20px;} .pageNavi UL{display:table;width:auto;margin:0 auto 0 auto !important;padding:0 0 0 0 !important;} .pageNavi UL LI{margin:0 3px !important;padding:0 0 0 0 !important;float:left;list-style-type:none;width:2em;height:2em;line-height:2em;background:#EEEEEE;font-size:1em;text-align:center;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .pageNavi UL LI A{display:block;padding:0 0 0 0 !important;width:2em;height:2em;line-height:2em;font-weight:normal;font-weight:bold;background:#FFFFFF !important;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;} .pageNavi UL LI A:hover{background:#328FD4 !important;color:#FFFFFF !important;} .pageNavi UL LI.pageNaviSpacer{border:0;width:10px;background:none !important;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .pageNavi UL LI.pageNaviPage{color:#CCCCCC;} .pageNavi UL LI.pageNaviPageSelected A{background-color:#328FD4 !important;background-image:none !important;color:#FFFFFF !important;} .pageNavi UL LI.pageNaviArrow{font-family:Verdana,Helvetica,Arial,sans-serif;font-weight:bold;} .pageNavi UL LI A:before{display:none;} .pageNavi UL LI.pageNaviArrowInactive A{padding:4px 0 4px 0;color:#CCCCCC !important;background:none !important;} .pageNavi > UL > LI.pageNaviArrowFirst A:before, .pageNavi > UL > LI.pageNaviArrowPrev A:before, .pageNavi > UL > LI.pageNaviArrowNext A:before, .pageNavi > UL > LI.pageNaviArrowLast A:before{display:block;font-family:'FontAwesome';font-size:17px;}  .pageNavi > UL > LI.pageNaviArrowFirst A:before{content:'\f100';} .pageNavi > UL > LI.pageNaviArrowPrev A:before{content:'\f104';} .pageNavi > UL > LI.pageNaviArrowNext A:before{content:'\f105';} .pageNavi > UL > LI.pageNaviArrowLast A:before{content:'\f101';}  .pageNaviInfo{display:table;width:auto;margin:0.25em auto 0 auto;text-align:center;font-size:0.75em;color:#999999;} .pageNaviResults{float:left;} .pageNaviResults + .pageNaviPages{float:right;} .buttonMerken{display:block;position:absolute !important;z-index:50;right:1em !important;top:1em !important;width:2em !important;height:2em !important;line-height:2em !important;text-align:center !important;font-size:14px !important;color:#FFFFFF !important;background-color:rgba(0,0,0,0.2) !important;margin:0 0 0 0 !important;padding:0 0 0 0 !important;border:0 !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;} .buttonMerken:before{display:inline !important;margin:0 0 0 0 !important;content:'\f058' !important;font-family:'FontAwesome' !important;} .buttonMerken:hover{background-color:#328FD4 !important;} .buttonMerkenGemerkt{background-color:#328FD4 !important;} .deleteButton, .buttonMerkenLoeschen{display:block;position:absolute !important;z-index:50;right:1em !important;top:1em !important;width:2em !important;height:2em !important;line-height:2em !important;text-align:center !important;font-size:14px !important;color:#FFFFFF !important;background-color:#CCCCCC !important;margin:0 0 0 0 !important;padding:0 0 0 0 !important;border:0 !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;} .deleteButton:before, .buttonMerkenLoeschen:before{display:inline !important;margin:0 0 0 0 !important;content:'\f1f8' !important;font-family:'FontAwesome' !important;font-weight:normal;} .deleteButton:hover, .buttonMerkenLoeschen:hover{background-color:#990000 !important;} .deleteConfirmForm{display:none;position:absolute !important;padding:0 0 0 0 !important;margin:0 0 0 0 !important;z-index:52;width:auto;height:auto;right:1em;top:1em;font-size:14px !important;} .deleteConfirmForm A{float:left !important;width:2em !important;height:2em !important;line-height:2em !important;text-align:center !important;font-size:14px !important;color:#FFFFFF !important;margin:0 0 0 5px !important;padding:0 0 0 0 !important;border:0 !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;border-radius:3px !important;} .deleteConfirmForm A.deleteConfirmCancel{background-color:#999999;} .deleteConfirmForm A.deleteConfirmCancel:before{display:inline !important;content:'\f00d' !important;font-family:'FontAwesome' !important;} .deleteConfirmForm A.deleteConfirmOK{background-color:#328FD4;} .deleteConfirmForm A.deleteConfirmOK:before{display:inline !important;content:'\f00c' !important;font-family:'FontAwesome' !important;} .contentBoxHead .icon-close{float:right;font-size:1.5em;color:#328FD4;cursor:pointer;} .deleteConfirm{width:500px;padding:10px 0 20px 0;background-color:#F1F1F1;text-align:center;} .deleteConfirm .button{width:100px;margin:0 5px;} .cookiebarOverlay{background:rgba(0,0,0,0.5);} .cookiebarContent{width:480px;text-align:center;border-width:2em;border-radius:3px;} .cookiebarLight .cookiebarContent{background:#FFFFFF;} .cookiebarSettings UL{text-align:left;padding:1em 0;} .cookiebarSettings UL LI{margin:1em 0;} .cookiebarSettings UL LI SPAN.cookieCategoryTitle{font-weight:bold;} .cookiebarSettings .cookiebarButtonCancel{border-radius:3px;} .cookiebarButton{display:inline-block;width:45%;border-radius:3px;font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;} .cookiebar INPUT[type=checkbox] + label:before{line-height:12px;} .cookiebarButtons .links A{color:#666666;} .cookiebarButtons .links A:hover{color:#000000;} @media only screen and (max-width:600px){.cookiebarContent{border-width:1em;} .cookiebarButton{width:12em;} } @media only screen and (max-width:975px){#naviCategories .panelGrosshandel UL LI, #naviCategories .panelHersteller UL LI, #naviCategories .panelKategorien UL LI{width:32.5%;} #naviMain > UL > LI > A SPAN{display:none;} #naviMain UL LI UL LI A{padding:0.5em 1em;} #customerInfo{font-size:0.9em;} #customerInfo I.icon{display:none;} #feedback{display:none;} #columnProducts{display:none;} .contentBoxRight{float:left;} .categoriesListSmall UL LI{width:33.333%} #productListShortMarginal{display:none;} .facts UL LI{text-align:center;} .facts UL LI I{float:none;margin:0 0 0.33em 0;} .benefitsList UL LI{width:50%;} #wrapper{padding-bottom:0;} #footer{text-align:center;} #footContainer{padding:1px 0;} #naviFoot{float:none;text-align:center;margin:0.5em 1em 1em 1em;} #naviFoot UL LI{font-size:1.1em;padding:0 0.25em;border:0;line-height:1.5;} #socialIcons{float:none;text-align:center;margin:1em 0 0.5em 0;} #socialIcons UL LI{font-size:1.5em;} } @media only screen and (max-width:900px){.contentBox31, .contentBox41, .contentBox51, .contentBox52, .contentBox53, .contentBox61, .contentBox62{width:50%;} .contentBox21, .contentBox32, .contentBox42, .contentBox43, .contentBox54, .contentBox63, .contentBox64, .contentBox65{width:100%;} .contentBox .imagesLeft, .contentBox .imagesLeft2, .contentBox .imagesRight, .contentBox .imagesRight2{max-width:50%;} .contentBoxContentImageLeft .image, .contentBoxContentImageRight .image{width:33.333%;} .contentBoxContentImageLeft .text, .contentBoxContentImageRight .text{width:66.666%;} #searchBox{padding-left:10px;padding-right:10px;} #naviCategories UL.panels{margin-top:10px;} #naviCategories{width:15%;} #searchBox{width:45%;} #naviMain{width:40%;} .wrapperEK #naviHead{display:none;} #search{padding-right:5.5em;} .categoriesListSmall UL LI{width:50%} .productList UL LI{width:33.333%;} .tabNavi LI A{padding:0 1.2em;} .tabNavi LI A SPAN{display:none;} .lieferantenDetailVideo LI{width:75%;} .lieferantenDetailStatsColumn{width:50%;} .lieferantenDetailCatalogues UL LI{width:50%;} .lieferantenDetailImages LI, .lieferantenDetailVideos LI{width:50%;} } @media only screen and (max-width:720px){#naviContainer{height:100px;} .stickyPlaceholder{height:100px;} #naviArea.sticky #naviContainer{height:100px;} #naviCategories{width:20%;padding:0 0 0 0;} #naviCategories .container{top:60px;left:0;right:0;} #naviCategories .toggle, #naviCategories .toggle A{border:0;} #naviCategories .panelGrosshandel UL LI, #naviCategories .panelHersteller UL LI, #naviCategories .panelKategorien UL LI{width:50%;} #searchBox{width:80%;padding-left:20px;padding-right:0;} #search{padding-right:50px;} #suggest_container{left:20px;right:0;} #searchBoxSubmit, #searchBoxSubmit:hover{text-indent:-9999px;background-size:24px;background-position:center center;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 730000 850000'%3e%3cpath fill='%23FEFEFE' d='M251058 50032c-134931,2244 -250290,112360 -250290,247822 0,136879 111013,247880 247880,247880 49371,0 95340,-14457 133974,-39343l37430 37442 -1914 1913c-10429,10417 -10429,27496 24,37926l208467 208490c10417,10418 27484,10418 37914,0l56858 -56871c10430,-10417 10430,-27484 -23,-37913l-208467 -208491c-10429,-10429 -27485,-10429 -37914,0l-2681 2681 -34087 -34098c36367,-43123 58312,-98801 58312,-159616 0,-136065 -109702,-246546 -245483,-247846l0 59481c102804,1300 185789,85052 185789,188152 0,103938 -84284,188223 -188199,188223 -103902,0 -188199,-84285 -188199,-188223 0,-102497 88643,-185896 190609,-188128l0 -59481z'/%3e%3c/svg%3e");} #searchInfo{right:4em;} #naviMain{width:100%;} #naviMain > UL > LI{line-height:40px;height:40px;} #naviArea.sticky #naviMain > UL > LI{height:40px;} #naviMain UL LI A{border-top:1px solid rgba(255,255,255,0.25);} #naviMain UL LI A EM{display:inline;line-height:40px;font-size:1em;} #naviMain UL LI A I{display:none;} .benefitsList H3{position:relative;cursor:pointer;} .benefitsList H3:after{content:'\f107';font-family:'FontAwesome';position:absolute;right:0;top:0.25em;font-weight:normal;font-size:inherit;font-size:21px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;} .benefitsList DIV.act H3:after{transform:rotate(180deg);} .benefitsList P{display:none;} #contentBoxBenefits .contentBoxHead{text-align:center;} #contentBoxBenefits A.button{float:none;margin:0 0 0.5em 0;} } @media only screen and (max-width:600px){#headContainer{height:auto;} #logo{margin-right:90px;} #customerInfo{float:none;position:absolute;right:0;top:0;} #naviHead UL LI.naviHeadRegistrieren{display:none;} #naviHead UL LI.naviHeadUeber{display:none;} #naviHead UL LI.naviHeadLogin{display:none;} #naviCategories UL.buttons > LI{float:none;width:auto;padding-bottom:10px;} .textColumn21, .textColumn31{width:100%;} .contentBox21, .contentBox31, .contentBox41, .contentBox51, .contentBox52, .contentBox61, .contentBox62{width:100%;} .contentBox .imagesLeft, .contentBox .imagesRight{max-width:none;clear:both;float:none;margin:0 0 1em 0;} .contentBoxContentImageLeft .image, .contentBoxContentImageRight .image{float:none;width:auto;padding:0 0 2em 0;} .contentBoxContentImageLeft .text, .contentBoxContentImageRight .text{float:none;width:100%;} .formColumn21, .formColumn31, .formColumn32, .formColumn42, .formColumn32, .formColumn43{width:100%;} .facts UL{margin:-1em;} .facts UL LI{width:50%;padding:1em 0;font-size:0.8em;} UL.lieferanten .buttons{display:block !important;} UL.lieferanten .buttons .button:nth-child(2){-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} UL.lieferanten .buttons .button:nth-child(3), UL.lieferanten .buttons .button:nth-child(4), UL.lieferanten .buttons .button:nth-child(5){display:none;} .productList UL LI{width:50%;} .lieferantenPropperties UL LI{width:50%;} .lieferantenDetailStatsColumn{width:100%;} .pageNaviResults{display:none;} #beispielanfrage UL{padding-right:0;} #beispielanfrage UL LI DIV{position:static;width:auto;margin-bottom:0.5em;left:auto;top:auto;-moz-transform:none;-webkit-transform:none;transform:none;} #beispielanfrage UL LI DIV:before{display:none;} #inquiryList{max-height:12em;} #inquiryForm #inquiryNachricht, #inquiryFormMulti #inquiryNachricht{height:12em;} .categoriesListSmall UL LI{width:100%} .benefitsList UL LI{width:100%;} .lieferantenDetailLabels UL LI, .lieferantenDetailProducts UL LI{width:98%;} .listLines LI B, .listLines LI EM{display:block;width:100%;margin-bottom:0.25em;font-size:0.8em;color:#666666;} } @media only screen and (max-width:480px){#suggest .suggest_zeile .label{display:none;} .rating{float:none;clear:both;margin:0 auto 1em auto;} .tabNavi LI A{padding:0 0.6em;} #naviCategories .panelGrosshandel UL LI, #naviCategories .panelHersteller UL LI, #naviCategories .panelKategorien UL LI{width:100%;} .productList UL LI{width:100%;} .lieferantenPropperties UL LI{width:100%;} .lieferantenDetailCatalogues UL LI{width:100%;} .lieferantenDetailImages LI, .lieferantenDetailVideos LI{width:100%;} .listLines .hintRight{display:none;} }