/*********** * Struktur **************/ body{font-size: 0.875em;} #WB-main{ margin:0;width:99%; overflow:hidden;} /********************* * Header *********************/ #DA-header #nav-mobile-toggle{display:block;float:left;margin-right:10px;margin-top:-1px;} #DA-header{width:100%; height:62px;} /* #DA-header #H-meta-nav{padding:22px 0 0 12px;width: -moz-calc(99% - 90px);width: -webkit-calc(99% - 90px);width: -o-calc(99% - 90px);width: calc(99% - 90px);background:none !important;} */ #DA-header #H-meta-nav{padding:22px 0 0 12px;width: auto;background:none !important;} #DA-header #H-corporate{display:none;} #DA-header #H-corporate-stocks{display:none;} #H-logo #wb-logo{height:48px;margin-right:2px;margin-top:0px;width:112px;} #DA-header #H-meta-nav #H-lang{display:none;} #DA-header #H-meta-nav li{margin-top:2px;} #DA-header #H-meta-nav li#H-site-search{margin-top:2px;max-width:145px;width:31%;} #DA-header-wrapper #nav-mobile{display:none;overflow:auto;} #DA-header-wrapper #H-logo{position:relative;top:0;right:0;float:right;margin:6px;} #H-site-search #H-query{width:62%;} /********************** * Key Visual *******************/ .DE-teaserbox{margin-right: 6px;height:auto;float:left;height:auto;min-height:70px;width:100%;position:static;margin-bottom:3px;padding-bottom:0;background:none repeat scroll 0 0 #FCFAF9;border-top:1px solid black;border-bottom:1px solid black;} .DE-teaserbox:hover{background:#f8f7f6;} .DE-teaserbox .contentbox img.teaser-img{position:absolute;top:0;height:70px;width:190px;margin:0;z-index:40;} .DE-teaserbox .contentbox .logocontainer{float:right;margin-right:19px;} .DE-teaserbox .contentbox img.logo.png_bg{float:left;padding:5px 5px 0px 5px;position:relative;margin:0;height:auto;width:auto;} .DE-teaserbox h2{width:100%;padding:3px 10px 0 5px;font-family:arial;} .DE-teaserbox h2 .sIFR-flash{height:21px;} .DE-teaserbox p.teaserText{padding:0 22px 0px 5px;font-size:12px;line-height:1em;overflow:visible;height:auto;font-family:arial;} .DE-teaserbox .contentbox img.red_arrow_phone{float:right;position:absolute;right:0;top:50%;} .DE-teaserbox .faketrans{display: none;} .keyvis-slogan{width:95%; overflow:hidden;font-size:1em;display:none;} .keyvis-slogan p{white-space:inherit;} .DE-teaserbox-empty{display:none;} #DE-KeyVisualStd ul.hel{margin-right:6px;} #DE-KeyVisualOverview{position:absolute;z-index:5;top:0;width:100%;display:none;} .T-startoverview #O-teaserboxes { height: auto; left: 0; position: relative; top: 0; width: 100%; z-index: 5;} #O-teaserboxes { height: auto; left: 0; position: relative; top: 0; width: 100%; z-index: 5;} #DA-KeyVisual #DE-KeyVisualStd ul.hel{display:none;} #DA-KeyVisual{height:auto;padding-bottom:4px;background:none repeat scroll 0 0 #E9EAEC;} #DE-KeyVisualStart{height:auto;overflow:hidden;} #DA-KeyVisual .DE-teaserbox .contentbox img.logo{display:none;} #DA-KeyVisual .DE-teaserbox .contentbox .logocontainer img.logo{display:block;margin-bottom:3px;} #DA-KeyVisual .DE-teaserbox .new-img-box{position:absolute;left:0;height:100%;width:190px;overflow:hidden;} #DA-KeyVisual .DE-teaserbox .new-img-box img.phonecopy{width:auto;position:relative;height:100%;} #DA-KeyVisual .DE-teaserbox .contentbox img.teaser-img{display:none;} #DA-KeyVisual .DE-teaserbox .contentbox{background:url("../../img/10/responsive/phone_prodbox_pixel.png") repeat scroll 0 0;left:95px;margin-right:100px;min-height:70px;padding-bottom:0;} #DA-KeyVisual .DE-teaserbox{position:relative;} #DA-KeyVisual .clearKVO{clear:both;font-size:0;line-height:0;} #DE-KeyVisualStd #DE-KeyVisualStdLogos{display:none;} #DE-KeyVisualStd img{position:relative;width:100%;} #DE-KeyVisualStd .keyvis-inner, #DE-KeyVisualStd .keyvis-inner > img{min-height:0px;} #J-img-1{height:auto;min-height:0;width:100%;position:relative;} #J-img-2{height:auto;min-height:0;width:100%;position:absolute;left:0;} #J-text-1, #J-text-2{width:95%;display:none;} #J-text-1 p{white-space:inherit;height:auto;} #DA-KeyVisual .DE-teaserbox .contentbox .hel.newfont{font-size:18px;} #DE-KeyVisualStart .sliderImage{width: 100% !important; height: auto !important; min-height: 0px; position: relative !important;} #DE-KeyVisualStart {height:auto !important; width:100% !important;} /********************* * Content *******************/ #C-main{width: 100% !important; overflow:hidden;} body.corporate #C-main.T-startpage{padding:45px 0 0 6px;} #C-main.T-startoverview { padding: 35px 6px 0;} #C-main.T-startoverview .pagetitle { position: absolute; top:0;margin:0px 0 10px 5px;left:10px;} div.banner.notMobileFlash, div.cc-banner.notMobileFlash{display:none;} /*** * Navigation ***/ #DA-Navigation{display:none;} /*** * FeatureHeader ***/ #DA-FeatureHeader #DE-BreadCrumb{display:none;} /*** * FeatureArea ***/ #DA-FeatureArea{padding:0 6px 0 6px !important;} #DA-FeatureArea .pagetitle{margin-left:0px;padding-bottom:10px;height:auto;width:99%;} .T-startoverview #DA-FeatureArea, .T-startoverview #DA-FeatureHeader {overflow: hidden;margin:15px 0 0 0 !important; width:97% !important;} .T-content #DA-FeatureArea, .T-content #DA-FeatureHeader {overflow: hidden;margin:15px 0 0 0 !important; width:97% !important;} .T-startpage #DA-FeatureArea, .T-startpage #DA-FeatureHeader {overflow: hidden;margin:15px 0 0 0 !important; width:97% !important;} body.corporate .T-startpage #DA-FeatureHeader{position:absolute;top:0;margin:0 0 0 10px !important;} body.corporate .T-startpage #DA-FeatureHeader h1{margin-top:5px;} #DA-FeatureArea #socialbookmarks{display:none;} #DE-start-subnav{display:none;} #DA-FeatureArea .article .cc-gallery ul, #DA-FeatureArea .container.charts .cc-gallery ul, #DA-FeatureArea .cc-gallery ul{float:none;padding:0;margin:0;} #DA-FeatureArea .article .cc-gallery, #DA-FeatureArea .container.charts .cc-gallery, #DA-FeatureArea .container.charts .cc-paging, #DA-FeatureArea .cc-gallery{padding:8px 3px 20px 3px;max-width:500px;width:97%} #DA-FeatureArea .cc-gallery .cc-paging{width:100%;} #DA-FeatureArea .container.charts .cc-paging a.right-single{margin-right:10px;} #DA-FeatureArea .article .cc-gallery li, #DA-FeatureArea .container.charts .cc-gallery li, #DA-FeatureArea .cc-gallery li{margin:0 4px 3px 4px;} #DA-FeatureArea .topnews .cc-list2, #DA-FeatureArea .topnews .cc-events, #DA-FeatureArea #DE-start-news .cc-list2{width:99%;} #DA-FeatureArea #DE-start-news{max-width:383px;width:100%;height:auto;} #DA-FeatureArea .cc-download{width:98%;} #DA-FeatureArea .cc-download li a{width:100%;} #DA-FeatureArea .cc-download li a.bigImg{width:auto;} #DA-FeatureArea .cc-download li {width:100%;} #DA-FeatureArea .cc-download span{box-sizing:content-box;} #DA-FeatureArea .cc-download li h2{height:auto;} .T-content #DA-FeatureArea.fullwidth{width: 100%;} .T-content #DA-FeatureArea.fullwidth .DE-block-a, .T-content #DA-FeatureArea.fullwidth .DE-block-b, .T-content #DA-FeatureArea.fullwidth .DE-block-t{width:99%;} .T-content #DA-FeatureArea .DE-block-a, .T-content #DA-FeatureArea .DE-block-b, .T-content #DA-FeatureArea .DE-block-t{width:99%;} .T-content #DA-FeatureArea .article .DE-block-b{display:none;} #DA-FeatureArea #ui-catalogue .buttons button, #ui-catalogue-search .buttons button{float:right;} #DA-FeatureArea #ui-catalogue .buttons , #ui-catalogue-search .buttons {display:block;height:auto;margin:4px 0 0;} #DA-FeatureArea #ui-catalogue input{width:100%;margin-top:4px;} .T-content #DA-FeatureArea.fullwidth h1, .T-content #DA-FeatureArea.fullwidth .intro{width:99%;} .T-content #DA-FeatureArea.fullwidth > a.top{margin-right:0;} #DA-FeatureArea .article .DE-block-t ul{float:none;} #DA-FeatureArea .article{padding-right:6px;width:98%;} #DA-FeatureArea .article ul{padding-left:20px;} #DA-FeatureArea .article a.bigImg{overflow:hidden;} #DA-FeatureArea p.intro{padding-right:6px;width:98%} #DA-FeatureArea .cc-tabs{width:98%;max-width:570px;} #DA-FeatureArea .cc-tabs .cc-tabs-content.ps{width:100%;} #DA-FeatureArea .cc-tabs .cc-ps-filterlinks{margin:5px 0 15px;} #DA-FeatureArea .cc-ps-filterlinks a.on, #DA-FeatureArea .cc-ps-filterlinks span.cc-selector, #DA-FeatureArea .cc-ps-filterlinks span.cc-selector-clear{white-space:nowrap;} #DA-FeatureArea #ov-sresult-insert {width:98%;} #DA-FeatureArea #ov-sresult-insert .cc-ps-result{width:100%;padding-bottom:0px;margin-bottom:0px;max-width:570px;} #DA-FeatureArea .cc-ps-result .sum{width:98%;} #DA-FeatureArea .cc-ps-result .cc-paging{width:100%;} #DA-FeatureArea .cc-pagelinks, #DA-FeatureArea .cc-product{width:100%;} #DA-FeatureArea .cc-product div{width:48%;min-width:215px;} #DA-FeatureArea .cc-product div#hideout_compareintro{max-width:400px;width:80%;} #DA-FeatureArea .cc-product span{text-align:left;padding:10px 10px 0;} #DA-FeatureArea .cc-module.cc-ProductGallery.cc-gallery ul{float:none;padding:0;margin:0;} #DA-FeatureArea .cc-module.cc-ProductGallery .cc-gallery{padding:8px 2px 20px 2px;max-width:510px;} #DA-FeatureArea .cc-module.cc-ProductGallery .cc-gallery li{margin:0 3px 2px 3px;} #DA-FeatureArea #ov-sresult-insert .cc-ps-result .cc-product-gallery ul{width:100%;max-width:510px;} #DA-FeatureArea .cc-product-brands{width:100%;} #DA-FeatureArea .cc-product-brands li{margin:0 3px 15px 0;} #DA-FeatureArea .cc-product-brands li.i{clear:none;} #DA-FeatureArea .cc-photo-service{width:100%;} #DA-FeatureArea .cc-ps-head{width:98%;} #DA-FeatureArea .cc-overview{width:98%;} #DA-FeatureArea .cc-overview .overview-block{padding-right:6px;} #DA-FeatureArea .cc-ps-result .cc-product-gallery .compareRow{display:none;} #DA-FeatureArea .cc-ps-result .cc-product-gallery .cc-product-gallery-item .l-compare{display:block;} #DA-FeatureArea ul.cc-sitemap{width:99%;} #DA-FeatureArea .DE-block-a .cc-paging{width:99%;} #DA-FeatureArea .article #socialbookmarks{display:none;} #DA-FeatureArea .container.dataform{width:99%;} .cc-form .l{width:120px;} .cc-form .f{width:95%;max-width:298px;} .cc-form select.f{width:95%;max-width:308px;} .cc-form label.chkbx-label > span{width:95%;} .cc-form div.f_radio{margin-left:50px;} #DA-FeatureArea .cc-search-head, #DA-FeatureArea .cc-tabs .tabheaders, #DA-FeatureArea .cc-tabs .cc-search-content {width:99%;} #DA-FeatureArea .cc-tabs .cc-search-content .cc-search-body, #DA-FeatureArea .cc-search-content .cc-paging{width:96%;} #DA-FeatureArea .cc-search-body h3{width:96%;} #DA-FeatureArea .cc-search-body p{clear:both;} #DA-FeatureArea .list{width:98%;} #DA-FeatureArea .cc-related-download{margin-left:0 !important;padding-left:0 !important;} #DA-FeatureArea .urltextContainer .respTableBox{width:100%;overflow:auto;clear:both;} /*#DA-FeatureArea .urltextContainer > p {width: 60%;}*/ #DA-FeatureArea .cc-ps-result{width:99%;} .dataform .left-hand-labels .elm{margin-left:15px;} .cc-search-body .ct-r{width:99%;max-width:520px;} .cc-smallPhoneBanner{width:100%;background:url(/img/10/responsive/bg_phone_textbox.png) repeat-x scroll transparent !important;background-size:1px 100% !important;} .cc-smallPhoneBanner a h4, .cc-smallPhoneBanner h4 { color: #fff; font-weight: bold; font-size: 16px;height:auto; padding: 10px 10px 10px 10px; cursor:pointer; } .cc-smallPhoneBanner a p, .cc-smallPhoneBanner p { color: #fff; margin: 0 10px 0 10px; height: auto; font-size: 12px;padding-bottom:10px; } .cc-smallPhoneBanner a span, .cc-smallPhoneBanner span { color: #fff; margin: 0 10px 0 10px; height: auto; font-size: 12px; line-height:20px;} .cc-smallPhoneBanner h4:hover, .cc-smallPhoneBanner span:hover, .cc-smallPhoneBanner p:hover{ text-decoration: underline; } #DE-start-news .cc-list2, .topnews .cc-list2{background:none repeat scroll 0 0 #EBEDEF;padding-left:7px;} .cc-list2 a{padding:0 10px 6px 10px;} .cc-info-box div.box{width:100%;} #DA-FeatureArea .topnews .cc-events a {font-size:11px;} #DA-FeatureArea .cc-info-box .cc-shares div{font-size:11px;} #DA-FeatureArea .cc-info-box .cc-shares div:first-child{font-size:12px;} #DA-FeatureArea .cc-ps-result .cc-product-gallery .basketRow{display:none;} #DA-FeatureArea .cc-product-gallery-item .so-basket,#DA-FeatureArea .cc-product-gallery-item .so-alreadyInBasket {margin-top:10px;} .so-basket-goto{width:130px;} #phoneCompareContainer .so-basket-goto{width:185px;position:relative;z-index:300;top:35px;} .product-compare-phone-so-basket .so-basket{width:90%;} .so-basket{font-size:12px;} .basketPaging{max-width:505px;margin-right:10px;} @media only screen and (max-width: 395px) { #DA-FeatureArea .elm{clear:both;margin-left:15px;} } /* Gridlayout */ #DA-FeatureArea #cc-grid .gridelement .r-1, #DA-FeatureArea #cc-grid .gridelement .r-2, #DA-FeatureArea #cc-grid .gridelement .r-3, #DA-FeatureArea #cc-grid .gridelement .r-4, #DA-FeatureArea #cc-grid .gridelement .r-5, #DA-FeatureArea #cc-grid .gridelement .r-6, #DA-FeatureArea #cc-grid .gridelement .r-7{top:auto;position:relative;} #DA-FeatureArea #cc-grid .gridelement .w-1{position:relative;width:188px;} #DA-FeatureArea #cc-grid .gridelement .w-2{position:relative;width:379px;} #DA-FeatureArea #cc-grid .gridelement .w-3, #DA-FeatureArea #cc-grid .gridelement .w-4{position:relative;width:100%;} #DA-FeatureArea #cc-grid .gridelement .h-1, #DA-FeatureArea #cc-grid .gridelement .h-2, #DA-FeatureArea #cc-grid .gridelement .h-3a, #DA-FeatureArea #cc-grid .gridelement .h-3b{position:relative;height:auto;} #DA-FeatureArea #cc-grid .gridelement .c-1, #DA-FeatureArea #cc-grid .gridelement .c-2, #DA-FeatureArea #cc-grid .gridelement .c-3, #DA-FeatureArea #cc-grid .gridelement .c-4{left:auto;position:relative;} #DA-FeatureArea #cc-grid .gridelement{position:relative;float:left;} #DA-FeatureArea #cc-grid .DE-grid{padding-right:3px;margin-bottom:5px;width:100%;} #DA-FeatureArea #cc-grid .gridelement .DE-grid .cc-tools{margin:0;height:164px;} #DA-FeatureArea #cc-grid .gridelement .DE-grid .featureAreaGridProductsDropDown{padding:1px 0 0 3px !important;height:163px;width:185px;} #DA-FeatureArea #cc-grid .DE-grid .cc-stock-graph{height:auto;} #DA-FeatureArea #cc-grid .gridrow{position:relative;height:auto !important;} #DA-FeatureArea #cc-grid .gridelement.emptygrid{display:none;} #DA-FeatureArea #cc-grid .gridelement .cc-teaser-article-wrapper a.cc-teaser-article{width:98%;margin-right:3px;} #DA-FeatureArea #cc-grid .gridelement a.cc-banner{height:164px;} #DA-FeatureArea #cc-grid .cc-grid-inner .c4mobile{display:none;} body.corporate #DA-FeatureArea #cc-grid .cc-grid-inner .c4mobile{display:block;} #DA-FeatureArea #cc-grid .cc-grid-inner .gridrow .c-4{display:block;} body.corporate #DA-FeatureArea #cc-grid .cc-grid-inner .gridrow .c-4{display:none;} #cc-grid .DE-grid a.cc-banner p, #cc-grid .DE-grid .featureAreaGridProductsDropDown p{line-height:18px;} #cc-grid .cc-tools ul li a{font-size:11px;} #DA-FeatureArea #cc-grid .gridelement .respBox{width:100%;max-width:379px;} #DA-FeatureArea #DE-start-banner-2col.respBox{width:98%;max-width:383px;} /* Produktkatalog und Vergleich */ .cascSearchImage{max-width:270px;} .cascSearch_color{max-width:84px;} /* Rewrite fuer 2col-3col change WB-205 --------------------------------------------------------------------------------------*/ @media only screen and (max-width: 395px) { #DA-FeatureArea .cc-selector-group.threeCol label{margin: 0 2px 10px !important;width:122px !important;} } @media only screen and (max-width: 609px) and (min-width: 517px) { #DA-FeatureArea .cc-selector-group.twoCol label{margin: 0 3px 10px 0 !important;width:217px !important;} #DA-FeatureArea .cc-selector-group.twoCol label.imageCheckbox .check_tooltip_container input.chkbx{margin:3px 65px 7px 0 !important;} } @media only screen and (max-width: 516px) { #DA-FeatureArea .cc-selector-group.twoCol label{margin: 0 3px 10px 0 !important;width:98% !important;} #DA-FeatureArea .cc-selector-group.twoCol label.imageCheckbox .check_tooltip_container input.chkbx{margin:6px 65px 7px 0 !important;float:none;} #DA-FeatureArea .cc-selector-group.twoCol .rowContainer label.imageCheckbox .check_tooltip_container{overflow:auto;} } /* Rewrite fuer 2col-3col change WBUST-CascadeSearch --------------------------------------------------------------------------------------*/ @media only screen and (max-width: 525px) { #DA-FeatureArea .cc-selector-group.cascSearchSixCol .rowContainer .cascSearch_color{min-width:70px;} #DA-FeatureArea .cc-selector-group.cascSearchSixCol .rowContainer{clear:none;width:auto;} #DA-FeatureArea .cc-selector-group.cascSearchSixCol .rowContainer .cascSearchImage{width: 23%;} } @media only screen and (max-width: 445px) { #DA-FeatureArea .cc-selector-group.cascSearchTwoCol .rowContainer .cascSearchImage{width:45%;/*display:block; float:none; margin:0 auto 20px;max-width:90%;*/} #DA-FeatureArea .cc-selector-group.cascSearchSixCol .rowContainer .cascSearchImage{width: 30%;} } /* Listenansicht ändern */ #DA-FeatureArea .overview-block > p a{text-decoration:none !important;color:black;cursor:pointer;} #DA-FeatureArea .overview-block > p a:hover{text-decoration:none !important;;color:black;cursor:pointer;} /* CaseStydy Tabs */ .caseStudy-tabs .caseStudy-tabs-content.ps{width: 100%;} /*** * BannerArea ***/ #H-bgshade #DA-BannerArea .container{display:none;} #H-bgshade #DA-BannerArea #ui-catalogue-search{display:none;} #H-bgshade #DA-BannerArea #socialbookmarks{display:none;} /* Banner inside FeatureArea(clone) */ #DA-FeatureArea #DA-BannerArea{display:block;width:auto; margin-right:6px;float:none;margin-top:10px;} #DA-FeatureArea #DA-BannerArea .container{display:block;width:178px; margin-right:6px;float:left;margin-top:15px;background:none repeat scroll 0 0 #F1F2F3;} #DA-FeatureArea #DA-BannerArea #ui-catalogue-search{display:block;width:178px; margin-right:6px;float:left;margin-top:15px;} #DA-FeatureArea #DA-BannerArea .container .visual{overflow:hidden;} #DA-FeatureArea #DA-BannerArea .container a.cc-banner{height:auto;} /* #DA-FeatureArea .container{width:auto; margin-right:2%;float:left;margin-top:15px;} #DA-FeatureArea .container .banner.entry{width:178px;float:left;margin-right:10px;} #DA-FeatureArea .container .visual{overflow:hidden;} #DA-FeatureArea .container .img-comtainer{display:none;} #DA-FeatureArea .container.event{display:none;} */ /*20121114 atgratho PressMediaServiceNew10 start*/ .photoservice-block{width:180px; height:160px;float:left;margin-right:7px !important;} .cc-photo-service .photo-service-search input{width:95%;max-width:260px;} /*20121114 atgratho PressMediaServiceNew10 end*/ /***************** * Footer ****************/ #DA-footer{width:100%; overflow: hidden;float:left;margin-top:20px;} #F-icons{display: none; float: none; margin-left:18px;padding-top:10px;} #F-icons li:first-child{display:none;} #F-nav{clear:both; padding-top:10px;left:0;float:none;margin:0 auto;width:98%;font-size:12px;} #F-nav li{background: transparent url(/img/10/nav_separator.png) no-repeat center left;margin:2px 2px 0 0; padding-left:12px;} #DA-footer #F-corporate{display:block;background:url("/img/10/nav_separator.png") no-repeat scroll left center transparent;} #DA-footer #F-corporate-stocks{display:block;background:url("/img/10/nav_separator.png") no-repeat scroll left center transparent;} #DA-footer #DesktopVersion{display:block;} #F-content{width:100%;} #F-nav li:nth-child(4){background:url("/img/10/nav_separator.png") no-repeat scroll left center transparent;} #DA-footer #DE-FooterLogos{float:none;width:auto;padding-top:5px;display:none;} #F-content #socialbookmarks{display:none;float:right;padding-right:14px;padding-left:10px;} #DA-footer #F-content #F-copy{clear:both;padding: 5px 0; text-align:center;float:none;margin-top:30px;} #F-content #socialbookmarks .img-comtainer img{width:27px;height:27px;} #F-content .footerlayoutcontainer .newfooterlogos #DE-FooterLogos{display:block;float:left;width:100%;} #F-content .footerlayoutcontainer .newfooterlogos {width:100%;} .newfooterlogos #DE-FooterLogos .FooterLogos-inner{text-align:center;} .newfooterlogos #DE-FooterLogos .FooterLogos-inner img.keyvislogo{float:none;} #F-content .footerlayoutcontainer{width:98%;} #F-content .footerlayoutcontainer .newfootericons{margin:0 auto;text-align:center;} #F-content .footerlayoutcontainer .newfootericons a {margin-right:1px;} #F-content .footerlayoutcontainer .newfootericons a img{width:27px;} #F-content .footerlayoutcontainer .newfootericons a.xIcon img{width:40px;height:auto;} /**************** * BREAKPOINTS ****************/ /* 1-col Design FeatureArea */ @media only screen and (max-width: 418px) { #DA-FeatureArea #cc-grid .gridelement{width:100%;} #DA-FeatureArea #cc-grid .gridelement .w-1{width:98%;} #DA-FeatureArea #cc-grid .gridelement .DE-grid .featureAreaGridProductsDropDown{padding:1px 0 10px 3px !important;width:99%;height:auto;} #cc-grid .DE-grid .featureAreaGridProductsDropDown p{padding-right:5px;margin-bottom:5px;} #cc-grid .respBox a.cc-banner{background-size:100% auto;} .cc-info-box{width:100%;} .cc-info-box div.box{width:100%;} /*20121121 added by atgratho start*/ .cc-info-box {background-image: none !important; height: auto;} .cc-info-box ul.tri {padding: 0px} .cc-info-box h4 {display: none} .cc-info-box .tri {position: relative; width: 100%; background: none; height: auto;} .cc-info-box ul.tri li a {padding: 8px 10px 10px 14px; font-size: 16px; margin-bottom: 3px;} /*20121121 added by atgratho end*/ #DA-FeatureArea #cc-grid .DE-grid .cc-stock-graph{width:100%;} #DA-FeatureArea #cc-grid .gridelement .respBox{width:100%;max-width:379px;} .cc-smallPhoneBanner{display:block;} .cc-banner{display:none;} .DE-grid.w-2 .cc-banner{display:block;} #DE-start-banner-2col .cc-banner{display:block;} #DA-FeatureArea #cc-grid .gridelement .w-3, #DA-FeatureArea #cc-grid .gridelement .w-4{width:98%;} .child_w3{width:100%;} #DE-start-news{height:auto !important;} #DE-start-banner{height:auto !important;} #C-main.T-startoverview #DE-start-news{width:100%;} #C-main.T-startoverview #DE-start-banner{width:100%;} #C-main.T-startoverview #DE-start-custombox{width:100%;} #C-main.T-startoverview #procatformbox{width:100%;} #C-main.T-startoverview #procatformbox select{width:100%;} #C-main.T-startoverview #procatformbox input{width:98%;} /*20121228 added atgratho start*/ #start10 {padding-right: 0px !important; padding-bottom: 7px !important} #start10 #procatformbox input{width: 98%;} #start10 #procatformbox select{width: 100%;} #start10 #procatformbox {width: 100%; padding: 0 0 10px 10px !important;} /*20121228 added atgratho end*/ /*20121121 added by atgratho start*/ #procatformboxStart10{width:100%;} #procatformboxStart10 select{width:100%;} #procatformboxStart10 input{width:98%;} /*20121121 added by atgratho end*/ body.corporate #C-main.T-startpage{padding:60px 0 0 6px;} #C-main.T-startoverview { padding: 55px 6px 0;} /*20121114 atgratho PressMediaServiceNew10 starr/ .photoservice-area .phonebox{width:182px;margin:0 auto;} .photoservice-block{margin-right:0px !important;} /*20121114 atgratho PressMediaServiceNew10 start/ /*20130131 atgratho PressMediaServiceNew10 start*/ .cc-photo-service-list {background:#f1f2f3; margin-bottom: 20px} .cc-photo-service-list-text {width: 100%; padding: 5px} .cc-photo-service-button {margin-bottom:5px;} .cc-photo-service-list-img {height: auto; background:none; width: 100%} .cc-photo-service-list-img:hover {background: none;} .cc-photo-service div h4 {padding: 5px;} /*20130131 atgratho PressMediaServiceNew10 end*/ /*20130226 atgratho Wienerberger-ro SocialIcons start*/ #wbro-SocialIcons {position: relative; top: 0px;} /*20130226 atgratho Wienerberger-ro SocialIcons end*/ } /* 2-col grid zentriert */ @media only screen and (min-width: 419px) and (max-width: 617px) { #cc-grid{margin:0 auto;width:387px;} #C-main.T-startoverview #DA-FeatureArea{margin:15px auto 0 !important;width:387px !important;} #cc-grid .respBox a.cc-banner{background-size:100% 100%;} #DA-FeatureArea #cc-grid .gridelement .respBox{width:379px;} .cc-smallPhoneBanner{display:none;} #DA-FeatureArea #cc-grid .gridelement .w-3, #DA-FeatureArea #cc-grid .gridelement .w-4{width:98%;} .child_w3{width:100%;} #C-main.T-startoverview #DE-start-news{height:auto !important;} #C-main.T-startoverview #DE-start-banner{margin-right:3px;} #C-main.T-startoverview #DE-start-custombox{margin-right:3px;} #C-main.T-startoverview #procatformbox{margin-right:3px !important;} /*20121121 added by atgratho start*/ #start10 {height: 164px !important; padding-bottom: 0px !important; padding-right:0px !important;} /*20121121 added by atgratho end*/ /*20121114 atgratho PressMediaServiceNew10*/ .photoservice-area .phonebox{width:374px;margin:0 auto;} .cc-smallPhoneBanner{width:100%;background:none !important; margin-left: -15px;} /*20130226 atgratho Wienerberger-ro SocialIcons start*/ #wbro-SocialIcons {position: relative; top: 0px;} /*20130226 atgratho Wienerberger-ro SocialIcons end*/ } /* 3-col grid zentriert */ @media only screen and (min-width: 618px) and (max-width: 720px) { #cc-grid{margin:0 auto;width:573px;} #C-main.T-startoverview #DA-FeatureArea{margin:15px auto 0 !important;width:573px !important;} #cc-grid .respBox a.cc-banner{background-size:100% 100%;} #DA-FeatureArea #cc-grid .gridelement .respBox{width:379px;} .cc-smallPhoneBanner{display:none;} .child_w3{width:100%;} #DE-start-news{height:164px;} #DE-start-news .cc-list2{height:100%;} #C-main.T-startoverview #DE-start-banner{margin-right:3px;} #C-main.T-startoverview #DE-start-custombox{margin-right:3px;} #C-main.T-startoverview #procatformbox{margin-right:3px !important;} /*20121121 added by atgratho start*/ #procatformboxStart10{margin-right:3px !important;} /*20121121 added by atgratho end*/ #C-main.T-startoverview #DA-FeatureArea #DE-start-news{margin-right:3px;max-width:379px;} #DA-FeatureArea #DE-start-banner-2col.respBox{max-width:379px;margin-right:3px;} /*20121114 atgratho PressMediaServiceNew10*/ .photoservice-area .phonebox{width:561px;margin:0 auto;} .cc-smallPhoneBanner{width:100%;background:none !important; margin-left: -15px;} /*20130107 added by atgratho start*/ #start10 {height: 164px !important; padding-right: 0px !important; margin-right: 3px !important;} /*20130107 added by atgratho end*/ /*20130226 atgratho Wienerberger-ro SocialIcons start*/ #wbro-SocialIcons {position: relative; top: 0px;} /*20130226 atgratho Wienerberger-ro SocialIcons end*/ } /**************** * Lightbox ****************/ #lightbox-nav-btnNext{ background: url("/img/10/lightbox-btn-next.gif") no-repeat scroll right 15% transparent !important; } #lightbox-nav-btnPrev{ background: url("/img/10/lightbox-btn-prev.gif") no-repeat scroll left 15% transparent !important; } /* ==================================================================================================== MOBILE NAVIGATION ==================================================================================================== */ /* GENERAL -------------------------------------------------------------------------------------- */ .nav-mobile #ML-country img.world_icon_mobile{vertical-align:middle;height:21px;margin-left:15px;} /* Menue-Toggle-Button im Seitenkopf -------------------------------------------------------------------------------------- */ a.nav-mobile-toggle, a.nav-mobile-toggle span { cursor : pointer; display : block; height : 24px; overflow: hidden; width : 35px; } a.nav-mobile-toggle span { white-space: nowrap; text-indent: 120%; } a.nav-mobile-toggle { background: transparent url(/img/10/el-nav_mobile/nav-mobile.gif) no-repeat 0 0; display : none; /*left : 6px; position : absolute; top : 13px; */} a.nav-mobile-toggle.active { background-position: -50px 0; } /* Menue-Container -------------------------------------------------------------------------------------- */ .nav-mobile, .nav-mobile .cc-nav, .nav-mobile *, .nav-mobile .cc-nav * { -moz-box-sizing : border-box; -ms-box-sizing : border-box; -webkit-box-sizing: border-box; box-sizing : border-box; } .nav-mobile { background-color: #fff; border-top : 1px solid #c1c1c1; display : none; left : 0; padding : 5px 5px 4px; position : absolute; top : 49px; width : 350px; } .nav-mobile *, .nav-mobile .cc-nav * { list-style: none; margin : 0; padding : 0; } .nav-mobile ul , .nav-mobile .cc-nav ul{ margin-bottom:0; } .nav-mobile ul li#ML-country ul{margin-bottom:0;display:none;} .nav-mobile ul li#ML-country ul:first-child{margin-bottom:0;margin-top:7px;border-top:1px solid #D1D1D2;} .nav-mobile .cc-nav p.pact{margin:0;} .nav-mobile ul li#ML-country ul li a{border-left:none;padding-left:5px;} .nav-mobile ul:last-child, .nav-mobile .cc-nav ul:last-child { margin-bottom: 0; margin-top:0; } .nav-mobile .cc-nav ul ul { display: block; border: 0; margin-bottom: 0; } .nav-mobile li , .nav-mobile .cc-nav li{ margin-bottom: 0; } .nav-mobile a, .nav-mobile .cc-nav a { background-color: #f0f1f3; width : 100%; border-left : 2px solid #b60112; display : block; padding : 4px 15px 4px 3px; position : relative; line-height : 24px; text-decoration : none !important; } .nav-mobile .cc-lang a { background-color: #f0f1f3; width : 100%; border-left : none; line-height : 24px; display : block; padding : 4px 15px 4px 5px; position : relative; text-decoration : none !important; } .nav-mobile a.current, .nav-mobile .cc-nav a.current { color: #b60112; } /* Aktiver Link */ .nav-mobile .icon, .nav-mobile .cc-nav .icon { background : transparent url(/img/10/el-nav_mobile/nav-mobile.png) no-repeat 0 -30px; display : block; height : 13px; margin-top : -6px; overflow : hidden; position : absolute; right : 2px; top : 50%; white-space: nowrap; width : 13px; } .nav-mobile .cc-nav li{background-color: #E2E4E8; padding-right: 0px;padding-left:0px;} .nav-mobile .cc-list li, .nav-mobile #ML-country{background-color: #F0F1F3; padding-right: 0px;padding-left:0px;} .nav-mobile .cc-nav ul ul li, .nav-mobile .cc-list li ul li{background-color: white; padding:0;} .nav-mobile .cc-nav li a, .nav-mobile .cc-list li a, .nav-mobile #ML-country li a{line-height: 24px;font-size: 14px;padding:4px 15px 4px 3px;background : transparent url(/img/10/arrow_red_right.png) no-repeat scroll 98% center;border-bottom:1px solid #D1D1D2;border-right:1px solid #D1D1D2;width:auto;} .nav-mobile .cc-nav ul ul li a, .nav-mobile .cc-list li ul li a{background : url(/img/10/responsive/punkt_rot.png) no-repeat scroll 5px center transparent;} .nav-mobile .cc-nav ul ul ul li a, .nav-mobile .cc-list li ul ul li a{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 15px center transparent;} .nav-mobile .cc-nav ul ul ul li ul li a, .nav-mobile .cc-list li ul ul li ul li a{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 25px center transparent;} .cc-list ul ul ul ul{margin-left:0;} .nav-mobile .cc-nav li a.act, .nav-mobile .cc-list li a.act{line-height: 24px;font-size: 14px;background : transparent url(/img/10/arrow_red_down.png) no-repeat scroll 98% center;border-bottom:1px solid #D1D1D2;border-right:1px solid #D1D1D2} .nav-mobile .cc-nav ul ul li a.act, .nav-mobile .cc-list li ul li a.act{background : url(/img/10/responsive/punkt_rot.png) no-repeat scroll 5px center transparent;padding-left:15px;} .nav-mobile .cc-nav ul ul ul li a.act, .nav-mobile .cc-list li ul ul li a.act{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 15px center transparent;padding-left:25px;} .nav-mobile .cc-nav ul ul ul li ul li a.act, .nav-mobile .cc-list li ul ul li ul li a.act{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 25px center transparent;padding-left:35px;} .nav-mobile .cc-nav li a{font-weight:bold;} .nav-mobile .cc-nav li a.on, .nav-mobile .cc-list li a.on{line-height: 24px;font-size: 14px;background : transparent url(/img/10/arrow_red_down.png) no-repeat scroll 98% center;border-bottom:1px solid #D1D1D2;border-right:1px solid #D1D1D2} .nav-mobile .cc-nav ul ul li a.on, .nav-mobile .cc-list li ul li a.on{background : url(/img/10/responsive/punkt_rot.png) no-repeat scroll 5px center transparent;padding-left:15px;} .nav-mobile .cc-nav ul ul ul li a.on, .nav-mobile .cc-list li ul ul li a.on{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 15px center transparent;padding-left:25px;} .nav-mobile .cc-nav ul ul ul li ul li a.on, .nav-mobile .cc-list li ul ul li ul li a.on{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 25px center transparent;padding-left:35px;} .nav-mobile .navtrenner{height:10px;background:none;} .nav-mobile #ML-country{cursor:pointer; border-left:none;padding:4px 0px 0px 5px;line-height: 24px;} /* new Media Social Channel */ #nav-mobile .socialmediachannel{border-left:2px solid #B60112;} .socialmediachannel > a { border-left: none;} .socialmediachannel > a:hover { color: #b60112 !important; text-decoration: underline;} #nav-mobile .socialmediachannel ul{margin-left: 2px;} #nav-mobile .socialmediachannel ul li{width: 35px;display: inline-block;} #nav-mobile .socialmediachannel ul li a{border-left: none;} /* Submenue anhand von 'Aktivklasse' einblenden */ .nav-mobile li.current ul, .nav-mobile .cc-nav li.current ul { display: block; } .nav-mobile li.current li ul, .nav-mobile .cc-nav li.current li ul { display: none; } .nav-mobile li.current li.current ul, .nav-mobile .cc-nav li.current li.current ul { display: block; } /* Second level ------------ */ .nav-mobile li li, .nav-mobile .cc-nav li li , .nav-mobile .cc-list li li { margin-bottom: 0; } .nav-mobile li li a, .nav-mobile .cc-nav li li a, .nav-mobile .cc-list li li a { background-color: transparent; border-bottom : 1px solid #d1d1d2; border-right : 1px solid #d1d1d2; padding-left : 15px; padding-right : 3px; font-weight : normal; } .nav-mobile li li .icon, .nav-mobile .cc-nav li li .icon, .nav-mobile .cc-list li li .icon{ background-position: -13px -30px; left : 0; right : auto; } /* Third level ----------- */ .nav-mobile li li li a, .nav-mobile .cc-nav li li li a , .nav-mobile .cc-list li li li a { padding-left: 25px;font-weight: normal; } .nav-mobile li li li .icon, .nav-mobile .cc-nav li li li .icon , .nav-mobile .cc-list li li li .icon { background-position: -26px -30px; left : 12px; } /* Fourth level ----------- */ .nav-mobile li li li li a, .nav-mobile .cc-nav li li li li a , .nav-mobile .cc-list li li li li a { padding-left: 35px; } .cc-list li ul li ul li ul li a{margin-left:0;} .nav-mobile li li li .icon, .nav-mobile .cc-nav li li li .icon , .nav-mobile .cc-list li li li .icon { background-position: -26px -30px; left : 12px; } /* Rewrite fuer zweispaltiges Seitenraster -------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1020px) and (min-width: 731px) { a.nav-mobile-toggle/*, div#nav-mobile*/ { display: block; } } /* Rewrite fuer einspaltiges Seitenraster -------------------------------------------------------------------------------------- */ @media only screen and (max-width: 730px) { /* Einspaltiges Seitenraster */ a.nav-mobile-toggle/*, div#nav-mobile*/ { display: block; } .nav-mobile, .nav-mobile .cc-nav { width: 100%; } } /* ==================================================================================================== ... ==================================================================================================== */ /* ==================================================================================================== PRODUKTVERGLEICH (Overlay, Panels, Tabs) ==================================================================================================== */ /* General -------------------------------------------------------------------------------------- */ #phoneCompareContainer{margin-top:20px;} #WB-product-compare-data .legend{display:none;} #WB-product-compare-data .control.prev{display:block;} #WB-product-compare-data .control.next{display:block;} #WB-product-compare-data .col.col-2{display:block;} #act-phone-compare-btn{display:block;} #act-compare{display:none;} #phoneCompareContainer .cc-table .intro table.gal-img-cont-tabl{display:none;} #phoneCompareContainer .cc-table .intro .prod-compare-img-box, #phoneCompareContainer .cc-table .intro .prod-compare-image, #phoneCompareContainer .cc-table .intro .btn_removeProd.mobile{display:block;} #phoneCompareContainer .cc-table .intro .btn_removeProd.mobile{width:90px;margin: 0 auto; overflow:hidden;} #hideout_compareintro .buttons-ps a.button span{padding:0;} #phoneCompareContainer { width: 100%;overflow-x:auto;max-width:500px;position:relative;} #productcompare-inner .cc-tabs .cc-tabs-content { font-size: .6875em; } #productcompare-inner{width:500px;} #pccClose{background:url("/img/10/close_button.png") no-repeat scroll 0 0 transparent;background-size:26px auto;cursor:pointer;height:26px;width:25px;left:464px;position:absolute;top:0;} .product-compare-phone-so-basket{display:block;} .product-compare-phone-so-basket span{text-align:left;} /* Overlay -------------------------------------------------------------------------------------- */ /* Tabs -------------------------------------------------------------------------------------- */ .cc-tabs .tabheaders a span { height : 26px; line-height: 25px; padding : 0 10px 0 13px; } #productcompare-inner .cc-tabs .cc-tabs-content { width: auto; } #productcompare-inner .cc-tabs-content h1 { margin-bottom: 0; margin-top : 15px; } /* Panels -------------------------------------------------------------------------------------- */ #productcompare-inner .wp-product-count { padding-left: 12px; } #WB-product-compare-data { margin-top : 10px; padding-bottom: 20px; padding-top : 0; width : auto; } #WB-product-compare-data .cc-compare-left, #WB-product-compare-data .col { float: left; width: 157px; } #WB-product-compare-data .col { height : 440px; overflow : hidden; position : relative; width : 155px; } #WB-product-compare-data .col-inner { left : 0; position: absolute; top : 0; width : 10000em; z-index : 1; } /* ==================================================================================================== PRODUKTVERGLEICH - TABLES ==================================================================================================== */ #WB-product-compare-data .cc-table { table-layout:fixed; } #WB-product-compare-data .cc-table, #WB-product-compare-data .cc-table th, #WB-product-compare-data .cc-table td, #WB-product-compare-data .cc-table td.intro { border : 0; font-size : inherit; height : auto; line-height: auto; margin : 0; padding : 0; white-space: normal; } #WB-product-compare-data .cc-table th, #WB-product-compare-data .cc-table td { overflow: hidden; padding : 0 !important; width : 155px !important; } #WB-product-compare-data .cc-compare-left .cc-table, #WB-product-compare-data .cc-compare-left .cc-table th, #WB-product-compare-data .cc-compare-left .cc-table td { width: 157px; } #WB-product-compare-data .cc-table td.intro div { clear: both; } #WB-product-compare-data .cc-table .inner { /* -moz-box-sizing : border-box; */ /* -ms-box-sizing : border-box; */ /* -webkit-box-sizing: border-box; */ /* box-sizing : border-box; */ /* display: inline-block; */ padding: 3px 5px; width : 145px; } #WB-product-compare-data .cc-table td { border-bottom: 1px solid #b3b3b4; } #WB-product-compare-data .cc-table td.intro { height : auto; /*105px*/ text-align: center; } #WB-product-compare-data .col .cc-table th, #WB-product-compare-data .col .cc-table td { background-image : url(/img/10/responsive/line-v.gif); background-position: 0 0; background-repeat : repeat-y; font-size: 12px;} #WB-product-compare-data .col .cc-table td.intro { background-image: none;border-left-color: #e9eaeb; } /* Responsive Bildbox mit Schatten (Neu) -------------------------------------------------------------------------------------- */ #WB-product-compare-data .cc-table td.intro span.prod-compare-img-box { -moz-box-sizing : border-box; -ms-box-sizing : border-box; -webkit-box-sizing: border-box; box-sizing : border-box; display : block; float : left; margin-bottom : 5px; margin-left : 26px; padding : 0 !important; width : 90px; } #WB-product-compare-data .cc-table td.intro span.prod-compare-img-box .prod-compare-imgage { background-color: #fff; border : 1px solid #8f8f90; display : table-cell; height : 90px; overflow : hidden; padding : 0; text-align : center; width : 90px; } #WB-product-compare-data .cc-table td.intro span.prod-compare-img-box .prod-compare-imgage img { margin : 0; max-height : 80px; max-width : 80px; vertical-align: middle; } .boxshadow #WB-product-compare-data .cc-table td.intro span.prod-compare-img-box .prod-compare-imgage { -moz-background-clip : padding; /* bg color leaking outside the border */ -webkit-background-clip: padding-box; background-clip : padding-box; -moz-box-shadow : 0 1px 3px #a6a6a6; -webkit-box-shadow: 0 0 2px #ddd; box-shadow : 0 1px 3px #a6a6a6; border: 0; } .lte8 #WB-product-compare-data .cc-table td.intro span.prod-compare-img-box .prod-compare-imgage { display: block; } /* Blaettern -------------------------------------------------------------------------------------- */ #WB-product-compare-data .control, #WB-product-compare-data .control * { display : block; height : 25px; margin : 0; overflow: hidden; width : 12px; } #WB-product-compare-data .control span { text-indent: 120%; white-space: nowrap; } #WB-product-compare-data .control { background: transparent url(/img/10/responsive/control.gif) no-repeat 0 0; cursor : pointer; left : 12px; position : absolute; top : 40px; z-index : 2; } #WB-product-compare-data .next { background-position: -18px 0; left : auto; right : 12px; } /* ==================================================================================================== PRODUKTVERGLEICH - REWRITE RASTER ==================================================================================================== */ /* Rewrite fuer zweispaltiges Seitenraster -------------------------------------------------------------------------------------- @media only screen and (max-width: 1020px) and (min-width: 731px) {} */ /* Rewrite fuer einspaltiges Seitenraster -------------------------------------------------------------------------------------- */ /*@media only screen and (max-width: 730px) { }*/ /*css for captcha - start*/ #captcha-img-link { margin-left: 0; clear: both; } /*css for captcha - end*/ /***************************************/ /****** Cookie Notification WB-342 ****/ /***************************************/ #howdydo-wrapper{ width: 99%; }