@media screen and (max-width:1200px){.mfp-iframe-holder .mfp-content,.mfp-image-holder .mfp-content{margin-left:0}header{top:0;height:auto;margin-bottom:0}.mobile-search-active .sticky-nav #suggestform{height:100vh}.header-container{position:relative}#primary:before,.header-container__inner:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;background:rgba(0,0,0,.8);transition:opacity .5s ease-out;opacity:0;pointer-events:none}.mobile-menu-open #primary:before,.mobile-menu-open .header-container__inner:before{width:100%;height:100%;opacity:1;pointer-events:all}.mobile-menu-open .header-container__inner:before{z-index:1;top:-25px;padding-bottom:25px}.logo{width:110px;margin:14px 5px 4px 0}.sticky-nav{position:static}.sticky.mobile-menu-open .sticky-nav{background:rgba(0,0,0,.8);transition:none}.sticky-nav .wrapper{padding:0}.sticky-nav .site-title{display:none}.sticky-nav #meta{position:relative;float:left;width:100%;padding-right:0}.mobile-search-active .sticky-nav #meta{display:none}.sticky .sticky-nav #meta{padding-top:4px}.sticky-nav .icon{color:#fff}.sticky-nav #search{position:absolute;z-index:1001;top:65px;left:0;display:none;width:100%;height:6em;padding:0;padding-bottom:5px;margin:0;background:0 0;font-size:10px}.sticky-nav #search>.wrapper{padding:15px 30px}.mobile-search-active .sticky-nav #search{display:block}.sticky-nav #search .searchbutton{display:none}.sticky-nav #search .searchWrapper{display:inline-block;box-sizing:border-box;width:100%;padding-right:0}.sticky-nav #search input{float:none;overflow:hidden;box-sizing:border-box;width:100%;height:100%;padding:8px 10px;margin-left:0;background:rgba(255,255,255,.2);font-size:22px;max-width:100%}.sticky-nav #search.open input{width:100%}.sticky-nav #search button{position:relative;position:static;display:inline-block;width:4em;height:44px;margin:0;background-color:#004a96}.win sticky-nav #search button{top:2px}.ie sticky-nav nav #search button{top:-2px}.sticky-nav #search button .icon{font-size:20px;line-height:41px;color:#fff}.sticky-nav #search .resetbutton{top:-75px;right:auto;left:10px;padding-right:20px;padding-left:20px;font-size:20px}.sticky-nav #search .resetbutton .icon{right:0;display:none!important;line-height:2.8}.sticky-nav #suggestform{position:absolute;top:6em;left:0!important;width:100%;padding:0;margin:0}.sticky-nav #suggestform .borderPane{margin:0 30px}#suggestform i,#suggestform:before{display:none}.mobile-reportname{display:block;float:left;padding:24px 10px;margin:0;font-family:'Helvetica Neue LT W06 55 Roman';font-weight:700;font-size:14px;color:#fff}.page_einblicke .mobile-reportname:hover,.page_serviceseiten_willkommen .mobile-reportname:hover{color:#efefef}.mobile_nav_trigger,.mobile_search_trigger{display:block;cursor:pointer}.mobile_nav_trigger{float:left}.mobile_nav_trigger .icon,.mobile_search_trigger .icon{display:block}.mobile_nav_trigger .iconClose,.mobile_search_trigger .iconClose{display:none}.mobile_nav_trigger .icon,.mobile_nav_trigger .iconClose{width:24px}.mobile_nav_trigger .iconClose:hover{color:#898989}.mobile-search-active .mobile_search_trigger .icon,.mobile_nav_trigger.active .icon{display:none}.mobile-search-active .mobile_search_trigger .iconClose,.mobile_nav_trigger.active .iconClose{display:block}.mobile_nav_trigger .icon,.mobile_nav_trigger .iconClose,.mobile_search_trigger .icon,.mobile_search_trigger .iconClose{float:left;margin:18.5px 0;font-family:BASF_Iconfont3;font-size:20px}.mobile_search_trigger .icon{width:100%;margin:0;line-height:54px;text-align:center}.mobile_search_trigger .iconClose{width:100%;margin:0;background:#fff;line-height:54px;text-align:center}.mobile_search_trigger{width:44px;height:54px}.mobile_search_trigger:hover,.mobile_search_trigger:hover .icon{color:#898989}.mobile_search_trigger .icon::before{content:"\e937"}.mobile_search_trigger .iconClose::before{content:"\e910"}.mobile_nav_trigger{margin-left:30px;color:#fff}.mobile_nav_trigger .icon::before{content:"\e926"}.mobile_nav_trigger .iconClose::before{content:"\e911"}.global_link{display:none}.language_switch{padding:0;margin:0;line-height:52px}.language_switch a{padding:0 15px 0 13px;font-size:17px;color:#333}.language_switch a+a{margin-left:0}.global_link a,.language_switch a,.share_link a,.stagevisual .global_link a,.stagevisual .language_switch a{color:#004a96}.onlydesktop{display:none!important}.onlyresponsive{display:block!important}#primary{top:65px;display:block;text-align:left;max-height:0}#primary.active{top:65px;height:auto;padding-top:25px;padding-bottom:10px;border-bottom:3px solid #999;max-height:999px}#primary ul.menu{display:none}#primary.open .nav-close{display:none}.nav-wrapper{top:0;height:auto!important;margin:0}.nav-tools-wrapper{height:65px;padding-right:10px}.nav-tools-wrapper .mobile_search_trigger{order:3}.nav-tools-wrapper .language_switch{order:1}.nav-tools-wrapper .share-link{order:2}.share-link--trigger{padding-right:5px;padding-left:5px}#primary .app-menu{overflow-x:hidden;overflow-y:auto}#primary .app-menu li{float:none;line-height:1em}#primary .app-menu a,#primary .menu-back a{display:block;padding:16px 0;margin:0 15px;border-top:1px solid #d8d8d8;font-size:16px;letter-spacing:.1px}#primary .app-menu a span{position:relative;display:block;padding:0}#primary .heading,#primary .menu-back{text-align:center}#primary .heading span:before,#primary .menu-back span:before{font-size:22px;line-height:.9}#primary .heading+.heading a,#primary .heading+.menu-back a,#primary .menu-back+.heading a,#primary .menu-back+.menu-back a{padding-right:35px;padding-left:35px}#primary .heading+.heading .menu-back,#primary .heading+.menu-back .menu-back,#primary .menu-back+.heading .menu-back,#primary .menu-back+.menu-back .menu-back{padding-left:30px}#primary .heading~.mobile-menu a,#primary .menu-back~.mobile-menu a{font-family:'Helvetica Neue LT W06 55 Roman';font-size:14px;line-height:22px}#primary .heading~.mobile-menu a span:after,#primary .menu-back~.mobile-menu a span:after{padding-right:20px;font-size:22px;line-height:1}#primary .heading .menu-back{position:absolute;z-index:1;left:0;width:12px;height:18px;padding:16px 25px 16px 16px;color:#fff;cursor:pointer}#primary .heading .menu-back:hover{color:#adadad}#primary .heading .menu-back:before{content:"\e000";font-family:BASF_Iconfont}#primary .mobile-menu a span:after{content:"\e002";position:absolute;right:0;font-family:BASF_Iconfont;font-size:24px;line-height:.8}#primary .mobile-menu .leaf a span:after,#primary .mobile-menu .menuItem-150-jahre-basf a span:after{display:none}#primary .mobile-menu .menuItem-ernaehrung,#primary .mobile-menu .menuItem-intelligente-energie,#primary .mobile-menu .menuItem-staedtisches-leben{display:none}#primary .menu-back a span{position:relative;display:block;border:0}#primary .menu-back a span:before{content:"\e000";position:absolute;left:0;font-family:BASF_Iconfont}.app-menu.animate{overflow:hidden;width:100%;height:500px;-webkit-transition:height .5s ease;-moz-transition:height .5s ease;-ms-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease}.app-menu>.wrapper{position:relative;width:200%;margin:0;min-width:0;max-width:none}.app-menu .block{width:50%}.app-menu .block.animate{position:absolute;top:0;width:50%}.app-menu .block.animate+.block.animate{left:50%}.stagevisual .nav-wrapper,.stagevisual header{top:0;margin-bottom:0}.stagevisual-text,.stagevisual-text.nav-two-rows{top:80px;width:100%}.bottom-footer-menu .menu li:first-child{display:block}.bottom-footer-menu .menu li:first-child span{margin-right:0}}@media screen and (max-width:1024px){footer .main-footer-menu .col-20{width:50%;padding-right:0;margin-bottom:2em;min-height:200px}footer .footer-logo{float:none;width:100%;margin-bottom:28px}footer .social-media-footer li span{display:none}footer .social-media-footer .menu li{margin:0}.social-media-footer .menu a{padding:8px;margin-top:-8px;font-size:25px}.social-media-footer .wrapper{padding-top:30px}.social-media-footer .menu a:hover{background:0 0}.social-media-footer-text{font-size:18px}footer .bottom-footer-menu{padding:0 0 30px}.bottom-footer-menu .wrapper{padding:0 30px}footer .main-footer-menu .wrapper{padding-bottom:0}.service-teaser .teaser-head h2{margin-bottom:.2em}#cgSelectFigures{top:785px;left:0;width:100%}header #search.open input{width:70%}.charts-collection{max-width:935px}.main-footer-menu .wrapper{flex-wrap:wrap}}@media screen and (max-width:965px){.stagevisual-text-wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.stagevisual-text{width:100%}.service-teaser .teaser-row{border:0}.service-teaser .service-link{width:100%;border-bottom:2px solid #fff;min-height:0}.service-teaser .service-link.last{border-bottom:0}.ie1 .teaser .teaser-inner,.ie9 .teaser .teaser-inner,.lt-ie9 .teaser .teaser-inner{min-height:750px}.ie1 .teaser .history-teaser .teaser-inner,.ie9 .history-teaser .teaser .teaser-inner,.lt-ie9 .history-teaser .teaser .teaser-inner{min-height:300px}}@media screen and (max-width:768px){.mobile_nav_trigger{margin-left:15px}.service-teaser .teaser-row{border-bottom:2px solid #fff}.service-teaser .service-link{width:50%;border-bottom:0;min-height:145px}.service-teaser .teaser-head{min-height:0}.logo{width:95px;margin:16px 0 11px}.sticky-nav #meta{position:static}.sticky .sticky-nav #meta{padding-top:0}.header-container header{margin-left:10px}#primary.active{padding-top:60px}.sticky #primary.active{padding-top:10px}.nav-tools-wrapper{display:none;padding-right:0}body:not(.sticky) .nav-tools-wrapper{position:absolute;z-index:1001;right:0;bottom:-62px}.mobile-menu-open .nav-tools-wrapper{display:flex}.nav-tools-wrapper .mobile_search_trigger{order:1}.nav-tools-wrapper .language_switch{order:2}.share-link--header{display:none}.wrapper{padding:0 15px}#contentContainer{margin:0}.sidepanel2-block{margin:0 0 2em 0}.teaser-content{height:auto}.lastupdate{float:none;margin-bottom:25px}#cookiePermission{padding:0 3em;margin:20px 0 30px 0}#cookiePermission p{padding-right:0;padding-left:0}#cookiePermission .btn{width:100%;padding:.825em 0;margin-left:0}.nav-wrapper.zweizeilig+.stagevisual-wrapper{position:relative;top:0}.nav-wrapper.open .nav-close{display:none}footer .bottom-footer-menu .menu{margin:.5em 0 0 0}.social-media-footer-text{display:block;margin-bottom:20px;font-size:20px}.social-media-footer .menu{margin-left:-8px}.social-media-footer .menu a{padding:8px;font-size:16px}.social-media-footer .menu a.icon3-flickr{padding:8px;font-size:13px;bottom:0}.social-media-footer .menu a:hover{color:#fff}.icon-facebook .icon,.icon-flickr .icon,.icon-googleplus .icon,.icon-instagram .icon,.icon-linkedin .icon,.icon-slideshare .icon,.icon-twitter .icon,.icon-youtube .icon{width:auto;height:auto;padding-right:0}footer .main-footer-menu .wrapper{padding-right:15px;padding-left:15px}.bottom-footer-menu .wrapper{padding:0 15px}.teaser-wrapper{width:100%;height:auto;margin:0}.teaser{display:block}.teaser .teaser-inner{margin:0}.col-33,.col-50{width:100%;margin-bottom:2em}.col-50+.col-50 .teaser-inner{margin:0}.keyfigures{text-align:center}.keyfigures .col-25{width:100%}.keyfigures h1{font-size:4.8em!important}.keyfigures h2{font-size:2.4em!important}.keyfigures h3{font-size:1.8em!important}.ie9 .teaser .teaser-inner,.lt-ie9 .teaser .teaser-inner{min-height:0}.breadcrumb{margin:1.5em 0 4em 0}.eckdatenboxen{display:block}.eckdaten_box,.eckdaten_box.half{display:block;float:none;width:100%;margin:1.5em 0 0 0;border:0!important}#contentContainer>article{width:100%}#contentContainer>aside{width:100%;margin-top:10em}.icon-facebook i,.icon-flickr i,.icon-googleplus i,.icon-instagram i,.icon-linkedin i,.icon-slideshare i,.icon-twitter i,.icon-youtube i{width:40px;height:40px;background-size:40px}.chart-gallery{position:relative;right:0}.grafiksammlung form{float:right}.grafiksammlung .slide h5{padding:0}.grafiksammlung .slide .image-wrapper{height:300px;padding:3em}.grafiksammlung #contentContainer>article .article-wrapper{padding:1em}.grafiksammlung .bx-controls-direction a{margin-top:-50px}.grafiksammlung .bx-next{right:0}.grafiksammlung .bx-prev{left:0}.download-teaser{margin:0!important}.download-tab-nav .tab-link{display:inline-block;width:49%;margin:0;text-align:center;vertical-align:bottom}.content .magazin-story-question-slider-right li p{font-size:1.2em}ul.sitemap .sublevel>li{width:50%}.columns .column{width:100%!important;margin:0 0 2em 0!important}.pre-table-columns br{display:none}.history-teaser{padding:0 15px}.magazin-navigation{display:none}.magazin .stagevisual-image{margin-bottom:0}.magazin-story-hash-menu{display:none}.magazin-story-hash-menu+h2{margin-top:2em}.charts-collection{max-width:745px}.stagevisual-image{position:relative;left:auto;width:auto;margin-left:auto;min-height:auto;max-width:none}}@media screen and (max-width:500px){.mobile-reportname{padding-right:0;padding-left:10px}.mobile-reportname span{display:block}.willkommen #contentContainer>article .article-wrapper{padding:0}.willkommen-head{padding:0 1em}#contentContainer>article .article-wrapper{padding-top:2em}.home-header-textbox{width:65%}.image-header{height:auto;padding-top:0;background-position:0 100%;background-size:100% auto;min-height:30em}.image-header-textbox{margin:1em 0 0 1em}.image-header-textbox h1{margin-bottom:1em;line-height:1}.image-header-textbox .btn{display:inline-block;margin-bottom:.5em}.breadcrumb{display:none}#griBox{display:none}.vorstand-header{margin-top:2em}footer .main-footer-menu .col-20{width:100%;min-height:0}ul.sitemap .sublevel>li{width:100%;margin-bottom:1em}.sitemap>li.mobile-accordion-wrapper{margin-bottom:0}.grafiksammlung .slide .image-wrapper{height:200px}.grafiksammlung .bx-controls-direction a{margin-top:-35px}.chartpopup .more,.imagepopup .more{position:absolute;top:0;left:0;display:block}.chartpopup img,.imagepopup img{margin-top:30px}.chartpopup .more:before,.imagepopup .more:before{content:'\e00b'}.chartpopup.mobilezoom .more:before,.imagepopup.mobilezoom .more:before{content:'\e009'}.service-teaser .teaser-row{float:left;width:50%}.service-teaser .teaser-row+.teaser-row .service-link{border:0;border-left:2px solid #fff}.service-teaser .service-link{width:100%}.hide-at-500-pixel{display:none!important}.kennzahlenbox{display:none}.dynaChartContainer,.dynaChartSettings{display:none!important}.content .segmente img{width:100%;margin-bottom:10px}.content .segmente p{margin-right:0}}@media screen and (max-width:380px){.mobile-reportname{padding-top:18px;padding-bottom:18px;font-size:13px;max-width:135px}}@media screen and (max-width:350px){.image-header{background-position:0 100%;background-size:auto 100%}}
/*# sourceMappingURL=mobile.css.map */