/*********** * Struktur **************/ #WB-main{ margin:0;width:99%; overflow:hidden;} /********************* * Header **********************/ #DA-header #nav-mobile-toggle{display:block;float:left;margin-right:10px;} #DA-header{width:100%; min-width: 500px;height:61px;} #DA-header #H-meta-nav {width:auto;background:none;} #DA-header #H-meta-nav{background-image:none !important;padding:25px 0 0 12px;} #DA-header #H-corporate{display:block;} #DA-header #H-corporate a#H-corporate-eh,#DA-header #H-corporate a#H-corporate-eh:active,#DA-header #H-corporate a#H-corporate-eh:hover,#DA-header #H-corporate a#H-corporate-eh:focus,#DA-header #H-corporate a#H-corporate-eh:visited{color:#939598;text-decoration:none;} #DA-header #H-corporate-stocks{display:block;} #DA-header #H-meta-nav #H-lang{display:none;} #ML-container{width:100%;} #DA-header-wrapper #nav-mobile{display:none;overflow:auto;} #DA-header-wrapper #H-logo{position:relative;top:0;right:15px;float:right;margin:6px;} #H-logo #wb-logo{height:48px;margin-right:-9px;margin-top:0px;width:112px;} #DA-header #H-meta-nav li#H-site-search{margin-top:2px;max-width:145px;width:14%;} #H-site-search #H-query{width:62%;} /********************** * Key Visual *******************/ .DE-teaserbox{margin-right: 6px;float:left;height:auto;width:100%;position:static;padding-bottom:0;margin-bottom:10px;background:none repeat scroll 0 0 #EBEDEF;} .DE-teaserbox:hover{background:#F3ECDF;} .DE-teaserbox .contentbox img{margin-top:-29px;margin-bottom:2px;} .DE-teaserbox .contentbox .logocontainer{padding-right:10px;float:right;margin-top:-3px;} .DE-teaserbox .contentbox img.logo.png_bg{float:left;padding:5px 5px 0 5px;margin:0;} .DE-teaserbox h2{font-size:12px;width:100%;padding:3px 10px 5px 200px;font-family:arial;} .DE-teaserbox h2 .sIFR-flash{height:21px;} .DE-teaserbox p.teaserText{padding:0 20px 0px 200px;font-size:12px;overflow:visible;margin-top:-53px;height:auto;font-family:arial;} .DE-teaserbox .faketrans{display: none;} .keyvis-slogan{width:95%; overflow:hidden;font-size:1em;} .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;max-width:988px;} #DE-KeyVisualStart{height:auto;overflow:hidden;} #DA-KeyVisual .DE-teaserbox .contentbox{min-height:70px;padding-bottom:0;} #DA-KeyVisual .DE-teaserbox .contentbox img.logo{display:none;} #DA-KeyVisual .DE-teaserbox .contentbox .logocontainer img.logo{display:block;margin-bottom:3px;} #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%;} #J-text-1 p{white-space:inherit;height:auto;} #DA-KeyVisual .DE-teaserbox .contentbox .hel.newfont{font-size:16px;} /**** backup für Version mit großen Boxen im Tabletmodus, falls wb es sich anders überlegt .DE-teaserbox{margin-right: 6px;float:left;height:auto;} .DE-teaserbox .faketrans{display: none;} .keyvis-slogan{width: -moz-calc(95% - 190px); width: -webkit-calc(95% - 190px); width: -o-calc(95% - 190px); width: calc(95% - 190px); overflow:hidden;} .keyvis-slogan p{white-space:inherit;} .DE-teaserbox-empty{display:none;} #H-bgshade .clear-both{width:1px;} #DE-KeyVisualOverview{position:absolute;} #DA-KeyVisual{height:393px;} .T-startoverview #O-teaserboxes, .T-content #O-teaserboxes { margin-left: 10px; position: relative; width: 100%; z-index: 5; top:0px; left:0px;} #J-img-2, #J-img-1{position:absolute;} #DE-KeyVisualStd .hel{display:none;} */ /********************* * Content *******************/ #C-main{width: 100% !important; overflow:hidden;padding:0 0 0 6px;} body.corporate #C-main.T-startpage{padding:40px 0 0 6px;} #C-main.T-startoverview { padding: 40px 6px 0;} #C-main.T-startoverview .pagetitle { position: absolute; top:0;margin:5px 0 10px 5px;} div.banner.notMobileFlash, div.cc-banner.notMobileFlash{display:none;} /*** * Navigation ***/ #DA-Navigation #DE-NavigationHome .cc-nav a,#DA-Navigation #DE-NavigationHome .cc-list a,#DA-FeatureArea #DE-start-subnav .cc-list a{word-wrap:break-word;} #DA-Navigation #DE-NavigationHome .cc-nav{width:100%;} #DA-Navigation #DE-NavigationHome .cc-nav p.pact{margin:0;} #DA-Navigation #DE-NavigationHome .cc-nav ul{} #DA-Navigation #DE-NavigationHome .cc-nav ul li{padding:0;margin-top:0;} #DA-Navigation #DE-NavigationHome .cc-nav ul li a{background:url("/img/10/arrow_red_right.png") no-repeat scroll 175px center #F1F2F3;border-bottom:1px solid #D1D1D2;border-right:1px solid #D1D1D2;font-size:1em;line-height:19px;padding-left:11px;border-left: 2px solid #b60112;width:auto;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul{padding:0;border-left: 2px solid #b60112;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li{padding:0;margin-top:0;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li a{border-left:none;padding:4px 5px 4px 20px;background:url(/img/10/responsive/punkt_rot.png) no-repeat scroll 7px center transparent;width:auto;font-size:1em;line-height:19px;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul{border-left:none;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li{padding:0;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li a{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 20px center transparent;width:auto;padding:4px 5px 4px 32px;font-size:1em;line-height:19px;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li ul{} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li ul li{} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li ul li a{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 30px center transparent;width:auto;padding:4px 5px 4px 42px;font-size:1em;line-height:19px;} #DA-Navigation #DE-NavigationHome .cc-nav ul li a.act{background:url("/img/10/arrow_red_down.png") no-repeat scroll 174px center #F1F2F3;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li a.act{background:url(/img/10/responsive/punkt_rot.png) no-repeat scroll 7px center transparent;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li a.act{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 20px center transparent;} #DA-Navigation #DE-NavigationHome .cc-nav ul li ul li ul li ul li a.act{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 30px center transparent;} #DA-Navigation{min-width:190px;max-width:190px;width:auto;} #DA-FeatureArea #DE-start-subnav{margin:4px 7px 6px -8px;} #DA-Navigation #DE-NavigationHome .cc-list, #DA-FeatureArea #DE-start-subnav .cc-list{background-color: none;width: 100%;padding:0;display: block;padding: 4px 15px 4px 0;position: relative;text-decoration : none !important;} #DA-Navigation #DE-NavigationHome .cc-list li, #DA-FeatureArea #DE-start-subnav .cc-list li{padding:0;margin-top:0;} #DA-Navigation #DE-NavigationHome .cc-list li a, #DA-FeatureArea #DE-start-subnav .cc-list li a{background:url("/img/10/red_right.png") no-repeat scroll 3px center transparent;font-size:1em;line-height:19px;padding:2px 10px 2px 25px;width:auto;} #DA-Navigation #DE-NavigationHome .cc-list li ul, #DA-FeatureArea #DE-start-subnav .cc-list li ul{margin:0;} #DA-Navigation #DE-NavigationHome .cc-list lu ul li, #DA-FeatureArea #DE-start-subnav .cc-list li ul li{padding:0;border-left:none;margin-top:0;} #DA-Navigation #DE-NavigationHome .cc-list li ul li a, #DA-FeatureArea #DE-start-subnav .cc-list li ul li a{border-left:none;padding:4px 5px 4px 20px;background:url(/img/10/responsive/punkt_rot.png) no-repeat scroll 7px center transparent;width:auto;font-size:1em;line-height:19px;} #DA-Navigation #DE-NavigationHome .cc-list li ul li ul, #DA-FeatureArea #DE-start-subnav .cc-list li ul li ul{border-left:none;} #DA-Navigation #DE-NavigationHome .cc-list li ul li ul li, #DA-FeatureArea #DE-start-subnav .cc-list li ul li ul li{border-left:none;padding:0;} #DA-Navigation #DE-NavigationHome .cc-list li ul li ul li a, #DA-FeatureArea #DE-start-subnav .cc-list li ul li ul li a{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 20px center transparent;padding:4px 5px 4px 32px;width:auto;border-left:none;font-size:1em;line-height:19px;} #DA-Navigation #DE-NavigationHome .cc-list li ul li ul li ul li a, #DA-FeatureArea #DE-start-subnav .cc-list li ul li ul li ul li a{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 30px center transparent;padding:4px 5px 4px 42px;width:auto;border-left:none;font-size:1em;line-height:19px;} #DA-Navigation #DE-NavigationHome .cc-list li a.act{background : transparent url(/img/10/red_down.png) no-repeat scroll 3px center;} #DA-Navigation #DE-NavigationHome .cc-list li ul li a.act{background : url(/img/10/responsive/punkt_rot.png) no-repeat scroll 7px center transparent;} #DA-Navigation #DE-NavigationHome .cc-list li ul ul li a.act{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 20px center transparent;} #DA-Navigation #DE-NavigationHome .cc-list li ul ul li ul li a.act{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 30px center transparent;} #DA-Navigation #DE-NavigationHome .cc-list li a.on{background : transparent url(/img/10/red_down.png) no-repeat scroll 3px center;} #DA-Navigation #DE-NavigationHome .cc-list li ul li a.on{background : url(/img/10/responsive/punkt_rot.png) no-repeat scroll 7px center transparent;} #DA-Navigation #DE-NavigationHome .cc-list li ul ul li a.on{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 20px center transparent;} #DA-Navigation #DE-NavigationHome .cc-list li ul ul li ul li a.on{background : url(/img/10/responsive/strich_rot.png) no-repeat scroll 30px center transparent;} #C-main.T-startoverview #DA-Navigation, #C-main.T-startoverview #DE-start-subnav{display:none;} #C-main.T-startpage #DA-Navigation, #C-main.T-startpage #DE-start-subnav{display:none;} /*** * FeatureHeader ***/ #DA-FeatureHeader #DE-BreadCrumb{display:none;} /*** * FeatureArea ***/ .T-startoverview #DA-FeatureArea, .T-startoverview #DA-FeatureHeader {overflow: hidden;margin:15px 0 0 0 !important; width:99% !important;} .T-content #DA-FeatureArea, .T-content #DA-FeatureHeader {overflow: hidden;margin:15px 0 0 0 !important; width: 70%;} .T-startpage #DA-FeatureArea, .T-startpage #DA-FeatureHeader {overflow: hidden;margin:15px 0 0 6px !important; width: 99%;} body.corporate .T-startpage #DA-FeatureHeader{position:absolute;top:0;margin:0 0 0 15px !important;} body.corporate .T-startpage #DA-FeatureHeader h1{margin-top:5px;} #DA-FeatureHeader #DE-BreadCrumb{display:none;} #DA-FeatureArea #DA-BannerArea .container{display:block;} #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, #DA-FeatureArea .cc-gallery .cc-paging{padding:8px 2px 20px 2px;max-width:500px;width:98%;} #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 2px 4px;} #DA-FeatureArea .topnews .cc-list2, #DA-FeatureArea .topnews .cc-events, #DA-FeatureArea #DE-start-news .cc-list2{width:99%;height:100%;} #DA-FeatureArea .cc-download{width:100%;} #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 li h2{height:auto;} .T-content #DA-FeatureArea.fullwidth{width: 70%;} .T-content #DA-FeatureArea.fullwidth .DE-block-a, .T-content #DA-FeatureArea.fullwidth .DE-block-t{width:99%;} .T-content #DA-FeatureArea .article .DE-block-b{display:none;} .T-content #DA-FeatureArea .DE-block-a, .T-content #DA-FeatureArea .DE-block-b, .T-content #DA-FeatureArea .DE-block-t{width:99%;} #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 > a.top{margin-right:0;} #DA-FeatureArea .article .DE-block-t ul{float:none;} #DA-FeatureArea .article ul{padding-left:20px;} #DA-FeatureArea .cc-tabs{width:100%;max-width:570px;} #DA-FeatureArea .cc-tabs .cc-tabs-content.ps{width:100%;max-width:570px;} #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, #DA-FeatureArea .cc-ps-result .sum, #DA-FeatureArea .cc-ps-result .cc-paging{width:100%;max-width:570px;} #DA-FeatureArea #ov-sresult-insert .cc-ps-result{width:100%;margin-bottom:0;padding-bottom:0px;} #DA-FeatureArea .cc-pagelinks, #DA-FeatureArea .cc-product{width:100%;} #DA-FeatureArea .cc-product div{width:48%;max-width:270px;} #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 6px 15px 0;} #DA-FeatureArea .cc-product-brands li.i{clear:none;} #DA-FeatureArea .cc-photo-service{width:100%;} #DA-FeatureArea #DE-start-news{width:383px;margin: 10px 7px 0 0;} #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;} #ov-compare .cc-table .intro .prod-compare-img-box, #ov-compare .cc-table .intro .prod-compare-image, #ov-compare .cc-table .intro .btn_removeProd.mobile{display:none;} #hideout_compareintro .buttons-ps a.button span{padding:0;} #DA-FeatureArea ul.cc-sitemap{width:99%;} #DA-FeatureArea .DE-block-a .cc-paging{width:99%;} #DA-FeatureArea .article #socialbookmarks{display:none;} .cc-form div.f_radio{margin-left:75px;} #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 .cc-related-download{margin-left:0 !important;padding-left:0 !important;} #DA-FeatureArea .cc-ps-result{width:99%;} .cc-search-body .ct-r{width:99%;max-width:520px;} .dataform .left-hand-labels .elm{margin-left:15px;} p.intro{width:99%;} .T-content #DA-FeatureArea.fullwidth h1, .T-content #DA-FeatureArea.fullwidth .intro{width:99%;max-width:563px;} #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;} #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;} .product-compare-phone-so-basket{display:none;} .basketPaging{max-width:505px;margin-right:10px;} /* 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:381px;} #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;} #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:5px;margin-bottom:5px;} #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 .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;margin-bottom:5px;} #DA-FeatureArea #cc-grid .cc-grid-inner .c4mobile{display:none;} #DA-FeatureArea #cc-grid .cc-grid-inner .gridrow .c-4{display:block;} #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;} /* WBRW-194 */ #cc-grid{width:100%;} #cc-grid .cc-grid-inner{width:100%;} .child_w1{width:24%;margin-right:5px;} .child_w1 .DE-grid.w-1{width:100% !important;} .child_w2{width:49%;margin-right:2px;} .child_w2 .DE-grid.w-2{width:99% !important;} .child_w3{width:73%;margin-right:7px;} .child_w3 .DE-grid.w-3{width:100% !important;} .child_w4{width:98%;} .child_w4 .DE-grid.w-4{width:100% !important;} .child_w1 .cc-banner{background-size:100% 100%;} .child_w2 .cc-banner{background-size:100% 100%;} .child_w3 .cc-banner{background-size:100% 100%;} .cc-info-box{width:100%;height:100%;} .cc-stock-graph{width:100%;height:100%;} #DA-FeatureArea #cc-grid .gridelement .DE-grid .featureAreaGridProductsDropDown{height:100%;width:98%;padding:1px 1px 0 3px !important;} #cc-grid .DE-grid .featureAreaGridProductsDropDown p,#cc-grid .DE-grid .featureAreaGridProductsDropDown h2{margin-right: 2px;margin-left:2px;} #cc-grid .cc-tools ul{height:115%;} #DA-FeatureArea #DE-start-news{width:49%;margin:7px 6px 0 0;} .T-startoverview #procatformbox{width:22%;padding:0 7px;margin-right:6px;} #procatformbox select{width:100%;} #procatformbox input{width:97%;} #DE-start-banner{width:24%;margin-right:6px;} #DE-start-custombox{width:24%;margin-right:6px;} #DE-start-banner .cc-banner{background-size:100% 100%;} .cc-info-box div.box{width:100%;} #DE-start-banner-2col{width:49%;margin-right:6px;} #DE-start-banner-2col .cc-banner{background-size:100% 100%;} @media only screen and (max-width: 800px) and (min-width: 721px) { #cc-grid .DE-grid .featureAreaGridProductsDropDown{font-size:9px;} #cc-grid .cc-tools ul li{padding:6px 0 0 0;} #cc-grid .cc-tools ul li a{font-size:9px;} select#pf_c1{width:150px !important;} .cc-shares div{height:21px;} .cc-list2 ul li a{line-height:1em;} #DA-FeatureArea .topnews .cc-events a {font-size:10px;} #DA-FeatureArea .topnews .cc-events a span {width:72%;} #DA-FeatureArea .topnews .cc-events a p {width:18%;} .cc-events ul li p{padding-right:3px;} #DA-FeatureArea .cc-info-box .cc-shares div{font-size:10px;} #DA-FeatureArea .cc-info-box .cc-shares div:first-child{font-size:1em;} .cc-shares div p{padding-right:3px;} } /*20121114 atgratho PressMediaServiceNew10*/ @media only screen and (min-width: 721px) and (max-width: 830px) { .photoservice-block{margin-right:40px !important;} } /* Produktkatalog und Vergleich */ #ov-compare{width:90%;} #WB-product-compare-data .control.prev{display:none;} #WB-product-compare-data .control.next{display:none;} #WB-product-compare-data .col.col-2{display:none;} #WB-product-compare h1, #ov-compare-insert h1{margin: 10px 0 15px;} #WB-product-compare-data .legend{display:none;} #WB-product-compare-data .cc-table th{height:30px;padding-top:10px;} #WB-product-compare-data{padding: 10px 0 0;} #act-phone-compare-btn, #phoneCompareContainer{display:none;} #act-compare{display:block;} .cascSearchImage{max-width:270px;} .cascSearch_color{max-width:84px;} /* Rewrite fuer 2col-3col change --------------------------------------------------------------------------------------*/ @media only screen and (max-width: 770px) and (min-width: 721px) { #DA-FeatureArea .cc-selector-group.threeCol label{margin: 0 3px 10px !important;width:145px !important;} } @media only screen and (max-width: 846px) and (min-width: 721px) { #DA-FeatureArea .cc-selector-group.twoCol label{margin: 0 4px 10px 0 !important;width:223px !important;} #DA-FeatureArea .cc-selector-group.twoCol label.imageCheckbox .check_tooltip_container input.chkbx{margin:3px 65px 7px 0 !important;} } /* Rewrite fuer 2col-3col change WBUST-CascadeSearch --------------------------------------------------------------------------------------*/ @media only screen and (max-width: 775px) { #DA-FeatureArea .cc-selector-group.cascSearchSixCol .rowContainer{clear:none;width:auto;} #DA-FeatureArea .cc-selector-group.cascSearchSixCol .rowContainer .cascSearchImage{width: 23%;} } /* 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;} /*** * 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:8px;float:none;margin-top:10px;} #DA-FeatureArea #DA-BannerArea .container{display:block;width:178px; margin-right:8px;float:left;margin-top:15px;min-height:230px;background:none repeat scroll 0 0 #F1F2F3;} #DA-FeatureArea #DA-BannerArea #ui-catalogue-search{display:block;width:178px; margin-right:8px;float:left;margin-top:15px;} #DA-FeatureArea #DA-BannerArea .container .visual{overflow:hidden;} #DA-FeatureArea #DA-BannerArea .container a.cc-banner{height:auto;} /*20121114 atgratho PressMediaServiceNew10*/ .photoservice-block{width:180px; height:160px;float:left;margin-right:7px !important;} .cc-photo-service .photo-service-search input{width:95%;max-width:260px;} /***************** * Footer ****************/ #DA-footer{width:100%; overflow: hidden;} #F-icons{display: block; float: none; margin-left:18px;padding-top:10px;} #F-icons li:first-child{display:none;} #F-nav{clear:both; padding-left: 30px;;margin-top:5px;} #F-nav li:nth-child(4){background: transparent url(/img/10/nav_separator.png) no-repeat center left;} #DA-footer #F-corporate{display:none; background:none;} #DA-footer #F-corporate-stocks{display:none; background:none;} #DA-footer #DesktopVersion{display:block;} #F-content{width:100%;} #DA-footer #DE-FooterLogos{float:none;width:auto;padding-top:5px;} #F-content #socialbookmarks{display:block;float:right;padding-right:14px;padding-left:10px;} #F-content #socialbookmarks .img-comtainer img{width:27px;height:27px;} #F-end{width:100%;} /**************** * 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 ==================================================================================================== */ /* 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 : 6px; padding : 5px 5px 4px; position : absolute; top : 60px; width : 350px; } .nav-mobile *, .nav-mobile .cc-nav * { list-style: none; margin : 0; padding : 0; } .nav-mobile .cc-nav{ width:auto;} .nav-mobile ul , .nav-mobile .cc-nav ul{ margin-bottom:0; } .nav-mobile ul ul{ margin-top: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, .nav-mobile .cc-list .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; } .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;} .nav-mobile .cc-list li, .nav-mobile #ML-country{background-color: #F0F1F3; padding-right: 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: 1em;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: 1em;padding:4px 15px 4px 3px;background : transparent url(/img/10/arrow_red_down.png) no-repeat scroll 98% center;} .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%; } } /* ==================================================================================================== ... ==================================================================================================== */ /***************************************/ /****** Cookie Notification WB-342 ****/ /***************************************/ #howdydo-wrapper{ width: 99%; }