/* pubdate: 2018-09-18 20:42:58 */ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /** * CSS Reset start */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } /** * CSS Reset end */ .autoReddot { position: relative!important; } .autoReddot, .editBox { z-index: 1000; } .pos-relative { position: relative; } .simple-lightbox { cursor: pointer; } .simple-lightbox-auto-thumbnail { width: 100%; } .img-thumbnail { width: 100%; } .zo-simple-lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(); background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; } .zo-simple-lightbox .zo-simple-lightbox-content-wrapper { padding: 5%; background: url() no-repeat center center; } .zo-simple-lightbox .zo-simple-lightbox-content-wrapper.no-loader { background-image: none; } .zo-simple-lightbox a.close-button { position: absolute; top: -30px; width: 30px; height: 30px; background: transparent; background: url(/docs_new/zo-simplelightbox-close-button.png) no-repeat center center; display: none; } .zo-simple-lightbox .zo-simple-lightbox-navigation { display: none; position: absolute; top: 0; width: 100%; } .zo-simple-lightbox .zo-simple-lightbox-navigation .prev, .zo-simple-lightbox .zo-simple-lightbox-navigation .next { position: absolute; left: 0; font-family: Icons; font-size: 3.125em; color: white; text-decoration: none; } .zo-simple-lightbox .zo-simple-lightbox-navigation .prev:before, .zo-simple-lightbox .zo-simple-lightbox-navigation .next:before { content: '<'; } .zo-simple-lightbox .zo-simple-lightbox-navigation .next { position: absolute; left: auto; right: 0; } .zo-simple-lightbox .zo-simple-lightbox-navigation .next:before { content: '>'; } .zo-simple-lightbox p.copyright { color: white; font-size: 0.75em; text-align: center; position: relative; display: none; } .zo-simple-lightbox img { width: auto; max-width: 90.96509%; position: absolute; display: none; } .zo-simple-lightbox .loader { width: 3.1875em; height: 3.1875em; margin: 0 auto; -webkit-border-radius: 0.625em; -moz-border-radius: 0.625em; -ms-border-radius: 0.625em; -o-border-radius: 0.625em; border-radius: 0.625em; padding: 0.8125em; display: none; } .zo-simple-lightbox .loader img { display: block; width: 1.5625em; height: 1.5625em; } .zo-simple-lightbox .video-wrapper { width: 800px; max-width: 100%; margin: 0 auto; display: none; } .zo-simple-lightbox .video-wrapper .frame-wrapper { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; } .zo-simple-lightbox .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* removeForSetup-end */ /** * Main start */ html { font-size: 1em; line-height: 1.5em; } .claim { float: left; } .claim img { height: 2.1875em; width: auto; } .logo { float: right; } .logo img { width: 2.1875em; } body > .main-header { padding-right: 0; padding-left: 0; } .content { /*margin-top: 1.8125em;*/ } .footer > div { max-width: 64em; padding-left: 0.625em; padding-right: 0.625em; } .main-header { max-width: 64em; margin: 0 0.625em; padding-top: 1.0625em; padding-left: 0.75em; padding-right: 0.75em; } .container { padding-bottom: 2.25em; width: 100%; overflow: hidden; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .w66 .article, .w66 .subscribe-section { padding-right: 2.5rem; } @media (max-width: 1024px){ .w66 .article, .w66 .subscribe-section { padding-right: 1.5rem; } } .container .container-background { float: left; clear: both; width: 100%; } .container .container-background.color-db-blue, .container .container-background.color-hr-blue { background-color: #0018A8; } .container .container-background.color-hr-orange { background-color: #ffa101; } .container .container-background.color-grey { background-color: #ecf0f0; padding: 65px 0 60px; border-bottom: 1px solid #e0e6e6; } .container .container-background .color-grey .headline{ margin:0; padding: 32px 0; } .container .container-background .container-width .standardWidth { max-width: 64em; /*padding: 1.5625em;*/ margin: 0 auto; } .container .container-background .container-width.fullWidth { width: 100%; } .container .container-background .container-width.standardWidth { max-width: 64em; margin-left: 0.75em; margin-right: 0.75em; } .container .container-background .container-width.standardWidth .clear-div { position: relative; } .container .container-background .container-width .clear-div .top-right-button, .container .container-background .container-width.mtn-container .top-right-button { float: right; padding-top: 0; padding-bottom:0; height:2.1em; line-height:2.1em; margin-top: 0.5em; } .container .container-background .container-width .standardWidth { max-width: 64em; margin-left: 0.75em; margin-right: 0.75em; /*margin: 0 auto;*/ } .container .container-background .container-width .clear-div { float: left; clear: both; width: 100%; } .container .container-background .container-width .clear-div > div > * { margin-top: 1.75em; } .container .container-background .container-width .clear-div > div > .mbq { margin-bottom: 2.75em; } .container .container-background .container-width .clear-div > div > .mbq:last-child { margin-bottom: 1.5625em; } .container .container-background .container-width .clear-div > div > :first-child { margin-top: 1em; } .container .container-background .container-width .clear-div .article{ margin-top: 60px; } .container .container-background .container-width .clear-div section.width-media { } .nobottommargin { margin-bottom: 0; padding-bottom: 0; } .dotted { border-bottom: 1px dotted #e0e6e6; } .line { padding-bottom: 2.5em; /*margin-bottom: 3.75em;*/ border-bottom: 1px solid #e0e6e6; } .shadow { border-bottom: none; background-image: url(); background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: 100% 10px; -moz-background-size: 100% 10px; -o-background-size: 100% 10px; background-size: 100% 10px; /*margin-bottom: 3.75em; padding-bottom: 3em;*/ } .no-backgroundsize .shadow { background-image: url(); } @media (max-width: 48em){ .line { padding-bottom: 1rem; margin-bottom: 0; } .shadow { padding-bottom: 0; margin-bottom: 0; } .container-article{ background: none; } } .submitButton { background: #0098db; padding: 0.33333em 1.5em; display: inline-block; color: white; text-decoration: none; } #iframe_6382 { display: none; } .media .play-plus { display: none; border-bottom: 0; text-decoration: none; } .media .play-plus:before { border-bottom: 0; text-decoration: none; } .media.video .figure-wrapper .play-plus, .w33 .media.video .figure-wrapper .play-plus, .w25 .media.video .figure-wrapper .play-plus { width: 36px; height: 36px; display: block; right: 20px; bottom: 10px; position: absolute; } .left.center .media.video .figure-wrapper .play-plus { bottom: 18px; } .media.video .figure-wrapper .play-plus:before, .w33 .media.video .figure-wrapper .play-plus:before, .w25 .media.video .figure-wrapper .play-plus:before { content: "\e625"; font-family: Icons; width: 1; height: 1; text-align: left; color: #0098db; background-color: white; border-radius: 50%; margin: 0; box-sizing: border-box; font-size: 2rem; padding: 2px; top: 0; left: 0; opacity: 0.7; z-index: 100; } .mgal .mgal-media.video .play-plus.large { font-size: 3.75em; width: 1.33333em; height: 1.33333em; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.66667em; margin-left: -0.66667em; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mgal .mgal-media.video .play-plus.large:before { content: "\e625"; font-family: Icons; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; line-height: 1.41667em; width: 1.33333em; height: 1.33333em; overflow: hidden; text-align: center; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-color: #ffffff; border: 0.10167em solid white; border: 0.10167em solid rgba(255, 255, 255, 0.6); margin-top: -0.10167em; margin-left: -0.10167em; } .mgal .mgal-media.video div:hover .play-plus.large { background-color: #0098db; background-color: rgba(0, 152, 219, 0.6); } @media (min-width: 30em) { .main-header { padding-left: 1.25em; padding-right: 1.25em; } } @media (min-width: 48em) { .claim img { width: auto; height: 2.5em; } .logo img { width: 4.375em; } .content { /*margin-top: 3.0625em;*/ } .footer > div { margin: 0 1.375em; padding-left: 0; padding-right: 0; } .main-header { margin: 0 2.375em; padding-left: 0em; padding-right: 0em; padding-top: 0; } .container .container-background .container-width.standardWidth { margin-left: 1.375em; margin-right: 1.375em; } .container .container-background .container-width.standardWidth .right-panel .light-grey{ background:transparent; } .container .container-background .container-width > div { margin-bottom: 0; } #iframe_6382 { display: block; } } @media (min-width: 64em) { .footer > div { margin: 0 1.5625em; } .main-header { margin: 0 2.5625em; } .container .container-background .container-width.standardWidth { margin-left: 1.5625em; margin-right: 1.5625em; /*margin:0 auto;*/ } } @media (min-width: 80em) { .footer > div { margin: 0 auto; } .main-header { margin: 0 auto; } .container .container-background .container-width.standardWidth { margin-left: auto; margin-right: auto; margin:0 auto; } } /* === Show Identifiert ~ START === */ .main-header.use-identifier .identifier-and-logo { width: 100%; z-index: 0; } .main-header.use-identifier .search-wrapper { display: none; } @media (max-width: 51.875em) { .main-header.use-identifier .identifier-and-logo .identifier img { height: 30px; } } @media (max-width: 48em) { .main-header.use-identifier .identifier-and-logo { z-index: 20; position: fixed; background: white; } } /* === Show Identifiert ~ END === */ /********* aard Step Links *********/ .wizard-steps { padding: 40px 0 60px; overflow: hidden; } .wizard-steps .headline-small { margin-top: 20px; margin-bottom: 5px; font-size: 1.875em; line-height: 1.22727em; color: #0018a8; } .wizard-steps ul li { position: relative; float: left; min-width: 255px; box-sizing: border-box; margin-top: 1.125em; margin-right: 32px; border-bottom: 2px solid #0098db; background: #ffffff; } .wizard-steps ul li a { padding: 24px 0; display: block; width: 80%; color: #000; word-wrap: break-word; text-decoration:none; } .wizard-steps ul li a span { position: absolute; right: 0; font-size:1.2rem; padding: 0 15px; top: 50%; margin-top: -0.5em; color: #0098db; } .wizard-steps ul li:first-child { margin-top: 1.125em; } .wizard-steps ul li:hover{ border-bottom: 2px solid #999999; } .wizard-steps ul li a:hover span{ color: #999; } @media (min-width: 68em){ .wizard-steps ul li { width: 31%; } .wizard-steps ul li:nth-child(3n+3) { margin-right: 0; } .wizard-steps ul li:nth-child(3n+1) { clear: both; } } @media (max-width: 68em) { .wizard-steps ul li { width:40%; } .wizard-steps ul li:nth-child(2n+2) { margin-right: 0; } .wizard-steps ul li:nth-child(2n+1) { clear: both; } } @media (max-width: 42em){ .wizard-steps ul li { width:100%; } } /*WIZARD Steps END*/ .color-five { background-color: #f5f5ee; } .separator { border-bottom: 1px solid #e0e6e6; } /**** WYSIWYG fixes start *****/ em, i { font-style: italic; } strong, b { font-weight: bold; } /**** WYSIWYG fixes end *****/ .clear { clear: both; } /** ** Main end */ /** * Grid start */ .w100 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; overflow: visible; } .w75 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-bottom: 2.5em; } @media (min-width: 48em) { .w75 { width: 74.43532%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin-bottom: 0; } } .w66 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-bottom: 2.5em; } @media (min-width: 48em) { .w66 { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin-bottom: 0; } } .w50 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-bottom: 2.5em; } @media (min-width: 48em) { .w50 { width: 48.87064%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin-bottom: 0; } } .w33 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-bottom: 2.5em; } @media (min-width: 48em) { .w33 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin-bottom: 0; } } .w25 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; margin-bottom: 2.5em; } @media (min-width: 48em) { .w25 { width: 23.30595%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin-bottom: 0; } } @media (min-width: 48em) { .col-2-2.w75 { width: 74.43532%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-2-2.w66 { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-2-2.w50 { width: 48.87064%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-2-2.w33 { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-2-2.w25 { width: 23.30595%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-3-1.w50 { width: 50%; float: left; clear: none; } } @media (min-width: 48em) { .col-3-2.w33 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 34.08624%; clear: none; } } @media (min-width: 48em) { .col-3-3.w33 { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-3-2.w25 { width: 25%; float: left; margin-left: 50%; clear: none; } } @media (min-width: 48em) { .col-3-3.w25 { width: 25%; float: right; clear: none; margin-right: 0; } } @media (min-width: 48em) { .col-3-2.w33 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 34.08624%; clear: none; } } @media (min-width: 48em) { .col-3-3.w33 { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .col-4-2.w25 { width: 23.30595%; float: left; margin-right: -100%; margin-left: 25.56468%; clear: none; } } @media (min-width: 48em) { .col-4-3.w25 { width: 23.30595%; float: left; margin-right: -100%; margin-left: 51.12936%; clear: none; } } @media (min-width: 48em) { .col-4-4.w25 { width: 23.30595%; float: right; margin-left: 0; margin-right: 0; clear: none; } } /** * Grid end */ /** * Layout start */ #pi_4838 .mns article { border-top: 0; } /* News-Box Home */ /* * TEXTS, Headlines */ p { margin-bottom: 1em; } a { outline: 0; } .hidden { display: none; } .table-wrapper, .stage-content-wrapper { display: table; width: 100%; height: 100%; } .table-wrapper .table-cell-wrapper, .vertical-center-wrapper { display: table-cell; vertical-align: middle; } .container-sub-headline { margin-bottom: 1.66667em; } /*default 30px*/ .headline { margin-bottom: 2.125em; /*34px*/ color: #0018a8; font-size: 1.875em; /*30px*/ } .text { color: #000; } .small-text { font-size: 14px; line-height: 20px; } .grey-text { color: #8996a0; } .white-text{ color: #fff; } /*NEW Styles*/ .top-line{ border-top: 1px solid #e0e6e6; } .top-space-large{ padding-top:4em; } .top-space-medium { padding-top: 2em; } .container-headline { font-size: 2em; line-height: 1.5em; color: #0018A8; } .reduced-headline { font-size: 1.5em; } .container-headline a { font-size: 1em; color: #0018A8; text-decoration: none; } .mmt-container-headline { font-size: 1.875em; line-height:1.2em; color: #0018A8; margin-bottom: 0.8em; } .mmt-additional-headline { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #0018a8; } .headline a, .headline-main a { color: #000; text-decoration: none; } .headline-small { font-size: 1.125em; margin-bottom: 1.5em; } .headline-main{ font-size: 23px; line-height: 28px; margin-bottom: 1em; } /*24px*/ .headline-middle { font-size: 1.5em; line-height: 1; margin-bottom: 1.5em; color: #0018a8; } /*36px*/ .headline-large { font-size: 2.25em; } .text { font-size: 1em; line-height: 1.25em; /*20px*/ margin-bottom: 2.25em; } .container-title { font-size: 0.875em; text-transform: uppercase; color: #0098db; } .category-name{ color: #0098db; font-size: 14px; } .container-article { /*background: url(/images/article-bgr.jpg) center repeat-y;*/ width:100%; height:100%; } @media (max-width:768px){ .container-article{ background: none; } } @media (max-width: 48em) { .container-article .w66, .container-article .w33 { padding-top: 20px; } } .no-margin{ margin-bottom: 0; } .mlili.no-margin li{ padding-left: 0; } /* * TEXTS, Headlines end */ .search-form { overflow: hidden; z-index: 10; position: relative; } .js .search-form { max-height: 0; -webkit-transition: max-height 0.4s ease-in-out; -moz-transition: max-height 0.4s ease-in-out; -o-transition: max-height 0.4s ease-in-out; transition: max-height 0.4s ease-in-out; } .js .search-form.open { max-height: 5em; } .search-form .search-wrapper { background-color: #fff; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; overflow: hidden; padding: 0; min-height: 1.875em; } .search-form .search-input { -webkit-transition: width, 0.3s ease-in-out; -moz-transition: width, 0.3s ease-in-out; -o-transition: width, 0.3s ease-in-out; transition: width, 0.3s ease-in-out; background: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 0; float: left; width: 80%; height: 1.875em; margin-top: 0.45455em; margin-left: 0.63636em; margin-right: 0.63636em; outline: none; } .search-form .submit { text-indent: -9999px; width: 1.09091em; height: 3.81818em; border: none; background: transparent url() right center no-repeat; -webkit-background-size: 12px 7px; -moz-background-size: 12px 7px; -o-background-size: 12px 7px; background-size: 12px 7px; float: right; padding: 0; margin: 0; } .no-backgroundsize .search-form .submit { background-image: url(); } @media (min-width: 48em) { .search-form { margin-top: -0.8125em; margin-bottom: 0.8125em; position: absolute; right: 0.8125em; } } @media (min-width: 64em) { .search-form { position: absolute; top: 0.875em; right: 1.375em; display: block; overflow: visible; height: auto; float: right; margin-top: 0.25em; } .js .search-form { max-height: none; } .search-form legend { display: none; } .search-form .search-wrapper { height: 1.4375em; min-height: 0; margin-top: 0; } .search-form .search-input { width: 6.09091em; height: auto; } .search-form .search-input:focus { width: 7.81818em; } .search-form .submit { height: 100%; } } @media (min-width: 64em) and (min-width: 80em) { .search-form .search-input:focus { width: 13.27273em; } } .text ul { margin-bottom: 1em; } .link-list { margin-top: 1.33333em; } .link-list.single { margin-top: 0; } img.left { float: left; margin-right: 1.25em; } .social-media li { margin-left: 0.625em; float: left; } .social-media li:first-child { margin-left: 0; } .social-media .facebook { background-position: 0 -17px; } .social-media .twitter { background-position: 0 0; } .social-media .xing { background-position: 0 -34px; } .social-media .google { background-position: 0 -51px; } .social-media a { background-image: url(/images/social-media_ghp.png); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 16px; height: 16px; } .backgroundsize .social-media a { background-image: url(/images/social-media-_ghp_2x.png); -webkit-background-size: 16px auto; -moz-background-size: 16px auto; -o-background-size: 16px auto; background-size: 16px auto; } .content > .gallery { padding-left: 0; padding-right: 0; } .footer { padding-bottom: 2.5em; background-color: #eff3f3; } .footer > div { padding-top: 1.5em; } @media (min-width: 48em) { .footer .breadcrumb { float: left; margin-left: 0; display: block; } } .footer .top { float: right; font-size: 0.6875em; line-height: 1; } .footer .top a { position: relative; text-decoration: none; color: #666; position: relative; padding-right: 18px; } .footer .top a:hover { color: #0098db; } .footer .col-1-1 { margin-bottom: 1em; } .footer .social-media { padding-top: 0.5625em; } .footer .social-media li { margin-left: 0.625em; } .footer .social-media li:first-child { margin-left: 0; } .footer .social-media .facebook a { background-position: 0 -20px; } .footer .social-media .twitter a { background-position: 0 0; } .footer .social-media .xing a { background-position: 0 -40px; } .footer .social-media .google a { background-position: 0 -60px; } .footer .social-media .linkedin a { background-position: 0 -80px; } .footer .social-media a { width: 19px; height: 19px; } .backgroundsize .footer .social-media a { -webkit-background-size: 19px auto; -moz-background-size: 19px auto; -o-background-size: 19px auto; background-size: 19px auto; } @media (min-width: 48em) { .footer .social-media { float: right; } } /* Fixes */ .ofl select { max-width: 98% !important; } @media (max-width: 32.5em){ .container-headline { font-size: 1.5em; line-height: 1.2em; } .container-background.with-tab-navigation > .mtn-container .container-headline { margin-right: 110px; height: 55px; overflow: hidden; text-overflow: ellipsis; margin-top: -5px; } .container .container-background .container-width .clear-div .top-right-button, .container .container-background .container-width.mtn-container .top-right-button{ margin-top: 0; } } /******** Dynamic Feature Items ********/ ul.dynamic-feature-list {} ul.dynamic-feature-list li { width: 100%; float: right; margin-bottom: 2.5em; overflow: hidden; } ul.dynamic-feature-list li .headline { margin-bottom: 0.55556em; } ul.dynamic-feature-list li .media { width: 32%; float: left; margin-bottom: 0; margin-top: 0.25em; } ul.dynamic-feature-list .mmt.with-media .col-2-1 { width: 65%; float: right; margin-left: 0; margin-right: 0; } div.mtn-entry ul.dynamic-feature-list li.dynamic-entry { margin-top: 33px; } @media (min-width:48em) { ul.dynamic-feature-list li { width: 31%; margin: 0 1%; float: left; } ul.dynamic-feature-list > li.dynamic-entry:nth-child(3n+1) { clear: both; } ul.dynamic-feature-list li .headline { margin-bottom: 0.77778em; } ul.dynamic-feature-list li .media { width: 100%; float: left; margin-bottom: 1.5em; margin-top: 0; } ul.dynamic-feature-list .mmt.with-media .col-2-1 { width: 100%; float: right; margin-left: 0; margin-right: 0; } ul.cols3-first-wide > li.dynamic-entry { margin: 0; } ul.cols3-first-wide > li.dynamic-entry:nth-child(3n+1) { width: 48.87064%; } ul.cols3-first-wide > li.dynamic-entry:nth-child(3n+2), ul.cols3-first-wide > li.dynamic-entry:nth-child(3n+3) { width: 23.30595%; margin-left: 2.25872%; } } .ie-notice { width: 100%; padding: 20px 0; color: #000000; background: #f5f5ee; } .ie-notice-wrap { position: relative; max-width: 64em; margin: 0 auto; text-align: center; } .close { position: absolute; top: 0; right: 5px; } /** * Layout end */ /** * Typography start */ body { font-family: 'DeutscheBankText_Rg'; font-size: 1rem; color: #000000; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; } a { color: inherit; text-decoration:none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } a:hover img{ opacity:0.9; } p { color: #000000; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: 0.65rem; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1, .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper h2, .container-headline, .headline-main, .mmt .headline.main-headline, .ammas-box h2.headline, .mak-headline, .mea3 .teaser .toggle-link, .madd .text .headline, .additional-headline, .mgas-new-entry h2 { font-family: 'DeutscheBankDisplay_Rg'; } .highlited { font-size: 1em; line-height: 1.5em; color: #000000 !important; } .black-link a { color: #000; text-decoration: none; -webkit-transition-duration: 0.5s; transition-duration: 0.5; -webkit-transition-property: color, background-color; transition-property: color, background-color; /*-moz-transition: transform 1s; -webkit-transition: transform 1s; -ms-transition: transform 1s; -o-transition: transform 1s; transition: transform 1s; */ } .black-link a:hover { color: #0098db; } .footer-navigation a { font-size: 0.6875em; line-height: 1.18182em; text-decoration: none; color: #000; } .footer-navigation a:hover { color: #0098db; } .footer-navigation .active a { color: #0098db; } .footer-navigation .meta { font-size: 0.6875em; line-height: 1.81818em; } /** @font-face { font-family: Icons; src: url(/docs_new/icons-db.eot); src: url(/docs_new/icons-db.eot#iefix) format("embedded-opentype"), url(/docs_new/icons-db.woff) format("woff"), url(/docs_new/icons-db.ttf) format("truetype"), url(/docs_new/icons-db.svg#icons) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"]:after, [class*=" icon-"]:after { display: none; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: Icons; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.7em; margin-top: .2em; text-align: center; line-height: 1em; -webkit-font-smoothing: antialiased; } .after[class^="icon-"]:before, .after[class*=" icon-"]:before { display: none; } .after[class^="icon-"]:after, .after[class*=" icon-"]:after { display: inline-block; font-family: Icons; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: 0.7em; margin-top: .2em; text-align: center; line-height: 1em; -webkit-font-smoothing: antialiased; } .icon-twitter:before, .icon-facebook:before, .icon-google:before { text-indent: 9999px; } .icon:before, .icon:after { display: block; font-family: Icons; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.7em; margin-top: .2em; text-align: center; line-height: 1em; -webkit-font-smoothing: antialiased; content: attr(data-icon); text-decoration: none; } .icon:after { display: none; } .icon.after:after { display: inline-block; margin-left: 0.7em; } .icon.after:before { display: none; } .icon.menu:before, .icon.menu:after { content: 'M'; font-size: 0.53846em; margin-top: 1em; margin-right: 1.28571em; vertical-align: top; } .icon.search:before, .icon.search:after { content: 'S'; } @media (min-width: 48em) { .icon.search:before, .icon.search:after { font-size: 17px; } } .icon.back-to-top:before, .icon.back-to-top:after { content: '='; } .main-navigation a { color: #000; font-size: 0.8125em; line-height: 1.23077em; text-decoration: none; } .main-navigation a:hover, .main-navigation a:active { color: #0098db; } .breadcrumb a { font-size: 0.6875em; line-height: 1.18182em; text-decoration: none; color: #000; } .breadcrumb a:hover { color: #0098db; } .breadcrumb .active a { color: #0098db; } .breadcrumb .meta { font-size: 0.6875em; line-height: 1.18182em; } .meta-navigation a { font-size: 0.6875em; line-height: 1.18182em; text-decoration: none; color: #666; -webkit-transition-duration: 0.4s; transition-duration: 0.4; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .meta-navigation a:hover { color: #0098db; } .menu, .search { font-size: 1em; line-height: 1.75em; color: #000; text-decoration: none; } .menu:hover, .search:hover { color: #0098db; } @media (min-width: 48em) { .menu, .search { color: #666; } } .search { font-size: 0.8125em; line-height: 1.30769em; } .search-input { font-size: 1em; color: #666666; } @media (min-width: 64em) { .search-input { font-size: 0.6875em; line-height: 1.18182em; } } .page-headline, h1.page-headline { font-size: 1.75em; line-height: 1.21429em; color: #0018A8; } @media (min-width: 30em) { .page-headline, h1.page-headline { font-size: 2.75em; line-height: 1.09091em; } } body > .content > h1.page-headline { max-width: 27.95455em; margin: 0 auto; } @media (max-width: 64em) { body > .content > h1.page-headline { max-width: 994px; margin-left: 22px; margin-right: 22px; } } @media (max-width: 48em) { body > .content > h1.page-headline { margin-left: 10px; margin-right: 10px; } } .page-sub-headline { font-size: 1.125em; line-height: 1.22222em; color: #666666; } @media (min-width: 30em) { .page-sub-headline { font-size: 1.625em; line-height: 1.73077em; } } END */ /* * START * */ .container-sub-headline { font-size: 1em; line-height: 1.5em; color: #666666; } .additional-headline{ font-size: 1.4375em; /*23px*/ } .headline { font-size: 1.875em; line-height: 1.22727em; color: #0018a8; } .headline .link { color: #191919; text-decoration: none; font-size: 0.83333em; line-height: 1.33333em; -webkit-transition-duration: 0.4s; transition-duration: 0.4; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .headline .link:hover { color: #0098db; } .headline a { color: #000; text-decoration: none; -webkit-transition-duration: 0.4s; transition-duration: 0.4; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .headline a:hover { color: #0098db; } .link { color: #0098db; text-decoration: underline; } .link.button { color: #ffffff; text-decoration: none; } .link-list a { color: #0098db; text-decoration: underline; } .meta { font-size: 0.8125em; line-height: 1.23077em; color: #666666; } .social-media a { color: #fff; text-decoration: none; } .content .deeplink-navigation a { color: #666; font-size: 0.875em; line-height: 1.57143em; } .content .deeplink-navigation .sub { display: block; } .content .deeplink-navigation .lv1 > .is-parent > a { color: #000; font-size: 1.125em; line-height: 1.55556em; } .content .deeplink-navigation .lv1 > .is-parent > a:hover { color: #0098db; } .deeplink-navigation a, .sitemap-navigation a { color: #000; text-decoration: none; font-size: .85em; line-height: 1.125em; -webkit-transition-duration: 0.4s; transition-duration: 0.4; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .deeplink-navigation a:hover, .sitemap-navigation a:hover { color: #0098db; } .deeplink-navigation .active > a, .sitemap-navigation .active > a { color: #0098db; } @media (min-width: 48em) { .deeplink-navigation a, .sitemap-navigation a { color: #666; font-size: 0.875em; line-height: 1.57143em; } .deeplink-navigation .sub, .sitemap-navigation .sub { display: block; } .deeplink-navigation .lv1 > .is-parent > a, .sitemap-navigation .lv1 > .is-parent > a, .deeplink-navigation .lv1 > .is-parent > span { color: #000; font-size: 1.125em; line-height: 1.55556em; margin-bottom: 0.94444em; } .deeplink-navigation .lv1 > .is-parent > a:hover, .sitemap-navigation .lv1 > .is-parent > a:hover { color: #0098db; } } .project-container .project-headline { font-size: 1.375em; line-height: 1.18182em; color: #999; } .project-container .project-content h2 { font-size: 1.125em; line-height: 1.55556em; color: #0018A8; } .main-navigation .project figcaption { color: #666666; } .main-navigation .project .link { color: #0098db; text-decoration: underline; font-size: 1em; line-height: 1.5em; } .main-navigation .active > a, .main-navigation .active-parent > a { color: #0098db; } .footnote { font-size: 0.75em; line-height: 1.16667em; } /* Typography */ @font-face { font-family: 'DeutscheBankText_Rg'; src: url(/docs_new/DeutscheBankText_W_Rg.eot) format("embedded-opentype"), url(/docs_new/DeutscheBankText_W_Rg.woff) format("woff"), url(/docs_new/DeutscheBankText_Rg.ttf) format("truetype"), url(/docs_new/DeutscheBankText_W_Rg.woff2) format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DeutscheBankDisplay_Rg'; src: url(/docs_new/DeutscheBankDisplay_W_Rg.eot) format("embedded-opentype"), url(/docs_new/DeutscheBankDisplay_W_Rg.woff) format("woff"), url(/docs_new/DeutscheBankDisplay_Rg.ttf) format("truetype"), url(/docs_new/DeutscheBankDisplay_W_Rg.woff2) format("woff2"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Icons'; src: url(/docs_new/icons-db.eot); src: url(/docs_new/icons-db.eot#iefix) format("embedded-opentype"), url(/docs_new/icons-db.woff) format("woff"), url(/docs_new/icons-db.ttf) format("truetype"), url(/docs_new/icons-db.svg#icons-db) format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 1em; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-play:before { content: "\e624"; } .icon-play-circle:before, .play-plus:before { content: "\e625"; } .icon-menu-home:before { content: "\e600"; } .icon-magnifier:before { content: "\e601"; } .icon-hamburger:before { content: "\e602"; } .icon-menu-up:before { content: "\e603"; } .icon-menu-chevron-left:before { content: "\e604"; } .icon-menu-chevron-right:before { content: "\e605"; } .icon-menu-show-more:before { content: "\e606"; } .icon-arr-expand-circle:before { content: "\e607"; } .icon-arr-hide-circle:before { content: "\e608"; } .icon-plus-circle:before { content: "\e609"; } .icon-close-circle:before { content: "\e60a"; } .icon-dropdown-circle:before { content: "\e60b"; } .icon-arr-expand:before { content: "\e60c"; } .icon-arr-hide:before { content: "\e60d"; } .icon-plus:before { content: "\e60e"; } .icon-close:before { content: "\e60f"; } .icon-dropdown:before { content: "\e610"; } .icon-carousel-left-square .path1:before { content: "\e611"; color: rgba(103, 103, 103, 0.5); } .icon-carousel-left-square .path2:before { content: "\e612"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-carousel-left-small:before { content: "\e612"; } .icon-carousel-right-square .path1:before { content: "\e613"; color: rgba(103, 103, 103, 0.5); } .icon-carousel-right-square .path2:before { content: "\e614"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-carousel-right-small:before { content: "\e614"; } .icon-carousel-left:before { content: "\e615"; } .icon-carousel-right:before { content: "\e616"; } .icon-wizard-arr-right:before { content: "\e617"; font-size:20px; } .icon-general-hand:before { content: "\e618"; } .icon-general-envelope:before { content: "\e619"; } .icon-general-label:before { content: "\e61a"; } .icon-general-like:before { content: "\e61b"; } .icon-general-share:before { content: "\e61c"; } .icon-rss:before { content: "\e61d"; } .icon-general-calendar:before { content: "\e61e"; } .icon-pdf-file:before { content: "\e61f"; } .icon-xls-file:before { content: "\e620"; } .icon-link-download:before { content: "\e621"; } .icon-link-text:before { content: "\e622"; } .icon-link-location:before { content: "\e623"; } .icon-sm-linkedin:before { content: "\e628"; } .icon-flipboard:before { content: "\e629"; } .icon-sm-fb:before { content: "\e62a"; } .icon-sm-google:before { content: "\e62b"; } .icon-sm-twitter:before { content: "\e62c"; } .icon-sm-linkedin-bgr:before { content: "\e62d"; } .icon-sm-flipboard-bgr:before { content: "\e62e"; } .icon-sm-fb-bgr:before { content: "\e62f"; } .icon-sm-googleplus-bgr:before { content: "\e630"; } .icon-sm-twitter-bgr:before { content: "\e631"; } .icon-print:before { content: "\e632"; } .icon-check:before { content: "\e900"; } .icon-slideshare { background: url(/images/icon-slideshare.png); background-repeat: no-repeat; width: 18px; height: 23px; top: 3px; margin-right: 10px; display: block; float: left; } /* * Buttons, Links start */ .link { color: #0098db; text-decoration: underline; font-size: 0.9375rem; line-height: 1rem; } .link > span { /*margin-right: 0.625rem;*/ position: relative; } .link.button.hide > span, .link.button.show > span { margin-right: 0; } .link.button { color: #ffffff; text-decoration: none; height: 2rem; /*32px*/ line-height:2rem; background-color: #0098db; -webkit-transition-duration: 0.4s; transition-duration: 0.4; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .link.text { color: #000000; text-decoration: none; font-size: 1rem; line-height: 1.5rem; margin: 1rem 0; text-align: left; font-weight: 500; display: block; } .link.text{ color:#666; } .link.button, .text a.button { -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0.5em 1.25rem; } .link.button.white { background-color: #fff; color: #000; -webkit-transition-duration: 0.5s; transition-duration: 0.5; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .link.button.white:hover{ background-color:#f7f7f7; color: #666; } .link.button.long { display: block; text-align: center; padding: 0; float: left; width: 100%; } .link.button.grey { background-color: #b8b8b8; color: #fff; } .link.button:hover, .link.button.grey:hover { background-color: #666; } .link.button.dark { background-color: #666; } .link.button.icon { padding: 0 1.25rem; display: inline-block; } .link.button.icon span { margin-right: 10px; } .link.text-blue { color: #0098DB; font-weight: 500; } .underlined-text { border-bottom: 1px solid #0098DB; } .link.white { color: #fff; font-weight: 500; } .link.white .icon-link-text { color: #fff; } .icon-link-text, .icon-link-location { color: #0098DB; font-size: 1.125rem; position: relative; margin-right:10px; top: 3px!important; } .icon-arr-expand { vertical-align: middle; } .icon-menu-up { position: absolute; font-size: 1.2em; top: 0; right: 0; margin-right: 0; } .social-links { padding: 0; margin: 0; vertical-align: middle; } .social-link { color: #999; margin-right: 5px; padding: 0; height: 2rem; overflow: hidden; display: inline-block; } .social-link > span { font-size: 2em; } .social-link:hover { color: #0098DB; } /* *LINKS end */ /*TOOLBOX search*/ .mmt-content .media figure .figure-wrapper { overflow: hidden; } .mmt-content .media figure .figure-wrapper img { width: 100%; } /* * Typography end */ /* ### FORMS ### */ /* Form containers */ .subscribe-result { display: none; } #subscribe-form { margin-top: 25px; } #edit-preferences input[name="form_EMAIL"] { max-width: 400px; } .hidden-select { display: none; } input[type="text"], input[type="password"], input[type="email"], input[type="date"], textarea { /*outline: none;*/ width: 100%; padding: 2px 10px 2px; background-color: #fff; border: none; border-radius: 0; border: 1px solid #999; color: #000; font-size: 16px; line-height: 24px; box-sizing: border-box; } input[type="text"], input[type="password"], input[type="email"], input[type="date"] { height: 32px; } input[type="text"]:placeholder, input[type="password"]:placeholder, input[type="email"]:placeholder { color: #999; font-size: 16px; line-height: 1; } .placeholder { color: #999; } select { padding: 0 10px; margin: 0; background-color: #fff; color:#999; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /*outline:none;*/ width: 100%; font-size: 16px; word-wrap: break-word; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; height: 30px; box-sizing: border-box; margin-bottom: 0; word-break: break-all; text-overflow: ellipsis; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="checkbox"]:focus, textarea:focus, select:focus { outline: 1px solid #0098db; } select:focus { background-color: #eee; } .select-wrapper { height: 32px; border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: transparent; border-radius: 3px; position:relative; box-sizing: border-box; width: 310px; } .select-wrapper:after { font-family: 'Icons'; content: "\e610"; position: absolute; top: 0; right: 0; width: 32px; height: 26px; font-size: 17px; padding-top: 4px; text-align: center; z-index: 5; color: #999; border-left:1px solid #999; background-color: #fff; pointer-events:none; } option { max-width: 310px; word-wrap: break-word; word-break: break-all; box-sizing: border-box; } textarea { resize: none; overflow: auto; display:block; min-height:192px; padding: 20px 20px 10px; } /* Checkbox */ /* Base for label styling */ label { cursor: pointer; display: inline-block; font-size: 1em; line-height: 1.25em; position: relative; outline: none; } label::after { content: ''; position: absolute; bottom: 0; left: 0; height: 1px; width: 0; background-color: #fff; -webkit-transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: width 0.2s cubic-bezier(0.77, 0, 0.175, 1); } label:hover::after { width: 100%; } input[type='checkbox'] { display: none; } .check-topic span { position: absolute; background-color: #B2B2B2; display: inline-block; width: 18px; height: 18px; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 12px; } .check-topic em { font-style: normal; display: inline-block; margin-left: 32px; } .check-topic input[type='checkbox']:checked ~ label span { background-color: #0098db; text-align: center; } .check-topic input[type='checkbox']:checked ~ label span:after { content: "\e900"; font-family: 'icons'; font-size: 0.95rem; color: #fff; line-height: 18px; } .check-topic input[type='checkbox']:focus ~ label span:after { border: 1px solid #0098db; } /* Radio */ /* Base for label styling */ [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; left: -9999px; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { display: inline-block; position: relative; margin-bottom: 0; padding-left: 26px; cursor: pointer; opacity: 1; margin-right: 10px; margin-top: 20px; line-height: 18px; } [type="radio"]:not(:checked) + label:last-child, [type="radio"]:checked + label:last-child { margin-right: 0; } /* checkbox aspect */ [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0; width: 16px; height: 16px; border: 1px solid #999; background: #fff; border-radius: 50%; } /* checked mark aspect */ [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after { content: ""; position: absolute; top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background-color: #999; transition: all .2s; } /* checked mark aspect changes */ [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ [type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="radio"]:disabled:checked + label:after { color: #999; } [type="radio"]:disabled + label { color: #aaa; } #subscribe-form .link.button, .submit-button { border: 0; display: inline-block; padding: 0 25px !important; cursor: pointer; outline: none; } input[type="submit"]:disabled, #subscribe-form .link.button:disabled { background-color: #666; opacity: 5; cursor: default; } .link.button:focus, .submit-button:focus { background-color: #666; } .subscribe-form > .row { padding: 0 15px; } .subscribe-form > .row:first-of-type { border-bottom: 1px solid #ccc; margin-bottom: 20px; } .form-box { display: inline-block; vertical-align: top; padding-top: 0; width: 100%; box-sizing: border-box; } .form-box:first-child { padding-top: 30px; } .form-box .row .select-wrapper { width: 100%; } .form-box.col-2 { width: 49.5%; padding: 0 1.5% 0 0; } .form-box.col-2:nth-of-type(2n) { padding: 0 0 0 1.5%; } .subscribe-form h2.container-headline { font-size: 32px; line-height: 1; margin-bottom: 30px; } .subscribe-form h3.sub-headline { margin-bottom: 30px; } .subscribe-form .submit-msg { font-size: 14px; line-height: 20px; margin-bottom: 30px; } .row { margin-bottom: 30px; width: 100%; box-sizing: border-box; } .form-box.select-section { padding-bottom: 16px; } .form-box.select-section label { font-weight: 700; } .form-box.db-terms label { font-weight: 400; font-size: 14px; line-height: 20px; } .form-box .col-3 { width: 33.33333333%; box-sizing: border-box; float: left; padding: 0 15px 0 15px; } .form-box .col-3:nth-of-type(1n) { padding: 0 15px 0 0; } .form-box .col-3:nth-of-type(2n) { border-left: 1px solid #e0e6e6; border-right: 1px solid #e0e6e6; padding: 0 15px; } .form-box .col-3:nth-of-type(3n) { padding: 0 0 0 15px; } .form-box .col-3 p { color: #5f5f5f; font-size: 14px; margin: 18px 0 20px; line-height: 19px; padding-left: 30px; } .form-box label { padding-top: 10px; font-weight: normal; } .form-box label p { font-size: 16px; font-weight: normal; padding-left: 32px; } .req-text { margin: 20px 0; font-size: 14px; color: #5f5f5f; } .error-message { color: #cc0000; font-size: 14px; display: none; } .row.error input[type="text"], .row.error input[type="password"], .row.error input[type="email"], .row.errorinput[type="date"], .row.error .select-wrapper { border: 1px solid #cc0000; } .row.error .select { border: 1px solid transparent; } .row.error .error-message { display: block; } .row.error .select-wrapper:after { border-left:1px solid #cc0000; } @media (max-width: 768px) { .form-box { width: 100%; padding: 0; margin: 0; display: block; } .form-box.col-2, .form-box .col-3 { width: 100%; padding: 0; } .form-box.col-2:nth-of-type(2n) { padding: 0; } .form-box .col-3:nth-of-type(1n), .form-box .col-3:nth-of-type(2n), .form-box .col-3:nth-of-type(3n) { border-top: 1px solid #e0e6e6; border-left: 0; border-right: 0; padding: 15px 0 0 0; } .form-box .col-3:nth-of-type(3n) { border-bottom: 1px solid #e0e6e6; margin-bottom: 20px; } [type="radio"]:not(:checked) + label, [type="radio"]:checked + label { margin-top: 10px; } input[type="text"], input[type="password"], input[type="email"], input[type="date"], select, textarea { width: 100%; } } /* ### end FORMS ### */ .custom-stage { font-size: 16px; position: relative; overflow: hidden; max-width: 78.125em; margin: 0 auto; } .custom-stage.fullWidth { max-width: none; width: 100%; margin: 0 0; } .custom-stage.h-480-video-stage { height: 30em; } .custom-stage.h-480, .custom-stage.big { height: 30em; } @media (max-width: 37.5em) { .custom-stage.h-480, .custom-stage.big { height: 16.25em; } } .custom-stage.h-480.outer-navi .stage-slider, .custom-stage.big.outer-navi .stage-slider { height: 480px; } .custom-stage.h-310, .custom-stage.small { height: 19.375em; } .custom-stage.h-fullHeight { height: 30em; } .custom-stage.h-btnNavi { height: 37.5em; } .custom-stage.dot-navi .custom-stage-navigation ul.dot-navigation { display: block; } .custom-stage.btn-navi .custom-stage-navigation div.btn-navigation { display: block; } .custom-stage.btn-navi .stage-content .stage-content-wrapper.stage-module-hr-people .split-line { display: none; } .custom-stage.arrow-navi .custom-stage-navigation div.arrow-navigation { display: block; } .custom-stage.color-black .custom-stage-navigation ul.dot-navigation li a { border-color: black; } .custom-stage.color-black .custom-stage-navigation ul.dot-navigation li.active a { background-color: black; } .custom-stage.color-blue .custom-stage-navigation ul.dot-navigation li a { border-color: #002244; } .custom-stage.color-blue .custom-stage-navigation ul.dot-navigation li.active a { background-color: #002244; } .custom-stage.color-grey .custom-stage-navigation ul.dot-navigation li a { border-color: #333333; } .custom-stage.color-grey .custom-stage-navigation ul.dot-navigation li.active a { background-color: #333333; } .custom-stage.breadcrumb-visible .custom-stage-navigation div.breadcrumb-bg { display: block; } .custom-stage.breadcrumb-visible .custom-stage-navigation ul.dot-navigation { height: 3.4375em; } .custom-stage ul.stage-slider { position: absolute; white-space: nowrap; height: 100%; width: 100%; font-size: 0px; } .custom-stage ul.stage-slider li.stage-element { float: none; position: relative; display: inline-block; overflow: hidden; width: 100%; height: 100%; max-width: none; vertical-align: top; top:0; } .custom-stage ul.stage-slider li.stage-element > img { display: block; position: absolute; width: 100%; visibility: visible; top:0; margin-top:0; border:0; } .custom-stage ul.stage-slider li.stage-element .stage-content { font-size: 16px; position: relative; max-width: 64em; width: 100%; height: 100%; margin: 0 auto; white-space: normal; } .custom-stage ul.stage-slider li.stage-element .blue-panel { position: absolute; bottom: 0; left: 0; width: 100%; height: 27px; padding-top: 3px; color: #ffffff; text-align: center; background: #0098db; } .custom-stage ul.stage-slider li.stage-element .blue-panel a { font-size: 15px; color: #ffffff; text-decoration: none; } .custom-stage ul.stage-slider li.stage-element .blue-panel a .icon-link-text { padding-right: 10px; color: #ffffff; } .custom-stage.outer-navi .custom-stage-navigation div.breadcrumb-bg { display: none; } .custom-stage.outer-navi .custom-stage-navigation ul.dot-navigation { display: none; } .custom-stage .custom-stage-navigation { width: 100%; height: 100%; } .custom-stage .custom-stage-navigation div.breadcrumb-bg { position: absolute; display: none; height: 1.875em; width: 100%; bottom: 0; background-color: #0018a8; opacity: 0.3; } .custom-stage .custom-stage-navigation ul.dot-navigation { display: none; position: absolute; text-align: center; width: 100%; height: 2.0625em; bottom: 0; cursor: default; } .custom-stage .custom-stage-navigation ul.dot-navigation li { display: inline-block; margin-right: 0.25em; } .custom-stage .custom-stage-navigation ul.dot-navigation li a { display: block; text-decoration: none; background-image: url(about:blank); width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 2px solid #ffffff; } .custom-stage .custom-stage-navigation ul.dot-navigation li.active a { background-color: #ffffff; } .custom-stage .custom-stage-navigation div.btn-navigation { display: none; position: absolute; max-width: 64em; width: 100%; bottom: 0.625em; text-align: center; margin: 0 auto; left: 0; right: 0; } .custom-stage .custom-stage-navigation div.btn-navigation a.content-navi-btn { font-size: 16px; display: block; float: left; text-decoration: none; margin-left: 2.25873%; margin-bottom: 0.625em; background-color: #002244; padding-top: 0.6875em; padding-bottom: 0.6875em; width: 95.48255%; color: #ffffff; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; } .custom-stage .custom-stage-navigation div.btn-navigation a.content-navi-btn.no-margin { margin-left: 0; } .custom-stage .custom-stage-navigation div.btn-navigation a.content-navi-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; } .custom-stage .custom-stage-navigation div.btn-navigation a.content-navi-btn.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; } .custom-stage .custom-stage-navigation div.arrow-navigation { display: none; width: 100%; height: 100%; } .custom-stage .custom-stage-navigation div.arrow-navigation a.left-arrow, .custom-stage .custom-stage-navigation div.arrow-navigation a.right-arrow { font-family: Icons; display: block; position: absolute; width: 95px; height: 95px; background-image: url(); background-repeat: repeat; text-align: center; text-decoration: none; font-size: 50px; color:#fff; background-color: rgba(102, 102, 102, 0.5); top: 0; bottom: 0; margin: auto 0; -webkit-transform: translateZ(0); } .custom-stage .custom-stage-navigation div.arrow-navigation .left-arrow { left: 0; background-color: rgba(102, 102, 102, 0.5); } .custom-stage .custom-stage-navigation div.arrow-navigation .right-arrow { right: 0; background-color: rgba(102, 102, 102, 0.5); } .custom-stage .custom-stage-navigation div.arrow-navigation .left-arrow:before, .custom-stage .custom-stage-navigation div.arrow-navigation .right-arrow:before { position: absolute; display: block; width: 94px; height: 94px; color:#fff; /*background-color: rgba(102, 102, 102, 0.5);*/ overflow: hidden; line-height: 94px; top: 0; } .custom-stage .custom-stage-navigation div.arrow-navigation .left-arrow:before { content: "\e615"; left: 0; /*background-color: rgba(102, 102, 102, 0.5);*/ } .custom-stage .custom-stage-navigation div.arrow-navigation .right-arrow:before { content: "\e616"; right: 0; /*background-color: rgba(102, 102, 102, 0.5);*/ } @media (max-width: 80em) { .custom-stage ul.stage-slider li.stage-element .stage-content { max-width: none; } .custom-stage .custom-stage-navigation div.btn-navigation { margin: 0 1.5625em 0 1.5625em; width: auto; } } @media (max-width: 37.5em) { .custom-stage .custom-stage-navigation div.arrow-navigation a.left-arrow, .custom-stage .custom-stage-navigation div.arrow-navigation a.right-arrow { font-size: 24px; width: 40px; height: 40px; } .custom-stage .custom-stage-navigation div.arrow-navigation .left-arrow:before, .custom-stage .custom-stage-navigation div.arrow-navigation .right-arrow:before { position: absolute; display: block; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; } .custom-stage .custom-stage-navigation div.btn-navigation { margin: 0 0.75em 0 0.75em; } .custom-stage.breadcrumb-visible .custom-stage-navigation div.breadcrumb-bg { display: none; } .custom-stage.breadcrumb-visible .custom-stage-navigation ul.dot-navigation { height: 1.375em; } } @media (max-width: 30em) { .custom-stage.h-450, .custom-stage.big { height: 16.25em; } .custom-stage.h-300, .custom-stage.small { height: 9.375em; } .custom-stage.h-btnNavi { height: 28.75em; } .custom-stage.arrow-navi .custom-stage-navigation div.arrow-navigation { display: none; } } .content-stage-text div { display: none; } .outer-custom-stage-navigation { display: none; height: 1.875em; width: 100%; position: relative; z-index: 1; } .outer-custom-stage-navigation ul.dot-navigation { padding-top: 0.25em; position: relative; margin-left: auto; margin-right: auto; display: inline-block; height: 1.5em; bottom: 0; cursor: default; } .outer-custom-stage-navigation ul.dot-navigation li { display: inline-block; margin-right: 0.25em; } .outer-custom-stage-navigation ul.dot-navigation li a { display: block; text-decoration: none; background-image: url(about:blank); width: 0.8125em; height: 0.8125em; background-color: #cececd; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .outer-custom-stage-navigation ul.dot-navigation li.active a { background-color: #049dde; } /** * Module stage-module-main */ .middle-alignment { vertical-align: middle; } .custom-stage.h-fullHeight .stage-content .stage-content-wrapper.stage-module-main { padding-top: 10em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; vertical-align: middle; color: #ffffff; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main.story { max-width: 70%; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main.abstract { max-width: 100%; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper h2 { font-size: 1.5em; line-height: 1.375em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper h1 { font-size: 3.625em; line-height: 1.03448em; margin-bottom: 0.2em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .text { font-size: 1.5em; line-height: 1.375em; margin-bottom: 0; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .text .p1{ font-size: 1.5rem; line-height: 2rem; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area { position: absolute; bottom: 4rem; left: 0; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area a { margin-top: 0.4em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim { margin-top: 2.25em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim:before { font-family: "Icons"; content: "\e622"; font-size: 59px; } html:lang(en) .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim:before { content: "\e604"; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main.color-blue { color: #002244; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main.color-black { color: black; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main.color-grey { color: #333333; } @media (max-width: 80em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main { padding-left: 1.5625em; padding-right: 1.5625em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area { left: 1.5625em; } } @media (max-width: 64em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main { padding-left: 1.375em; padding-right: 1.375em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area { left: 1.375em; } } @media (max-width: 48em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main { padding-left: 0.625em; padding-right: 0.625em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area { left: 0.625em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper h2 { font-size: 1.25em; line-height: 1.25em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper h1 { font-size: 2.75em; line-height: 1.09091em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .text { font-size: 1.25em; line-height: 1.25em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area { margin-top: 0.8125em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim { margin-top: 1.375em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim:before { font-size: 28px; } } @media (max-width: 37.5em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper h2 { font-size: 0.5625em; line-height: 1.22222em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper h1 { font-size: 1.6em; line-height: 1em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .text { font-size: 0.95em; line-height: 1em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .action-area { bottom: 2.1625em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim { margin-top: 0.4375em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main .vertical-center-wrapper .claim:before { font-size: 28px; } } /** * Module stage-module-main */ /** * Module stage-module-main-medium */ .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #ffffff; display: table; max-width: 80%; height: 100%; position: absolute; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper { display: table-cell; vertical-align: middle; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper h1 { font-size: 3.625em; line-height: 1.03448em; margin-bottom: 0.2069em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper .text { font-size: 1.5em; line-height: 1.375em; color: #fff; margin-bottom: 0; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium.color-blue { color: #002244; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium.color-black { color: black; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium.color-grey { color: #333333; } @media (max-width: 80em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium { padding-left: 1.5625em; padding-right: 1.5625em; } } @media (max-width: 64em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium { padding-left: 1.375em; padding-right: 1.375em; } } @media (max-width: 48em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium { padding-left: 0.625em; padding-right: 0.625em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper h2 { font-size: 2.75em; line-height: 1.09091em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper .text { font-size: 1.25em; line-height: 1.25em; margin-bottom: 0; } } @media (max-width: 30em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper h2 { font-size: 1.125em; line-height: 1.22222em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper .text { font-size: 0.5625em; line-height: 1.22222em; margin-bottom: 0; } } /** * Module stage-module-main-medium */ /** * Module stage-module-main-small */ .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #ffffff; display: table; max-width: 57%; height: 100%; position: absolute; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small .vertical-center-wrapper { display: table-cell; vertical-align: middle; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small .vertical-center-wrapper h2 { font-size: 3.25em; line-height: 1.15385em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small.color-blue { color: #002244; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small.color-black { color: black; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small.color-grey { color: #333333; } @media (max-width: 80em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small { padding-left: 1.5625em; padding-right: 1.5625em; } } @media (max-width: 64em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small { padding-left: 1.375em; padding-right: 1.375em; } } @media (max-width: 48em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small { padding-left: 0.625em; padding-right: 0.625em; } .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small .vertical-center-wrapper h2 { font-size: 2.75em; line-height: 1.09091em; } } @media (max-width: 30em) { .custom-stage .stage-content .stage-content-wrapper.stage-module-main-small .vertical-center-wrapper h2 { font-size: 1.125em; line-height: 1.22222em; } } /** * Module stage-module-main-small */ /** * Module stage-module-video */ .custom-stage { color: white; /*.claimwhite{ display:none; }*/ } .custom-stage.color-black { color: black; /*.claim{ display:none; } .claimwhite{ display:block; }*/ } .custom-stage .stage-content .module-stage-video { height: 100%; width: 100%; font-size: 16px; } .custom-stage .stage-content .module-stage-video .text-holder { width: 75%; margin-left: auto; margin-right: auto; margin-top: 1.25em; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .text-holder { float: left; margin-top: 6.25em; width: 49%; } } .custom-stage .stage-content .module-stage-video .text-holder h2 { font-size: 0.75em; line-height: 1.33333em; } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .text-holder h2 { font-size: 1.25em; line-height: 1.2em; margin-left: 1.75em; } } @media (min-width: 64em) { .custom-stage .stage-content .module-stage-video .text-holder h2 { font-size: 1.5em; line-height: 1.16667em; margin-left: 1.875em; } } .custom-stage .stage-content .module-stage-video .text-holder h1 { font-size: 1.375em; line-height: 1.09091em; margin-top: 0.45455em; } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .text-holder h1 { font-size: 2.625em; line-height: 1em; margin-left: 0.83333em; margin-top: 0.2381em; } } @media (min-width: 64em) { .custom-stage .stage-content .module-stage-video .text-holder h1 { font-size: 3.625em; line-height: 1em; margin-left: 0.77586em; margin-top: 0.2069em; } } .custom-stage .stage-content .module-stage-video .text-holder .claim { margin-top: 1.5em; } .custom-stage .stage-content .module-stage-video .text-holder .claim:before { font-family: "Icons"; content: "\e622"; font-size: 40px; } html:lang(en) .custom-stage .stage-content .module-stage-video .text-holder .claim:before { content: "\e604"; } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .text-holder .claim:before { font-size: 59px; } } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .text-holder .claim { margin-top: 2.25em; margin-left: 2.1875em; } } @media (min-width: 64em) { .custom-stage .stage-content .module-stage-video .text-holder .claim { margin-left: 2.8125em; } } .custom-stage .stage-content .module-stage-video .video-holder { position: relative; max-width: 24.5625em; height: auto; max-height: 100%; margin-top: 2.75em; margin-left: auto; margin-right: auto; width: 75%; /*&.transition{ transition: width 1s, height 1s, max-width 1s, max-height 1s, margin-top 1s, margin-right 1s, margin-left 1s; -moz-transition: width 1s, height 1s, max-width 1s, max-height 1s, margin-top 1s, margin-right 1s, margin-left 1s; -webkit-transition: width 1s, height 1s, max-width 1s, max-height 1s, margin-top 1s, margin-right 1s, margin-left 1s; -ms-transition: width 1s, height 1s, max-width 1s, max-height 1s, margin-top 1s, margin-right 1s, margin-left 1s; }*/ } .custom-stage .stage-content .module-stage-video .video-holder .close-button { width: 43px; height: 43px; position: absolute; top: 30px; right: 0; cursor: pointer; display: none; background: url() center center no-repeat; } .custom-stage .stage-content .module-stage-video .video-holder.open { width: 100%; max-height: 100%; max-width: 50em; margin-top: 0; margin-right: auto; margin-left: auto; } .custom-stage .stage-content .module-stage-video .video-holder.open.opened { height: 100%; float: none; } .custom-stage .stage-content .module-stage-video .video-holder.open.opened img { display: none; } .custom-stage .stage-content .module-stage-video .video-holder.open.opened .playbutton { display: none; } .custom-stage .stage-content .module-stage-video .video-holder.open.opened .close-button { display: block; } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .video-holder { float: right; margin-top: 9.125em; width: 49%; margin-right: 2%; } } @media (min-width: 64em) { .custom-stage .stage-content .module-stage-video .video-holder { width: 24.5625em; margin-right: 1.375em; } } .custom-stage .stage-content .module-stage-video .video-holder img { width: 100%; height: 100%; } .custom-stage .stage-content .module-stage-video .video-holder .playbutton { position: absolute; width: 100%; height: 100%; background: url() center center no-repeat; top: 0; left: 0; cursor: pointer; } .custom-stage .stage-content .module-stage-video .more-button { margin-top: 0.75em; width: 75%; margin-left: auto; margin-right: auto; } @media (min-width: 48em) { .custom-stage .stage-content .module-stage-video .more-button { width: auto; margin-left: 0; position: absolute; right: 0; bottom: 0.9375em; float: right; margin-right: 2%; } } @media (min-width: 64em) { .custom-stage .stage-content .module-stage-video .more-button { margin-right: 1.375em; } } /** * Module stage-module-video */ /** * Module rwdNavigation start */ .main-header { padding: 0; margin: 0 auto; width: 100%; max-width: 64em; } .main-header .cross-navigation { margin-top: 3.375em; height: 2.375em; overflow: visible; position: relative; height: 0; } .main-header .cross-navigation.sub-menu-opened { background: url() repeat-x bottom; padding-bottom: 0.625em; margin-bottom: 0.3125em; } .main-header .cross-navigation > a { width: 3em; height: 2.375em; display: block; position: absolute; right: 0; top: 0; color: #8996a0; text-decoration: none; display: none; } .main-header .cross-navigation > a:before { font-size: 1.2rem; font-family: Icons; content: '\e605'; position: absolute; left: 0; right: 0; text-align: center; line-height: 2.2rem; } .main-header .cross-navigation > a.prev:after { /*content: url();*/ position: absolute; bottom: -7px; } .main-header .cross-navigation > a.next:after { /*content: url();*/ position: absolute; bottom: -7px; } .main-header .cross-navigation > a:first-child { right: auto; left: 0; } .main-header .cross-navigation > a:first-child:before { content: '\e604'; } .main-header .cross-navigation .cross-navigation-ul-wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 1em; margin-right: 2em; height: 2.375em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li { float: left; position: relative; height: 2.375em; font-size: .9em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li a { color: #333333; line-height: 2.375em; text-decoration: none; padding-left: 0.5em; padding-right: 0.5em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li a.active { color: #0098db; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li a:hover { color: #0098db; text-decoration: underline; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.active a { color: #0098db; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li:before { content: ''; display: block; position: absolute; left: 0; width: 1px; height: 1.5625em; top: 0.5em; background-color: #B2B2B2; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li:first-child:before { display: none; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li ul.sub.lv2 { position: absolute; display: none; width: 15.3125em; background: white; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li ul.sub.lv2 li { float: none; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li ul.sub.lv2 li:before { display: none; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li ul.sub.lv2 li a { color: black; padding-left: 0.625em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent { padding-right: 2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent > a:after { font-family: Icons; font-size: 16px; content: "\e610"; display: block; position: absolute; right: 1px; color: #333333; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5em; right: 7px; top: 9px; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent > a:hover:after { color: #0098db; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent.active a:after { color: #0098db; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open { padding-right: 2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 { display: block; width: 14.125em; z-index: 30; box-shadow: 0 0 4px #999999; top: 5px; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 li { height: auto; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 li a { font-size: 1em; line-height: 1.25em; color: #8996a0; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 li a:hover { color: #0098db; } .main-header .cross-navigation .cross-navigation-ul-wrapper .cross-navigation-shadow { position: absolute; top: 0; left: 3em; right: 3em; bottom: 0; background: url() repeat-x; margin-left: 5px; margin-right: 5px; } .main-header .cross-navigation .cross-navigation-ul-wrapper .cross-navigation-shadow:before { content: ''; background: url() no-repeat; width: 5px; height: 38px; margin-left: -5px; display: block; } .main-header .cross-navigation .cross-navigation-ul-wrapper .cross-navigation-shadow:after { content: ''; background: url() no-repeat; width: 5px; height: 38px; position: absolute; right: -5px; top: 0; } .main-header .search-wrapper { display: none; } .main-header .identifier-and-logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0.875em 0.75em 1.25em 0; height: 3.375em; width: 100%; position: fixed; top: 0; right: 0; background: white; z-index: 25; } .main-header .identifier-and-logo > a { display: block; float: left; margin-left:5px; } .main-header .identifier-and-logo .menu-toggle-button { width: 3em; height: 1.9375em; line-height: 1.9375em; text-decoration: none; color: black; } .main-header .identifier-and-logo .menu-toggle-button:before { font-size: 2em; font-family: Icons; content: '\e602'; width: 48px; display: block; text-align: center; } .main-header .identifier-and-logo .menu-toggle-button.active:before { content: '\e60a'; color: #333; font-size: 1.5rem; } .main-header .identifier-and-logo .identifier img { height: 1.9375em; display: block; } .main-header .identifier-and-logo .logo { float: right; } .main-header .identifier-and-logo .logo img { height: 1.75em; width: auto; display: block; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 { margin-top: -10px; padding-top: 0.3125em; padding-bottom: 0.3125em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li { height: 2em; border: none; margin-left: 0.3125em; margin-right: 0.3125em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li a { font-size: 0.9em; padding-left: 0.83333em; line-height: 1.2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li:hover { background-color: #eaeaea; } @media (max-width: 48em) { .main-header .cross-navigation .cross-navigation-ul-wrapper { display: none; } } @media (min-width: 48em) { .main-header { position: relative; margin-left: 1.375em; margin-right: 1.375em; overflow: visible; width: auto; } .main-header .cross-navigation { margin-top: 0; height: auto; overflow: visible; float: left; margin-bottom: 66px; } .main-header .cross-navigation > a { height: 2em; display: none; } .main-header .cross-navigation > a:before { font-size: 1.5em; line-height: 1.33333em; } .main-header .cross-navigation.sub-menu-opened { background: none; padding-bottom: 0; } .main-header .cross-navigation .cross-navigation-ul-wrapper { margin-left: 260px; margin-right: 0; height: 2em; margin-top: 1.5625em; overflow: visible; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li:before { top: 0.1875em; height: 1.3125em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li { height: 2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li:first-child a { padding-left: 0; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li a { font-size: 0.8em; line-height: 2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li ul.sub.lv2 { width: 14.125em; z-index: 20; box-shadow: 0 0 4px #999999; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open, .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent { padding-right: 1.3125em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2, .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 { z-index: 10000; margin-left: 0; margin-top: -10px; padding-top: 0.3125em; padding-bottom: 0.3125em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 li, .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li { height: 2em; border: none; margin-left: 0.3125em; margin-right: 0.3125em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 li a, .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li a { color: #333333; font-size: 0.8em; padding-left: 0.83333em; line-height: 1.5em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open ul.sub.lv2 li:hover, .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li:hover { background-color: #eaeaea; } .main-header .cross-navigation .cross-navigation-ul-wrapper .cross-navigation-shadow { display: none; } .main-header .search-wrapper { display: block; padding-top: 1.75em; height: 2em; width: auto; float: right; margin-right: 5.1875em; overflow: hidden; } .main-header .search-wrapper .search-box { width: 20.125em; height: 4.375em; box-shadow: 0 0 4px #999999; background: white; display: block; position: absolute; z-index: 10; top: 1.125em; right: 5.75em; display: none; } .main-header .search-wrapper .search-box input#searchInput { background-color: #ebebeb; border: 1px solid #cccccc; display: block; margin-top: 19px; margin-left: 14px; padding: 4px 10px; position: relative; width: 181px; height: 23px; line-height: 23px; } .main-header .search-wrapper .search-box .search-button { width: 5em; height: 2.66667em; line-height: 2.66667em; border-radius: 0.25em; background-color: #002244; font-size: 0.75em; color: white; text-decoration: none; position: absolute; top: 1.58333em; left: 18.91667em; padding-left: 1.66667em; padding-right: 0.08333em; } .main-header .search-wrapper .search-box .search-button:before { font-family: Icons; content: 'S'; color: white; position: relative; left: -8px; font-size: 12px; } .main-header .search-wrapper .search-box.open { display: block; } .main-header .search-wrapper .search-wrapper-button { border-radius: 0.1875em; background-color: #ebebeb; color: #333333; text-decoration: none; display: inline-block; font-size: 0.75em; line-height: 2.66667em; width: 2.66667em; float: left; } .main-header .search-wrapper .search-wrapper-button span { display: none; } .main-header .search-wrapper .search-wrapper-button.kundenlogin { margin-right: 0.25em; } .main-header .search-wrapper .search-wrapper-button.kundenlogin:before { font-family: Icons; content: '\e602'; color: #333333; position: relative; font-size: 12px; left: 11px; } .main-header .search-wrapper .search-wrapper-button.suche:before { font-family: Icons; content: 'S'; color: #333333; position: relative; font-size: 12px; left: 9px; } .main-header .identifier-and-logo { position: absolute; padding-top: 1.625em; padding-right: 0em; overflow: hidden; height: auto; width: 4.375em; } .main-header .identifier-and-logo .menu-toggle-button { display: none; } .main-header .identifier-and-logo .identifier img { height: 2.5em; display: block; } .main-header .identifier-and-logo .logo img { height: 4.375em; } } @media (min-width: 80em) { .main-header { padding-left: 0; padding-right: 0; margin: 0 auto; } .main-header .cross-navigation { padding-left: 0; } .main-header .cross-navigation .cross-navigation-ul-wrapper { margin-top: 1.75em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li a { font-size: 0.9375em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li:before { top: -0.125em; height: 2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.open > a:before { top: 41.6%; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 { margin-top: -10px; padding-top: 0.425em; padding-bottom: 0.425em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li { height: 2em; border: none; margin-left: 0.425em; margin-right: 0.425em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li a { font-size: 0.9375em; padding-left: 0.66667em; line-height: 1.2em; } .main-header .cross-navigation .cross-navigation-ul-wrapper ul li.is-parent ul.sub.lv2 li:hover { background-color: #eaeaea; } .main-header .search-wrapper { width: auto; margin-right: 6.0625em; } .main-header .search-wrapper .search-wrapper-button { width: auto; padding-left: 1.75em; padding-right: 1em; } .main-header .search-wrapper .search-wrapper-button span { display: inline; } .main-header .search-wrapper .search-wrapper-button.kundenlogin { margin-right: 0.25em; } .main-header .search-wrapper .search-wrapper-button.kundenlogin:before { left: -8px; font-size: 12px; } .main-header .search-wrapper .search-wrapper-button.suche:before { left: -8px; font-size: 12px; } .main-header .identifier-and-logo { padding-left: 0; padding-right: 0; } .main-header .identifier-and-logo .logo { padding-right: 0; } } .flyout-navigation-wrapper { height: 0; overflow: hidden; background-color: #e7e8ec; } .blocker { position: absolute; width: 0; height: 0; background: url(); opacity: 0; left: 0; top: 0; z-index: 27; } .block .blocker { width: 100%; height: 100%; } .navigation-teaser-wrapper { display: none; } .rwd-navigation { margin-top: 0; } .rwd-navigation ul { height: 0; overflow: hidden; } .rwd-navigation ul.lv1 > li a, .rwd-navigation ul.second-level > li a { font-size: 0.9375em; line-height: 1.46667em; color: #333333; text-decoration: none; border-bottom: none; width: 100%; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 0.73333em; padding-bottom: 0.73333em; padding-right: 2.93333em; } .rwd-navigation ul.second-level > li a{ padding-left: 1.5em; } .rwd-navigation ul.second-level > li:last-child a{ /*margin-bottom: 1em;*/ } .rwd-navigation ul.lv1 > li a:after, .rwd-navigation ul.second-level > li a:after { font-family: Icons; font-size: 18px; content: "\e614"; display: block; position: absolute; right: 1px; color: #8996a0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5625em; content: ""; display: none; } .rwd-navigation ul.lv1 > li .first-level-headline, .rwd-navigation ul.second-level > li .first-level-headline { display: none; } .rwd-navigation ul.lv1 > li, .rwd-navigation ul.first-level > li { border-bottom: 1px solid #cccccc; } .rwd-navigation ul.lv1 > li:first-child, .rwd-navigation ul.first-level > li:first-child { border-top: 1px solid #cccccc; } .rwd-navigation ul.lv1 > li.active.isParent > a:after, .rwd-navigation ul.first-level > li.active.isParent > a:after { font-family: Icons; font-size: 18px; content: "\e608"; display: block; position: absolute; right: 1px; color: #0098db; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5625em; display: block; } .rwd-navigation ul.second-level > li > a:after { font-size: 18px; content: "\e612"; display: block; position: absolute; right: 1px; color: #8996a0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5625em; content: ""; display: none; } .rwd-navigation ul.second-level > li.isParent > a:after { font-family: Icons; font-size: 18px; content: "\e60c"; display: block; position: absolute; right: 1px; color: #8996a0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5625em; } .rwd-navigation ul.lv1 > li { padding-left: 0.75em; padding-right: 0.75em; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper { display: none; } .rwd-navigation ul.lv1 > li.currentActive > a { color: #0098db; } .rwd-navigation ul.lv1 > li.isParent > a:after { font-family: Icons; font-size: 18px; content: "\e607"; display: block; position: absolute; right: 1px; color: #8996a0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5625em; } @media screen { .rwd-navigation ul.lv1 > li.active > a { color: #0098db; } } @media (max-width: 48em) { .rwd-navigation ul.second-level > li.active > a:after { border-color: #0098db; font-size: 18px; content: "\e60d"; display: block; position: absolute; right: 1px; color: #0098db; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5625em; right: 13px; } } .rwd-navigation ul.lv1 > li.active > a:after { display: none; } /*.rwd-navigation ul.second-level > li { margin-top: -0.75em; }*/ .rwd-navigation ul.second-level > li.active { background-color: white; margin-left: -0.75em; margin-right: -0.75em; padding-left: 0.75em; } .rwd-navigation ul.second-level > li.active > a { color: #0098db; border-bottom: none; padding-top: 0.73333em; padding-bottom: 0.73333em; } .rwd-navigation ul.second-level > li.open > a { color: #0098db; } .rwd-navigation ul.second-level > li > a:after { background-color: transparent; color: #7c8c9c; } .rwd-navigation ul.third-level > li { padding-left: 0.75em; } .rwd-navigation ul.third-level > li > a { border-bottom: none; font-size: 0.875em; line-height: 1.14286em; padding-top: 0.35714em; padding-bottom: 0.35714em; } .rwd-navigation ul.third-level > li > a:after { display: none; } .rwd-navigation ul.third-level > li.active > a { color: #0098db; } #main-navigation { background-color: white; } @media (min-width: 48em) { #main-navigation { overflow: hidden; width: 100%; background: url() left 3.1875em repeat-x; border-bottom: 1px solid #c2c2c2; background-color: white; border-top: 1px solid #c2c2c2; } .has-customer-nav .flyout-navigation-wrapper { height: 6.375em; } .flyout-navigation-wrapper { height: auto; overflow: visible; clear: both; position: relative; z-index: 30; background-color: transparent; } .navigation-teaser.empty { position: relative; border-top: 50px solid white; z-index: 20; width: 100%; margin-bottom: 1px; display: block; margin-top: -50px; } .navigation-teaser-wrapper { overflow: hidden; margin-bottom: 3.125em; background-color: white; position: relative; display: block; padding-top: 50px; margin-top: -50px; } .navigation-teaser-wrapper:before { content: ""; background-color: white; height: 55px; top: -50px; width: 9999px; position: absolute; } .navigation-teaser-wrapper .navigation-teaser { max-width: 29.8125em; width: 48.87064%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin: 0; float: right; background-color: #efefef; } .navigation-teaser-wrapper .navigation-teaser:first-child { float: left; } .navigation-teaser-wrapper .navigation-teaser img { width: 47.6%; height: auto; display: block; float: left; } .navigation-teaser-wrapper .navigation-teaser .teaser-content-wrapper { float: right; width: 52.4%; } .navigation-teaser-wrapper .navigation-teaser .teaser-content-wrapper p { margin-left: 1.25em; margin-top: 1.25em; margin-right: 1.25em; font-size: 0.875em; line-height: 1.35714em; color: #666666; } .navigation-teaser-wrapper .navigation-teaser .teaser-content-wrapper p a { text-decoration: underline; color: #0098db; padding-left: 0.3125em; display: inline; } .rwd-navigation { overflow: visible !important; border-top: none; max-width: 64em; margin: 0; margin-left: 1.375em; margin-right: 1.375em; background: url() left 3.1875em repeat-x; background-color: white; } .rwd-navigation:before { content: " "; height: 0px; width: 100%; position: absolute; height: 3.125em; left: 0px; right: 0px; display: block; z-index: -1000; background-color: white; } .rwd-navigation ul { height: auto; overflow: hidden; } .rwd-navigation ul.lv1 > li, .rwd-navigation ul.first-level > li { border-bottom: none; } .rwd-navigation ul.lv1 > li:first-child, .rwd-navigation ul.first-level > li:first-child { border-top: none; } .rwd-navigation ul.lv1 > li.active.isParent > a:after, .rwd-navigation ul.first-level > li.active.isParent > a:after { display: none; } .rwd-navigation ul.lv1 { overflow: visible; position: relative; height: 3.125em; margin-left: 0; margin-right: 0; } .rwd-navigation ul.lv1 > li { float: left; padding-left: 0em; padding-right: 0em; } .rwd-navigation ul.lv1 > li:first-child { padding-left: 0.1875em; } .rwd-navigation ul.lv1 > li.isParent > a:after { display: none; content: ""; } .rwd-navigation ul.lv1 > li > a { font-size: 0.8125em; line-height: 3.84615em; } .rwd-navigation ul.lv1 > li a { border-bottom: none; background-color: transparent; padding-left: 8px; padding-right: 8px; padding-top: 0; padding-bottom: 0; } .rwd-navigation ul.lv1 > li a:after { display: none; content: ""; } .rwd-navigation ul.lv1 > li a:before { content: ""; display: block; width: 0; height: 2em; background-color: #bcc4c9; position: absolute; left: 0; top: 0.46154em; } @media screen { .rwd-navigation ul.lv1 > li a:hover { color: #0098db; text-decoration: underline; } } .rwd-navigation ul.lv1 > li:first-child a { padding-left: 0; } .rwd-navigation ul.lv1 > li:first-child a:before { display: none; } .rwd-navigation ul.lv1 > li.open .second-level-wrapper { display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper { display: block; width: 33%; position: relative; right: 0; top: 1.9375em; padding-right: 3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper a { -webkit-tap-highlight-color: transparent; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper h3 { font-size: 1.125em; line-height: 1.55556em; display: none; color: #0018A7; margin-bottom: 1.11111em; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper.same-headline h3 { display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper.same-headline ul.image-content li h3 { display: none; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content { width: 100%; overflow: hidden; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li { width: 100%; float: left; display: none; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li:first-child { display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li h3 { display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li a { padding: 0; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li a img { width: 100%; height: auto; display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li .read-more-content { font-size: 0.875em; line-height: 1.42857em; margin-top: 0.21429em; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper ul.image-content li .read-more-content a { color: #0098db; text-decoration: underline; display: inline; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .image-content-wrapper { position: relative; overflow: hidden; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .image-content-wrapper .additional-content-navigation { font-size: 1em; position: absolute; display: block; width: 2.875em; height: 2.875em; left: 0; top: 50%; margin-top: -1.4375em; background-color: black; background-color: rgba(0, 0, 0, 0.7); z-index: 9; display: none; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .image-content-wrapper .additional-content-navigation:after { font-size: 1.875em; line-height: 1.53333em; font-family: Icons; content: 'b'; color: white; width: 100%; text-align: center; display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .image-content-wrapper .additional-content-navigation.next { left: auto; right: 0; display: block; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .image-content-wrapper .additional-content-navigation.next:after { content: 'a'; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper a:before { display: none; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .page-indicator-wrapper { width: 100%; text-align: center; margin-top: 1em; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .page-indicator-wrapper a { font-size: 1em; display: inline-block; width: 0.8125em; height: 0.8125em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #cdcdcc; padding: 0; margin-left: 0.25em; margin-right: 0.25em; } .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .page-indicator-wrapper a.active, .rwd-navigation ul.lv1 > li .first-level-additional-content-wrapper .page-indicator-wrapper a:hover { background-color: #0098db; } .rwd-navigation ul.lv1 > li .first-level-headline { display: none; position: absolute; width: 33%; top: 1.9375em; left: 33%; z-index: 10; padding-left: 1.375em; padding-right: 1.375em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .rwd-navigation ul.lv1 > li .first-level-headline h3 { font-size: 1.375em; line-height: 1.18182em; color: #707D88; } .rwd-navigation .second-level-wrapper { position: absolute; left: 0; width: 100%; display: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 1.9375em; } .rwd-navigation .second-level-wrapper.empty { padding-bottom: 0; } .rwd-navigation ul.second-level { width: 100%; position: relative; padding-left: 0em; padding-right: 0em; } .rwd-navigation ul.second-level > li { position: relative; margin-bottom: 3.125em; width: 22%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-right: 3%; padding-left: 0; padding-right: 0.3125em; } .rwd-navigation ul.second-level > li.isParent { margin-bottom: 0; } .rwd-navigation ul.second-level > li:after { content: ""; background-color: #c2c2c2; width: 1px; height: 9999px; position: absolute; left: 104.5%; top: 5px; z-index: 0; } .rwd-navigation ul.second-level > li:before { content: ""; background-color: white; height: 55px; top: -50px; width: 9999px; position: absolute; z-index: 1; } .rwd-navigation ul.second-level > li:nth-child(4n):after { display: none; } .rwd-navigation ul.second-level > li:nth-child(4n+1) { clear: left; } .rwd-navigation ul.second-level > li a { font-size: 0.8125em; line-height: 2.15385em; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000000; z-index: 2; padding-left: 0; padding-right: 0; padding-bottom: 0.53846em; padding-top: 0.53846em; } .rwd-navigation ul.second-level > li a:before { display: none; } .rwd-navigation ul.second-level > li a:hover { color: #0098db; text-decoration: underline; } .rwd-navigation ul.second-level > li.open > a { color: #0098db; } .rwd-navigation ul.second-level > li:first-child a { border-top: none; } .rwd-navigation ul.second-level > li.active { background-color: white; margin-left: 0; margin-right: 3%; padding-left: 0; padding-bottom: 0; } .rwd-navigation ul.second-level > li.isParent > a:after { display: none; content: ""; } .rwd-navigation ul.second-level > li.dummy_entry:after { background-color: white; content: ""; height: 9999px; left: 104.5%; position: absolute; top: 5px; width: 5px; } .rwd-navigation ul.third-level { display: block; position: relative; top: 0; width: 100%; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: white; z-index: 15; } .rwd-navigation ul.third-level > li { width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; } .rwd-navigation ul.third-level > li a { border-top: none; font-size: 0.75em; line-height: 1.41667em; color: #666666; margin-top: 0.53846em; padding-top: 0; padding-bottom: 0; } .rwd-navigation ul.third-level > li a:hover { color: #0098db; text-decoration: underline; } .rwd-navigation ul.third-level > li:last-child { margin-bottom: 3.125em; } .rwd-navigation ul.third-level > li:first-child { margin-top: 0.625em; } .rwd-navigation ul.third-level > li:first-child a { margin-top: 0; } } @media (min-width: 64em) { .rwd-navigation ul.lv1 > li > a { font-size: 0.9375em; line-height: 3.33333em; } .rwd-navigation ul.second-level > li > a { font-size: 0.9375em; line-height: 1.86667em; } .rwd-navigation ul.third-level > li > a { font-size: 0.8125em; line-height: 1.30769em; } } @media (min-width: 48em) { .navigation-teaser-wrapper .rwd-navigation { margin: 0 auto; max-width: 78.125em; } } @media (min-width: 80em) { .navigation-teaser-wrapper .navigation-teaser { max-width: 29.8125em; width: 50%; height: 11.5em; float: right; background-color: #efefef; overflow: hidden; position: relative; } .navigation-teaser-wrapper .navigation-teaser img { width: 47.6%; height: 11.5em; } .navigation-teaser-wrapper .navigation-teaser .teaser-content-wrapper { float: right; width: 52.4%; } .rwd-navigation { margin: 0 auto; height: 3.1875em; } .rwd-navigation ul.lv1 > li { padding-left: 0.625em; padding-right: 0.625em; } .rwd-navigation ul.lv1 > li > a:before { content: ""; display: block; width: 0; height: 1.86667em; background-color: #bcc4c9; position: absolute; left: 0; top: 0.4em; } .rwd-navigation ul.lv1 > li:first-child { margin-left: 0; } .rwd-navigation ul.lv1 > li:first-child a { padding-left: 0.5em; } .rwd-navigation .child-level-wrapper.second-level-wrapper { padding-left: 0.625em; padding-right: 0.625em; } .rwd-navigation ul.second-level { padding-left: 0px; padding-right: 0px; } } /* */ .breadcrumb-navigation { position: relative; display: none; margin: 0 auto; padding: 18px 0; box-sizing: border-box; } .footer .breadcrumb-navigation { padding: 10px 0; } @media (min-width: 48em) { .breadcrumb-navigation { display: block; overflow: hidden; max-width: 64em; margin: 0 auto; margin-left: 0; } .footer .breadcrumb-navigation { margin-top: 0px; } .breadcrumb-navigation ul { float: left; } .breadcrumb-navigation ul.lv1 > li > a:before { content: ""; display: none; } .breadcrumb-navigation a { float: left; padding: 0 0.72727em 0 0; } .breadcrumb-navigation a:before { content: "> "; margin-right: 0.25em; } .breadcrumb-navigation .meta { float: left; margin-right: 0.54545em; margin-left: 2.09091em; color: #646f83; } .breadcrumb-navigation a { font-size: 0.6875em; line-height: 1.18182em; text-decoration: none; color: #646f83; } .breadcrumb-navigation a:hover { color: #0098db; } .breadcrumb-navigation .active a { color: #0098db; } .breadcrumb-navigation .meta { font-size: 0.6875em; line-height: 1.18182em; } .footer .breadcrumb-navigation { float: left; } } @media (min-width: 80em) { .breadcrumb-navigation { margin-left: auto; } .breadcrumb-navigation .meta { margin-left: 0; } } /* content navigation (level 4 + 5) */ .container.cont-nav-container { padding-bottom: 0; margin-bottom: 0; max-width: 64em; margin-left: auto; margin-right: auto; float: none; } .container.cont-nav-container .spacer { margin-bottom: 0; } .container.cont-nav-container h1.page-headline + .spacer, .container.cont-nav-container h3 + .spacer, .container.cont-nav-container nav.content-navigation + .spacer { margin-bottom: 40px; } .container.cont-nav-container h1 { font-size: 1.625em; margin-top: 0.19231em; color: #0018A8; } @media (max-width: 80em) { .container.cont-nav-container { max-width: 78.125em; padding-left: 22px; padding-right: 22px; } } @media (max-width: 48em) { .container.cont-nav-container { padding-left: 10px; padding-right: 10px; } } .content-navigation { margin-bottom: 1.5em; margin-top: 1.5em; } .content-navigation .content-navigation-toggle { position: relative; width: 100%; } .content-navigation .content-navigation-toggle a { font-size: 1em; line-height: 2.75em; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; display: block; color: #000000; text-decoration: none; } .content-navigation .content-navigation-toggle a:after { font-family: Icons; font-size: 16px; content: "\e614"; display: block; position: absolute; right: 1px; color: #8996a0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5em; margin-top: -1.25em; } .content-navigation .content-navigation-toggle.open a { color: #0098db; } .content-navigation .content-navigation-toggle.open a:after { font-size: 16px; content: "\e613"; display: block; position: absolute; right: 1px; color: #0098db; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -0.5em; margin-top: -1.25em; } .content-navigation > ul.fourth-level li.highlighted > a { color: #0098db; } .content-navigation > ul.fourth-level li.highlighted > a:after { color: #0098db; } .content-navigation > ul { height: 0; overflow: hidden; border-bottom: none; } .content-navigation > ul > li > a { font-size: 1em; line-height: 1.25em; border-bottom: 1px solid #cccccc; position: relative; z-index: 10; padding-top: 0.75em; padding-bottom: 0.75em; padding-right: 2.75em; color: #000000; text-decoration: none; display: block; } .content-navigation > ul > li.isParent > a { padding-right: 25px; } .content-navigation > ul > li.isParent > a:after { font-family: Icons; content: "\e601"; display: block; position: absolute; right: 1px; color: #333333; top: 50%; margin-top: -9px; right: 5px; } .content-navigation > ul > li.isParent > a:hover:after { color: #0098db; } .content-navigation > ul > li.open { border-bottom: 1px solid #cccccc; overflow: hidden; } .content-navigation > ul > li.open > a { color: #0098db; border-bottom: none; } .content-navigation > ul > li.open .child-level-wrapper { display: block; height: 0; } .content-navigation > ul > li.active a { color: #0098db; } .content-navigation > ul > li .child-level-wrapper { display: none; } .content-navigation > ul > li .child-level-wrapper ul { padding-bottom: 0.625em; } .content-navigation > ul > li .child-level-wrapper ul li a { font-size: 0.8125em; line-height: 1.23077em; color: #000000; text-decoration: none; display: block; padding-top: 0.38462em; padding-bottom: 0.38462em; padding-left: 1.23077em; } .content-navigation > ul > li .child-level-wrapper ul li.active a { color: #0098db; } @media (min-width: 48em) { .content-navigation { margin-top: 1.25em; margin-bottom: 1.25em; overflow: hidden; } .content-navigation .content-navigation-toggle { display: none; } .content-navigation > ul { border-top: 1px solid #cccccc; overflow: hidden; display: block; position: relative; float: left; clear: both; width: 100%; height: auto; margin-left: -0.0625em; } .content-navigation > ul.has-no-children { border-bottom: 1px solid #cccccc; } .content-navigation > ul.two-lines > li > a.single-line { height: 2.5em; } .content-navigation > ul.two-lines > li.open > a:after { top: 43px; } .content-navigation > ul > li { float: left; } .content-navigation > ul > li > a { border-bottom: none; font-size: 0.8125em; padding-right: 0.625em; padding-left: 0.625em; padding-top: 1.0625em; padding-bottom: 0.9375em; } .content-navigation > ul > li > a:before { background-color: #d1d5d8; content: ""; display: block; left: 0; position: absolute; top: 0.75em; bottom: 0.75em; width: 1px; } .content-navigation > ul > li > a:hover { color: #0098db; } .content-navigation > ul > li .child-level-wrapper { display: block; position: absolute; width: 100%; height: auto; max-width: 64em; left: 0; top: 2.625em; margin-top: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: -1; border: 1px solid #bcc4c9; border-left: 2px solid #bcc4c9; border-bottom: none; } .content-navigation > ul > li .child-level-wrapper ul { width: 18.75em; padding-top: 1.125em; padding-bottom: 0.75em; } .content-navigation > ul > li .child-level-wrapper ul > li > a { font-size: 0.75em; line-height: 1em; border-top: 1px dotted #c1c2c3; padding-left: 0; padding-top: 0.75em; padding-bottom: 0.58333em; margin-left: 0.75em; } .content-navigation > ul > li .child-level-wrapper ul > li > a:hover { color: #0098db; } .content-navigation > ul > li .child-level-wrapper ul > li:first-child a { border-top: none; } .content-navigation > ul > li .child-level-wrapper.fifth-level-wrapper { border-bottom: 1px solid #cccccc; } .content-navigation > ul > li.open { padding-bottom: 0; border-bottom: 0; overflow: visible; } .content-navigation > ul > li.open .child-level-wrapper { height: auto; z-index: 0; background-color: white; } .content-navigation > ul > li.open > a { background: url() center bottom no-repeat; } } @media (min-width: 80em) { .content-navigation > ul.two-lines > li > a.single-line { height: 2.5em; } .content-navigation > ul.two-lines > li.open > a:after { top: 55px; } .content-navigation > ul > li > a { font-size: 1em; } .content-navigation > ul > li .child-level-wrapper { top: 3.25em; } .content-navigation > ul > li .child-level-wrapper ul > li > a { font-size: 0.875em; line-height: 1em; } } /** * Footer-/Deeplink-Navigation start */ .footer-navigation { padding-top: 0.625em; clear: left; } .footer-navigation ul { overflow: hidden; } .footer-navigation ul li { display: block; float: left; } .footer-navigation ul a { padding: 0 0.72727em 0 0.72727em; border-left: 1px solid #898b8d; } .footer-navigation ul .first > a { padding-left: 0; border-left: none; } .footer-navigation ul .onlySmartphone { display: block; } @media (min-width: 48em) { .footer-navigation ul .onlySmartphone { display: none; } } @media (min-width: 48em) { .footer-navigation { clear: none; float: left; margin-top: 0; padding-top: 0; } } .content .sitemap-navigation { padding-bottom: 0; border: none; } .content .sitemap-navigation .sub { display: block; } .content .sitemap-navigation li { margin-bottom: 0.3125em; } .deeplink-navigation, .sitemap-navigation { border-bottom: 1px solid #909090; padding-bottom: 1.6875em; margin-bottom: 0.625em; } .deeplink-navigation .sub, .sitemap-navigation .sub { display: none; } .deeplink-navigation .w25, .sitemap-navigation .w25 { margin-bottom: 0; } @media (min-width: 48em) { .deeplink-navigation .sub, .sitemap-navigation .sub { display: block; } .deeplink-navigation .sub .first, .sitemap-navigation .sub .first { margin-top: 0; } .deeplink-navigation .col-4-1.w25 .lv1 li, .sitemap-navigation .col-4-1.w25 .lv1 li { line-height: 1em; margin-bottom: 1.125em; } .deeplink-navigation .col-4-1.w25 .lv1 li a, .sitemap-navigation .col-4-1.w25 .lv1 li a { line-height: 1em; } .deeplink-navigation .first, .sitemap-navigation .first { margin-top: 2.4375em; } .deeplink-navigation .lv1 > .is-parent, .sitemap-navigation .lv1 > .is-parent { margin-top: 0; } .deeplink-navigation .lv1 > .is-parent > a, .sitemap-navigation .lv1 > .is-parent > a { margin-bottom: 0.55556em; display: block; } .deeplink-navigation .lv2 li, .deeplink-navigation .lv2 a, .sitemap-navigation .lv2 li, .sitemap-navigation .lv2 a { line-height: 1em; } .deeplink-navigation .lv2 li, .sitemap-navigation .lv2 li { margin-bottom: 1.125em; } } /** * Footer-/Deeplink-Navigation end */ .toolbox-navigation { position: relative; overflow: hidden; top: 177px; } .toolbox-navigation > ul { margin-top: 0; text-align: center; background-color: #ffffff; } .toolbox-navigation > ul > li { display: inline-block; position: relative; width: 56px; height: 56px; background-color: transparent; } @media (min-width: 48em) { display: block; width: 56px; height: 56px; } .toolbox-navigation > ul > li a.tbicon { display: block; height: 100%; width: 56px; float: right; font-size: 22px; border: none; background-color: #0098db; color: white; line-height: 56px; height:56px; text-decoration: none; } .toolbox-navigation > ul > li a.tbicon:hover { background-color: #666; } .toolbox-navigation > ul > li a.tbicon span, .toolbox-google-search.active.open a.search-button span.icon-wizard-arr-right { color: #ffffff; } .toolbox-contact span.icon-general-envelope, .toolbox-share span.icon-general-share, span.icon-magnifier { font-size: 22px; } .toolbox-print span.icon-print { font-size: 26px; } .toolbox-google-search.active.open a.tbicon { position: absolute; left: 0; width: 56px; right: 100%; background-color: #0098db; } .toolbox-navigation > ul > li.toolbox-google-search.active a.search-button { top: 0; } @media (min-width: 48em) { .toolbox-google-search.active.open input { position: absolute; font-size: 0.9em; left: 5em; top: 0.4375em; padding: 0; margin: 0; border-radius: 0; border: 1px solid white; } .toolbox-google-search.active.open a.search-button { right: 0px; width: 56px; height: 56px; position: absolute; text-decoration: none; color: white; } } @media (min-width: 48em) { .has-customer-nav .toolbox-navigation > ul { margin-top: 0; } .toolbox-navigation { position: fixed; bottom: 0; top: 175px; width: auto; z-index: 20; } .toolbox-navigation > ul { height: auto; } .toolbox-navigation > ul > li:first-child { margin-left: 0; } .toolbox-navigation > ul > li a.tbicon:after { line-height: 56px; overflow: hidden; top: 0; -webkit-border-radius: 0.10417em; -moz-border-radius: 0.10417em; -ms-border-radius: 0.10417em; -o-border-radius: 0.10417em; border-radius: 0.10417em; } .toolbox-navigation > ul > li.toolbox-google-search { background-color: none; } .toolbox-navigation > ul > li.toolbox-google-search a.search-button, .toolbox-navigation > ul > li.toolbox-google-search input, .toolbox-navigation > ul > li.toolbox-google-search a.extended-search { display: none; } .toolbox-navigation > ul > li.toolbox-google-search a.extended-search { position: absolute; font-size: 0.625em; color: white; text-decoration: none; left: 5.9em; bottom: 0; height: auto; width: 50%; text-align: left; float: none; } .toolbox-navigation > ul > li.toolbox-google-search a.extended-search:after { display: none; content: ""; } .toolbox-navigation > ul > li.toolbox-google-search.active { margin-bottom: 0; padding-left: 10px; padding-right: 50px; } .toolbox-navigation > ul > li.toolbox-google-search.active a.search-button, .toolbox-navigation > ul > li.toolbox-google-search.active input, .toolbox-navigation > ul > li.toolbox-google-search.active a.extended-search { display: block; } .toolbox-navigation > ul > li.toolbox-google-search.active input { position: absolute; font-size: 0.9em; left: 5em; top: 10px; width: 260px; margin: 0; border-radius: 0; border: 1px solid white; padding: 0 10px; } .toolbox-navigation > ul > li.toolbox-google-search.active a.tbicon { position: absolute; left: 0; width: 56px; height:56px; right: 100%; background-color: #666; } .toolbox-navigation > ul > li.toolbox-google-search.active a.tbicon:after { color: #fff; border-radius: none; overflow: visible; } .toolbox-navigation > ul > li.toolbox-google-search.active a.extended-search { background-color: transparent; } .toolbox-navigation > ul > li.toolbox-google-search.active a.search-button { top: 30%; text-align:center; background-color: #666; width: 1.375em; left: 18.5em; height: auto; } .toolbox-navigation > ul > li.toolbox-google-search.active a.search-button:before { font-family: Icons; content: ""; color: white; } .toolbox-navigation > ul > li.toolbox-google-search.active a.search-button:after { display: none; } } @media (min-width: 1280px) { .toolbox-navigation { top: 178px; } } @media (min-width: 69.375em) { .toolbox-navigation { position: fixed; overflow: hidden; width: 100%; right: 0.125em; bottom: auto; } .toolbox-navigation > ul > li { display: inline-block; width:56px; height:56px; margin-top: 0; margin-left: 0; background-color: transparent; float: right; clear: right; } .toolbox-navigation > ul > li.toolbox-print { display: block; } .toolbox-navigation > ul > li.no-mobile { display: block; } .toolbox-navigation > ul > li .google-search-wrap .gs-result .gs-snippet { width: 55% !important; white-space: nowrap!important; } } .toolbox-navigation > ul > li .hidden { display: none; } .toolbox-navigation > ul > li .google-search-wrap .gsc-input input { background: transparent!important; } .toolbox-navigation > ul > li .google-search-wrap { text-align: left; } .toolbox-navigation > ul > li .google-search-wrap table { border-collapse: initial; } .toolbox-navigation > ul > li .google-search-wrap .gs-title { height: auto; font-size: 15px; text-decoration: none; } .toolbox-navigation > ul > li .google-search-wrap .gsc-url-top { font-size: 12px; } .toolbox-navigation > ul > li .google-search-wrap .gsc-table-result { font-size: 12px; line-height: 12px; } .toolbox-navigation > ul > li .google-search-wrap .gsc-control-cse { padding: 10px; padding-top: 7px; padding-bottom: 0; height: 56px; box-sizing: border-box; } .toolbox-navigation > ul > li .google-search-wrap .gsc-search-button { padding-top: 5px; } .toolbox-navigation > ul > li a, .toolbox-navigation > ul > li .google-search-wrap a { background-color: white; } .toolbox-navigation > ul > li .google-search-wrap a.gsst_a { padding-top: 5px; background-color: transparent; } .toolbox-navigation > ul > li .google-search-wrap .gs-result .gs-snippet { width: 75%; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .toolbox-navigation > ul > li.toolbox-google-search .google-search-wrap { background-color: white; right: 56px; height: 56px; padding: 14px; box-sizing: border-box; } .toolbox-navigation > ul > li.toolbox-google-search .google-search-wrap input { display: inline-block; font-size: 14px; line-height: 24px; padding: 4px 9px; width: 225px !important; height: auto; border: 1px solid #D9D9D9; } .toolbox-navigation > ul > li.toolbox-google-search .google-search-wrap .searchBoxIcon { border: 0 !important; display: inline-block; background-color: #0098DB !important; border-radius: 2px !important; padding: 3px 27px; color: #fff !important; height: 26px !important; position: absolute; right: 20px; } .toolbox-navigation > ul > li .google-search-wrap .searchBoxIcon:before { font-family: Icons; content: "\e601"; font-size: 18px; } /* */ /* === Pagination alias MCHAP – Start === */ .cont-nav-container { padding-bottom: 0; margin-bottom: 2.625em; } .cont-nav-container h1.container-headline { font-size: 1.875em; line-height: 1.13333em; margin-bottom: 0.63333em; clear: both; } @media (min-width: 30em) { .cont-nav-container h1.container-headline { font-size: 2.75em; line-height: 1.22727em; margin-bottom: 0.43182em; } } .cont-nav-container h3 { float: left; margin-right: 12px; } .cont-nav-container .mchap { overflow: hidden; } .cont-nav-container .mchap .section-title { font-size: 18; } .cont-nav-container .mchap .headline-wrapper { margin-top: 1em; } .cont-nav-container .mchap .col-2-1.w50 { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; margin-bottom: 0; margin-top: 0; } .cont-nav-container .mchap .col-2-2.w50 { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; margin-bottom: 0; margin-top: 0; } .cont-nav-container .mchap-next-prev { float: right; height: 1.1875em; } .cont-nav-container .mchap-next-prev li { float: left; height: inherit; font-size: 1.125em; line-height: 1.5em; } .cont-nav-container .mchap-next-prev li a { padding-left: 0.55556em; padding-right: 1.44444em; text-decoration: none; color: #646f83; position: relative; display: block; height: inherit; } .cont-nav-container .mchap-next-prev li a span { position: absolute; left: -9999px; } .cont-nav-container .mchap-next-prev li a:hover { color: #0098db; } .cont-nav-container .mchap-next-prev li a:hover:after { color: #0098db; } .cont-nav-container .mchap-next-prev li a:after { font-family: Icons; content: '6'; color: #8996A0; position: absolute; right: 0.05556em; top: -0.05556em; } .cont-nav-container .mchap-next-prev li.prev a { position: relative; padding-left: 0; padding-right: 0.77778em; } .cont-nav-container .mchap-next-prev li.prev a:hover:before { color: #0098db; } .cont-nav-container .mchap-next-prev li.prev a:before { font-family: Icons; content: '7'; color: #8996A0; position: absolute; left: 0; top: -0.05556em; } .cont-nav-container .mchap-next-prev li.prev a:after { display: none; } .cont-nav-container .mchap-next-prev li.prev.single { background: none; } .cont-nav-container .mchap-next-prev li.prev.single a { padding-right: 0; } @media (min-width: 48em) { .cont-nav-container .mchap .col-2-1.w50 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .cont-nav-container .mchap .col-2-2.w50 { width: 65.91376%; float: left; margin-right: -100%; margin-left: 51.12936%; clear: none; } .cont-nav-container .mchap-next-prev { margin-top: 2px; } .cont-nav-container .mchap-next-prev li { font-size: 1em; line-height: 1.2em; } .cont-nav-container .mchap-next-prev li a { height: auto; } .cont-nav-container .mchap-next-prev li a:after { top: 0.0625em; } .cont-nav-container .mchap-next-prev li a span { position: static; } .cont-nav-container .mchap-next-prev li.prev .cont-nav-container .mchap-next-prev li.single a { padding-right: 0; } .cont-nav-container .mchap-next-prev li.prev { background: url() center right no-repeat; } .cont-nav-container .mchap-next-prev li.prev a { padding-right: 0.625em; padding-left: 1.625em; } .cont-nav-container .mchap-next-prev li.prev a:before { top: 0.0625em; } } /* === MChap – End === */ /* --- misc navigation styles ~ START --*/ /** * Navigation start */ .cst-list-container {} .cst-list-container .cst-list {} .cst-list-container .cst-list > li.list-entry .mmt .media { width: 32%; float: left; } .cst-list-container .cst-list > li.list-entry .mmt.with-media .col-2-1 { width: 65%; } .cst-list-container .cst-list.with-margin { margin-bottom: 2.75em; overflow: hidden; } @media (min-width: 48em) { .cst-list-container .cst-list > li.list-entry .mmt .media { width: 100%; } .cst-list-container .cst-list > li.list-entry .mmt.with-media .col-2-1 { width: 100%; } .cst-list-container .cst-list > li.list-entry { float: left; } .cst-list-container .cst-list.cols-2 > li.list-entry { width: 49%; margin-right: 2%; } .cst-list-container .cst-list.cols-2 > li.list-entry:nth-child(2n+2) { margin-right: 0; } .cst-list-container .cst-list.cols-2 > li.list-entry:nth-child(2n+1) { clear: both; } .cst-list-container .cst-list.cols-3 > li.list-entry { width: 31%; margin-right: 3.5%; /*2.4%;*/ } .cst-list-container .cst-list.cols-3 > li.list-entry:nth-child(3n+3) { margin-right: 0; } .cst-list-container .cst-list.cols-3 > li.list-entry:nth-child(3n+1) { clear: both; /*margin-left: 1.15%;*/ } .cst-list-container .cst-list.cols-4 > li.list-entry { width: 22%; margin-right: 4%; } .cst-list-container .cst-list.cols-4 > li.list-entry:nth-child(4n+4) { margin-right: 0; } .cst-list-container .cst-list.cols-4 > li.list-entry:nth-child(4n+1) { clear: both; } } @media (max-width: 40em){ .cst-list-container .cst-list > li.list-entry .mmt .media, .cst-list-container .cst-list > li.list-entry .mmt.with-media .col-2-1 { width: 100%; } } /* Project PDF List */ .list-of-docs { width: 100%; overflow: hidden; border-top: 1px solid #e4e6e5; display: block; } .list-of-docs li { width: 100%; display: table; height: 86px; vertical-align: middle; overflow: hidden; border-bottom: 1px solid #e4e6e5; } .list-of-docs li .text { display: table-cell; vertical-align: middle; height: auto; width: 85%; padding-right: 20px; } .list-of-docs li a.link { display: table-cell; width: auto; height: 100%; margin-right: 0; padding-right: 0; text-align:right; } .list-of-docs li a.link .icon-pdf-file { font-size: 18px; margin-right: 5px; height: auto; top: 2px; display: inline-block; } .list-of-docs li a.link .underlined-text { font-size: 16px; line-height: 16px; display: inline-block; } /** * Module MAK start */ div.external-link-warning { display: none; position: absolute; width: 16.375em; border: 1px solid #afafaf; padding: 1.5625em 1.4375em; background-color: white; } div.external-link-warning div { font-family: Arial; font-size: 0.9375em; letter-spacing: -0.03125em; } div.external-link-warning div.text { margin-bottom: 0.9375em; } div.external-link-warning div.links a, div.external-link-warning div.links a:hover, div.external-link-warning div.links a:visited { text-decoration: none; color: #000099; } div.external-link-warning div.links a:first-child { margin-right: 0.9375em; } /** * Module MAK end */ /** * Module MAK start */ .enabled .mak-entry .mak-headline:hover:after { color: inherit; } .enabled .mak-entry .mak-headline { font-size: 23px; color: #000; line-height: 28px; margin-bottom: 1em; } .enabled .mak-entry.open .mak-headline:after { color: inherit; } .mak.enabled { overflow: hidden; border-bottom: none; /* border-bottom-style: dotted; */ } .mak-entry { border-bottom-width: 1px; border-bottom-style: dotted; padding-bottom: 0.375em; padding-top: 0.75em; /* margin-bottom: ru(11); */ } .mak-entry:first-child { border-top-width: 0; padding-top: 0.75em; } .mak-entry.last { /* margin-bottom: 0; */ } .mak-entry .container { margin-bottom: 0; padding-bottom: 0; } .enabled .mak-entry .mak-headline { cursor: pointer; position: relative; margin-bottom: 0; padding-bottom: 0.18182em; padding-right: 1.81818em; } .enabled .mak-entry .mak-headline:after { content: "\e607"; font-family: Icons; position: absolute; right: 0.09091em; color: #666; width:1.5rem; font-size: 0.81818em; /*top: 0.13636em;*/ } .no-generatedcontent .enabled .mak-entry .mak-headline { background-image: url(); background-repeat: no-repeat; background-position: right 0; } .no-generatedcontent .enabled .mak-entry .mak-headline:hover { background-position: right -87px; } .enabled .mak-entry .mak-content { display: none; } .enabled .mak-entry.open .mak-content { display: block; padding-bottom: 2.3125em; /*padding-top: 2.3125em;*/ overflow: hidden; } .enabled .mak-entry.open .mak-headline:after { content: "\e608"; } .no-generatedcontent .enabled .mak-entry.open .mak-headline { background-position: right -180px; } .no-generatedcontent .enabled .mak-entry.open .mak-headline:hover { background-position: right -267px; } .mak-entry { border-bottom-color: #999; } /** * Module MAK end */ /** * Module MBQ start */ .mbq p { font-size: 1.125em; line-height: 1.38889em; color: #0018A8; } @media (min-width: 48em) { .mbq p { font-size: 1.375em; line-height: 1.31818em; } } .mbq footer { font-size: 0.875em; line-height: 1.28571em; color: #666666; } @media (min-width: 48em) { .mbq footer { font-size: 1em; line-height: 1.5em; } } .mbq footer .author { color: #191919; } .mbq { padding: 1.5625em; margin-bottom: 1.5625em; margin-left: 0; margin-right: 0; position: relative; } .mbq p { margin-bottom: 0; } .mbq.has-siblings { margin-bottom: 2.8125em; } .mbq footer { margin-top: 1.42857em; } @media (min-width: 48em) { .mbq footer { margin-top: 1.25em; } } .mbq footer .author { display: block; } .mbq:after { content: ''; position: absolute; bottom: -1.5em; left: 1.375em; width: 0; height: 0; border-left: 0.9375em inset transparent; border-right: 0.9375em inset transparent; border-top: 1.5em solid #eaf1f7; border-bottom: none; } .mbq { background-color: #eaf1f7; } .mbq-box p { font-size: 1em; line-height: 22px; margin-bottom: 34px; } .mbq-box footer { overflow: hidden; display: table; } .mbq-box footer figure { display: table-cell; padding-right: 12px; } .mbq-box footer figure .figure-wrapper { width: 90px; height: 67px; overflow: hidden; border: 1px solid #8996a0; } .mbq-box footer figure .figure-wrapper img { height: 67px; } .mbq-box footer .author-text { display: table-cell; color: #8996a0; vertical-align: bottom; font-size: 14px; line-height: 14px; } .mbq-box footer .author-text span { display: block; } .mbq-box p { font-size: 1em; line-height: 22px; margin-bottom: 34px; } .mbq-box footer { overflow: hidden; display: table; } .mbq-box footer figure { display: table-cell; padding-right: 12px; } .mbq-box footer figure .figure-wrapper { width: 90px; height: 67px; overflow: hidden; border: 1px solid #8996a0; } .mbq-box footer figure .figure-wrapper img { height: 67px; } .mbq-box footer .author-text { display: table-cell; color: #8996a0; vertical-align: bottom; font-size: 14px; line-height: 14px; } .mbq-box footer .author-text span { display: block; } /*.flow .mbq p, .flow .mbq footer, .flow .mbq footer .author { color: #fff; } .flow .mbq { background-color: #d71f85; } .flow .mbq:after { border-top: 1.5em solid #d71f85; }*/ /** * Module MBQ end */ /** * Module MGAL start */ .mgac-info a { color: #0098db; } .mgac-position { color: #666666; font-size: 0.875em; line-height: 1.21429em; } @media (min-width: 48em) { .enabled .info p { font-size: 0.875em; line-height: 1.21429em; color: #666; } } .w66 .mgal .social-media a.facebook { background-position: 0 -2.5em; } .w66 .mgal .social-media a.twitter { background-position: 0 0; } .w66 .mgal .social-media a.xing { background-position: 0 -5.05em; } .w66 .mgal .social-media a.google { background-position: 0 -7.5em; } .mgal { position: relative; overflow: hidden; } .mgal .social-media a { width: 28px; height: 28px; } .backgroundsize .mgal .social-media a { -webkit-background-size: 28px auto; -moz-background-size: 28px auto; -o-background-size: 28px auto; background-size: 28px auto; } .mgal .social-media a.facebook { background-position: 0 -29px; } .mgal .social-media a.twitter { background-position: 0 0; } .mgal .social-media a.xing { background-position: 0 -58px; } .mgal .social-media a.google { background-position: 0 -88px; } @media (min-width: 48em) { .mgal .social-media a { width: 38px; height: 38px; } .backgroundsize .mgal .social-media a { -webkit-background-size: 38px auto; -moz-background-size: 38px auto; -o-background-size: 38px auto; background-size: 38px auto; } .mgal .social-media a.facebook { background-position: 0 -40px; } .mgal .social-media a.twitter { background-position: 0 0; } .mgal .social-media a.xing { background-position: 0 -80px; } .mgal .social-media a.google { background-position: 0 -120px; } } .mgal-entry { margin-bottom: 1.375em; float: left; } .mgal-entry.last { margin-bottom: 0; } .mgal-entry img { width: 100%; } .mgal-entry .media { overflow: hidden; } .mgal-entry .media.video { position: relative; } @media (min-width: 48em) { .mgal-entry .media.video:after { content: ';'; font-family: Icons; position: absolute; font-size: 20px; color: #fff; -webkit-border-radius: 0.95em; -moz-border-radius: 0.95em; -ms-border-radius: 0.95em; -o-border-radius: 0.95em; border-radius: 0.95em; bottom: 0.4em; right: 0.5em; width: 0.8em; height: 0.85em; padding-right: 0.15em; padding-top: 0.1em; background-color: #666666; line-height: 0.8em; } .mgal-entry .media.video:hover:after { background-color: #2097d0; } } .mgal-entry .info { margin: 0 0.75em; } @media (min-width: 30em) { .enabled .mgal-entry .info { margin: 0 1.25em; } } @media (min-width: 48em) { .enabled .mgal-entry .info { margin: 0; display: none; } } @media (min-width: 48em) { .enabled .mgal-entry { margin-bottom: 0; margin-right: 1.5625em; border-width: 2px; border-style: solid; } .mgal-entry.active { border-width: 2px; border-style: solid; } .mgal-entry.last { margin-right: 0; } .mgal-entry img { float: left; } } @media (min-width: 48em) { .enabled .mgal-wrapper { position: static; overflow: hidden; width: 82.95688%; float: left; margin-right: -100%; margin-left: 8.52156%; clear: none; padding-left: 0.1875em; margin-right: 0; } } @media (min-width: 48em) { .mgal-info .info { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; padding-top: 1.25em; border-top: 1px solid #adadad; } .mgal-info .info-content { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .mgal-info p { margin-bottom: 0; } .mgal-info footer { float: right; } } .mgal-inner { position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .mgal-inner * { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .mgal-navigation { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; margin-top: -6em; } .mgal-navigation, .mgas-navigation { position: relative; } .mgal-navigation .next, .mgal-navigation .prev, .mgas-navigation .next, .mgas-navigation .prev { width: 25%; height: 100%; position: absolute; top: 0; cursor: pointer; } .mgas-new-navigation { position: absolute; top: 42%; width: 100%; } .mgas-new-navigation .next, .mgas-new-navigation .prev { position: absolute; height: 2em; } .mgas-new-navigation .next { right: -25px; } .mgas-new-navigation .prev { left: -25px; } .mgas-new-navigation .next span, .mgas-new-navigation .prev span { background-color: rgba(102, 102, 102, .5); color: #fff; font-size: 2em; font-weight: bold; cursor: pointer; } .mgas-new-navigation .next.inactive span, .mgas-new-navigation .prev.inactive span { display: none; } .mgal-navigation .next:before, .mgal-navigation .prev:before, .mgas-navigation .next:before, .mgas-navigation .prev:before { position: absolute; font-family: Icons; font-size: 3.125em; color: #fff; top: 50%; margin-top: -0.76em; } .mgal-navigation .next.inactive:before, .mgal-navigation .prev.inactive:before, .mgas-navigation .next.inactive:before, .mgas-navigation .prev.inactive:before { content: ''; } .mgal-navigation .next, .mgas-navigation .next { right: 0; } .mgal-navigation .next:before, .mgas-navigation .next:before { content: 'a'; right: 0.4em; } .mgal-navigation .prev, .mgas-navigation .prev { left: 0; } .mgal-navigation .prev:before, .mgas-navigation .prev:before { content: 'b'; left: 0.4em; } @media (min-width: 48em) { .mgal-navigation .prev, .mgal-navigation .next, .mgas-navigation .prev, .mgas-navigation .next { position: static; height: 97px; width: 25px; background-image: url(); background-repeat: no-repeat; top: auto; left: auto; right: auto; } .mgal-navigation .prev:before, .mgal-navigation .next:before, .mgas-navigation .prev:before, .mgas-navigation .next:before { display: none; } .mgal-navigation .prev.inactive, .mgal-navigation .next.inactive, .mgas-navigation .prev.inactive, .mgas-navigation .next.inactive { background-image: none; } .mgal-navigation .prev, .mgas-navigation .prev { width: 6.26283%; float: left; margin-right: -100%; margin-left: 0%; clear: none; background-position: right 24px; } .mgal-navigation .next, .mgas-navigation .next { width: 6.26283%; float: right; margin-left: 0; margin-right: 0; clear: none; background-position: 0 -133px; } } @media (min-width: 48em) { .mgas-navigation { top: 2.375em; } .mgas-navigation li { margin-top: 0 !important; } } @media (min-width: 48em) { .widescreen .mgal-navigation .prev, .widescreen .mgal-navigation .next { height: 75px; } .widescreen .mgal-navigation .prev { background-position: 0 13px; } .widescreen .mgal-navigation .next { background-position: 0 -143px; } } @media (min-width: 48em) { .panorama .mgal-navigation .prev, .panorama .mgal-navigation .next { height: 55px; } .panorama .mgal-navigation .prev { background-position: 0 3px; } .panorama .mgal-navigation .next { background-position: 0 -154px; } } .mgal-media, .mgal-info { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; clear: both; } .mgal-media > div, .mgal-info > div { width: 82.95688%; float: left; margin-right: -100%; margin-left: 8.52156%; clear: none; } .mgal-media img, .mgal-info img { width: 100%; } .mgal-media { margin-bottom: 1.375em; overflow: hidden; } .mgal-media.video { position: relative; cursor: pointer; } .mgal-media.video .has-video > div { padding-top: 71.4285714%; width: 100%; position: relative; } .mgal-media.video .has-video:after, .mgal-media.video .has-video:before { display: none; } .mgal-media img { float: left; } .mgal-media iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .enabled .mgal-media { overflow: visible; } .mgal-info { margin-top: 1.375em; } .mgal-navigation { position: relative; } .mgal-navigation .next, .mgal-navigation .prev { height: 100%; position: absolute; top: 0; cursor: pointer; } .mgal-navigation .next:before, .mgal-navigation .prev:before { position: absolute; font-family: Icons; font-size: 3.125em; color: #fff; top: 50%; } .mgal-navigation .next.inactive:before, .mgal-navigation .prev.inactive:before { content: ''; } .mgal-navigation .next { right: 0; height: 6.25em; width: 6.25em; } .mgal-navigation .next:before { content: 'a'; right: 0.4em; } .mgal-navigation .prev { left: 0; height: 6.25em; width: 6.25em; } .mgal-navigation .prev:before { content: 'b'; left: 0.4em; } @media (min-width: 48em) { .mgal-navigation .prev, .mgal-navigation .next { position: static; height: 6.0625em; width: 1.5625em; background-image: url(); background-repeat: no-repeat; top: auto; left: auto; right: auto; } .mgal-navigation .prev:before, .mgal-navigation .next:before { display: none; } .mgal-navigation .prev.inactive, .mgal-navigation .next.inactive { background-image: none; } .mgal-navigation .prev { width: 6.26283%; float: left; margin-right: -100%; margin-left: 0%; clear: none; background-position: right 1.5em; } .mgal-navigation .next { width: 6.26283%; float: right; margin-left: 0; margin-right: 0; clear: none; background-position: 0.5625em -8.3125em; } } @media (min-width: 48em) { .widescreen .mgal-navigation .prev, .widescreen .mgal-navigation .next { cursor: pointer; height: 0.4375em; } .widescreen .mgal-navigation .prev { background-position: 0em 0.8125em; } .widescreen .mgal-navigation .next { background-position: 0em -8.9375em; } } @media (min-width: 48em) { .panorama .mgal-navigation .prev, .panorama .mgal-navigation .next { height: 3.4375em; } .panorama .mgal-navigation .prev { background-position: 0 0.1875em; } .panorama .mgal-navigation .next { background-position: 0 -9.625em; } } @media (min-width: 48em) { .mgal-entry { border-color: transparent; } .mgal-entry.active { border-color: #0098db; } } /** * Module MGAL end */ /** * Module MGAC start */ /* === Gallery Compact === */ .gallery-compact { max-width: 64em; margin: 0 auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; position: relative; padding: 77px 0 37px 0; box-sizing: border-box; } .gallery-compact .gallery-outer-wrapper { overflow: hidden; padding: 0 45px 0 45px; } .gallery-compact .social-media a { width: 28px; height: 28px; background: url(/images/social-media-_ghp_2x.png) no-repeat; } .backgroundsize .gallery-compact .social-media a { -webkit-background-size: 28px auto; -moz-background-size: 28px auto; -o-background-size: 28px auto; background-size: 28px auto; } .gallery-compact .social-media a.facebook { background-position: 0 -29px; } .gallery-compact .social-media a.twitter { background-position: 0 0; } .gallery-compact .social-media a.xing { background-position: 0 -58px; } .gallery-compact .social-media a.google { background-position: 0 -88px; } @media (min-width: 48em) { .gallery-compact .social-media a { width: 38px; height: 38px; } .backgroundsize .gallery-compact .social-media a { -webkit-background-size: 38px auto; -moz-background-size: 38px auto; -o-background-size: 38px auto; background-size: 38px auto; } .gallery-compact .social-media a.facebook { background-position: 0 -40px; } .gallery-compact .social-media a.twitter { background-position: 0 0; } .gallery-compact .social-media a.xing { background-position: 0 -80px; } .gallery-compact .social-media a.google { background-position: 0 -120px; } } .gallery-compact ul.linklist { margin-bottom: 1.125em; } .gallery-compact ul.linklist li { background: url() bottom left no-repeat; margin-top: 0.125em; padding-left: 1.4375em; } .gallery-compact ul.linklist li:first-child { margin-top: 1.25em; } @media (min-width: 48em) { .gallery-compact ul.linklist li:first-child { margin-top: 1.125em; } } .gallery-compact ul.linklist li.arrow { background-position: 0 -622px; } .gallery-compact ul.linklist li.boxarrow { background-position: 0 -773px; } .gallery-compact ul.linklist li.pdf { background-position: 0 -323px; } .gallery-compact ul.linklist li.xls { background-position: 0 -473px; } .gallery-compact ul.linklist li a { color: #0098db; font-size: 1em; line-height: 1.375em; } .gallery-compact.container-width > div > :first-child { margin-top: auto; } .gallery-compact.no-js { padding-top: 0px; } .gallery-compact.no-js .arrow { display: none; } .gallery-compact.no-js .social-media { display: none; } .gallery-compact.no-js .gallery-wrapper { padding-left: 0px; } .gallery-compact.no-js .gallery-wrapper.col-2-1 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } .gallery-compact.no-js .gallery-wrapper ul.gallery li { position: relative; } .gallery-compact.no-js .gallery-wrapper ul.social-media li { clear: none; width: auto; } .gallery-compact.no-js .gallery-wrapper .gallery-content .gallery-text { display: block; padding-top: 35px; overflow: hidden; padding-bottom: 30px; } .gallery-compact.no-js .gallery-wrapper .gallery-content .gallery-text a { margin: 0 0 10px 7px; } .gallery-compact.no-js .gallery-wrapper .gallery-content .gallery-media[data-url] .play-plus { display: none; } .gallery-compact.no-js .gallery-wrapper .gallery-count { display: none; } .gallery-compact .arrow { display: none; position: absolute; width: 100px; height: 100px; z-index: 5; margin: auto auto; top: 0; bottom: 0; cursor: pointer; } .gallery-compact .arrow:before { position: absolute; font-family: Icons; font-size: 3.125em; color: #a4a5a5; top: 25%; } .gallery-compact .arrow.right { right: 0; } .gallery-compact .arrow.right:before { content: 'a'; right: 0; } .gallery-compact .arrow.left:before { content: 'b'; left: 0; } .gallery-compact .gallery-wrapper { position: relative; padding-right: 10px; } .gallery-compact .gallery-wrapper ul.gallery { position: relative; overflow: hidden; } .gallery-compact .gallery-wrapper ul.gallery li { float: left; clear: both; display: block; width: 100%; margin: auto; position: absolute; bottom: 0; top: 0; left: 0; } .gallery-compact .gallery-wrapper ul.gallery li.active { display: block; left: 0; position: static; } .gallery-compact .gallery-wrapper .gallery-count { margin-top: 5px; } .gallery-compact .gallery-wrapper .gallery-content { overflow: hidden; height: 100%; width: 100%; } .gallery-compact .gallery-wrapper .gallery-content .gallery-slide-wrapper { width: 1000px; height: 100%; } .gallery-compact .gallery-wrapper .gallery-content .gallery-text { display: none; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media { position: relative; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media.responsive-iframe { padding-bottom: 71%; height: 0px; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media img { width: 100%; display: block; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus { cursor: pointer; font-size: 3.125em; width: 1.4em; height: 1.4em; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.7em; margin-left: -0.7em; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus:before { content: ';'; font-family: Icons; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; line-height: 1.5em; width: 1.4em; height: 1.4em; overflow: hidden; text-align: center; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-color: #ffffff; border: 0.122em solid white; border: 0.122em solid rgba(255, 255, 255, 0.6); margin-top: -0.122em; margin-left: -0.122em; } .w33 .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus, .w25 .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus { font-size: 2.25em; width: 1.39167em; height: 1.39167em; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.69583em; margin-left: -0.69583em; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .w33 .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus:before, .w25 .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus:before { content: ';'; font-family: Icons; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; line-height: 1.52778em; width: 1.39167em; height: 1.39167em; overflow: hidden; text-align: center; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-color: #ffffff; border: 0.16944em solid white; border: 0.16944em solid rgba(255, 255, 255, 0.6); margin-top: -0.16944em; margin-left: -0.16944em; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus:hover { background-color: #0098db; background-color: rgba(0, 152, 219, 0.6); } .gallery-compact .gallery-wrapper .gallery-content .gallery-media .play-plus { display: none; } .gallery-compact .gallery-wrapper .gallery-content .gallery-media[data-url] .play-plus { display: block; z-index: 5; } .gallery-compact .text-wrapper { display: none; padding-left: 10px; } .gallery-compact .text-wrapper h2 { font-size: 32px; line-height: 38px; color: #0018a8; margin-top: -7px; margin-bottom: 18px; } .gallery-compact .text-wrapper p { font-size: 13px; line-height: 20px; margin-bottom: 25px; } .gallery-compact .text-wrapper a { margin: 2px 0 10px 2px; } .gallery-compact .text-wrapper li { list-style-type: none; } .gallery-compact .navigation-bullets { margin-top: 15px; height: 38px; text-align: center; } .gallery-compact .navigation-bullets ul { display: inline-block; } .gallery-compact .navigation-bullets ul li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; width: 10px; height: 10px; display: block; margin: 5px; background-color: #999999; } .gallery-compact .navigation-bullets ul li.active { background-color: #0018a8; } .gallery-compact .navigation-bullets ul li a { display: block; height: 100%; } @media (max-width: 63.125em) { .gallery-compact .gallery-outer-wrapper { overflow: hidden; padding: 0 75px 0 75px; } .gallery-compact .arrow.right:before { padding-right: 22px; } .gallery-compact .arrow.left:before { padding-left: 22px; } } @media (max-width: 47.9375em) { .gallery-compact { background-color: none; padding: 0px; } .gallery-compact .gallery-outer-wrapper { padding: 60px 81px 0 81px; } .gallery-compact .gallery-wrapper { padding-right: 0px; } .gallery-compact .social-media { margin-top: 20px; } .gallery-compact .text-wrapper { padding-left: 0px; margin-bottom: 0px; } .gallery-compact .text-wrapper a { margin-top: 0px; margin-left: 0px; } .gallery-compact .navigation-bullets { margin-bottom: 14px; } } @media (max-width: 30em) { .gallery-compact .arrow:before { color: #fff; font-size: 27px; top: 40%; } .gallery-compact .gallery-outer-wrapper { padding: 30px 20px 0 20px; } .gallery-compact .gallery-wrapper { margin-bottom: 24px; } .gallery-compact .text-wrapper { padding-left: 0px; margin-bottom: 0px; } .gallery-compact .text-wrapper a { margin-top: 0px; margin-left: 0px; } .gallery-compact .text-wrapper h2 { font-size: 24px; line-height: 30px; margin-top: 0px; } .gallery-compact .text-wrapper p { margin-bottom: 15px; } .gallery-compact .navigation-bullets { margin-bottom: 0px; margin-top: 5px; } } /** * Module MGAL end */ /** * Module MHL start */ .mhl .button { margin-top: 1.25em; } /** * Module MHL end */ /** * Module MIB start */ .mib .headline { color: #ffffff; font-size: 0.9375em; line-height: 1.33333em; } .mib .sub-headline, .mib .box .sub-headline { font-size: 2em; line-height: 1.125em; color: #0098db; } @media (min-width: 48em) { .mib .sub-headline, .mib .box .sub-headline { font-size: 2.5em; line-height: 1.1em; } } .mib .sub-headline a, .mib .box .sub-headline a { text-decoration: none; color: #0098db; } .mib .box, .mib p { color: #999999; } .mib .box a, .mib p a { color: #0098db; text-decoration: underline; } .mib.msf .headline, .msf .mib .headline { color: #191919; font-size: 1.2em; line-height: 1.22222em; } .mib.msf .sub-headline a, .mib.msf .box .sub-headline a, .msf .mib .sub-headline a, .msf .mib .box .sub-headline a { text-decoration: none; } .mib.msf .box, .mib.msf p, .msf .mib .box, .msf .mib p { color: #666666; } .mib.msf .box a, .mib.msf p a, .msf .mib .box a, .msf .mib p a { color: #0098db; text-decoration: underline; } @media (min-width: 48em) { .mib.palegrey.small .sub-headline { font-size: 1.5em; line-height: 1.375em; } } .mib03 { font-size: 0.9375em; line-height: 1.46667em; } .mib03 .intro { margin-bottom: 0.3125em; } .mib03 .number { font-size: 4.26667em; line-height: 1.03125em; padding-top: 0.23438em; } @media (min-width: 20em) { .mib03 .number { font-size: 4.66667em; line-height: 1.02857em; padding-top: 0.21429em; } } @media (min-width: 30em) { .mib03 .number { font-size: 4.26667em; line-height: 1.03125em; padding-top: 0.23438em; } } @media (min-width: 48em) { .mib03 .number { font-size: 5.6em; line-height: 0.95238em; padding-top: 0.17857em; } } .mib { padding: 1.0625em 1.25em 1.25em 1.25em; overflow: hidden; } .mib .headline { border-bottom-width: 1px; border-bottom-style: dotted; padding-bottom: 0.66667em; margin-bottom: 0.86667em; } .mib .sub-headline { margin-bottom: 0.5em; } @media (min-width: 48em) { .mib .sub-headline { margin-bottom: 0.4em; } } .mib.use-background-image { position: relative; background: none; } .mib .box { z-index: 2; position: relative; } .mib .box-background-image { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; } .mib .box-background-image > img { width: auto; } .mib .box-background-image > img.fill-width { width: 100%; } .mib .box-background-image > img.fill-height { height: 100%; } .mib p { margin-bottom: 0; } .mib ul { list-style: none; color: #999; } .mib ul li { position: relative; padding-left: 0.875em; } .mib ul li.pdf { background: url() bottom left no-repeat; background-position: 0 -323px; } .mib ul li.arrow { background: url() bottom left no-repeat; background-position: 0 -622px; } .mib ul li.boxarrow { background: url() bottom left no-repeat; background-position: 0 -773px; } .mib ul li.xls { background: url() bottom left no-repeat; background-position: 0 -473px; } .mib ul li:before { content: ''; display: block; position: absolute; height: 0.0625em; width: 0.5625em; background-color: #666; top: 0.625em; left: 0; } .mib .media.left { float: left; padding-bottom: 0; margin-right: 1em; } .mib .media.right { float: right; padding-bottom: 0; margin-left: 1em; } .mib .media img { width: 100%; } .mib03 .number { letter-spacing: -2px; } @media (min-width: 64em) { .mib03 .number { letter-spacing: -3px; } } .mib03 .box { margin-top: 0.375em; } .msf.mib, .msf .mib { padding-bottom: 0em; } .msf.mib .headline, .msf .mib .headline { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .msf.mib .box, .msf .mib .box { border-top-width: 1px; border-top-style: dotted; margin-top: 0.625em; margin-bottom: 0.625em; padding-top: 1.25em; padding-bottom: 0.625em; clear: both; overflow: hidden; } .msf.mib .box .link-list li, .msf .mib .box .link-list li { margin-bottom: 0.6875em; } .msf.mib .box.no-decription-text .link-list, .msf .mib .box.no-decription-text .link-list { margin-top: 0; } .msf.mib ul li, .msf .mib ul li { padding-left: 0; position: relative; } .msf.mib ul li.pdf, .msf.mib ul li.arrow, .msf.mib ul li.boxarrow, .msf.mib ul li.xls, .msf .mib ul li.pdf, .msf .mib ul li.arrow, .msf .mib ul li.boxarrow, .msf .mib ul li.xls { padding-left: 1.4375em; } .msf.mib ul li:before, .msf .mib ul li:before { display: none; } @media (min-width: 48em) { .msf div { overflow: hidden; } .msf div.mib, .msf div .mib { margin-bottom: -99999px; padding-bottom: 99999px; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .mib ul li.pdf, .mib ul li.arrow, .mib ul li.boxarrow, .mib ul li.xls { background: url() bottom left no-repeat; background-size: 18px 913.5px; } .mib ul li.pdf { background-position: 0 -144px; } .mib ul li.xls { background-position: 0 -294px; } .mib ul li.arrow { background-position: 0 -443px; } .mib ul li.boxarrow { background-position: 0 -594px; } } .mib { background-color: #062044; } .mib .headline { border-bottom-color: #ffffff; } .mib.msf, .msf .mib { background-color: #eaf1f7; } .mib.msf .box, .msf .mib .box { border-top-color: #191919; } .mib.brightblue { background-color: #0098db; } .mib.brightblue .headline, .mib.brightblue .sub-headline, .mib.brightblue .box .sub-headline a { color: #fff; } .mib.brightblue .box, .mib.brightblue p, .mib.brightblue a, .mib.brightblue ul { color: #003d58; } .mib.brightblue ul li:before { background-color: #003d58; } .mib.red { background-color: #e00034; } .mib.red .headline, .mib.red .sub-headline, .mib.red .box .sub-headline a { color: #fff; } .mib.red .box, .mib.red p, .mib.red a, .mib.red ul { color: #191919; } .mib.red ul li:before { background-color: #191919; } .mib.amber { background-color: #ffa100; } .mib.amber .headline { color: #fff; } .mib.amber .sub-headline, .mib.amber .box .sub-headline a { color: #e00034; } .mib.amber .box, .mib.amber p, .mib.amber a, .mib.amber ul { color: #191919; } .mib.amber ul li:before { background-color: #191919; } .mib.green { background-color: #7ab800; } .mib.green .headline { color: #fff; } .mib.green .sub-headline, .mib.green .box .sub-headline a { color: #002244; } .mib.green .box, .mib.green p, .mib.green a, .mib.green ul { color: #191919; } .mib.green ul li:before { background-color: #191919; } .mib.warmgrey { background-color: #817770; } .mib.warmgrey .headline, .mib.warmgrey .sub-headline, .mib.warmgrey .box .sub-headline a { color: #fff; } .mib.warmgrey .box, .mib.warmgrey p, .mib.warmgrey a, .mib.warmgrey ul { color: #d4d1ce; } .mib.warmgrey ul li:before { background-color: #d4d1ce; } .mib.palegrey { background-color: #efefef; } .mib.palegrey .headline { color: #191919; border-bottom-color: #191919; } .mib.palegrey .sub-headline, .mib.palegrey .box .sub-headline a { color: #191919; } .mib.palegrey .box, .mib.palegrey p, .mib.palegrey a, .mib.palegrey ul { color: #666; } .mib.palegrey ul li:before { background-color: #666; } .mib03 { background-color: #fff; color: #666; } .mib03 .number { border-top: 1px dotted #666; } .mib03 .number.darkblue { color: #002244; } .mib03 .number.green { color: #7ab800; } .mib03 .number.brightblue { color: #0098db; } .mib03 .number.pink { color: #d71f85; } .mib03 .number.red { color: #e00034; } .mib03 .number.amber { color: #ffa100; } /** * Module MIB end */ /** * Module MIS start */ .mis .page-headline { font-size: 3em; margin-top: 2rem; line-height: 1em; color: #0018A8; } .mis .button-area { margin-top: 1.85em; } @media (max-width: 48em) { .mis .page-headline { font-size: 3em; margin-top: 4rem; line-height: 1.09091em; } } .mis .meta { font-size: 1em; line-height: 1.5em; margin-bottom: 0.625em; display: block; } .mis .text { font-size: 1.25em; line-height: 1.3em; color: #000000; } @media (min-width: 30em) { .mis .text { font-size: 1.5em; line-height: 1.41667em; } } .mis .footnote { font-size: 0.75em; line-height: 1.16667em; } .mis .page-headline { margin-bottom: 1.5rem; } .mis .page-headline.complaint { margin-bottom: 0; } @media (min-width: 30em) { /*.mis .page-headline { margin-bottom: 0.45455em; }*/ } .mis .text { margin-bottom: 0; } /** * Module MIS end */ /** * Module MMT start */ .mmt .meta { color: #0018a8; font-size: 1em; line-height: 1.5em; } .mmt figcaption { /*color: #666; font-size: 0.875em;*/ line-height: 1.21429em; } @media (min-width: 48em) { .col-4-1 .mmt .text, .col-4-2 .mmt .text, .col-4-3 .mmt .text, .col-4-4 .mmt .text { font-size: 0.875em; line-height: 1.42857em; } } @media (min-width: 64em) { .col-4-1 .mmt .text, .col-4-2 .mmt .text, .col-4-3 .mmt .text, .col-4-4 .mmt .text { font-size: 1em; line-height: 1.5em; } } @media (min-width: 48em) { .col-4-1 .mmt .meta, .col-4-2 .mmt .meta, .col-4-3 .mmt .meta, .col-4-4 .mmt .meta { font-size: 0.875em; line-height: 1.42857em; } } @media (min-width: 64em) { .col-4-1 .mmt .meta, .col-4-2 .mmt .meta, .col-4-3 .mmt .meta, .col-4-4 .mmt .meta { font-size: 1em; line-height: 1.5em; } } @media (min-width: 48em) { .col-4-1 .mmt .headline, .col-4-2 .mmt .headline, .col-4-3 .mmt .headline, .col-4-4 .mmt .headline, .list-entry .mmt .headline { font-size: 1em; line-height: 1.375em; margin-bottom: 0.875em; } } @media (min-width: 64em) { .col-4-1 .mmt .headline, .col-4-2 .mmt .headline, .col-4-3 .mmt .headline, .col-4-4 .mmt .headline, .list-entry .mmt .headline { font-size: 1.375em; line-height: 1.27273em; margin-bottom: 0.63636em; } } .mmt { overflow: hidden; } .mmt figcaption { padding-top: 0.46154em; clear: both; } .mmt .text { padding: 0; line-height: 22px; margin-bottom: 1em; } .container.awards .mmt .text { margin-top: 20px; font-size: 0.875rem; } .container.awards .mmt .text p { font-size: 0.875rem; } .mmt .text p { margin-top: 1em; margin-bottom: 0; } .mmt .text p:first-child { margin-top: 0; } .mmt .text p a, .mmt figcaption a, .subscribe-box .text-black p a { color: #0098db; border-bottom: 1px solid #0098DB; } .mmt .text p a:hover, .mmt figcaption a:hover, .subscribe-box .text-black p a:hover { color: #666; } .mmt .text.no-padding-ul ul { padding-top: 0; } .mmt .text.no-padding-ul ul ul { padding-top: 0.4375em; } .mmt .text ul, .box .text-black ul { list-style: none; padding-top: 1em; margin-bottom: 1.4375em; } .mmt .text ul ul, .box .text-black ul ul { padding-top: 0.4375em; margin-bottom: 0; } .mmt .text ul li, .box .text-black ul li { margin-bottom: 0.4375em; position: relative; padding-left: 1.625em; } .mmt .text ul li:before, .box .text-black ul li:before { content: ''; display: block; position: absolute; height: 1px; width: 1em; background-color: #666; top: 0.69999999999999999em; left: 0; } .mmt .text ol, .box .text-black ol { list-style: none; padding-top: 1em; margin-bottom: 1.4375em; counter-reset: li; } .mmt .text ol ol, .box .text-black ol ol{ padding-top: 0.4375em; margin-bottom: 0; } .mmt .text ol li, .box .text-black ol li { margin-bottom: 0.4375em; position: relative; padding-left: 1.625em; } .mmt .text ol li:before, box .text ol li:before { content: counter(li) "."; counter-increment: li; display: block; position: absolute; left: 0; } .mmt .text p a, .mmt .text ul li a, .mmt .text ol li a { color: #0098DB; border-bottom: 1px solid #0098DB; } .mmt .col-2-1, .mmt .col-2-2 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; margin-bottom: 0; } .mmt .col-2-1.with-link .text:first-child p, .mmt .col-2-2.with-link .text:first-child p { display: inline; } .mmt .col-2-1.with-link .text:first-child + .headline, .mmt .col-2-1.with-link .text:first-child + .text, .mmt .col-2-2.with-link .text:first-child + .headline, .mmt .col-2-2.with-link .text:first-child + .text { margin-top: 1em; padding-top: 0; } @media (min-width: 48em) { .mmt.columns .col-2-1.w50 { width: 48.87064%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.columns .col-2-1.w66 { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.columns .col-2-1.w33 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.columns .col-2-2.w50 { width: 48.87064%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.columns .col-2-2.w66 { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.columns .col-2-2.w33 { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .mmt .media { width: 100%; margin-bottom: 0.75em; } .mmt .media img { width: 100%; } .mmt .media.map figure { position: relative; } .mmt .media.map figure.has-map { padding-top: 71.4285714%; width: 100%; } .mmt .media.map iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .mmt .media.video { overflow: hidden; position: relative; cursor: pointer; } .mmt .media.video:hover figure:after { background-color: #0098db; background-color: rgba(0, 152, 219, 0.7); } .mmt .media.video figure .figure-wrapper { //position: relative; //float: left; } .mmt .media.video figure .has-video { position: relative; margin-top: 5px; } .mmt .media.video figure .has-video > div { padding-top: 54.428571%; width: 100%; } .mmt .media.video iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .mmt .media.video img { //position: relative; z-index: -1; } .mmt .media.video.video-loaded figure:after { display: none; } @media (min-width: 48em) { .mmt.infographic .media { margin-bottom: 0; } } .mmt.with-media.left-small .media { width: 23.30595%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 30em) { .mmt.with-media.left-small .media { width: 14.78439%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left-small .media { width: 22.42991%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .mmt.with-media.left-small .col-2-1 { width: 74.43532%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 30em) { .mmt.with-media.left-small .col-2-1 { width: 82.95688%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left-small .col-2-1 { width: 74.1433%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left .col-2-1 { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left .media { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left.center .col-2-1 { width: 48.87064%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left.center .media { width: 48.87064%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left.feature .col-2-1 { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left.feature .media { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left.infographic .col-2-1 { width: 40.34908%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.left.infographic .media { width: 57.3922%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .mmt.with-media.right-small .media { width: 23.30595%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 30em) { .mmt.with-media.right-small .media { width: 14.78439%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right-small .media { width: 22.42991%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .mmt.with-media.right-small .col-2-1 { width: 74.43532%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 30em) { .mmt.with-media.right-small .col-2-1 { width: 82.95688%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right-small .col-2-1 { width: 74.1433%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right .col-2-1 { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; clear: both; } } @media (min-width: 48em) { .mmt.with-media.right .media { width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right.center .col-2-1 { width: 48.87064%; float: left; margin-right: -100%; margin-left: 0%; clear: none; clear: both; } } @media (min-width: 48em) { .mmt.with-media.right.center .media { width: 48.87064%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right.feature .col-2-1 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; clear: both; } } @media (min-width: 48em) { .mmt.with-media.right.feature .media { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right.infographic .col-2-1 { width: 40.34908%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 48em) { .mmt.with-media.right.infographic .media { width: 57.3922%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .mmt .media { margin-bottom: 1.5em; overflow: hidden; } .mmt .media img { float: left; } .mmt .meta { margin-bottom: 1.53846em; display: block; } .mmt .headline { padding-top: 1.18182em; } .mmt .headline.main-headline { font-size: 1.4375em; line-height: 28px; color:#000; } .mmt .headline.main-article { margin-bottom: 0.6em; padding-top: 1em; color: #000000; } .mmt .button { margin-top: 1.33333em; } .col-3-1 .mmt, .col-3-2 .mmt, .col-3-3 .mmt, .col-4-1 .mmt, .col-4-2 .mmt, .col-4-3 .mmt, .col-4-4 .mmt { margin-bottom: 0em; overflow: hidden; } .col-3-1 .mmt .link-list, .col-3-2 .mmt .link-list, .col-3-3 .mmt .link-list, .col-4-1 .mmt .link-list, .col-4-2 .mmt .link-list, .col-4-3 .mmt .link-list, .col-4-4 .mmt .link-list { margin-top: 0; } .col-3-1 .mmt .text p, .col-3-2 .mmt .text p, .col-3-3 .mmt .text p, .col-4-1 .mmt .text p, .col-4-2 .mmt .text p, .col-4-3 .mmt .text p, .col-4-4 .mmt .text p { display: inline; } .col-3-1 .mmt .media, .col-3-2 .mmt .media, .col-3-3 .mmt .media, .col-4-1 .mmt .media, .col-4-2 .mmt .media, .col-4-3 .mmt .media, .col-4-4 .mmt .media { width: 31.82752%; float: left; /*margin-right: -100%;*/ margin-left: 0%; clear: none; margin-bottom: 0; margin-top: 0.25em; } /*@media (min-width: 48em) {*/ .col-3-1 .mmt .media, .col-3-2 .mmt .media, .col-3-3 .mmt .media, .col-4-1 .mmt .media, .col-4-2 .mmt .media, .col-4-3 .mmt .media, .col-4-4 .mmt .media { margin-top: 0; margin-bottom: 1.5em; width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } /*}*/ .col-3-1 .mmt .meta, .col-3-2 .mmt .meta, .col-3-3 .mmt .meta, .col-4-1 .mmt .meta, .col-4-2 .mmt .meta, .col-4-3 .mmt .meta, .col-4-4 .mmt .meta { display: none; } @media (min-width: 48em) { .col-3-1 .mmt .meta, .col-3-2 .mmt .meta, .col-3-3 .mmt .meta, .col-4-1 .mmt .meta, .col-4-2 .mmt .meta, .col-4-3 .mmt .meta, .col-4-4 .mmt .meta { margin-bottom: 1.53846em; display: block; } } .col-3-1 .mmt .headline, .col-3-2 .mmt .headline, .col-3-3 .mmt .headline, .col-4-1 .mmt .headline, .col-4-2 .mmt .headline, .col-4-3 .mmt .headline, .col-4-4 .mmt .headline, .col-2-1 .mmt .headline, .col-2-2 .mmt .headline { margin-bottom: 0.55556em; } @media (min-width: 48em) { .col-3-1 .mmt .headline, .col-3-2 .mmt .headline, .col-3-3 .mmt .headline, .col-4-1 .mmt .headline, .col-4-2 .mmt .headline, .col-4-3 .mmt .headline, .col-4-4 .mmt .headline, .col-2-1 .mmt .headline, .col-2-2 .mmt .headline { margin-bottom: 0.77778em; } } .col-3-1 .mmt .button, .col-3-2 .mmt .button, .col-3-3 .mmt .button, .col-4-1 .mmt .button, .col-4-2 .mmt .button, .col-4-3 .mmt .button, .col-4-4 .mmt .button { margin-bottom: 0; } @media (min-width: 48em) { .col-3-1 .mmt .button, .col-3-2 .mmt .button, .col-3-3 .mmt .button, .col-4-1 .mmt .button, .col-4-2 .mmt .button, .col-4-3 .mmt .button, .col-4-4 .mmt .button { margin-bottom: 1.33333em; } } .col-3-1 .mmt.with-media .col-2-1, .col-3-1 .mmt.with-media .col-2-2, .col-3-2 .mmt.with-media .col-2-1, .col-3-2 .mmt.with-media .col-2-2, .col-3-3 .mmt.with-media .col-2-1, .col-3-3 .mmt.with-media .col-2-2, .col-4-1 .mmt.with-media .col-2-1, .col-4-1 .mmt.with-media .col-2-2, .col-4-2 .mmt.with-media .col-2-1, .col-4-2 .mmt.with-media .col-2-2, .col-4-3 .mmt.with-media .col-2-1, .col-4-3 .mmt.with-media .col-2-2, .col-4-4 .mmt.with-media .col-2-1, .col-4-4 .mmt.with-media .col-2-2 { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 48em) { .col-3-1 .mmt.with-media .col-2-1, .col-3-1 .mmt.with-media .col-2-2, .col-3-2 .mmt.with-media .col-2-1, .col-3-2 .mmt.with-media .col-2-2, .col-3-3 .mmt.with-media .col-2-1, .col-3-3 .mmt.with-media .col-2-2, .col-4-1 .mmt.with-media .col-2-1, .col-4-1 .mmt.with-media .col-2-2, .col-4-2 .mmt.with-media .col-2-1, .col-4-2 .mmt.with-media .col-2-2, .col-4-3 .mmt.with-media .col-2-1, .col-4-3 .mmt.with-media .col-2-2, .col-4-4 .mmt.with-media .col-2-1, .col-4-4 .mmt.with-media .col-2-2 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .col-3-1 .mmt .col-2-1, .col-3-1 .mmt .col-2-2, .col-3-2 .mmt .col-2-1, .col-3-2 .mmt .col-2-2, .col-3-3 .mmt .col-2-1, .col-3-3 .mmt .col-2-2, .col-4-1 .mmt .col-2-1, .col-4-1 .mmt .col-2-2, .col-4-2 .mmt .col-2-1, .col-4-2 .mmt .col-2-2, .col-4-3 .mmt .col-2-1, .col-4-3 .mmt .col-2-2, .col-4-4 .mmt .col-2-1, .col-4-4 .mmt .col-2-2 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } @media (min-width: 48em) { .col-3-1 .mmt .col-2-1, .col-3-1 .mmt .col-2-2, .col-3-2 .mmt .col-2-1, .col-3-2 .mmt .col-2-2, .col-3-3 .mmt .col-2-1, .col-3-3 .mmt .col-2-2, .col-4-1 .mmt .col-2-1, .col-4-1 .mmt .col-2-2, .col-4-2 .mmt .col-2-1, .col-4-2 .mmt .col-2-2, .col-4-3 .mmt .col-2-1, .col-4-3 .mmt .col-2-2, .col-4-4 .mmt .col-2-1, .col-4-4 .mmt .col-2-2 { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (max-width: 48em) { .col-3-1 .mmt .media, .col-3-2 .mmt .media, .col-3-3 .mmt .media, .col-4-1 .mmt .media, .col-4-2 .mmt .media, .col-4-3 .mmt .media, .col-4-4 .mmt .media{ width:100%; margin-right: none; } .col-3-1 .mmt.with-media .col-2-1, .col-3-1 .mmt.with-media .col-2-2, .col-3-2 .mmt.with-media .col-2-1, .col-3-2 .mmt.with-media .col-2-2, .col-3-3 .mmt.with-media .col-2-1, .col-3-3 .mmt.with-media .col-2-2, .col-4-1 .mmt.with-media .col-2-1, .col-4-1 .mmt.with-media .col-2-2, .col-4-2 .mmt.with-media .col-2-1, .col-4-2 .mmt.with-media .col-2-2, .col-4-3 .mmt.with-media .col-2-1, .col-4-3 .mmt.with-media .col-2-2, .col-4-4 .mmt.with-media .col-2-1, .col-4-4 .mmt.with-media .col-2-2{ width:100%; } } /** * Module MMT end */ /** * Module MNS start */ .mns .headline, .mns .meta { font-size: 1em; line-height: 1em; } .mns.no-headline .headline { display: none; } .mns.no-headline .articles .box:first-child { margin-top: 0; } @media (min-width: 48em) { .mns .headline { font-size: 1em; line-height: 1.375em; margin-bottom: 0.875em; } } @media (min-width: 64em) { .mns .headline { font-size: 1.375em; line-height: 1.27273em; margin-bottom: 0.63636em; } } .mns.no-separator article { border-top: none; } .mns article { border-top-width: 1px; border-top-style: dotted; border-top-color: #c1c2c3; padding-top: .65em; margin-top: .85em; } .mns article .headline { margin-bottom: 0; } .mns article .meta { padding-top: .7em; } .mns .articles :first-child { border-top: none; } .mns article { border-bottom-color: #888; } .mns article .black-link { color: black; text-decoration: none; } .mns .articles .box{ background-color:#f7f8f8; margin-bottom: 20px; position:relative; padding:40px 25px; border-top: none; overflow: hidden; } .mns .articles .box .meta { display: inline-block; width: 120px; padding-right:20px; padding-top:0; font-size:14px; line-height:20px; float:left; height: 100%; } .mns .articles .box .news-teaser{ display: inline-block; max-width: 640px; float: left; } .mns .articles .box .news-teaser.max-width-sign-up { max-width: 740px; } .mns .articles .box .news-teaser .tags-section{ margin-top:20px; font-size:14px; padding: 0; } .mns .articles .box .news-teaser .tags-section a, .mns .articles .box .news-teaser .tags-section span{ text-decoration:none; margin-right:0.3em; } /** * Module MNS end */ /** * Module MNS start */ .mtn-navigation li:hover, .mtn-navigation li.active { color: #0098db; } @media (min-width: 64em) { .mtn-navigation li.active { color: #0098db; } } .mtn-mod { max-width: 64em; float: none; margin: 0 auto; } .enabled.mtn, .ath-tab-nav { max-width: 64em; margin: 0 auto; } .enabled.mtn > div, .ath-tab-nav > div { position: relative; } .enabled .mtn-entry.active, .ath-tab-nav .mtn-entry.active { display: block; } .mtn-navigation { zoom: 1; margin-bottom: 1.5625em; margin-top: 14px; } .mtn-navigation:after { content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .mtn-navigation li { font-size: 0.875em; -webkit-border-radius: 0.21429em; -moz-border-radius: 0.21429em; -ms-border-radius: 0.21429em; -o-border-radius: 0.21429em; border-radius: 0.21429em; margin-bottom: 0.57143em; padding: 0.5em 1.42857em 0.42857em 1.42857em; border: 1px solid #999; color: #666; cursor: pointer; } .mtn-navigation .button-area { overflow: hidden; width: 300px; float: right; } .mtn-navigation .button-area a.pdf-button { float: left; } /* New ADD */ .mtn-entry { margin: -2.25em 0; } .ath-tab-nav .mtn-entry { /*margin-top: 0;*/ margin-bottom: -2.25em; display: none; } .mtn-entry .container { overflow: visible; } .mtn-entry .container-headline { margin-top: 1em; } .mtn-entry .container .line { padding-bottom: 0; } .mtn-entry .container .dotted:first-of-type { margin-top: 2.25em; } .mtn-entry .container .w66 { margin: 2.25em 0; } .mtn-entry .cst-list-container { margin-top: 2.25em; } .mtn-entry .container .w33 .right-panel:after { content: ''; position: absolute; margin-left: -1.5em; margin-top: 0; z-index: -5; width: 1200px; height: 100%; bottom: 0; background-color: #f7f8f8; } /* New ADD end*/ @media (min-width: 64em) { .mtn-navigation { margin-bottom: 1.875em; } .mtn-navigation li { float: left; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; margin-bottom: 0; position: relative; padding: 1.07143em 1.42857em; top: 0.07143em; } .mtn-navigation li.active { background-color: #fff; } } @media (max-width: 64em) { .enabled.mtn, col-1-1 .w100 .mtn .enabled{ max-width: 62.125em; margin-left: 22px; margin-right: 22px; } .mtn-navigation .button-area { float: right; width:auto; margin-right: 1em; } } @media (max-width: 48em) { .enabled.mtn, col-1-1 .w100 .mtn .enabled { margin-left: 10px; margin-right: 10px; } .mtn-navigation .button-area a.pdf-button { float: right; } } @media (max-width: 30em) { .mtn-navigation .button-area { float: none; margin: 0 auto; } .mtn-navigation .button-area a.pdf-button { float: right; margin: 2em 1em 0; } } /** * Module MNS end */ /** * Module MTL start */ .mtl .headline { margin-bottom: 0.63636em; } .mtl .mtl-boxes { position: relative; padding-bottom: 1.375em; } .mtl .mtl-boxes:after { content: ''; position: absolute; height: 100%; width: 0.25em; background-color: #0098db; left: 0.4375em; top: 0; } @media (min-width: 64em) { .mtl .mtl-boxes { overflow: hidden; } .mtl .mtl-boxes:after { left: 50%; margin-left: -0.125em; background-color: #0098db; position: absolute; } } @media (min-width: 48em) { .mtl .mtl-boxes { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 64em) { .mtl .mtl-boxes { width: 74.43532%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media (min-width: 48em) { .mtl .mtl-content { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 64em) { .mtl .mtl-content { width: 23.30595%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } .mtl .mtl-box { background-color: #eaf1f7; padding: 1.25em; margin-bottom: 1.375em; margin-left: 2.4375em; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; } .mtl .mtl-box > div { overflow: hidden; zoom: 1; } @media (min-width: 64em) { .mtl .mtl-box { width: 45.793103%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 2.5em; } } @media (min-width: 64em) { .mtl .mtl-box.odd { margin-top: 0; margin-right: 1.375em; margin-left: 0; float: left; clear: left; } .mtl .mtl-box.odd:before { width: 0; height: 0; border-top: 0.9375em inset transparent; border-bottom: 0.9375em inset transparent; border-left: 1.5em solid #eaf1f7; border-right: none; left: auto; right: -1.5em; } .mtl .mtl-box.odd:after { right: -11.4%; left: auto; } } @media (min-width: 64em) { .mtl .mtl-box.even { float: right; } .mtl .mtl-box.even .mtl-box-media { float: right; } .mtl .mtl-box.even .mtl-box-content { margin-left: 0; padding-right: 5.9375em; } .mtl .mtl-box.even:after { left: -11.4%; } } .mtl .mtl-box:after { content: ''; position: absolute; width: 0.875em; height: 0.875em; -webkit-border-radius: 0.875em; -moz-border-radius: 0.875em; -ms-border-radius: 0.875em; -o-border-radius: 0.875em; border-radius: 0.875em; background-color: #0098db; border: 2px solid #fff; top: 1.625em; left: -2.4375em; z-index: 3; } .mtl .mtl-box:before { width: 0; height: 0; border-top: 0.9375em inset transparent; border-bottom: 0.9375em inset transparent; border-right: 1.5em solid #eaf1f7; border-left: none; content: ''; position: absolute; left: -1.5em; top: 1.25em; z-index: 2; } .mtl .mtl-box-media { margin-bottom: 0.1875em; } @media (min-width: 30em) { .mtl .mtl-box-media { float: left; } } @media (min-width: 30em) { .mtl .mtl-box-content { margin-left: 6.4375em; } } .mtl .meta { font-size: 1em; line-height: 1.5em; margin-bottom: 1.25em; display: block; color: #0018A8; } .mtl-show-more { position: absolute; bottom: 0; left: 0; margin-left: 2.4375em; } @media (min-width: 64em) { .mtl-show-more { left: 50%; margin-left: 1.875em; } } /** * Module MTL end */ /** * Module MGAS start */ @media (min-width: 48em) { .enabled .info p { font-size: 0.875em; line-height: 1.21429em; color: #666; } } .mgas-entry .media img { width: 100%; } .mgas.enabled { position: relative; } @media (min-width: 48em) { .mgas.enabled.columns-5 .mgas-entry { margin-right: 1.375em; } } @media (min-width: 48em) { .mgas.enabled.columns-3 .mgas-entry { margin-right: 2.375em; } } .mgas.enabled .mgas-entry { float: left; } @media (min-width: 48em) { .mgas.enabled .mgas-entry:last-child { margin-right: 0; } } .mgas.enabled .mgas-entry .info { margin: 0 0.75em; } @media (min-width: 48em) { .mgas.enabled .mgas-entry .info { margin: 0; } } @media (min-width: 48em) { .mgas.enabled .mgas-entry .social-media { display: none; } } @media (min-width: 48em) { .mgas.enabled .mgas-entry .headline { display: none; } } @media (min-width: 48em) { .mgas.enabled .mgas-wrapper { position: static; overflow: hidden; width: 100%; float: left; margin-right: -100%; margin-left: 8.52156%; clear: none; } } .mgas.enabled .media { margin-bottom: 0.5em; position: relative; } .mgas.enabled .media img { vertical-align: bottom; display: inline-block; } @media (min-width: 48em) { .mgas.enabled .media .plus { font-size: 0.875em; color: white; width: 1em; height: 1em; background: #666; display: block; position: absolute; right: 0.71429em; bottom: 0.71429em; line-height: 1.14286em; font-family: Icons; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mgas.enabled .media .plus:after { content: '<'; } .mgas.enabled .media:hover .plus { background: #2097d0; } .mgas.enabled .media.video .plus:after { content: ";"; } } .mgas-overlay { position: absolute; z-index: 400; top: 0; left: 0; background: url(); width: 100%; height: 100%; display: none; } @media (min-width: 48em) { .mgas-overlay { opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; display: block; } .mgas-overlay.open { opacity: 1; } } .mgas-overlay .plus { display: none; } .mgas-overlay .social-media a { width: 28px; height: 28px; } .backgroundsize .mgas-overlay .social-media a { -webkit-background-size: 28px auto; -moz-background-size: 28px auto; -o-background-size: 28px auto; background-size: 28px auto; } .mgas-overlay .social-media a.facebook { background-position: 0 -29px; } .mgas-overlay .social-media a.twitter { background-position: 0 0; } .mgas-overlay .social-media a.xing { background-position: 0 -58px; } .mgas-overlay .social-media a.google { background-position: 0 -88px; } @media (min-width: 48em) { .mgas-overlay .social-media a { width: 17px; height: 17px; } .backgroundsize .mgas-overlay .social-media a { -webkit-background-size: 17px auto; -moz-background-size: 17px auto; -o-background-size: 17px auto; background-size: 17px auto; } .mgas-overlay .social-media a.facebook { background-position: 0 -17px; } .mgas-overlay .social-media a.twitter { background-position: 0 0; } .mgas-overlay .social-media a.xing { background-position: 0 -36px; } .mgas-overlay .social-media a.google { background-position: 0 -54px; } } .mgas-overlay > div { max-width: 64em; position: relative; overflow: hidden; } @media (min-width: 48em) { .mgas-overlay > div { margin: 0 1.375em; } } @media (min-width: 64em) { .mgas-overlay > div { margin: 0 1.5625em; } } @media (min-width: 80em) { .mgas-overlay > div { margin: 0 auto; } } .mgas-overlay .prev, .mgas-overlay .next { font-family: Icons; font-size: 3.125em; line-height: 1; color: #fff; position: absolute; cursor: pointer; } .mgas-overlay .prev span, .mgas-overlay .next span { position: absolute; top: 50%; margin-top: -0.5em; } .mgas-overlay .prev.inactive, .mgas-overlay .next.inactive { display: none; } .mgas-overlay .prev { width: 14.78439%; float: left; margin-right: -100%; margin-left: 0%; clear: none; width: 6.26283%; text-align: right; left: 0; bottom: 0; } .mgas-overlay .prev span { right: 0; } .mgas-overlay .next { width: 14.78439%; float: left; margin-right: -100%; margin-left: 93.73717%; clear: none; width: 6.26283%; text-align: left; right: 0; bottom: 0; } .mgas-overlay .next span { left: 0; } .mgas-overlay .mgas-overlay-outer { width: 82.95688%; float: left; margin-right: -100%; margin-left: 8.52156%; clear: none; } .mgas-overlay .mgas-overlay-wrapper { background: #fff; margin: 0 auto; float: none; clear: none; padding: 2.5em; position: relative; } .mgas-overlay .mgas-overlay-wrapper img { width: 100%; vertical-align: bottom; } .mgas-overlay .mgas-overlay-wrapper .info { margin-top: 20px; } .mgas-overlay .mgas-overlay-wrapper .info .info-content p { margin-bottom: 0; } .mgas-overlay .mgas-overlay-wrapper .mgas-overlay-close { position: absolute; background-color: #1aa2df; top: 10px; right: 40px; width: 20px; height: 20px; text-align: center; color: #fff; font-family: Icons; line-height: 1.3125em; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mgas-overlay .info { overflow: hidden; } .mgas-overlay .social-media { float: right; } .mgas-overlay .headline { margin-bottom: 0.77273em; } .mgas-overlay .info-content { width: 71.1538462%; float: left; margin-right: 1.375em; } /** * Module MGAS end */ /** * Module MTB start */ h2.table-headline { font-size: 1.375em; line-height: 1.18182em; line-height: 1.375em; padding-bottom: 0.8125em; } .mtb { font-size: 0.875em; line-height: 1.21429em; } .mtb thead th { font-size: 1.375em; line-height: 1.18182em; color: #191919; padding-bottom: 0.9375em; } .mtb thead td.small-font { font-size: 0.75em; line-height: 1.41667em; vertical-align: middle; } .mtb td.descriptor { vertical-align: top; } .mtb td, .mtb th { vertical-align: top; } .mtb sup { position: relative; top: -0.25em; } .mtb-footer { font-size: 0.6875em; line-height: 1.36364em; } /**/ .mtb { background: transparent; border-bottom: 2px solid #d6d6d6; } .mtb th, .mtb td { padding: 10px; width: 50%; border-bottom: 1px solid #d6d6d6; word-break: break-word; } .mtb th strong, .mtb td strong { color: #0007ab; } .mtb th.table-headline { padding-left: 0; } .mtb .fixed-col { color: white; } .mtb ul { list-style: none; padding-top: 1em; margin-bottom: 1.4375em; } .mtb ul ul { padding-top: 0.4375em; margin-bottom: 0; } .mtb ul li { margin-bottom: 0.4375em; position: relative; padding-left: 1.625em; } .mtb ul li:before { content: ''; display: block; position: absolute; height: 1px; width: 1em; background-color: #888; top: 8px; left: 0; } .mtb ol { list-style: none; padding-top: 1em; margin-bottom: 1.4375em; counter-reset: li; } .mtb ol ol { padding-top: 0.4375em; margin-bottom: 0; } .mtb ol li { margin-bottom: 0.4375em; position: relative; padding-left: 1.625em; } .mtb ol li:before { content: counter(li) "."; counter-increment: li; display: block; position: absolute; left: 0; } .mtb .no-padding-ul ul { padding-top: 0; } h3.unit-of-measurement { font-size: 0.6875em; line-height: 1.27273em; color: #0018a8; margin-bottom: 1.09091em; margin-top: -1.45455em; } .footer-original { display: none; } .mtb-footer { margin-top: 1.25em; } .mtb-footer .table-footer-note { padding-left: 10px; } .mtb-footer .table-footer-note sup { width: 10px; display: inline-block; margin-left: -10px; } .swipe { width: 40px; height: 33px; position: absolute; top: 20px; right: 10px; background: url() no-repeat; cursor: pointer; } .swipe.swipe-active { background: url() no-repeat; } .swipe:hover { background: url() no-repeat; } .container > div > .mtb-relative-wrapper { margin-top: 0; } .mtb-outer-wrapper sup { position: relative; top: -6px; } .mtb-relative-wrapper { position: relative; border-top: 1px solid #d6d6d6; overflow: hidden; } .mtb-relative-wrapper .image-shadow { background: url() repeat-y top center; width: 12px; position: absolute; left: 50%; } .mtb-relative-wrapper .mtb-clone { position: absolute; margin-left: 0; top: 0; } .mtb-relative-wrapper .mtb-clone th, .mtb-relative-wrapper .mtb-clone td { visibility: hidden; border-left: none; background: transparent; } .mtb-relative-wrapper .mtb-clone th.fixed-col-clone { visibility: visible; } .mtb-relative-wrapper .mtb-clone td.fixed-col-clone { visibility: visible; } .mtb-wrapper { width: 50%; overflow-x: hidden; margin-left: 50%; } .footer-clone { width: 66%; float: left; } .footer-clone .mtb-footer { float: left; clear: both; } .footer-clone .table-footer-note { float: left; } .footer-clone .link-list { float: left; } @media (min-width: 48em) { .mtb-relative-wrapper .image-shadow { display: none; } .mtb-clone, .footer-clone { display: none; } .footer-original { display: block; } .mtb-wrapper { width: 100%; overflow: auto; margin-left: 0; } .mtb { table-layout: auto; width: 100%; margin-left: 0; } .mtb td, .mtb th { width: auto; background: transparent; word-break: normal; } .mtb .fixed-col { visibility: visible; } .mtb .descriptor { width: 20%; } .mtb .descriptor-text { width: 40%; } .swipe { display: none; } } h2.table-headline { color: #191919; } h2.table-headline.blue { color: #0018a8; } .mtb { color: #888888; } .mtb .descriptor { color: #191919; } .mtb .highlighted-cell { background-image: url(); color: #0018a8; border-bottom: 1px solid #d6d6d6; } .mtb .subheader { color: #0018a8; } @media (min-width: 48em) { .mtb .highlighted-cell { background-color: #eaf1f7; background-image: url(); background-position: -4px top; background-repeat: repeat-y; color: #0018a8; } } /** * Module MTB end */ /** * Module MTV start */ .mtv-entry { margin-top: 0; background-color: #fcbd32; } .mtv { padding: 1.25em 1.375em 1.125em 1.375em; overflow: hidden; } .mtv b { color: white; } .mtv h2 { color: white; font-size: 2.1875em; margin-bottom: 0.17143em; line-height: 1.08571em; } .mtv hr { border: none; border-top: 1px dotted white; margin-top: 0.625em; margin-bottom: 1em; } .mtv input { float: left; clear: left; margin-top: 5px; } .mtv input.email { font-size: 0.9375em; margin-top: 0.8125em; margin-bottom: 0.625em; width: 82%; padding: 0.375em 9%; height: 1.75em; border: none; background: white; } .mtv input.email.placeholder { color: #a8a8a8; } .mtv label { float: left; padding-left: 0.3125em; color: black; font-size: 0.9375em; } .mtv .mtv-agb { font-size: 0.75em; color: #717882; width: 96%; padding-left: 8%; position: relative; } .mtv .mtv-agb input { position: absolute; left: 0; } .mtv .submitButton { clear: both; display: block; float: none; font-size: 1em; margin: 0 auto; width: 75%; } /** * Module MTV end */ /** * Module MAC start */ .mmt.mac .additional-content { display: none; margin-top: 1.25em; } .mmt.mac .toggle-content { height: 1.125em; background: url() no-repeat; background-position: 0 -68px; display: block; margin-top: 1.25em; padding-left: 1.5em; } .mmt.mac .toggle-content.open { background-position: 0 -260px; } .mmt.mac .toggle-content span { position: relative; top: -0.25em; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .mmt.mac .toggle-content { background: url() bottom left no-repeat; background-size: 18px 333px; background-position: 0 -68px; } .mmt.mac .toggle-content.open { background-position: 0 -259px; } } /** * Module MAC end */ /** * Module Stockfeed start */ #footer .stockFeedContainer { clear: both; color: #000; display: block; float: none; font-size: 0.6875em; margin-bottom: -10px; padding-top: 10px; } #footer .stockFeedContainer a { border-left: 0 none; color: #000; font-size: 100%; padding: 0; text-decoration: none; } #footer .stockFeedContainer a:hover { text-decoration: underline; } @media (min-width: 48em) { #footer .stockFeedContainer { clear: none; display: inline-block; float: right; margin-bottom: 0; margin-right: 15%; padding-top: 0; } } @media (min-width: 64em) { #footer .stockFeedContainer { margin-right: 25%; } } /** * Module Stockfeed end */ /** * Module Easy Access 1 */ .mea .wrapper { position: relative; background-color: #eaf1f7; padding: 0.3125em 1.375em 0.3125em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mea .wrapper:after { top: 0; content: ""; height: 1.0625em; left: 0; position: absolute; width: 100%; background-image: url(); background-repeat: no-repeat; background-size: 100% 10px; } .no-backgroundsize .mea .wrapper:after { background-image: url(); } @media (min-width: 30em) { .mea .wrapper { padding: 0.3125em 8.3125em 0.3125em 1.375em; } .mea .img img { display: block; width: 5.6875em; height: 5.6875em; } } @media (min-width: 48em) { .mea .wrapper { padding: 0.6875em 0em 0.3125em; } .mea body { background-color: lime; } .mea .img img { display: block; width: 100%; height: auto; max-width: 6.875em; max-height: 6.875em; } .mea .img { position: static; padding: 0.9375em 0em 0.625em 0.625em; } } .mea .img { position: absolute; bottom: 0.625em; right: 1.375em; } .mea .img img { display: none; } @media (min-width: 64em) { .mea .img img { max-width: 7.75em; max-height: 7.75em; } .mea .img { padding: 1em 0em 0.625em 1.25em; } .mea2 .teaser h1 { width: 100%; } } .mea h2 { font-size: 1.375em; line-height: 1.625em; color: #191919; margin-top: 0.3125em; } .mea .linklist { display: block; padding: 0.375em 0 1.0625em; } .mea .linklist.twocol { padding-top: 0.6875em; display: none; } .mea .linklist li { display: block; } @media (min-width: 48em) { .mea .linklist li { padding-right: 0.625em; } } @media (min-width: 64em) { .mea .linklist li { padding-right: 1.25em; } } .mea .linklist li a { display: block; margin-top: 0.4375em; text-decoration: none; padding-left: 1.4375em; text-indent: -0.875em; line-height: 1.2em; } .mea .linklist li a:before { font-size: 0.5em; vertical-align: top; margin-top: 0.8em; } @media (min-width: 48em) { .mea .linklist { display: none; } .mea .linklist.twocol { display: block; } } .mea .linklist select { position: relative; -webkit-appearance: none; margin: 0; padding: 0.5em 0.3125em 0.5em; width: 100%; height: 40px; border: 1px solid #c1c2c3; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: 2; font-size: 0.875em; line-height: 1; } .mea .select-wrapper.linklist { position: relative; padding: 0; margin: 1em 0 1.3125em; } .mea .select-wrapper .custom-select { position: absolute; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; width: 100%; height: 100%; padding: 0.5625em 2.75em 0.6875em 1em; border: 1px solid #c1c2c3; background: #fff; overflow: hidden; font-size: 0.875em; color: #191919; } .mea .select-wrapper .custom-select:after { content: ""; position: absolute; top: 1.125em; right: 1.125em; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #191919; } .mea .wrapper .col-2-1 { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } @media (min-width: 48em) { .mea .col-2-1 { width: 14.78439%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .mea .col-10-3 { width: 82.95688%; float: right; margin-left: 0; margin-right: 0; clear: none; } .mea .col-5-1-10 { width: 48.63861%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .mea .col-5-6-10 { width: 48.63861%; float: right; margin-left: 0; margin-right: 0; clear: none; } } /** * Module Easy Access 1 */ /** * Module Easy Access 2 .mea2 { overflow: hidden; height: 220px; } */ .mea2 .teaser { height: 220px; position: relative; } .mea2 .teaser .headline { margin-bottom: 10px; } .mea2 .teaser .col-12-1 { height: 100%; } .mea2 .teaser .col-12-1 > a > img { position: absolute; display: block; top: 0; left: 50%; margin-left: -20.5em; height: 100%; } .mea2 .teaser div.white-text, .mea2 .teaser a.link.text { position: relative; font-size: 0.5em; line-height: 1.5em; } .mea2 .teaser a.link.text, .mea2 .teaser div.link.text { position: absolute; left: 0; bottom: 30px; margin: 0; } .mea2 .teaser a.link.text .icon-link-text, .mea2 .teaser div.link.text .icon-link-text { color: #ffffff; } @media (max-width:48em) { .mea2 .teaser a.link.text { bottom: 42px; } } .mea2 .teaser div.white-text, .mea2 .teaser .col-12-1 a.link { margin-left: 10px; } .mea2 .teaser h1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; font-size: 0.9375em; line-height: 1.25em; color: #fff; width: 55%; padding: 12px 0 5px 10px; } .mea2 .teaser h1.white-text img { margin-left: 0.315em; height: 50%; } .mea2 .teaser .more { position: relative; padding: 0 0 0 0.625em; font-size: 0.9375em; } .mea2 .teaser .more:hover { text-decoration: none; } @media (min-width: 30em) { .mea2 .teaser .col-12-1 > a > img { height: 220px; margin-left: -30.4375em; } .mea2 .teaser div.white-text, .mea2 .teaser .col-12-1 a.link, .mea2 .teaser .col-12-1 div.link { margin-left: 30px; } .mea2 .teaser h1 { font-size: 1.25em; padding: 26px 0 5px 30px; width: 100%; } .mea2 .teaser h1.white-text img { height: 75%; } .mea2 .teaser div.white-text, .mea2 .teaser a.link.text { font-size: 0.75em; } .mea2 .teaser .more { padding: 0 0 0 1.875em; font-size: 1em; } } @media (min-width: 48em) { .mea2 .teaser h1 { font-size: 1.625em; } .mea2 .teaser h1.white-text img { height: 100%; } .mea2 .teaser div.white-text, .mea2 .teaser a.link.text { font-size: 1em; } } .mea2 .teaser .button-simple { text-decoration: none; } .mea2 .teaser .button, .mea2 .teaser .button-simple { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; bottom: 0; right: 0; margin: 0; height: 2.125em; font-size: 0.9375em; background-color:#fff; color:#000; padding: 0.3125em 0 0 0.625em; border-radius: 0; } .mea2 .teaser .button:after { content: "\e60d"; position: absolute; right: 0.75em; width: 0.625em; display: inline-block; font-family: Icons; font-size: 1.125em; right:18px; text-indent: -0.1875em; background: transparent; } .no-borderradius .mea2 .teaser .button:after { top: 0.6875em; } .mea2 .teaser .button.closed:after { content: "\e60c"; } .mea2 .teaser .button:hover { background-color: #eee; } @media (min-width: 30em) { .mea2 .teaser .button, .mea2 .teaser .button-simple { padding: 0.3125em 0 0 1.5em; } } @media (min-width: 48em) { .mea2 .teaser .button, .mea2 .teaser .button-simple { bottom: 30px; right: 30px; margin: 0; width: auto; height: auto; font-size: 0.9375em; line-height: 1.2; padding: 0.375em 2.4375em 0.375em 1.0625em; border-radius: 0.25em; } .mea2 .teaser .button-simple { padding: 0.375em 1.0625em 0.375em 1.0625em; } .mea2 .teaser:after { top: 0.75em; } } @media (min-width: 30em) { .mea2 .teaser { height: 220px; } } @media (min-width: 48em) { .mea2 .teaser { height: 220px; overflow: hidden; } } .mea2 { overflow: hidden; } @media (min-width: 64em) { .mea2 .teaser { height: 220px; } .mea2 .teaser .col-12-1 > a > img { height: 100%; margin-left: -50%; } } .mea2 .toggle-wrapper { position: relative; background-color: #002244; padding: 1.6875em 1.5625em 0; transition: transform 0.5s, opacity 0.1s 0.2s; -webkit-transition: transform 0.5s, opacity 0.1s 0.2s; -moz-transition: transform 0.5s, opacity 0.1s 0.2s; -o-transition: transform 0.5s, opacity 0.1s 0.2s; -ms-transition: transform 0.5s, opacity 0.1s 0.2s; } .mea2 .toggle-wrapper .col-8-5 { margin: 0 5% 0 35%; padding: 0; width: auto; overflow: visible !important; } .mea2 .toggle-wrapper h2 { color: #8996a0; font-size: 2em; line-height: 1.125; } .mea2 .toggle-wrapper h3 { color: #fff; font-size: 2em; line-height: 1.125em; } .mea2 .toggle-wrapper .sub { margin-top:-0.8rem; /*color: #fff; font-size: 1.375em; line-height: 1.3333; padding-top: 1.75em;*/ } @media (max-width: 64em){ .mea2 .toggle-wrapper .col-8-5, .mea2 .col-8-5 { margin: 8% 4%; padding: 0; overflow: visible !important; } .mea2 .toggle-wrapper .sub { margin-top: 1rem; font-size: 1.15em; } } @media (max-width:48em){ .mea2 .teaser .button, .mea2 .teaser .button-simple { padding: 0 0 0 2rem; background-color: #e0e0e0; } } .mea2 .toggle-wrapper.closed { display: none; } .mea2 .toggle-wrapper.calc { display: block !important; height: 0.0625em; visibility: hidden; } .mea2 .toggle-wrapper .close { position: absolute; display: none; right: 1.25em; bottom: 0.9375em; padding: 0.25em 1.75em 0.375em 0.9375em; } .mea2 .toggle-wrapper .close .arrow-up:after { content: "\e60d"; position: absolute; right: 0.1875em; top: 0.8125em; width: 0.625em; display: block; font-family: Icons; font-size: 1.0625em; line-height: 0.5; text-indent: -0.1875em; color: #7ab800; background: #fff; text-decoration: none; } .mea2 .toggle-wrapper .close:hover { text-decoration: none; } @media (min-width: 48em) { .mea2 .toggle-wrapper .close { display: block; } } @media (min-width: 30em) { .mea2 .toggle-wrapper { padding: 4em 4em2.375em 0; } } @media (min-width: 48em) { .mea2 .toggle-wrapper { padding: 3.75em 0 3em; } } @media (min-width: 64em) { .mea2 .toggle-wrapper { padding: 4.5em 0; } } .mea2 .project-wrapper li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; margin-top:-10px; padding: 15px; vertical-align: top; height: 100%; margin-bottom: 0.75em; font-size: 15px; line-height: 1.25; } .mea2 .project-wrapper li:hover { background: #0098DB; } .mea2 .project-wrapper li a { text-decoration: none; } .mea2 .project-wrapper li img { display: block; width: 100%; } .mea2 .project-wrapper li h2 { font-size: 15px; line-height: 1.25; letter-spacing: 0; color: #0098DB; /*margin: 0.5625em 0 0;*/ } .mea2 .project-wrapper li:hover h2, .mea2 .project-wrapper li:hover a.link.text, .mea2 .project-wrapper li:hover a.link.text span.icon-link-text { color: #fff; } @media (min-width: 48em) { .mea2 .project-wrapper li { width: 50%; } } @media (min-width: 48em) { .mea2 .col-4-2 { width: 31.82752%; float: left; margin-left: 1rem; clear: none; } } .mea2 .col-8-5 { margin: 0 5% 0 35%; padding: 0; width: auto; overflow: visible !important; } @media (min-width: 48em) { .mea2 .col-8-5 { margin: 0 5% 0 35%; padding: 0; width: auto; overflow: visible !important; } } .mea2 .teaser .col-12-1 a:first-child { width: 100%; height: 100%; } /** * Module Easy Access 2 */ /** * Module Easy Access 3 */ .mea3 { /* 3 items get wrapped in a row container by js on page load */ } .mea3 > .row { overflow: visible; padding-bottom: 0; margin-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: right; clear: right; } @media (min-width: 48em) { .mea3 > .row { padding-bottom: 1.25em; margin-bottom: 1.25em; } } .mea3 .static-item { margin-bottom: 2.5em; } @media (min-width: 48em) { .mea3 .static-item { margin-bottom: 0; } } .mea3 .static-item + .static-item, .mea3 .toggle-item + .static-item { margin-top: 2.5em; } @media (min-width: 48em) { .mea3 .static-item + .static-item, .mea3 .toggle-item + .static-item { margin-top: 0; } } .mea3 .toggle-item { overflow: visible; margin-bottom: 0.125em; } @media (min-width: 48em) { .mea3 .toggle-item { margin-bottom: 0; } } .mea3 .toggle-item.closed .teaser:after { display: none; } .mea3 .toggle-item.closed .teaser img { outline: none; } @media (min-width: 48em) { .mea3 .toggle-item { margin-bottom: 0; } } .mea3 .teaser { position: relative; cursor: pointer; } .mea3 .teaser h1 { font-size: 0.9375em; line-height: 1.23; } @media (min-width: 30em) { .mea3 .teaser h1 { font-size: 1.25em; } } @media (min-width: 48em) { .mea3 .teaser h1 { font-size: 1.625em; } } .mea3 .teaser .toggle-link { margin: 0; font-size: 1.125em; line-height: 1.2222; color: #0098db; background: #e0e0e0; position: relative; display: block; text-decoration: none; padding: 0.9375em 3.125em 0.9375em 0.9375em; } .mea3 .teaser .toggle-link .toggle-icon { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; display: block; background: #002244; } .mea3 .teaser .toggle-link .toggle-icon:after { content: "\e608"; position: absolute; right: 0.875em; width: 27px; display: block; text-align: center; font-family: Icons; color: #fff; display: block; font-size: 18px; line-height: 60px; border-radius: 0.625em; } .mea3 .teaser .toggle-link.closed .toggle-icon { background: #0098db; } .mea3 .teaser .toggle-link.closed .toggle-icon:after { content: "\e607"; } .mea3 .teaser img { display: none; } @media (min-width: 48em) { .mea3 .teaser .toggle-link { color: #000000; background: transparent; padding: 0 2.0625em 0 0; } .mea3 .teaser .toggle-link .toggle-icon { background: transparent !important; /*right: 0.25em;*/ } .mea3 .teaser .toggle-link .toggle-icon:after { color: #0098db; right: 3px; margin-top: -14px; } .mea3 .teaser .toggle-link.closed .toggle-icon:after { color: #666666; } } @media (min-width: 48em) { .mea3 .teaser img + .toggle-link { margin-top: 0.25em; font-size: 1.4375em; } .mea3 .teaser img { display: inline; width: 100%; outline: 7px solid #e0e0e0; } } .mea3 .toggle-wrapper { position: relative; background-color: #002244; padding: 64px 20px; margin-top: 0; clear: left; transition: transform 0.5s, opacity 0.1s 0.2s; -webkit-transition: transform 0.5s, opacity 0.1s 0.2s; -moz-transition: transform 0.5s, opacity 0.1s 0.2s; -o-transition: transform 0.5s, opacity 0.1s 0.2s; -ms-transition: transform 0.5s, opacity 0.1s 0.2s; } .mea3 .toggle-wrapper h2, .mea3 .toggle-wrapper h3 { color: #8996a0; font-size: 2em; line-height: 1.125; } .mea3 .toggle-wrapper .sub, .mea2 .toggle-wrapper .sub{ color: #fff; font-size: 1.4375em; line-height: 1.5em; margin-bottom: 0; padding: 0 1.4rem; } @media (max-width: 48em) { .mea3 .toggle-wrapper .sub, .mea2 .toggle-wrapper .sub { font-size: 1.125em; line-height: 1.25em; } .mea2 .teaser div.white-text, .mea2 .teaser a.link.text { font-size: 1em; line-height: 1.25em; } .mea2 .teaser .headline { margin-bottom: 5px; } } .mea3 .toggle-wrapper.closed { display: none; } .mea3 .toggle-wrapper.calc { display: block !important; height: 0.0625em; visibility: hidden; } .mea3 .toggle-wrapper .close { position: absolute; display: none; right: 1.25em; bottom: 0.9375em; padding: 0.25em 1.75em 0.375em 0.9375em; } .mea3 .toggle-wrapper .close .arrow-up:after { content: "\e607"; position: absolute; right: 0.1875em; top: 0.8125em; width: 0.625em; display: block; font-family: Icons; font-size: 1.0625em; line-height: 0.5; text-indent: -0.1875em; color: #7ab800; background: #fff; text-decoration: none; } .mea3 .toggle-wrapper .close:hover { text-decoration: none; } .mea3 .toggle-wrapper a.link.button, .mea2 .toggle-wrapper a.link.button { display: inline-block; height:32px; line-height:32px; margin-top: 1.875em; } .mea2 .toggle-wrapper a.link.button{ margin-left:1.5rem; } .mea3 .toggle-wrapper a.link.button{ margin-left:1.4rem; } .mea3 .toggle-wrapper a.link.button:before { font-size: 0.6em; vertical-align: top; margin-top: 0.8em; } .mea3 .toggle-wrapper .linklist { display: block; padding: 0.375em 0 1.0625em; } .mea3 .toggle-wrapper .linklist li { display: block; border-top: 1px dotted #fff; } @media (min-width: 48em) { .mea3 .toggle-wrapper .linklist li { padding-right: 0.625em; } } @media (min-width: 64em) { .mea3 .toggle-wrapper .linklist li { padding-right: 1.25em; } } .mea3 .toggle-wrapper .linklist a { display: block; margin-top: 0.4375em; margin-bottom: 0.625em; text-decoration: none; padding-left: 1.4375em; text-indent: -0.875em; font-size: 16px; line-height: 1.2; color: #fff; } .mea3 .toggle-wrapper .linklist a:before { font-size: 9px; line-height: 9px; vertical-align: top; margin-top: 6px; } .mea3 .toggle-wrapper .linklist a:hover { color: #8996a0; } @media (min-width: 48em) { .mea3 .toggle-wrapper .close { display: block; } .mea3 .toggle-wrapper:before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; margin-left: -0.75em; width: 0; height: 0; border-top: 0.875em solid white; border-left: 0.75em solid transparent; border-right: 0.75em solid transparent; } .mea3 .toggle-wrapper.closing:before { display: none; } .mea3 .toggle-wrapper.marker-1:before { left: 16.6666%; } .mea3 .toggle-wrapper.marker-2:before { left: 50%; } .mea3 .toggle-wrapper.marker-3:before { left: 83.3333%; } } @media (min-width: 30em) { .mea3 .toggle-wrapper { padding: 3.3125em 2.375em 0; } } @media (min-width: 48em) { .mea3 .toggle-wrapper { padding: 3.75em 0 3em; margin-top: 1.5em; } } @media (min-width: 64em) { .mea3 .toggle-wrapper { padding: 5em 0 3em; } } .mea3 .project-wrapper, .mea2 .project-wrapper { display: block; width: 100%; font-size: 0; line-height: 0; margin-top: -1rem; letter-spacing: -0.0625em; } .mea3 .project-wrapper li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; height: 100%; padding: 1rem; font-size: 15px; line-height: 1.25; transition: background-color 0.4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -ms-transition: background 0.4s ease; } .mea3 .project-wrapper li:hover, .mea2 .project-wrapper li:hover { background: #0098DB; } .mea3 .project-wrapper li a { text-decoration: none; } .mea3 .project-wrapper li img { display: block; width: 100%; } .mea3 .project-wrapper li h2, .mea2 .project-wrapper li h2 { font-size: 23px; line-height: 1.25; letter-spacing: 0; color: #fff; } .mea3 .project-wrapper li div.white-text, .mea2 .project-wrapper li div.white-text { font-size: 18px; } .mea3 .project-wrapper li:hover h2, .mea3 .project-wrapper li:hover a.link.text, .mea3 .project-wrapper li:hover a.link.text span.icon-link-text { color: #fff; } @media (min-width: 48em) { .mea3 .project-wrapper li { width: 50%; } } @media (min-width: 48em) { .mea3 .col-4-2 { width: 31.82752%; float: left; margin-left: 1rem; clear: none; } } .mea3 .col-8-5 { padding-top: 17px; } .mea3 .col-8-5.projects { padding-top: 5px; margin: 0 -11px; } @media (min-width: 48em) { .mea3 .col-8-5 { margin: 0 5% 0 35%; padding: 0; width: auto; overflow: visible !important; } .mea3 .col-8-5.projects { padding-top: 0; margin: 0 -100% 0 41.4078%; } } /** * Module Easy Access 3 */ /** * Module Link List */ .mlili li { background: url() bottom left no-repeat; margin-top: 1.125em; padding-left: 1.4375em; } .mlili li:first-child { margin-top: 1.25em; } @media (min-width: 48em) { .mlili li:first-child { margin-top: 1.125em; } } .mlili li.arrow { background-position: 0 -622px; } .mlili li.boxarrow { background-position: 0 -773px; } .mlili li.pdf { background-position: 0 -323px; } .mlili li.xls { background-position: 0 -473px; } .mlili li a { color: #0098db; font-size: 1em; line-height: 1.375em; } .mlili .toggle-content { display: block; background: url() 0 -1079px no-repeat; margin-top: 1.125em; padding-left: 1.4375em; } .mlili .toggle-content.open { background-position: 0 -925px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .mlili li { background: url() bottom left no-repeat; background-size: 18px 913.5px; } .mlili li.pdf { background-position: 0 -144px; } .mlili li.xls { background-position: 0 -294px; } .mlili li.arrow { background-position: 0 -443px; } .mlili li.boxarrow { background-position: 0 -594px; } .mlili .toggle-content { background: url() bottom left no-repeat; background-size: 18px 913.5px; background-position: 0 -893px; } .mlili .toggle-content.open { background-position: 0 -744px; } .mlili .more { background: url() bottom left no-repeat; background-size: 18px 913.5px; } } /** * Module Link List */ /** * Module Chart */ /* == Module Chart Start == */ .chac .mch .highcharts-axis-labels sup { vertical-align: super; display: inline-block; margin-top: -5px; } .chac .mch .headline { color: #0018a8; font-size: 1.125em; line-height: 1.22222em; margin-bottom: 1.33333em; } .chac .mch .subline { color: #0018a8; font-size: 0.6875em; line-height: 1.27273em; margin-bottom: 1.81818em; } .chac .mch .subline sup { position: relative; top: -3px; } .chac .mch .columnheadline { border-bottom: 0.09091em solid #0018a8; color: #0018a8; font-size: 0.6875em; line-height: 1.27273em; text-align: right; } .chac .mch .mchart { margin-bottom: 1.5625em; } .chac .divider-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 100%; margin-right: 0; clear: both; overflow: hidden; margin-left: 0%; } .chac .additional-content { display: none; margin-top: 1.875em; } .chac .toggle-content { display: block; padding-top: 0.9375em; text-decoration: none; } .chac .toggle-content span { text-decoration: underline; } .chac .toggle-content:before { font-family: "Icons"; content: '!'; text-decoration: none; width: 1.5em; height: 1em; display: inline-block; position: relative; top: 0.125em; } .chac .toggle-content.open:before { content: 'I'; } .chac .headline { font-size: 1.625em; line-height: 1.38462em; color: #0018a8; margin-bottom: 0.46154em; } .chac .headline-measurement { font-size: 0.6875em; line-height: 1.27273em; color: #0018a8; margin-bottom: 1.09091em; margin-top: -0.81818em; } .chac .divider { border: 0; border-bottom: 1px solid #c1c2c3; margin: 0; margin-bottom: 1.5625em; } .chac .foot-note { color: #999; border-top: 0.09091em solid #c1c2c3; padding-top: 0.90909em; margin-top: 3.63636em; font-size: 0.6875em; line-height: 1em; clear: both; } .chac .foot-note p { color: #999; margin-bottom: 0; } .chac.chac-grey { background-color: #eaeaea; padding: 1.875em 0.625em; } @media (min-width: 30em) { .chac.chac-grey { padding: 2.5em 1.25em 1.875em; } } @media (min-width: 48em) { .chac.chac-grey { padding: 2.5em 1.625em; } } @media (min-width: 64em) { .chac.chac-grey { padding: 2.5em 1.625em; } } /* == Module Chart End == */ /** * Module Chart */ /** * Module Flickr */ .mfl .mfl-container .mfl-info .mfl-topdesc { font-size: 0.875em; } .mfl .mfl-container .mfl-item img { font-size: 0; } .mfl .mfl-container .mfl-info .mfl-bottomdesc { font-size: 0.875em; } @media (min-width: 48em) { .mfl .mfl-container .mfl-info .mfl-bottomdesc { font-size: 1em; } } .mfl .mfl-container { position: relative; height: 1px; transition: height 0.6s ease 0s; } .mfl .mfl-container .mfl-set { display: inline; } .mfl .mfl-container .mfl-item { position: absolute; transition: opacity 0.6s ease 0s; opacity: 0; z-index: 1; background: white; } .mfl .mfl-container .mfl-item img { display: block; margin: 0px auto; height: 100%; } .mfl .mfl-container .mfl-item p.mfl-photocontainer { margin: 0; padding: 0; } .mfl .mfl-container .mfl-item p.mfl-photocontainer a { display: block; height: 100%; width: 100%; } .mfl .mfl-container .mfl-info .mfl-topdesc { display: none; } @media (min-width: 48em) { .mfl .mfl-container .mfl-info .mfl-topdesc { display: block; } } .mfl .mfl-container .mfl-item { background: white; } .mfl .mfl-container .mfl-item p.mfl-photocontainer { background: black; } /** * Module Flickr */ /** * Module Download Sharing */ .download-sharing { position: relative; } .download-sharing h2 { padding-right: 1.875em; } .download-sharing:hover .ds-icon { display: inline-block; } .download-sharing .ds-icon { display: inline-block; font-family: Icons; position: absolute; font-size: 48px; right: 0; top: 6px; color: #c6c6c6; cursor: pointer; z-index: 99; } @media (min-width: 48em) { .download-sharing .ds-icon { display: none; color: #c6c6c6; } .download-sharing .ds-icon:hover { color: #0098db; } .download-sharing .ds-icon.margin-right-33 { margin-right: 33%; width: auto; } } .download-sharing .ds-icon:after { content: "q"; } .download-sharing .ds-icon.overlay:after { display: none; } .download-sharing .ds-icon .ds-overlay { font-size: 0.25em; background: white; z-index: 100; display: none; font-family: Arial,​Helvetica,​sans-serif; width: 19.16667em; background-color: white; box-shadow: 0 0 0.33333em rgba(0, 0, 0, 0.3); position: absolute; border-radius: 0.16667em; cursor: initial; } .download-sharing .ds-icon .ds-overlay .headline { color: black; font-size: 1.33333em; border-bottom: 1px dotted #666666; margin-left: 1em; margin-top: 1em; margin-bottom: 1.25em; padding-bottom: 0.3125em; width: 90%; } .download-sharing .ds-icon .ds-overlay .headline:after { color: #c6c6c6; cursor: pointer; font-size: 1.125em; font-family: Icons; content: "F"; position: absolute; right: 0.88889em; top: 0.61111em; } @media (min-width: 48em) { .download-sharing .ds-icon .ds-overlay { max-width: 19.16667em; } .download-sharing .ds-icon .ds-overlay .headline { display: none; } } .download-sharing .ds-icon .ds-overlay ul { font-size: 12; margin-top: 0.41667em; margin-bottom: 0.33333em; } .download-sharing .ds-icon .ds-overlay ul li { position: relative; width: 89.1%; height: 2.16667em; margin: 0 0.83333em 1.75em 1.33333em; } .download-sharing .ds-icon .ds-overlay ul li a { color: #666666; width: 100%; display: block; position: relative; z-index: 10; text-decoration: none; } .download-sharing .ds-icon .ds-overlay ul li a div { display: inline-block; width: 6.25em; height: 2.58333em; position: absolute; right: 0; top: 0; border-radius: 0.16667em; } @media (min-width: 30em) { .download-sharing .ds-icon .ds-overlay ul li a { width: 14.58333em; } } .download-sharing .ds-icon .ds-overlay ul li.ds-button { display: none; } .download-sharing .ds-icon .ds-overlay ul li.mail { margin-bottom: 0; padding-bottom: 0.83333em; } .download-sharing .ds-icon .ds-overlay ul li.mail a { color: #0098db; text-decoration: underline; padding-left: 2.5em; } .download-sharing .ds-icon .ds-overlay ul li.mail a:before { font-size: 1.66667em; font-family: Icons; content: "v"; position: absolute; left: -0.25em; top: -0.05em; } .download-sharing .ds-icon .ds-overlay ul li.jpg { margin-bottom: 2.33333em; } .download-sharing .ds-icon .ds-overlay ul li.jpg div:after { font-size: 2.16667em; font-family: Icons; content: "l"; position: absolute; right: 0.69231em; top: 0.07692em; } .download-sharing .ds-icon .ds-overlay ul li.xls div:after { font-size: 2.16667em; font-family: Icons; content: "d"; position: absolute; right: 0.69231em; top: 0.07692em; } .download-sharing .ds-icon .ds-overlay ul li.xls div, .download-sharing .ds-icon .ds-overlay ul li.jpg div { color: #ffffff; background-color: #0098db; } @media (min-width: 48em) { .download-sharing .ds-icon .ds-overlay ul li { width: 95.9%; height: 2.16667em; margin: 0 0.83333em 0 0.41667em; } .download-sharing .ds-icon .ds-overlay ul li.ds-button { margin-left: 1.25em; margin-top: 1.33333em; background-color: #0098db; color: white; text-align: center; width: 7em; border-radius: 0.16667em; cursor: pointer; display: block; } .download-sharing .ds-icon .ds-overlay ul li.ds-button:hover { color: #666666; } .download-sharing .ds-icon .ds-overlay ul li.mail { padding-bottom: 0; } .download-sharing .ds-icon .ds-overlay ul li.mail a { padding-left: 0.83333em; color: #666666; text-decoration: none; } .download-sharing .ds-icon .ds-overlay ul li.mail a:before { content: ""; } .download-sharing .ds-icon .ds-overlay ul li.mail div:after { font-size: 1.66667em; font-family: Icons; content: "v"; position: absolute; right: 0.75em; } .download-sharing .ds-icon .ds-overlay ul li.jpg { margin-bottom: 0; } .download-sharing .ds-icon .ds-overlay ul li.jpg div:after { top: 0; } .download-sharing .ds-icon .ds-overlay ul li.xls div:after { top: 0; } .download-sharing .ds-icon .ds-overlay ul li.xls div, .download-sharing .ds-icon .ds-overlay ul li.jpg div, .download-sharing .ds-icon .ds-overlay ul li.mail div { color: #0098db; background-color: transparent; } .download-sharing .ds-icon .ds-overlay ul li:hover { background-color: #e0e0e0; } .download-sharing .ds-icon .ds-overlay ul li a { width: 100%; padding-left: 0.83333em; } } @media (min-width: 48em) { .download-sharing .ds-icon .ds-overlay ul { margin-bottom: 0.83333em; } } .ds-overlay-background { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); display: none; z-index: 99; } .ds-overlay-background.active { display: block; } /** * Module Download Sharing */ /** * Module Mainstage small */ .stage-mss .inner-wrapper .left h1 { font-size: 1.1875em; line-height: 1.125; color: #fff; margin-top: 15px; } @media (min-width: 30em) { .stage-mss .inner-wrapper .left h1 { font-size: 2em; line-height: 1.062; } } @media (min-width: 48em) { .stage-mss .inner-wrapper .left h1 { font-size: 2.625em; line-height: 1.00; margin-top: 24px; } } @media (min-width: 80em) { .stage-mss .inner-wrapper .left h1 { font-size: 2.75em; line-height: 1.068; margin-top: 44px; letter-spacing: -1px; } } .stage-mss .inner-wrapper .left p { display: none; font-size: 1em; line-height: 1.25; color: #fff; margin-top: 11px; } @media (min-width: 37.5em) { .stage-mss .inner-wrapper .left p { display: block; } } @media (min-width: 48em) { .stage-mss .inner-wrapper .left p { font-size: 1.25em; line-height: 1.25; margin-top: 20px; } } @media (min-width: 80em) { .stage-mss .inner-wrapper .left p { font-size: 1.375em; line-height: 1.227; margin-top: 16px; } } .stage-mss .inner-wrapper .right p { color: #fff; } .stage-mss .inner-wrapper .right p.number { font-size: 5.125em; line-height: 1.025; margin: 0; } @media (min-width: 80em) { .stage-mss .inner-wrapper .right p.number { font-size: 5em; line-height: 1; } } .stage-mss .inner-wrapper .right p.sub { font-size: 0.8125em; line-height: 1.307; margin: -5px 0 10px; } @media (min-width: 80em) { .stage-mss .inner-wrapper .right p.sub { font-size: 1em; line-height: 1.375; margin-bottom: 20px; } } .stage-mss.theme-dark .inner-wrapper .left h1, .stage-mss.theme-dark .inner-wrapper .left p, .stage-mss.theme-dark .inner-wrapper .right h1, .stage-mss.theme-dark .inner-wrapper .right p { color: #666; } .stage-mss.theme-dark .inner-wrapper .left h1, .stage-mss.theme-dark .inner-wrapper .left .number, .stage-mss.theme-dark .inner-wrapper .right h1, .stage-mss.theme-dark .inner-wrapper .right .number { color: #0018a8; } .navigation.has-stage-mss { background-color: transparent; padding-bottom: 20px; margin-bottom: 0; } .navigation.has-stage-mss .main-navigation { margin-bottom: 0; } .navigation.has-stage-mss:after { content: none; } .no-cssgradients .stage-mss > figure > img { position: static; left: 0; margin-left: 0; } .stage-mss { position: relative; width: 100%; overflow: hidden; height: 13em; } @media (min-width: 30.0625em) { .stage-mss { height: auto; } .stage-mss:before { content: ""; position: relative; padding: 49.333% 0 0; display: block; width: 0.0625em; float: left; left: -2000px; z-index: -1; visibility: hidden; } } @media (min-width: 48em) { .stage-mss { height: 32.1875em; } .stage-mss:before { content: none; } } .stage-mss > figure { height: 100%; width: 100%; text-align: center; overflow: hidden; position: absolute; } .stage-mss > figure > img { display: inline-block; width: auto; height: 100%; position: relative; left: 100%; margin-left: -200%; } .stage-mss .inner-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 0 0.75em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (min-width: 30em) { .stage-mss .inner-wrapper { padding: 0 1.25em; } } @media (min-width: 48em) { .stage-mss .inner-wrapper { padding: 0 1.375em; } } @media (min-width: 80em) { .stage-mss .inner-wrapper { padding: 0; margin: 0 auto; width: 100%; } } .stage-mss .inner-wrapper .inner { position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0 auto; padding: 0; } @media (min-width: 30em) { .stage-mss .inner-wrapper .inner { height: auto; } } @media (min-width: 48em) { .stage-mss .inner-wrapper .inner { height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } } @media (min-width: 80em) { .stage-mss .inner-wrapper .inner { width: 100%; max-width: 78.125em; padding: 0; } } .stage-mss .inner-wrapper .inner .left.col-7-1 { width: 65.91376%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } @media (min-width: 48em) { .stage-mss .inner-wrapper .inner .left.col-7-1 { width: 57.3922%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } } @media (min-width: 80em) { .stage-mss .inner-wrapper .inner .left.col-7-1 { padding-left: 37px; } } .stage-mss .inner-wrapper .inner .right.col-4-9 { position: relative; height: 100%; display: none; } @media (min-width: 48em) { .stage-mss .inner-wrapper .inner .right.col-4-9 { display: block; width: 31.82752%; float: right; margin-left: 0; margin-right: 0; clear: none; } } .stage-mss .inner-wrapper .inner .right .bottom { position: absolute; bottom: 0; left: 0; width: 100%; } .stage-mss + .content { margin-top: 3.75em; } /** * Module Mainstage small */ /** * Module info box */ .container:first-child > .mibox { margin-top: 0; } .mibox { margin-top: 1.25em; /* link */ /* thumbnail link */ /* backgroundimage bottom right */ /* grid*/ } .mibox .wrapper { position: relative; background-color: #efefee; padding: 1.6875em 1.25em 0.9375em; font-size: 0.9375em; line-height: 1.25em; height: auto; -webkit-text-size-adjust: none; } .mibox .wrapper.w100 { overflow: hidden; } @media (min-width: 48em) { .mibox .wrapper { padding: 1.5em 0em 0.9375em 1.625em; font-size: 1em; line-height: 1.375em; min-height: 342px; } } .mibox h1 { font-size: 1.375em; line-height: 1.25em; color: #0018A8; } @media (min-width: 48em) { .mibox h1 { font-size: 1.625em; } } .mibox h1 + p, .mibox h1 + ul { margin-top: 0.875em; } .mibox ul { margin-bottom: 1em; } .mibox ul li:before { background-color: #666666; content: ""; display: block; position: absolute; height: 1px; width: 9px; background-color: #666; top: 0.75em; left: 0; } .mibox ul li { padding-left: 0.875em; position: relative; } .mibox a.action { position: relative; padding-left: 1.4375em; } .mibox a.action.pdf { background: url() bottom left no-repeat; background-position: 0 -326px; } .mibox a.action.boxarrow { background: url() bottom left no-repeat; background-position: 0 -776px; } .mibox a.action.arrow { background: url() bottom left no-repeat; background-position: 0 -624px; } .mibox a.action:before { content: ''; display: block; position: absolute; height: 0.625em; width: 0.5625em; top: 0.0625em; left: 0.0625em; } .mibox .thumb-link { display: inline-block; text-decoration: none; margin-left: -25px; } .mibox .thumb-link img { width: 14.125em; height: 14.375em; box-shadow: 0 0 4px #999999; } .mibox .thumb-link.video { position: relative; margin-top: 5px; } .mibox .thumb-link.video img { width: 19.375em; height: 13.8125em; } .mibox .thumb-link.video .play-video-link { font-size: 3.125em; width: 1.4em; height: 1.4em; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.7em; margin-left: -0.7em; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mibox .thumb-link.video .play-video-link:before { content: ';'; font-family: Icons; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; line-height: 1.5em; width: 1.4em; height: 1.4em; overflow: hidden; text-align: center; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-color: #ffffff; border: 0.122em solid white; border: 0.122em solid rgba(255, 255, 255, 0.6); margin-top: -0.122em; margin-left: -0.122em; } .mibox .thumb-link.video:hover .play-video-link { background-color: #0098db; background-color: rgba(0, 152, 219, 0.6); } .mibox .bg { display: none; } @media (min-width: 48em) { .mibox .bg { display: block; position: absolute; bottom: 0; right: 0; height: 100%; z-index: 1; } } .mibox .col-4-1 { z-index: 2; position: relative; width: 100%; } .mibox .col-8-5 { display: none; text-align: center; z-index: 3; position: relative; } @media (min-width: 48em) { .mibox .col-4-1 { width: 40.34908%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .mibox .col-8-5 { position: absolute; top: 50%; right: 0; margin-top: -115px; width: 57.3922%; float: right; margin-left: 0; margin-right: 0; clear: none; display: block; } } @media (min-width: 80em) { .mibox .col-4-1 { width: 31.82752%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .mibox .col-8-5 { width: 65.91376%; float: right; margin-left: 0; margin-right: 0; clear: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .mibox a.action.pdf, .mibox a.action.arrow, .mibox a.action.boxarrow { background: url() bottom left no-repeat; background-size: 18px 913.5px; } .mibox a.action.pdf { background-position: 0 -147px; } .mibox a.action.arrow { background-position: 0 -445px; } .mibox a.action.boxarrow { background-position: 0px -597px; } } /** * Module info box */ /** * Module simpleLightbox start */ .simple-lightbox { cursor: pointer; } .simple-lightbox-auto-thumbnail { width: 100%; } .img-thumbnail { width: 100%; } .zo-simple-lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(); background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; } .zo-simple-lightbox .zo-simple-lightbox-content-wrapper { padding: 5%; background: url() no-repeat center center; } .zo-simple-lightbox .zo-simple-lightbox-content-wrapper.no-loader { background-image: none; } .zo-simple-lightbox a.close-button { position: absolute; top: -30px; width: 30px; height: 30px; background: transparent; background: url(/docs_new/zo-simplelightbox-close-button.png) no-repeat center center; display: none; z-index: 9999; } .zo-simple-lightbox .social-media { position: absolute; top: -30px; } .zo-simple-lightbox .social-media li { margin-left: 12px; margin-bottom: 12px; } .zo-simple-lightbox .social-media li:first-child { margin-left: 0; } .zo-simple-lightbox .social-media li.facebook a { background-position: 0 -28px; } .zo-simple-lightbox .social-media li.twitter a { background-position: 0 0; } .zo-simple-lightbox .social-media li.google a { background-position: 0 -82px; } .zo-simple-lightbox .social-media li.linkedin a { background-position: 0 -110px; } .zo-simple-lightbox .social-media li.xing a { background-position: 0 -55px; } .zo-simple-lightbox .social-media li a { background-image: url(/images/social-media-_ghp_2x.png); background-repeat: no-repeat; text-indent: -9999px; display: block; width: 26px; height: 26px; -webkit-background-size: 26px auto; -moz-background-size: 26px auto; -o-background-size: 26px auto; background-size: 26px auto; } .zo-simple-lightbox .zo-simple-lightbox-navigation { display: none; position: absolute; top: 0; width: 100%; } .zo-simple-lightbox .zo-simple-lightbox-navigation .prev, .zo-simple-lightbox .zo-simple-lightbox-navigation .next { position: absolute; left: 0; font-family: Icons; font-size: 3.125em; color: white; text-decoration: none; } .zo-simple-lightbox .zo-simple-lightbox-navigation .prev:before, .zo-simple-lightbox .zo-simple-lightbox-navigation .next:before { content: '<'; } .zo-simple-lightbox .zo-simple-lightbox-navigation .next { position: absolute; left: auto; right: 0; } .zo-simple-lightbox .zo-simple-lightbox-navigation .next:before { content: '>'; } .zo-simple-lightbox p.copyright { color: white; font-size: 0.75em; text-align: center; position: relative; display: none; } .zo-simple-lightbox img { width: auto; max-width: 90.96509%; position: absolute; display: none; } .zo-simple-lightbox .loader { width: 3.1875em; height: 3.1875em; margin: 0 auto; -webkit-border-radius: 0.625em; -moz-border-radius: 0.625em; -ms-border-radius: 0.625em; -o-border-radius: 0.625em; border-radius: 0.625em; padding: 0.8125em; display: none; } .zo-simple-lightbox .loader img { display: block; width: 1.5625em; height: 1.5625em; } .zo-simple-lightbox .video-wrapper { width: 800px; max-width: 100%; margin: 0 auto; display: none; } .zo-simple-lightbox .video-wrapper .frame-wrapper { position: relative; padding-bottom: 55%; padding-top: 15px; height: 0; overflow: hidden; } .zo-simple-lightbox .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** * Module simpleLightbox end */ /** * Module TOO-Tooltip start */ span.glossary-link { position: relative; } span.glossary-link.active { cursor: pointer; text-decoration: none; border-bottom: 0.0625em dotted #0098db; color: #0098DB; } div.too-tooltip { position: absolute; width: 11.75em; margin-right: 1.25em; box-shadow: 0 0 0.25em #888888; z-index: 10; padding: 1.25em; border: 0.0625em solid #666666; background: white; } @media (min-width: 48em) { div.too-tooltip { width: 16.875em; } } div.too-tooltip.mobile { position: fixed; padding: 1em; } div.too-tooltip .close { display: none; position: absolute; right: 1em; top: 0.75em; width: 1.125em; height: 1.125em; background: url() no-repeat transparent; cursor: pointer; } div.too-tooltip h2 { margin-bottom: 0.45455em; } div.too-tooltip .dottedline { width: 100%; border-bottom: 0.0625em dotted #666666; margin-bottom: 1.25em; } div.too-tooltip .text p { margin-bottom: 0; } div.too-tooltip .link { text-decoration: none; } div.too-tooltip .link:before { content: "\2794"; margin-right: 0.3125em; } /** * Module TOO-Tooltip end */ /** * Module MegaTabBox */ .megatabbox { overflow: hidden; } .megatabbox .megatabbox-button { display: none; } .megatabbox .megatabbox-items .megatabbox-item { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.625em; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block { background-color: #0018a8; color: white; } .megatabbox .megatabbox-items .megatabbox-item .item-content { background-color: #ecf0f1; color: black; } .megatabbox .megatabbox-items .megatabbox-item .item-title-wrapper { cursor: pointer; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block { padding: 1.25em 0.625em; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block .main-title { display: block; font-size: 1.125em; line-height: 1.44444em; word-break: keep-all; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block .sub-title { font-size: 0.8125em; line-height: 1.38462em; margin-top: 0.76923em; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block .sub-title > img { max-width: 100%; width: auto; max-height: 18.75em; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block .sub-title.img-landscape > img { max-width: 100%; width: auto; max-height: 18.75em; } .megatabbox .megatabbox-items .megatabbox-item .item-title-block .sub-title.img-portrait > img { max-height: 18.75em; width: auto; max-width: 100%; } .megatabbox .megatabbox-items .megatabbox-item .item-content-block { display: block; overflow: hidden; } .megatabbox .megatabbox-items .megatabbox-item .item-content-block .item-content { zoom: 1; margin-top: 0.625em; padding: 1.25em 0.625em; padding-bottom: 1.5625em; } .megatabbox .megatabbox-items .megatabbox-item .item-content-block .item-content:after { content: ""; display: table; clear: both; } .megatabbox .megatabbox-items .megatabbox-item.active .item-title-block { background-color: #7bb801; } .megatabbox .megatabbox-items.animate .megatabbox-item .item-content-block { max-height: 0; } .megatabbox .megatabbox-content-box { display: none; } .megatabbox.screen-desktop .megatabbox-tabs { position: relative; } .megatabbox.screen-desktop .megatabbox-slider-wrapper { margin: 0; } .megatabbox.screen-desktop .megatabbox-slider-wrapper .megatabbox-slider-container { position: relative; overflow: hidden; } .megatabbox.screen-desktop .megatabbox-items { display: block; clear: both; position: relative; left: -1.375em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item { float: left; margin-top: 1.25em; margin-bottom: 0em; -webkit-transform: translate(0px, 0px) translate3d(0px, 0px, 0px); -moz-transform: translate(0px, 0px) translate3d(0px, 0px, 0px); -ms-transform: translate(0px, 0px) translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px) translate3d(0px, 0px, 0px); transform: translate(0px, 0px) translate3d(0px, 0px, 0px); -webkit-transition: margin 0.2s linear; -moz-transition: margin 0.2s linear; -o-transition: margin 0.2s linear; transition: margin 0.2s linear; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item.active { margin-top: 0em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-title-block, .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-content-block { padding: 1.25em; padding-top: 0.9375em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-title-block { padding-bottom: 2.5em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-title-block .sub-title.img-landscape > img { max-width: 100%; width: auto; max-height: 18.75em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-title-block .sub-title.img-portrait > img { max-height: 15.625em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-title-wrapper { margin-left: 1.375em; } .megatabbox.screen-desktop .megatabbox-items .megatabbox-item .item-content-block { display: none; } .megatabbox.screen-desktop .megatabbox-content-box { display: block; overflow: hidden; max-height: 0px; margin-top: 2em; } .megatabbox.screen-desktop .megatabbox-content-box .content-arrow-wrapper { margin: 0; } .megatabbox.screen-desktop .megatabbox-content-box .content-arrow-slider { position: relative; height: 1.625em; width: 101.98198%; margin-left: -0.99099%; } .megatabbox.screen-desktop .megatabbox-content-box .content-arrow-slider .content-arrow { top: 1px; width: 0; height: 0; border-left: 1.625em solid transparent; border-right: 1.625em solid transparent; border-bottom: 1.625em solid #ecf0f1; content: ''; position: absolute; margin-left: -1.625em; -webkit-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -moz-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -ms-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -o-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .megatabbox.screen-desktop .megatabbox-content-box .content-box { zoom: 1; height: 100%; background-color: #ecf0f1; padding-top: 3.75em; padding-bottom: 2.5em; } .megatabbox.screen-desktop .megatabbox-content-box .content-box:after { content: ""; display: table; clear: both; } .megatabbox.screen-desktop .megatabbox-content-box .content-box:after, .megatabbox.screen-desktop .megatabbox-content-box .content-box:before { clear: both; display: block; visibility: hidden; height: 0px; } .megatabbox.screen-desktop .megatabbox-content-box .content-box .content-text { zoom: 1; } .megatabbox.screen-desktop .megatabbox-content-box .content-box .content-text:after { content: ""; display: table; clear: both; } .megatabbox.screen-desktop .megatabbox-content-box .content-box .content-text:after, .megatabbox.screen-desktop .megatabbox-content-box .content-box .content-text:before { clear: both; display: block; visibility: hidden; height: 0px; } .megatabbox.screen-desktop.tabs-1 .content-arrow.active-pos-1 { left: 50%; } .megatabbox.screen-desktop.tabs-2 .content-arrow.active-pos-1 { left: 25%; } .megatabbox.screen-desktop.tabs-2 .content-arrow.active-pos-2 { left: 75%; } .megatabbox.screen-desktop.tabs-3 .content-arrow.active-pos-1 { left: 16.66667%; } .megatabbox.screen-desktop.tabs-3 .content-arrow.active-pos-2 { left: 50%; } .megatabbox.screen-desktop.tabs-3 .content-arrow.active-pos-3 { left: 83.33333%; } .megatabbox.screen-desktop.tabs-4 .content-arrow.active-pos-1 { left: 12.5%; } .megatabbox.screen-desktop.tabs-4 .content-arrow.active-pos-2 { left: 37.5%; } .megatabbox.screen-desktop.tabs-4 .content-arrow.active-pos-3 { left: 62.5%; } .megatabbox.screen-desktop.tabs-4 .content-arrow.active-pos-4 { left: 87.5%; } .megatabbox.screen-desktop.tabs-5 .content-arrow.active-pos-1 { left: 10%; } .megatabbox.screen-desktop.tabs-5 .content-arrow.active-pos-2 { left: 30%; } .megatabbox.screen-desktop.tabs-5 .content-arrow.active-pos-3 { left: 50%; } .megatabbox.screen-desktop.tabs-5 .content-arrow.active-pos-4 { left: 70%; } .megatabbox.screen-desktop.tabs-5 .content-arrow.active-pos-5 { left: 90%; } .megatabbox.screen-desktop .megatabbox-button { position: absolute; display: block; height: 3.75em; width: 3.75em; top: 0em; bottom: 0em; margin: auto auto; border: 0; text-decoration: none; } .megatabbox.screen-desktop .megatabbox-button:before { position: absolute; font-family: Icons; font-size: 3.125em; color: #a4a5a5; top: 33%; } .megatabbox.screen-desktop .megatabbox-button.slide-next { right: 0; } .megatabbox.screen-desktop .megatabbox-button.slide-next:before { content: 'a'; right: 0em; } .megatabbox.screen-desktop .megatabbox-button.slide-prev { left: 0; } .megatabbox.screen-desktop .megatabbox-button.slide-prev:before { content: 'b'; } .megatabbox.screen-desktop.slide-enabled .megatabbox-slider-wrapper { margin: 0 3.75em; } .megatabbox.screen-desktop.slide-enabled .content-arrow-wrapper { margin: 0 3.75em; } .megatabbox.screen-desktop.slide-enabled .megatabbox-items { margin-left: 0%; -webkit-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -moz-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -ms-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -o-transform: translate(0%, 0px) translate3d(0%, 0px, 0px); transform: translate(0%, 0px) translate3d(0%, 0px, 0px); -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .megatabbox.screen-desktop.slide-enabled .megatabbox-button { display: block; } .megatabbox .megatabbox-items .megatabbox-item .item-title-wrapper.img-bg { background-size: cover; } .megatabbox .megatabbox-items .megatabbox-item .item-title-wrapper.img-bg .item-title-block { background-color: transparent; color: #000; } .megatabbox .megatabbox-items .megatabbox-item .item-title-wrapper.img-bg .item-title-block.active, .megatabbox .megatabbox-items .megatabbox-item .item-title-wrapper.img-bg .item-title-block.hover { background-color: transparent; } .megatabbox-tabs.standardWidth, .megatabbox-content-box > .standardWidth, .megatabbox-content-box > .content-box > .content-text { padding-left: 22px; padding-right: 22px; } @media (max-width: 37.5em) { .megatabbox-tabs.standardWidth, .megatabbox-content-box > .standardWidth, .megatabbox-content-box > .content-box > .content-text { padding-left: 11px; padding-right: 11px; } } /** * Module MegaTabBox */ /** * Module Slider Youtube start */ /* === Slider Youtube === */ .content-slider { max-width: 64em; margin: 0 auto; position: relative; overflow: visible; } .content-slider h2 { color: #0018a8; font-size: 25px; padding: 38px 0 33px 0px; } .content-slider h3 { color: #0018a8; font-size: 20px; margin: 18px 0 12px 0; } .content-slider p { margin-bottom: 11px; font-size: 0.8125em; line-height: 1.53846em; } .content-slider .padding-wrapper { position: relative; max-width: 64em; overflow: hidden; } .content-slider .main-slider-wrapper { margin-left: 35px; margin-right: 35px; } .content-slider .navigation-bullets { height: 38px; text-align: center; } .content-slider .navigation-bullets ul { display: inline-block; } .content-slider .navigation-bullets ul li { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; width: 10px; height: 10px; display: block; margin: 5px; background-color: #999999; } .content-slider .navigation-bullets ul li.active { background-color: #0018a8; } .content-slider .navigation-bullets ul li a { display: block; height: 100%; } .content-slider .slider-wrapper { overflow: hidden; position: relative; margin-left: -8px; margin-right: -8px; margin-bottom: 17px; } .content-slider .slider-wrapper .button-wrapper { margin-top: 24px; } .content-slider .slider-wrapper .button-wrapper .transparent-yellow-border { margin-top: -4px; margin-left: 5px; } .content-slider .slider-wrapper .button-wrapper .share-wrapper { float: left; margin-left: 0; } .content-slider .slider-wrapper .button-wrapper .share-wrapper ul li.share-dropdown-list { float: none; } .content-slider .slider-wrapper ul.slider-items { height: 50px; } .content-slider .slider-wrapper ul.slider-items .slider-media { position: relative; } .content-slider .slider-wrapper ul.slider-items .slider-media a { display: block; } .content-slider .slider-wrapper ul.slider-items .slider-media a .play-plus { cursor: pointer; font-size: 3.125em; width: 1.4em; height: 1.4em; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.7em; margin-left: -0.7em; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .content-slider .slider-wrapper ul.slider-items .slider-media a .play-plus:before { content: ';'; font-family: Icons; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; line-height: 1.5em; width: 1.4em; height: 1.4em; overflow: hidden; text-align: center; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-color: #ffffff; border: 0.122em solid white; border: 0.122em solid rgba(255, 255, 255, 0.6); margin-top: -0.122em; margin-left: -0.122em; } .w33 .content-slider .slider-wrapper ul.slider-items .slider-media a .play-plus, .w25 .content-slider .slider-wrapper ul.slider-items .slider-media a .play-plus { font-size: 2.25em; width: 1.39167em; height: 1.39167em; display: block; position: absolute; top: 50%; left: 50%; margin-top: -0.69583em; margin-left: -0.69583em; background-color: #000000; background-color: rgba(0, 0, 0, 0.6); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .w33 .content-slider .slider-wrapper ul.slider-items .slider-media a .play-plus:before, .w25 .content-slider .slider-wrapper ul.slider-items .slider-media a .play-plus:before { content: ';'; font-family: Icons; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; line-height: 1.52778em; width: 1.39167em; height: 1.39167em; overflow: hidden; text-align: center; z-index: 100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-color: #ffffff; border: 0.16944em solid white; border: 0.16944em solid rgba(255, 255, 255, 0.6); margin-top: -0.16944em; margin-left: -0.16944em; } .content-slider .slider-wrapper ul.slider-items .slider-media a:hover .play-plus { background-color: #0098db; background-color: rgba(0, 152, 219, 0.6); } .content-slider .slider-wrapper ul.slider-items .slider-media.responsive-iframe { padding-bottom: 71%; height: 0px; } .content-slider .slider-wrapper ul.slider-items .slider-media img { width: 100%; display: block; border: 0px; } .content-slider .slider-wrapper ul.slider-items .slider-media iframe { display: block; position: relative; top: 0; left: 0; width: 100%; height: 100%; } .content-slider .slider-wrapper ul.slider-items li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; padding-bottom: 5px; padding-top: 0; float: left; } .content-slider .slider-wrapper ul.slider-items li img { width: 100%; vertical-align: top; } .content-slider a.nav-item { display: none; text-decoration: none; position: absolute; width: 55px; height: 100px; z-index: 5; margin-top: -50px; top: 50%; cursor: pointer; line-height: 100px; } .content-slider a.nav-item:before { font-family: Icons; font-size: 3.125em; color: #666666; } .content-slider a.nav-item.right { text-align: right; right: 0px; } .content-slider a.nav-item.right:before { content: 'a'; right: 0; } .content-slider a.nav-item.left { left: 0px; } .content-slider a.nav-item.left:before { content: 'b'; left: 0; } @media (max-width: 63.125em) { .slider-youtube .main-slider-wrapper { margin-left: 41px; margin-right: 41px; } .slider-youtube a.nav-item.right:before { padding-right: 6px; } .slider-youtube a.nav-item.left:before { padding-left: 6px; } } @media (max-width: 48.75em) { .slider-youtube { max-width: 100%; } .slider-youtube .slider-wrapper { margin-left: -30px; margin-right: -30px; } .slider-youtube .slider-wrapper ul.slider-items li { padding-left: 30px; padding-right: 30px; } .slider-youtube .fullwidth-background { display: none; } } @media (max-width: 45em) { .slider-youtube .slider-wrapper { margin-left: -20px; margin-right: -20px; } .slider-youtube .slider-wrapper ul.slider-items li { padding-left: 20px; padding-right: 20px; } } @media (max-width: 39.375em) { .slider-youtube h2 { font-size: 18px; padding: 26px 0 26px 0px; } .slider-youtube h3 { font-size: 16px; line-height: 20px; } .slider-youtube .main-slider-wrapper { margin-right: 20px; margin-left: 20px; } .slider-youtube a.nav-item.right { right: -22px; } .slider-youtube a.nav-item.right:before { padding-right: 33px; } .slider-youtube a.nav-item.left { left: -22px; } .slider-youtube a.nav-item.left:before { padding-left: 33px; } .slider-youtube a.nav-item:before { font-size: 29px; color: #fff; } .slider-youtube .slider-wrapper ul.slider-items .slider-media.load { padding-bottom: 71%; } } /** * Module Slider Youtube end */ /** * Module Share Button start */ /*dropdown*/ .share-wrapper { max-width: 180px; } .article-top-area .share-wrapper, .button-area .share-wrapper { float: right; } .article-top-area a.link.button { float: right; margin-top: 9.5px; margin-right: 10px; } .share-wrapper .split-share { color: #333; font-size: 15px; } .share-wrapper .split-share span.share-button { background: #4db7e6; position: relative; display: block; overflow: hidden; width: 130px; height: 32px; border: 0; color: #FFF; text-decoration: none; line-height: 30px; padding: 0; box-sizing: border-box; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .share-wrapper .split-share span.share-button:hover { background-color: #40b2e4; } .share-wrapper .split-share span.share-button:after:hover{ background-color: #008cc9; } .share-wrapper .split-share span.share-button:active { background-color: #40b2e4; } .share-wrapper .split-share span.share-button:active:after { background-color: #0098db; } .share-wrapper .split-share span.share-button:before { font-family: 'icons'; font-size: 0.95rem; content: '\e61c'; margin: 0 10px; } .share-wrapper .split-share span.share-button:after { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #0098db; font-family: 'icons'; font-size: 1rem; content: '\e610'; line-height: 32px; position: absolute; right: 0; margin: 0; margin-left: 10px; overflow: hidden; pointer-events: none; width: 36px; -webkit-appearance: none; border: 0; border-left: 1px solid #fff; text-align: center; } .share-wrapper .split-share span.share-button::-ms-expand { display: none; } .share-wrapper .split-share span.share-button.open-dropdown { /*background: #0098db;*/ } .share-wrapper .split-share span.share-button.open-dropdown:after { background: #008cc9 !important; } .share-wrapper.min { max-width: 40px; } /*.flow .share-wrapper .split-share span.share-button, .flow .share-wrapper .split-share span.share-button:hover, .flow .share-wrapper .split-share span.share-button:active{ background-color: #e13192 !important; } .flow .share-wrapper .split-share span.share-button:after:hover{ background-color: #da2c8c !important; } .flow .share-wrapper .split-share span.share-button.open-dropdown, .flow .share-wrapper .split-share span.share-button:after, .flow .share-wrapper .split-share span.share-button.open-dropdown:after, .flow .share-wrapper .split-share span.share-button:active:after { background-color: #d71f85 !important; }*/ .share-wrapper.min span.share-button { width: 40px; padding-left: 0; padding-right: 0; padding-top: 4px; padding-bottom: 4px; margin-top: -4px; text-indent: 110%; white-space: nowrap; overflow: hidden; } .share-wrapper.min span.share-button:after { text-indent: 0px; content: '\e620'; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; left: 0; } /*dropdown share*/ .share-dropdown { position: absolute; z-index: 9999999; display: none; border: 1px solid #CCC; } .share-dropdown .share-dropdown-menu { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; min-width: 280px; width: 280px; list-style: none; background: #FFF; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); padding: 12px 5px; margin: 0; } .share-dropdown .share-dropdown-menu .share-dropdown-list { list-style: none; font-size: 15px; padding: 0 0; margin: 0; line-height: 18px; z-index: 0; position: relative; /*social media color styles*/ } .share-dropdown .share-dropdown-menu .share-dropdown-list.onoffswitch-checked .share-wrapper { width: 98px; } .share-dropdown .share-dropdown-menu .share-dropdown-list.onoffswitch-checked .share-btn { display: none; } .share-dropdown .share-dropdown-menu .share-dropdown-list.onoffswitch-checked .share-btn:hover { background-color: #CCC; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-wrapper { min-height: 34px; width: 0px; position: absolute; z-index: 1; right: 0px; top: 0px; overflow: hidden; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-wrapper .share-wrapper-inner { width: 300px; margin-top: 6px; } .share-dropdown .share-dropdown-menu .share-dropdown-list:hover { background-color: #CCC; cursor: pointer; } .share-dropdown .share-dropdown-menu .share-dropdown-list:active { background-color: #CCC; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-a { display: block; color: #555; text-decoration: none; line-height: 30px; max-width: 275px; padding-left: 10px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-a .share-recommend { position: absolute; left: 130px; top: 3px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-a .share-recommend .share-btn { margin-left: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-a:hover { display: block; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-a:hover .share-recommend { display: block; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-facebook:hover { color: #3b5998; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-facebook:hover:before { color: #3b5998; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-facebook:before { font-family: 'icons'; font-size: 1em; content: '\e62f'; margin-right: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-facebook:active { color: #3b5998; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-twitter:hover { color: #00aced; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-twitter:hover:before { color: #00aced; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-twitter:before { font-family: 'icons'; font-size: 1em; content: '\e62c'; margin-right: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-twitter:active { color: #00aced; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-google:hover { color: #dd4b39; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-google:hover:before { color: #dd4b39; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-google:before { font-family: 'icons'; font-size: 1em; content: '\e62b'; margin-right: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-google:active { color: #dd4b39; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-linkedin:hover { color: #007bb6; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-linkedin:hover:before { color: #007bb6; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-linkedin:before { font-family: 'icons'; font-size: 1em; content: '\e62d'; margin-right: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-linkedin:active { color: #007bb6; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-xing:hover { color: #126567; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-xing:hover:before { color: #126567; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-xing:before { font-family: 'icons'; font-size: 1em; content: '\e621'; margin-right: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-xing:active { color: #126567; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail { height: 2.1875em; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail .share-title { position: relative; /*top: -6px;*/ } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail form { display: inline; margin-left: 5px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail:hover { color: #0098db; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail:hover:before { color: #0098db; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail:before { font-family: 'icons'; font-size: 1.1em; content: '\e619'; margin-right: 5px; position: relative; top: 2px; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-mail:active { color: #0098db; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-tooltip { margin-top: 30px; display: block; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-tooltip .share-tooltip-headline { text-decoration: underline; color: #0098db; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-tooltip .share-toggle { text-decoration: none; display: block; } .share-dropdown .share-dropdown-menu .share-dropdown-list .share-tooltip .share-toggle .share-toggle-text { text-decoration: none; display: block; margin-top: 10px; line-height: 21px; } /*flip switch*/ .onoffswitch { display: inline-block; position: relative; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #999999; border-radius: 18px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 10px; padding: 0; line-height: 10px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: ""; padding-left: 10px; background-color: #0098DB; color: #FFFFFF; } .onoffswitch-inner:after { content: ""; padding-right: 10px; background-color: #999999; color: #CCCCCC; text-align: right; } .onoffswitch-switch { display: block; width: 15px; height: 15px; margin: -2px; background: #FFFFFF; border: 2px solid #999999; border-radius: 15px; position: absolute; top: 0; bottom: 0; right: 24px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } .onoffswitch-checked .onoffswitch-inner { margin-left: 0; } .onoffswitch-checked .onoffswitch-switch { right: 0px; } .fb-share-button span, .fb-share-button iframe { width: 120px !important; height: 25px !important; } /** * Module Share Button end */ /** * Module Custom Button start */ /*buttons*/ body.hr-special .mib a.link, body.hr-special .mmt a.link, a.custom-button { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-indent: 0; display: inline-block; color: #ffffff; font-size: 15px; font-style: normal; line-height: 20px; padding: 0 20px; padding-top: 6px; padding-bottom: 6px; text-decoration: none; text-align: center; max-width: 230px; word-wrap: break-word; -webkit-tap-highlight-color: transparent; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; /* Webkit */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE 10 */ -o-user-select: none; user-select: none; /*yellow/orange*/ /*green*/ /*white*/ /*blue*/ /*dark-blue*/ /*grey*/ /*grey-border-organe-hover*/ /*search button*/ /*arrow left button*/ /*Showmore button*/ -webkit-transition-duration: 0.5s; transition-duration: 0.5; -webkit-transition-property: color, background-color; transition-property: color, background-color; -o-transition-duration: 0.5s; -ms-duration: 0.5; -o-transition-property: color, background-color; -ms-transition-property: color, background-color; } body.hr-special .mib a.link:hover, body.hr-special .mmt a.link:hover, a.custom-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } body.hr-special .mib a.link.disabled, body.hr-special .mmt a.link.disabled, a.custom-button.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; pointer-events: none; cursor: default; } body.hr-special .mib a.link.light-blue, body.hr-special .mmt a.link.light-blue, a.custom-button.light-blue { background-color: #18a1df; } body.hr-special .mib a.link.yellow, body.hr-special .mmt a.link.yellow, a.custom-button.yellow { background-color: #ffa100; } body.hr-special .mib a.link.green, body.hr-special .mmt a.link.green, a.custom-button.green { background-color: #7ab800; } body.hr-special .mib a.link.white, body.hr-special .mmt a.link.white, a.custom-button.white { background-color: #ffffff; color: #0018a8; } body.hr-special .mib a.link.light-blue, body.hr-special .mmt a.link.light-blue, a.custom-button.light-blue { background-color: #18a1df; } body.hr-special .mib a.link.blue, body.hr-special .mmt a.link.blue, a.custom-button.blue { background-color: #0018a8; } body.hr-special .mib a.link.dark-blue, body.hr-special .mmt a.link.dark-blue, a.custom-button.dark-blue { background-color: #002244; } body.hr-special .mib a.link.grey, body.hr-special .mmt a.link.grey, a.custom-button.grey { background-color: #cccccc; } body.hr-special .mib a.link.grey-orange, body.hr-special .mmt a.link.grey-orange, a.custom-button.grey-orange { border: 1px solid #999999; color: #999999; background-color: #ffffff; } body.hr-special .mib a.link.grey-orange:hover, body.hr-special .mmt a.link.grey-orange:hover, a.custom-button.grey-orange:hover { color: #ffffff; border: 1px solid #ffa100; background-color: #ffa100; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.hr-special .mib a.link.transparent-grey-border, body.hr-special .mmt a.link.transparent-grey-border, a.custom-button.transparent-grey-border { border: 1px solid #999999; color: #999999; background-color: #ffffff; } body.hr-special .mib a.link.transparent-grey-border:hover, body.hr-special .mmt a.link.transparent-grey-border:hover, a.custom-button.transparent-grey-border:hover { border: 1px solid #e0e6e6; background-color: #e0e6e6; } body.hr-special .mib a.link.transparent-yellow-border, body.hr-special .mmt a.link.transparent-yellow-border, a.custom-button.transparent-yellow-border { border: 1px solid #ffa100; color: #ffa100; background-color: #ffffff; } body.hr-special .mib a.link.transparent-yellow-border:hover, body.hr-special .mmt a.link.transparent-yellow-border:hover, a.custom-button.transparent-yellow-border:hover { border: 1px solid #ffbd4d; background-color: #ffbd4d; color: #ffffff; } body.hr-special .mib a.link.search-btn, body.hr-special .mmt a.link.search-btn, a.custom-button.search-btn { padding-right: 35px; padding-left: 47px; background-color: #ffa100; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.hr-special .mib a.link.search-btn:before, body.hr-special .mmt a.link.search-btn:before, a.custom-button.search-btn:before { font-family: 'icons'; content: 'S'; color: #FFF; padding: 0 0 10px; position: absolute; pointer-events: none; margin-left: -30px; } body.hr-special .mib a.link.search-btn:after, body.hr-special .mmt a.link.search-btn:after, a.custom-button.search-btn:after { display: none; } body.hr-special .mib a.link.arrow-left-btn, body.hr-special .mmt a.link.arrow-left-btn, a.custom-button.arrow-left-btn { padding: 6px 35px 6px 47px; border: 1px solid #999999; color: #999999; background-color: #ffffff; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.hr-special .mib a.link.arrow-left-btn:before, body.hr-special .mmt a.link.arrow-left-btn:before, a.custom-button.arrow-left-btn:before { font-family: 'icons'; color: #999999; content: '\2b'; padding: 0 0 10px; position: absolute; pointer-events: none; margin-left: -30px; } body.hr-special .mib a.link.arrow-left-btn:hover, body.hr-special .mmt a.link.arrow-left-btn:hover, a.custom-button.arrow-left-btn:hover { border: 1px solid #e0e6e6; background-color: #e0e6e6; } body.hr-special .mib a.link.showmore, body.hr-special .mmt a.link.showmore, a.custom-button.showmore { padding: 0px 35px 0px 47px; background-color: #ffa100; cursor: pointer; border: 1px solid none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.hr-special .mib a.link.showmore:before, body.hr-special .mmt a.link.showmore:before, a.custom-button.showmore:before { font-family: 'icons'; content: 'S'; color: #FFF; padding: 0 0 10px; position: absolute; pointer-events: none; margin-left: -20px; } body.hr-special .mib a.link.showmore:after, body.hr-special .mmt a.link.showmore:after, a.custom-button.showmore:after { display: none; } body.hr-special .mib a.link.transparent-btn, body.hr-special .mmt a.link.transparent-btn, a.custom-button.transparent-btn { border: 1px solid #999999; color: #999999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body.hr-special .mib a.link.transparent-btn:hover, body.hr-special .mmt a.link.transparent-btn:hover, a.custom-button.transparent-btn:hover { border: 1px solid #e0e6e6; background-color: #e0e6e6; } body.hr-special .mib a.link.white-btn, body.hr-special .mmt a.link.white-btn, a.custom-button.white-btn { background: #ffffff; color: #999999; } body.hr-special .mib a.link.white-btn:hover, body.hr-special .mmt a.link.white-btn:hover, a.custom-button.white-btn:hover { background-color: #e0e6e6; } body.hr-special .mib a.link.green-btn, body.hr-special .mmt a.link.green-btn, a.custom-button.green-btn { background: #7ab800; color: #ffffff; } body.hr-special .mib a.link.green-btn:hover, body.hr-special .mmt a.link.green-btn:hover, a.custom-button.green-btn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } body.hr-special .mib a.link.white-border-btn, body.hr-special .mmt a.link.white-border-btn, a.custom-button.white-border-btn { background: #ffffff; color: #666666; border: 1px solid #ffffff; } body.hr-special .mib a.link.white-border-btn:hover, body.hr-special .mmt a.link.white-border-btn:hover, a.custom-button.white-border-btn:hover { background-color: transparent; color: #cccccc; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.hr-special .mib a.link.dark-blue-border-btn, body.hr-special .mmt a.link.dark-blue-border-btn, a.custom-button.dark-blue-border-btn { background: #002244; color: #ffffff; border: 1px solid #002244; } body.hr-special .mib a.link.dark-blue-border-btn:hover, body.hr-special .mmt a.link.dark-blue-border-btn:hover, a.custom-button.dark-blue-border-btn:hover { background-color: transparent; color: #002244; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } body.hr-special .mib a.link.dark-grey-border-btn, body.hr-special .mmt a.link.dark-grey-border-btn, a.custom-button.dark-grey-border-btn { background: #333; color: #ffffff; border: 1px solid #333; } body.hr-special .mib a.link.dark-grey-border-btn:hover, body.hr-special .mmt a.link.dark-grey-border-btn:hover, a.custom-button.dark-grey-border-btn:hover { background-color: transparent; color: #333; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /** * Module Custom Button end */ /** * Module custom-select start * select { min-width: 180px; max-width: 230px; font-size: 16px; } select[data-select-index] { display: none; } .custom-select-wrapper { display: block; margin: 10px; } .custom-select-wrapper span.dropdownopenbutton { word-break: break-all; color: #333; font-size: 15px; background: #ffffff; position: relative; display: block; width: 100px; border: 0; color: #666666; padding-left: 20px; padding-top: 4px; padding-bottom: 4px; padding-right: 40px; outline: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-appearance: none; cursor: pointer; text-decoration: none; min-height: 24px; } .custom-select-wrapper span.dropdownopenbutton:hover { background-color: #e0e6e6; } .custom-select-wrapper span.dropdownopenbutton.disabled { cursor: default; background-color: #d7d7d7; color: #999999; } .custom-select-wrapper span.dropdownopenbutton:after { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; font-family: 'icons'; font-size: 13px; content: '\e601'; line-height: 33px; padding-bottom: 2px; margin-top: -4px; position: absolute; right: 0; pointer-events: none; width: 40px; -webkit-appearance: none; border: 0; border-left: 1px solid #cccccc; text-align: center; height: 30px; } .custom-select-wrapper span.dropdownopenbutton::-ms-expand { display: none; } .custom-select-wrapper span.dropdownopenbutton.open-dropdown { background-color: #ffffff; } .custom-select-wrapper span.dropdownopenbutton.open-dropdown:after { background-color: #e0e6e6; } .custom-select-wrapper span.is-loading { background-color: #e0e6e6; pointer-events: none; cursor: default; } .custom-select-wrapper span.is-loading:after { background: url() center no-repeat; content: " "; } /*dropdown select*/ .dropdown { margin-top: 5px; position: absolute; z-index: 9999999; display: none; border: 1px solid #cccccc; box-sizing: border-box; } .dropdown .dropdown-menu { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; min-width: 148px; list-style: none; background: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); overflow: auto; padding: 12px 5px; margin: 0; max-height: 120px; word-break: keep-all; } .dropdown .dropdown-menu .customoption { list-style: none; font-size: 15px; padding: 0 0; margin: 0; line-height: 18px; cursor: pointer; } .dropdown .dropdown-menu .customoption span { display: block; color: #666666; text-decoration: none; line-height: 21px; font-size: 15px; width: auto; padding-left: 10px; padding-right: 20px; padding-top: 2px; padding-bottom: 2px; } .dropdown .dropdown-menu .customoption.hover span { background-color: #cccccc; } body.isMobile .custom-select-wrapper, body.isTablet .custom-select-wrapper { display: none; } body.isMobile select[data-select-index], body.isTablet select[data-select-index] { display: inline-block; } * * Module custom-select end */ /** * Module Full Width Action Box start */ .full-width-action-box { overflow: hidden; background-color: #0098db; } .full-width-action-box.color1 { background-color: #0018a8; } .full-width-action-box.color1 a.custom-button { background-color: #0098db; } .full-width-action-box.color2 { background-color: #999999; } .full-width-action-box .full-width-action-box-content { max-width: 64em; margin: 0 auto; } .full-width-action-box .full-width-action-box-content .full-width-action-box-headline { color: #FFF; font-size: 18px; line-height: 24px; } .full-width-action-box .full-width-action-box-content .full-width-action-box-headline span { font-size: 15px; line-height: 21px; } .full-width-action-box .full-width-action-box-content .lCol { padding: 10px 0 0px 0; margin-top: 9px; margin-bottom: 15px; word-wrap: break-word; } .full-width-action-box .full-width-action-box-content .rCol { padding: 10px 0 0 0; margin-top: 5px; margin-bottom: 15px; } .container .container-background .container-width .clear-div > .full-width-action-box .full-width-action-box-content .rCol { margin-top: 5px; } .full-width-action-box .full-width-action-box-content .rCol a { float: right; } @media (max-width: 80em) { .full-width-action-box { padding-left: 1.5625em; padding-right: 1.5625em; } } @media (max-width: 64em) { .full-width-action-box { padding-left: 1.375em; padding-right: 1.375em; } .full-width-action-box .full-width-action-box-content .full-width-action-box-headline span { display: block; } } @media (max-width: 48em) { .full-width-action-box { padding-left: 0.625em; padding-right: 0.625em; } .full-width-action-box .full-width-action-box-content .lCol { margin-bottom: 0; } .full-width-action-box .full-width-action-box-content .rCol a { float: left; } } /** * Module Full Width Action Box end */ /** * Module AMCON start */ .text p { color: #000; font-size: 1rem; line-height: 1.25rem; } .blue-panel { background-color: #eaf1f7; position: relative; padding: 2.125rem 1.75rem; /*34px 28px*/ } .blue-panel h2.headline { font-size: 1.125em; /*18px*/ color: #000; margin-bottom: 1.5em; /*24px*/ } .blue-panel .media { margin-bottom: 0.625em; } .blue-panel > .text-black { margin-bottom: 1.1875em; } .blue-panel .button-area { display: inline-block; position: relative; width: 100%; margin-top: 0.9375em; } .blue-panel .button-area a { display: inline-block; width: 105px; font-size: 0.9375em; text-align: center; line-height: 2rem; padding: 0; } .blue-panel .button-area .link.button.icon{ padding:0; } /** * Module AMCON end */ /* * Module MGAS New start */ @media (min-width: 48em) { .enabled .info p { font-size: 0.875em; line-height: 1.21429em; color: #666; } } .mgas-new.enabled { position: relative; /*margin-left: 20px;*/ } .mgas-new .mgas-new-info { clear: both; } .mgas-new-entry { background-color: #817871; /*padding: 1.5625em; height: 233px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mgas-new-entry figure{ height: 183px; padding: 1.5625em; } @media (max-width: 768px){ .mgas-new-entry { padding: 2.5625em; } } .mgas-content-wrapper { position: relative; width: 100%; height: 100%; } .mgas-new-entry h2 { color: #fff; margin-top: 0; margin-bottom: 0; font-size: 2em; } .mgas-new-entry.headline { margin-bottom: 1.875em; } .mgas-entry-new .white-text > p { font-size: 1em; line-height: 1.25em; color: #fff; } .mgas-new-entry .link { position: absolute; left: 0; bottom: 0; text-decoration: none; } .mgas-new-entry .icon-link-text { color: #fff; top: 10px; } .mgas-new-entry .media img { width: 100%; } .mgas-new.enabled { } .mgas-new.enabled .mgas-new-entry { float: left; } @media (min-width: 48em) { .mgas-new.enabled.columns-5 .mgas-new-entry { margin-right: 1.375em; } } @media (min-width: 48em) { .mgas-new.enabled.columns-3 .mgas-new-entry { margin-right: 2.375em; } } @media (min-width: 48em) { .mgas-new.enabled.columns-2 .mgas-new-entry { margin-right: 2em; } } @media (min-width: 48em) { .mgas-new.enabled .mgas-new-entry:last-child { margin-right: 0; } } .mgas-new.enabled .mgas-new-entry .info { margin: 0 0.75em; } @media (min-width: 48em) { .mgas-new.enabled .mgas-new-entry .info { margin: 0; } } @media (min-width: 48em) { .mgas-new.enabled .mgas-new-entry .social-media { display: none; } } @media (min-width: 48em) { .mgas-new.enabled .mgas-new-wrapper { position: static; overflow: hidden; width: 100%; float: left; margin-right: -100%; clear: none; } .mgas-new.enabled .mgas-new-wrapper .mgas-new-inner { position: relative; } } .mgas-new.enabled .media { margin-bottom: 0.5em; position: relative; } .mgas-new.enabled .media img { vertical-align: bottom; display: inline-block; } @media (min-width: 48em) { .mgas-new.enabled .media .plus { font-size: 0.875em; color: white; width: 1em; height: 1em; background: #666; display: block; position: absolute; right: 0.71429em; bottom: 0.71429em; line-height: 1.14286em; font-family: Icons; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mgas-new.enabled .media .plus:after { content: '<'; } .mgas-new.enabled .media:hover .plus { background: #2097d0; } .mgas-new.enabled .media.video .plus:after { content: ";"; } } .mgas-new-overlay { position: absolute; z-index: 400; top: 0; left: 0; background: url(); width: 100%; height: 100%; display: none; } @media (min-width: 48em) { .mgas-new-overlay { opacity: 0; -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; display: block; } .mgas-new-overlay.open { opacity: 1; } } .mgas-new-overlay .plus { display: none; } .mgas-new-overlay .social-media a { width: 28px; height: 28px; } .backgroundsize .mgas-new-overlay .social-media a { -webkit-background-size: 28px auto; -moz-background-size: 28px auto; -o-background-size: 28px auto; background-size: 28px auto; } .mgas-new-overlay .social-media a.facebook { background-position: 0 -29px; } .mgas-new-overlay .social-media a.twitter { background-position: 0 0; } .mgas-new-overlay .social-media a.xing { background-position: 0 -58px; } .mgas-new-overlay .social-media a.google { background-position: 0 -88px; } @media (min-width: 48em) { .mgas-new-overlay .social-media a { width: 17px; height: 17px; } .backgroundsize .mgas-new-overlay .social-media a { -webkit-background-size: 17px auto; -moz-background-size: 17px auto; -o-background-size: 17px auto; background-size: 17px auto; } .mgas-new-overlay .social-media a.facebook { background-position: 0 -17px; } .mgas-new-overlay .social-media a.twitter { background-position: 0 0; } .mgas-new-overlay .social-media a.xing { background-position: 0 -36px; } .mgas-new-overlay .social-media a.google { background-position: 0 -54px; } } .mgas-new-overlay > div { max-width: 64em; position: relative; overflow: hidden; } @media (min-width: 48em) { .mgas-new-overlay > div { margin: 0 1.375em; } } @media (min-width: 64em) { .mgas-new-overlay > div { margin: 0 1.5625em; } } @media (min-width: 80em) { .mgas-new-overlay > div { margin: 0 auto; } } .mgas-new-overlay .prev, .mgas-new-overlay .next { font-family: Icons; font-size: 3.125em; line-height: 1; color: #fff; position: absolute; cursor: pointer; } .mgas-new-overlay .prev span, .mgas-new-overlay .next span { position: absolute; top: 50%; margin-top: -0.5em; } .mgas-new-overlay .prev.inactive, .mgas-new-overlay .next.inactive { display: none; } .mgas-new-overlay .prev { width: 14.78439%; float: left; margin-right: -100%; margin-left: 0%; clear: none; width: 6.26283%; text-align: right; left: 0; bottom: 0; } .mgas-new-overlay .prev span { right: 0; } .mgas-new-overlay .next { width: 14.78439%; float: left; margin-right: -100%; margin-left: 93.73717%; clear: none; width: 6.26283%; text-align: left; right: 0; bottom: 0; } .mgas-new-overlay .next span { left: 0; } .mgas-new-overlay .mgas-new-overlay-outer { width: 82.95688%; float: left; margin-right: -100%; margin-left: 8.52156%; clear: none; } .mgas-new-overlay .mgas-new-overlay-wrapper { background: #fff; margin: 0 auto; float: none; clear: none; padding: 2.5em; position: relative; } .mgas-new-overlay .mgas-new-overlay-wrapper img { width: 100%; vertical-align: bottom; } .mgas-new-overlay .mgas-new-overlay-wrapper .info { margin-top: 20px; } .mgas-new-overlay .mgas-new-overlay-wrapper .info .info-content p { margin-bottom: 0; } .mgas-new-overlay .mgas-new-overlay-wrapper .mgas-new-overlay-close { position: absolute; background-color: #1aa2df; top: 10px; right: 40px; width: 20px; height: 20px; text-align: center; color: #fff; font-family: Icons; line-height: 1.3125em; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mgas-new-overlay .info { overflow: hidden; } .mgas-new-overlay .social-media { float: right; } .mgas-new-overlay .headline { margin-bottom: 0.77273em; } .mgas-new-overlay .info-content { width: 71.1538462%; float: left; margin-right: 1.375em; } .mgas-dot-navigation { position: relative; height: 50px; clear: both; } .mgas-dot-navigation ul { display: block; position: absolute; text-align: center; width: 100%; height: 2.0625em; bottom: 0; cursor: default; } .mgas-dot-navigation ul li { display: inline-block; margin-right: 0.25em; } .mgas-dot-navigation ul li a { display: block; text-decoration: none; background-image: url(about:blank); width: 12px; height: 12px; background-color: #e0e6e6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .mgas-dot-navigation ul li.active a { background-color: #0098DB; } .white-text, .white-text a { color: #fff; } .white-text p { color: #fff; font-size: 1em; line-height: 1.333em; } .blue { background-color: #0098db; } .dark-blue { background-color: #1a3857; } .light-grey { background-color: #a3a3a3; } .dark-grey { background-color: #757575; } .green { background-color: #87bf1a; } .yellow { background-color: #ffaa1a; } .pink { background-color: #db3591; } .dark-pink { background-color: #e31a48; } .purple { background-color: #681f97; } /* * Module MGAS New end */ /** * Module MADD start */ .madd-navigation { background-color: #f7f8f8; width: 100%; height: 64px; padding-top: 14px; margin-bottom: 2.125em; /*34px*/ } .madd-navigation ul li { display: inline-block; font-size: 15px; line-height: 50px; height: 50px; color: #666; text-align: center; padding: 0 15px; } .madd-navigation ul li.active { background-color: #fff; color: #0098db; } .madd .location-info { padding: 2.125em; /*34px*/ } .madd .text { font-size: 1em; line-height: 1.25em; } .madd .text .headline { font-size: 1.4375em; /*23px*/ margin-bottom: 0.87em; /*20px*/ color: #000000; } .madd .text .underlined-text:hover { border-bottom: 0 none; } .madd .text p { margin-bottom: 0; } .madd .text .button-area { margin-top: 2.125em; /*34px*/ } /** * Module MADD end */ /** * Module AMMAS */ .ammas-box { display: inline-block; float: left; margin-bottom: 1.5em; -webkit-backface-visibility: hidden; } .ammas-box:hover { opacity: 0.9; } .ammas-box a img { -webkit-backface-visibility: hidden; } .ammas-box a:hover img { opacity: 1; } .ammas-box h2.headline { /*font-size: 1.4375em;*/ /*23px*/ margin: 0.5em 1em 0.5em 1em; line-height: 28px; } @media (min-width: 48em) { .ammas-box h2.headline { min-height: 140px; font-size: 1.25em; /*20px*/ } } @media (min-width: 64em) { .ammas-box h2.headline { font-size: 1.4375em; /*23px*/ } } .ammas-box > a.link.text.white { margin-left: 1.25em; } .ammas-box div.figure-wrapper img { width: 100%; } /** * Module AMMAS end */ /** * Module ARTICLE */ .article-top-area { position: relative; overflow: hidden; margin-top: 2rem; } .article-top-area .share-button { float: right; } .article-top-area > p { margin-bottom: 0; } .tags-section { margin-top: 2em; padding: 30px 0; /*border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7;*/ overflow: hidden; } .tags-section > p { margin-bottom: 0; } .tags-section > p .label { min-width: 72px; display: inline-block; } .tags-section > p .tag { margin-right: 5px; } .tags-section > p:first-of-type { margin-bottom: 1.25em; } .subscribe-section { padding-top: 0.875em; } .subscribe-box .headline-small { margin-bottom: 0.5em; } .subscribe-box .subscribe-section .subscribe-button { float: left; } .subscribe-box .media img { width: 100%; } .subscribe-box .second { margin-top: 1.75em; } @media (min-width: 48em) { .subscribe-box { /*margin-left: 20px;*/ } /*.right-panel .subscribe-box { margin-left: 0; }*/ } .subscribe-section .subscribe-button { float: right; margin-top: 0; padding: 0 1.25em; } .article .mis { margin-top: 2em; margin-bottom: 1em; } .article .mmt-content .text { line-height: 22px; } .article .mmt-content .media figure { /*margin-bottom: 2em;*/ } .article .mmt-content .media figure .figure-wrapper { /*height: 390px; Why we need this ??? */ } .light-grey { background-color: #f7f8f8; } .right-panel { padding: 0 1.5em; } .w33 .right-panel:after { content: ''; position: absolute; top: 0; margin-left: -1.5em; z-index: -5; width: 1200px; height: 115%; bottom: -2.25em; background-color: #f7f8f8; } .w33 .right-panel.cw-grey-panel:after { content: ''; position: absolute; top: 0; margin-left: -1.5em; z-index: -5; width: 31.82752%; height: 115%; bottom: -2.25em; background-color: #f7f8f8; } .line .w33 .right-panel:after { height: 100%; } @media (min-width:48em){ .container .container-background .container-width.standardWidth .right-panel .light-grey, .container .container-background .container-width.standardWidth .right-panel .light-grey .box .subscribe-box > .blue-panel, .right-panel .light-grey{ background-color:transparent; } } @media (max-width: 48em) { .right-panel .light-grey{ background-color: #f7f8f8; } .right-panel:after { background-color:transparent; } } .right-panel .text { margin-bottom: 2em; } .right-panel .text a.link.text { margin-bottom: 1.5em; } .right-panel .headline-middle { margin: 0; margin-bottom: 5px; color: #000000; } .right-panel .headline-middle a { color: #000; text-decoration: none; } .right-panel .mmt-content .media .figure-wrapper { /*height: 140px;*/ position: relative; } .right-panel .mmt-content .media .figure-wrapper img { /*position: absolute; bottom: 0; right: 0; height: 140px;*/ } .right-panel .mlili-container { border-top: 1px solid #dfdfdf; padding: 2em 0; } .right-panel .mlili-container ul li { padding-left: 0; } .right-panel .mlili-container ul li .link { text-decoration: none; color: #000; } .right-panel .box { border-top: 1px solid #dfdfdf; padding: 2em 0; } .right-panel .mmt { padding-top: 2em; } .right-panel section.box:first-of-type { border-top: 0 none; /*padding-top: 2rem;*/ padding-top: 1.125rem; } .right-panel.margin-top-3rem section.box:first-of-type { padding-top: 3rem; } .right-panel .box .button-area .link.button.icon { /*padding: 0.625em 1.25em;*/ } /** * Module ARTICLE end */ /** * FLOW pages */ .flow.main-flow .custom-stage ul.stage-slider li.stage-element .vertical-center-wrapper h1 { font-size: 10em; margin-bottom: 0.3em; } .flow .custom-stage .stage-content .stage-content-wrapper.stage-module-main-medium .vertical-center-wrapper h1{ line-height:5rem; text-indent: -1rem; font-weight: 500; color: #fff; padding-top:3rem; } /* * FLOW pages end */ /* * MTN New Styles Start */ .mtn-container { background-color: #f0f2f2; height: 64px; } .mtn-container .line { padding-bottom: 0; } .container-background.with-tab-navigation > .mtn-container { padding-top: 50px; height: 116px; } .container-background.with-tab-navigation > .mtn-container .container-headline { margin-right:110px; } .container-background.with-tab-navigation > .mtn-container > div { max-width: 64em; padding: 0 0.75em; } @media (min-width:48em) { .container-background.with-tab-navigation > .mtn-container > div { padding: 0 1.375em; } } @media (min-width:64em) { .container-background.with-tab-navigation > .mtn-container > div { padding: 0 1.5625em; } } @media (min-width:80em) { .container-background.with-tab-navigation > .mtn-container > div { margin: 0 auto; padding: 0 1.5625em; } } .mtn-container > div > .top-right-button.visible, .mtn-container > div > .container-headline.visible { position: relative; z-index: 200; } .mtn-container .mtn-navigation.with-slider { position: relative; padding-left: 40px; padding-right: 80px; } .mtn-container .mtn-navigation.with-slider .mtn-list-container { overflow: hidden; } @media (min-width: 48em) { .ath-tab-nav .mtn-entry .container .container-background .container-width { padding-left: 0; } } @media (max-width: 640px) { .w100.mtn-entry.active .container > .col-3-1.w33 { margin-bottom:0; } } .ath-tab-nav .mtn-navigation li { float: left; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; margin-bottom: 0; position: relative; padding: 1.07143em 1.42857em; top: 0.07143em; } .ath-tab-nav .mtn-navigation li.active { background-color: #fff; } .mtn-container .mtn-navigation.with-slider .prev-arrow, .mtn-container .mtn-navigation.with-slider .next-arrow, .mtn-container .mtn-navigation.with-slider .show-more { position: absolute; top: 18px; padding: 0 5px; font-size: 1.25em; color: #0098db; text-decoration: none; font-weight: bold; } .mtn-container .mtn-navigation.with-slider .prev-arrow.disabled, .mtn-container .mtn-navigation.with-slider .next-arrow.disabled { color: #bbbbbb; cursor: default; } .mtn-container .mtn-navigation.with-slider .show-more { right: 30px; } .mtn-container .mtn-navigation.with-slider .prev-arrow { left: 5px; } .mtn-container .mtn-navigation.with-slider .next-arrow { right: 5px; } .mtn-container .mtn-navigation.with-slider .show-more-dialog { display: none; position: absolute; left: 0; top: 54px; width: 100%; padding: 35px 25px; box-sizing: border-box; z-index: 200; background: #002145; } .mtn-container .mtn-navigation.with-slider .show-more-dialog.visible { display: block; } .mtn-container .mtn-navigation.with-slider .show-more-dialog .close-dialog { position: absolute; right: 36px; top: -36px; color: #002145; font-size: 1.2em; text-decoration: none; } .mtn-container .mtn-navigation.with-slider .show-more-dialog .icon-dropdown { position: absolute; right: 30px; top: -10px; color: #ffffff; font-size: 2em; text-decoration: none; } .mtn-container .mtn-navigation.with-slider .show-more-dialog li { float: left; width: 100%; padding: 10px; min-height: 65px; margin: 0; line-height: 1.3em; box-sizing: border-box; } .mtn-container .mtn-navigation.with-slider .show-more-dialog li a { color: #ffffff; text-decoration: none; } .mtn-container .mtn-navigation.with-slider .show-more-dialog li.current a { color: #0098db; } @media (min-width: 25em){ .mtn-container .mtn-navigation.with-slider .show-more-dialog li { width: 50%; } } @media (min-width: 600px){ .mtn-container .mtn-navigation.with-slider .show-more-dialog li { width: 33%; } } @media (min-width: 800px){ .mtn-container .mtn-navigation.with-slider .show-more-dialog li { width: 25%; } } .tab-background-mask { position: absolute; top: 0; bottom: 0; width: 100%; opacity: 0.9; z-index: 90; background: #ffffff; } /* * MTN New Styles End */ .mmt-content .media figure .figure-wrapper img { margin-top: 5px; position: static; } /* * Disclaimer Styles Start */ .disclaimer h3 { font-size: 1.125em; margin-top: 1.875em; margin-bottom: 1.75em; } .disclaimer div { font-size: 0.875em; margin-bottom: 1.875em; color: #959595; line-height: 0.625em; } .disclaimer h3, .disclaimer div p { text-align: center; } /* * Disclaimer Styles End */ .zo-simple-lightbox .social-media { display: none; } /* * Disclaimer Styles End */ /* * ATB Module Start */ .atb { width: 100%; margin-bottom: 35px; } .atb.desktop-hide { } .atb.mobile-hide { max-width:664px; } .atb tr { height: 42px; } .atb tr th { color: #0018a8; font-size:18px; } .atb tr td, .atb tr th { padding: 0 0.625em 0 1.25em; vertical-align: middle; } @media (max-width: 640px) { .atb tr td, .atb tr th { padding: 0 0.6em 0 0.5em; } } /* Desktop version */ .atb.mobile-hide tr td, .atb.mobile-hide tr th { width: 25%; } .atb.mobile-hide tr:nth-child(even) { background-color: #f7f8f8; } .atb.mobile-hide tr:first-child, .atb.mobile-hide tr:last-child { border-bottom: 1px solid #d3d3d3; } .atb-intro { padding: 20px 0 16px; } .atb-intro .page-headline { color: #0018a8; font-size: 48px; line-height: 50px; margin-bottom: 32px; } .atb-intro .container-headline { color: #0018a8; font-size:24px; line-height:28px; } @media (max-width: 640px) { .atb-intro { padding: 60px 0; } .atb-intro .page-headline { font-size: 36px; line-height: 38px; color: #000; } .atb-intro .container-headline { font-size: 20px; line-height: 26px; max-width: 415px; } .link.button.grey { display: block; padding: 0.1em 1.25em; } } .atb-aside { background-color: #f7f8f8; padding: 30px 20px; margin-left:20px; box-sizing: border-box; } .atb-aside .headline-small { font-size: 21px; margin-bottom: 0; } .atb-aside .box { padding-top: 30px; border-top: 1px solid #d3d3d3; } .atb-aside .box:first-of-type { padding-top: 0; border-top: none; } .atb-aside:after { content: ''; position: absolute; top: 0; margin-left: -20px; z-index: -5; width: 1200px; height: 105%; background-color: #f7f8f8; } @media (max-width: 640px) { .atb-aside { width:100%; display: block; margin-left: 0; } .atb-aside:after { display:none; } } /* * Custom table styles */ .custom.atb tr td, .custom.atb tr th { width: 33%; padding: 0 0.625em 0 0.625em; vertical-align: top; padding-bottom: 15px; } /* * ATB Module End */ /* */ @font-face { font-family: 'pfbicons'; src: url("/docs_new/pfbicons.eot?#iefix"); src: url("/docs_new/pfbicons.eot?#iefix") format("embedded-opentype"), url("/docs_new/pfbicons.ttf") format("truetype"), url("/docs_new/pfbicons.woff") format("woff"), url("/docs_new/pfbicons.svg#u67fzdpfbicon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Univers Deutsche Bank"; src: url("/docs_new/UniversDeutscheBankW01-Reg.eot?#iefix"); src: url("/docs_new/UniversDeutscheBankW01-Reg.eot?#iefix") format("eot"), url("/docs_new/UniversDeutscheBankW01-Reg.woff") format("woff"), url("/docs_new/UniversDeutscheBankW01-Reg.ttf") format("truetype"), url("/docs_new/UniversDeutscheBankW01-Reg.svg#11b816e7-d678-48dd-bc75-560de9c19049") format("svg"); font-weight: normal; font-style: normal; } .wt-confirm-layer { display:none; width:100%; min-height:80px; position: fixed; bottom: 0; z-index: 999; background-color: #fff; border-top: 1px solid #c2c2c2; box-shadow: 10px -2px 10px #c2c2c2; } .wt-confirm-layer-cn { width:100%; margin:0 auto; padding: 10px 0; } .layer-text { font-family: "Univers Deutsche Bank", Arial, sans-serif; color: #666; font-size: 0.813em; margin-bottom:10px; text-align: center; } .wt-confirm-layer-close{ float: right; position: relative; left: 30px; text-decoration: none; } .wt-confirm-layer-close:before{ font-family: 'pfbicons'; color: #0098db; content: '\e64a'; } #confirm-layer-more{ color: #0098db; } @media (min-width : 60em){ .wt-confirm-layer-cn { width:970px; } } @media (max-width: 64em){ .wt-confirm-layer { padding: 15px 0 5px; } .wt-confirm-layer-close{ left: -10px; bottom: 20px; } } @media (max-width : 48em){ .wt-confirm-layer { padding: 25px 0 5px; min-height: 0; } .wt-confirm-layer-cn{ padding: 0; } } /* */ /** * Module MCF-STAGE start */ .cr-mcf-stage-wrapper { max-width: 80em; min-width: 20em; width: 100%; height: 100%; margin: 0 auto; } .cr-mcf-stage-wrapper .cr-mcf-stage { position: relative; width: 100%; height: 100%; } .cr-mcf-stage-wrapper .cr-mcf-stage img { width: 100%; height: auto; } .cr-mcf-stage-wrapper .cr-mcf-stage > img { display: none; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer { position: absolute; overflow: hidden; width: 100%; height: 3.875em; bottom: 0; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); transition: height 0.5s ease-out, bottom 0.5s ease-out; } @media (min-width: 30em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer { height: 5.9375em; } } @media (min-width: 48em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer { height: 30.6%; } } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul { position: absolute; top: 0; left: 0; display: block; height: 100%; white-space: nowrap; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul.enable-transition li { transition: width 0.5s ease-in-out, height 0.5s ease-in-out; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul.enable-transition li img { transition: top 0.5s ease-in-out, width 0.5s ease-in-out, height 0.5s ease-in-out; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li { position: relative; height: 100%; margin-left: 1.5625em; display: inline-block; /* fix for iOS 7 */ /*IE8 needs inline*/ /*reset for IE9+*/ } @media (min-width: 48em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li { display: inline; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li { display: inline-block; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li { display: inline-block; } } @media all\0 { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li { display: inline; } } @media all and (monochrome: 0) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li { display: inline\9; } } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li img { /*vertical-align: top;*/ position: relative; top: 0; height: 100%; width: auto; border: 1px solid #999999; box-sizing: border-box; -moz-box-sizing: border-box; } @media (min-width: 48em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li img { display: inline; top: 13.125%; height: 75.625%; } } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li.active img { height: 100%; border: 1px solid white; top: 0%; display: inline; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer ul li a { text-decoration: none; display: inline; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow { position: absolute; top: 0; transition: margin-top 0.5s ease-out; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); width: 1.875em; height: 1.875em; margin-top: 1em; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow .nav-content { cursor: pointer; color: white; display: table-cell; vertical-align: middle; text-align: center; font-family: Icons; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 1.25em; padding-top: 0.1875em; } @media (min-width: 30em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow { width: 2.875em; height: 2.875em; margin-top: 1.5em; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow .nav-content { font-size: 1.875em; padding-top: 0.375em; } } @media (min-width: 48em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow { width: 9.2773438%; height: auto; margin-top: 3.25%; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow:before { content: ""; display: block; padding-top: 100%; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow .nav-content { cursor: pointer; color: white; display: table-cell; font-size: 312.5%; vertical-align: middle; text-align: center; font-family: Icons; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 37%; } } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow.next { right: 0; } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow.last { left: 0; } @media (min-width: 48em) { .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-arrow { margin-top: 3.8%; } } .cr-mcf-stage-wrapper .cr-mcf-stage .cr-mcf-layer .nav-custom-arrow .nav-content { padding-top: 22%; font-weight: bold; } /** * Module MCF-STAGE end */ /** * Campaign start */ .campaign .article-top-area { margin-bottom: 2em; } .campaign .page-headline { font-size: 3em; line-height: 1.2em; color: #0018A8; } .campaign .share-wrapper { margin-top: 0.6em; } .info-text { font-size: 21px; line-height: 24px; margin-bottom: 20px; } li .info-text, .info-text.small { font-size: 16px; margin-bottom: 16px; } .campaign .w66 .article .mmt .mmt-content .small-text { display: block; } .campaign .container-headline { margin: 50px 0 10px; } .campaign ol.campaign-list { list-style-type: decimal; } .campaign ul.campaign-list { list-style-type: disc; } .campaign .campaign-list { list-style-position: inside; } .campaign .campaign-list li { display: list-item; font-size: 21px; border-bottom: 1px solid #d3d3d3; padding-top: 35px; } .campaign .campaign-list.brief li { padding-top: 28px; } .campaign .campaign-list li:last-child, .campaign .campaign-list.brief li { border-bottom: none; } .campaign .campaign-list li > p { margin-top: 30px; font-size: 16px; line-height: 24px; } .campaign .campaign-list li > ul { list-style-type: circle; } .campaign .campaign-list li > p:first-of-type { font-size: 21px; display: inline; } .campaign .campaign-list.brief li, .campaign .campaign-list.brief li > p, .campaign .campaign-list.brief li > p:first-of-type { font-size: 16px; } .campaign .w66 .article .button-area a.button { margin-top: 20px; display: inline-block; } .campaign .w33 .right-panel .box:first-of-type .button-area { margin-top: 10px; } .campaign .w66 .article .container { padding-bottom: 0; } .campaign .info-text .icon-pdf-file { margin-right: 10px; } .campaign.no-padding { padding-bottom: 0; } /** * Campaign end */ /** * Campaign Hub Start */ body.campaign-hub .mtn-entry { margin-top: 0; } body.campaign-hub .cst-list-container .cst-list.cols-3 > li.list-entry:nth-child(3n+1) { margin-left: 0; } body.campaign-hub .link.button.long { width: 98%; } body.campaign-hub .list-entry { background-color: #fff; margin-top: 0; } body.campaign-hub .list-entry .mmt .headline { padding-top: 0; } body.campaign-hub .list-entry .mmt .small-text.grey-text { display: block; margin-bottom: 15px; } body.campaign-hub div.dyn-col[data-options=with-load] .mmt { margin-bottom: 25px; } body.campaign-hub .container.no-padding { padding-bottom: 0; } .mmt.white .col-2-1 { padding: 0 20px; } .mmt.white .headline.main-headline, .mmt .headline.main-headline { margin-bottom: 20px; } .mmt.white .text { min-height: 100px; } .mmt.white .mmt-content .media figure .figure-wrapper img { margin-top: 0; } /** * Campaign Hub End */ /** * Campaign Article End */ body.campaign-article .campaign .w66 .article .mmt .mmt-content .small-text:first-child { margin-top: 20px; } .campaign-article .mak-headline.headline { font-size: 20px; } .campaign-article .mak-content .mmt-content .headline-main{ margin-top: 0.5em; font-size: 22px; font-weight: bold; } .campaign-article .mak.single.enabled{ margin-bottom: 30px; } /** * Campaign Article End */ /** * Solution start */ .solution .container-headline { margin: 0 0 25px; line-height: 1.1em; } .solution.no-padding { padding-bottom: 0; } .solution .link.text.text-blue .icon-pdf-file { margin-right: 10px; top: 3px; } .solution .clear-div.line { padding-bottom: 10px; padding-top: 10px; } .solution .button-wrapper { margin: 2em 0; display: inline-block; } /** * Solution end */ /* * Featured Carousel Start */ .featured-stage { font-size: 16px; position: relative; overflow: hidden; max-width: 78.125em; margin: 0 auto; } .featured-stage.fullWidth { max-width: none; width: 100%; margin: 0 0; } .featured-stage.h-310 { height: 30em; } .featured-stage.h-btnNavi { height: 37.5em; } .featured-stage .featured-stage-navigation { width: 100%; height: 100%; } .featured-stage.dot-navi .featured-stage-navigation ul.dot-navigation { display: block; } .custom-stage.arrow-navi .custom-stage-navigation div.arrow-navigation { display: block; } .featured-stage .featured-stage-navigation ul.dot-navigation { display: none; position: absolute; text-align: center; width: 100%; height: 2.5em; bottom: 0; cursor: default; } .featured-stage .featured-stage-navigation ul.dot-navigation li { display: inline-block; margin-right: 0.25em; } .featured-stage .featured-stage-navigation ul.dot-navigation li a { display: block; text-decoration: none; background-image: url(about:blank); width: 12px; height: 12px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 2px solid #b2b2b2; } .featured-stage .featured-stage-navigation ul.dot-navigation li.active a { background-color: #b2b2b2; } .featured-stage .featured-stage-navigation div.arrow-navigation { display: none; width: 100%; height: 100%; } .featured-stage .featured-stage-navigation div.arrow-navigation a.left-arrow, .featured-stage .featured-stage-navigation div.arrow-navigation a.right-arrow { font-family: Icons; display: block; position: absolute; width: 95px; height: 95px; background-image: url(); background-repeat: repeat; text-align: center; text-decoration: none; font-size: 50px; color:#fff; background-color: rgba(102, 102, 102, 0.5); top: 0; bottom: 2em; margin: auto 0; -webkit-transform: translateZ(0); } .featured-stage .featured-stage-navigation div.arrow-navigation .left-arrow { left: 0; background-color: rgba(102, 102, 102, 0.5); } .featured-stage .featured-stage-navigation div.arrow-navigation .right-arrow { right: 0; background-color: rgba(102, 102, 102, 0.5); } .featured-stage .featured-stage-navigation div.arrow-navigation .left-arrow:before, .featured-stage .featured-stage-navigation div.arrow-navigation .right-arrow:before { position: absolute; display: block; width: 94px; height: 94px; color:#fff; /*background-color: rgba(102, 102, 102, 0.5);*/ overflow: hidden; line-height: 94px; top: 0; } .featured-stage .featured-stage-navigation div.arrow-navigation .left-arrow:before { content: "\e615"; left: 0; /*background-color: rgba(102, 102, 102, 0.5);*/ } .featured-stage .featured-stage-navigation div.arrow-navigation .right-arrow:before { content: "\e616"; right: 0; /*background-color: rgba(102, 102, 102, 0.5);*/ } ul.featured-carousel { position: absolute; white-space: nowrap; height: 100%; width: 100%; /*font-size: 0px;*/ } ul.featured-carousel li.carousel-element { float: none; position: relative; display: inline-block; overflow: hidden; width: 68%; height: 100%; max-width: none; vertical-align: top; top: 0; margin:0 16%; white-space: normal; } @media (min-width: 48em) { li.carousel-element .mmt.with-media.right.center .col-2-1 { width: 47.87%; } } @media (max-width: 85.5em){ ul.featured-carousel li.carousel-element { width: 68%; margin:0 16%; } li.carousel-element .mmt.with-media.right.center .media { margin-top: 40px; } } @media (max-width: 64em){ ul.featured-carousel li.carousel-element { width: 79%; margin: 0 9.5%; } } @media (max-width: 48em) { .featured-stage.h-310 { height: 40.375em; } } ul.featured-carousel li.carousel-element span.additional-headline { color: #000000; } /* * Featured Carousel End */ /* * Event updates Start */ .event-panel .mak .mak-entry .col-2-2.w66 { margin-top: 0; } body.event .margin-top-3rem.right-panel section:first-of-type.box { padding-top: 11.3rem; } body.event .right-panel .box { padding: 1.75em 0 0.5em; } body.event .right-panel section:last-of-type.box { padding-bottom: 2em; } /* * Event updates Start */ /* * Modal window Start */ .modal-panel { visibility: hidden; z-index: 1; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 430px; max-width: 100%; height: 550px; max-height: 100%; } .modal-panel h3 { font-size: 36px; text-transform: uppercase; padding-bottom: 25px; } .modal-close-button:hover { cursor: pointer; } footer { padding-top: 25px; } footer span { margin-right: 10px; } footer span a { display: inline-block; } .modal-panel-outer { position: fixed; top: 0; left: 20%; right: 20%; bottom: 0; margin: 30px 0; } .scrollable { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal-close-wrapper { position: absolute; right: 15px; } .modal-close-button { font-size: 40px; z-index: 1; } .modal-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; } .modal-overlay.show-overlay { display: block; } } /* * Modal window End */ /* * Teradata Iframe Start */ @media (max-width: 1024px) { iframe#registerFrame { height: 1250px; } } @media (max-width: 1024px) { .modal-panel-outer { position: absolute; left: 10%; right: 10%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal-overlay .form-wrap { padding: 60px 20px; } } @media (max-width: 48em) { .modal-panel-outer { left: 5%; right: 5%; } } /* * Teradata Iframe End */ .gated-col .button-area a.link.button.icon { display: inline-block; } /*Fix start*/ .mtn-entry > div:first-child .mmt { padding-top: 1.25em; } /*Fix end*/ /*Privacy notice list start*/ .privacy-notice-list ul li { overflow: hidden; padding: 30px 0; border-top: 1px solid #e0e6e6; } .privacy-notice-list ul li div:not(:first-child) { padding-top: 50px; text-align: right; } .privacy-notice-list p { margin-bottom: 5px; } .privacy-notice-list a { display: block; margin-bottom: 5px; line-height: 24px; } .privacy-notice-list .icon-pdf-file { font-size: 18px; margin-right: 5px; height: auto; top: 2px; display: inline-block; } @media (max-width:768px){ .privacy-notice-list ul li div:not(:first-child) { padding-top: 20px; text-align: left; } .privacy-notice-list .w50, .privacy-notice-list .w25 { margin-bottom: 0; } } /*Privacy notice list end*/ /*START TWO LINKS SECTION flow magazine*/ .two-links a { display: inline-block !important; padding: 0 1.25em !important; } .two-links a:last-of-type { margin-left: 20px; } .two-links .headline { color: #000; margin: 0; } /*END TWO LINKS SECTION flow magazine*/ /*START Subscribe content-width flow magazine*/ .right-absolute-position { position: absolute; right: 40px; top: 50%; margin-top: -16px; } @media (max-width:768px){ .right-absolute-position { position: relative; text-align:left; display: block; padding: 0 0 20px 40px; } } /*END Subscribe content-width flow magazine*/ /*START image online e-book FLOW MAGAZINE*/ .relative-container { position: relative; } .absolute-position-info { position: absolute; top: 50%; right: 10%; line-height: 1.2; } .absolute-position-info h2 { font-size: 1.8em; color: #fff; margin-bottom: 20px; text-shadow: 3px 3px 6px rgba(150, 150, 150, 0.4); } @media (max-width:768px) { .absolute-position-info { top: 20%; left: 0; right: 0; text-align: center; } .list-entry .with-media.with-link.mmt { width: 100%; } } /*END image online e-book FLOW MAGAZINE*/ /* START archive FLOW MAGAZINE */ .archive .issue-info, .archive .article-info { display: inline-block; float: left; } .archive .issue-info { width: 15%; } .archive .issue-info span { display: block; color: #666666; } .archive .article-info { max-width: 60%; margin-left: 10%; } .archive .article-info h3 { color: #0098DB; margin-bottom: .6rem; } .archive .article-info h2 { font-size: 1.6rem; margin-bottom: .6rem; } .archive .right-absolute-position img { max-width: 100px; margin-top: -50px; } .archive > img { width: 100%; margin-bottom: .5rem; } .mobile-only { display: none; } @media (max-width:768px) { .mobile-only { display: block; } .desktop-only { display: none; } .archive .issue-info { width: 30%; } } /* END archive FLOW MAGAZINE */ body.content-search-no-scrolling { position: fixed; overflow-y: scroll; width: 100%; } body.content-search-no-scrolling > header { z-index: 10; } .ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; } .ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0.6; filter: alpha(opacity=60); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; } .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; } .ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; } .ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; } .ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; } /* === Content search toolbox === */ .toolbox-navigation { z-index: 25; overflow: visible; } .toolbox-navigation ul li.open.active { z-index: 40; } .toolbox-navigation .toolbox-search.active { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .toolbox-navigation .toolbox-search.is-loading .search-button { background: url() center 16px no-repeat; cursor: default; } .toolbox-navigation .toolbox-search.is-loading .search-button:before { display: none; } .toolbox-navigation > ul > li { display: inline-block; float: none; clear: none; margin-top: 0px; margin-left: 0px; } .toolbox-navigation > ul > li.no-mobile { display: none; } .toolbox-navigation > ul > li.toolbox-search.active { background-color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 48em) { .toolbox-navigation > ul > li.toolbox-search.active { padding-left: 13px; padding-right: 56px; } } .toolbox-navigation > ul > li.toolbox-search.active a.extended-search { display: none; } .toolbox-navigation > ul > li.toolbox-search input { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 30px; margin-top: 13px; height: 30px; outline: none; } .toolbox-navigation > ul > li.toolbox-search input[type='text'], .toolbox-navigation > ul > li.toolbox-search input[type='number'], .toolbox-navigation > ul > li.toolbox-search textarea { font-size: 0.9em; } .toolbox-navigation > ul > li.toolbox-search .extended-search { display: none; } .toolbox-navigation > ul > li.toolbox-search a.search-button { right: 0px; width: 56px; height: 56px; position: absolute; text-decoration: none; color: white; } .toolbox-navigation > ul > li.toolbox-search a.search-button:before { font-family: Icons; /*font-size: 1.1875em;*/ content: ""; /*line-height:56px;*/ } .toolbox-navigation > ul > li.toolbox-search a.search-button:after { content: ""; } .toolbox-navigation .content-search-overlay { position: fixed; background-image: url(); z-index: 30; top: 0px; left: 0px; right: 0px; bottom: 0px; } .toolbox-navigation .content-search-overlay .result-wrapper { position: fixed; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding-top: 0.625em; padding-left: 0.625em; padding-right: 0.625em; padding-bottom: 0em; } .toolbox-navigation .content-search-overlay .result-wrapper.error { border-color: #e00034; color: #e00034; font-weight: bold; padding-bottom: 0.8125em; } .toolbox-navigation .content-search-overlay .result-wrapper .search-results-title { color: #666666; margin-bottom: 0.625em; } .toolbox-navigation .content-search-overlay .result-wrapper .search-result-wrapper { color: #666666; overflow: hidden; position: relative; } .toolbox-navigation .content-search-overlay .result-wrapper .search-result-wrapper .search-result { margin-bottom: 1.5625em; } .toolbox-navigation .content-search-overlay .result-wrapper .search-result-wrapper .search-result a { text-decoration: none; } .toolbox-navigation .content-search-overlay .result-wrapper .search-result-wrapper .search-result b { color: black; font-weight: normal; } .toolbox-navigation .content-search-overlay .result-wrapper .search-result-wrapper .search-result p { margin-top: 3px; margin-bottom: 0; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper { width: 100%; height: 2.25em; position: relative; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper ul { display: none; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > a { position: absolute; left: 0.8125em; top: 0px; line-height: 2.25em; color: black; text-decoration: none; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > a.inactive { color: #cccccc; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > a.next-page { right: 0.8125em; left: auto; } .toolbox-navigation .content-search-overlay .result-wrapper .close-button-wrapper { background-color: #eff2f2; padding: 0.625em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; } .toolbox-navigation .content-search-overlay .result-wrapper .close-button-wrapper a { color: black; text-decoration: none; padding-left: 25px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolbox-navigation .content-search-overlay .result-wrapper .loading-overlay { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(); z-index: 30; } .toolbox-navigation .content-search-overlay .result-wrapper .loading-overlay:after { content: ''; width: 2em; height: 2em; top: 50%; left: 50%; position: absolute; display: block; margin-top: -1em; margin-left: -1em; background: url() center center no-repeat; } .toolbox-navigation .ps-scrollbar-x-rail { visibility: hidden; } .toolbox-navigation .ps-scrollbar-x-rail:hover { visibility: hidden; } @media (min-width: 48em) { .mobile-detector.show-on-mobile { display: none; } .toolbox-navigation { bottom: auto; right: 0; width: auto; } .toolbox-navigation > ul { margin-top: 0; } .toolbox-navigation > ul > li { display: block; float: right; clear: right; margin-left: 1px; } .toolbox-navigation > ul > li.toolbox-search.active input { margin-top: 3px; width: 222px; left: 56px; } .toolbox-navigation > ul > li.toolbox-search a.search-button { width: 35px; } .toolbox-navigation > ul > li.no-mobile { display: inline-block; } .toolbox-navigation .content-search-overlay .result-wrapper { right: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: 1px solid #8996a0; width: 45.25em; padding-top: 1em; padding-left: 1.3125em; padding-bottom: 1.3125em; padding-right: 1.3125em; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper { background-color: #eff2f2; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > ul { display: block; text-align: center; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > ul li { display: inline-block; position: relative; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > ul li:first-child a:before { display: none; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > ul li a { line-height: 2.25em; margin-left: 0.3125em; margin-right: 0.3125em; text-decoration: none; color: black; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > ul li a.current-page { color: #666666; } .toolbox-navigation .content-search-overlay .result-wrapper .pagination-wrapper > ul li a:before { content: ""; width: 1px; height: 0.875em; background-color: #b4b4b4; position: absolute; left: 0px; top: 10px; } .toolbox-navigation .content-search-overlay .result-wrapper .close-button-wrapper { display: none; } } /* */ /* Google search customise*/ #main-navigation .navigation-search { position: absolute; right: 0; z-index: 2; width: auto; min-width: 250px; } #main-navigation .navigation-search .search-title { float: left; position: relative; display: block; z-index: 1; margin-right: 10px; margin-top: 7px; font-size: 0.9375em; line-height: 2.33333em; } #main-navigation .navigation-search .search-wrap { width: auto; height: 100%; position: relative; padding: 0 56px 0 0; } #main-navigation .navigation-search .search-wrap span.icon-magnifier { position: absolute; right: 56px; top: 0; display: block; width: 26px; height: 26px; font-size: 18px; color: #333; padding: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #ccc; border-left: none; } #main-navigation .navigation-google-search .google-search-wrap td.gsc-search-button { width: 26px !important; opacity: 0; } #main-navigation .navigation-google-search .google-search-wrap .cse .gsc-control-cse, .gsc-control-cse { padding: 0; border: 0; margin: 0; font-family: inherit; } #main-navigation .navigation-google-search .google-search-wrap form.gsc-search-box { display: block; margin-bottom: 0; } #main-navigation .navigation-google-search .google-search-wrap table.gsc-search-box { margin-bottom: 0; } #main-navigation .navigation-google-search .google-search-wrap .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0; padding-top: 7px; display: block; height: 1.7em !important; margin: 0 !important; } #main-navigation .navigation-google-search .google-search-wrap .gsib_a input.gsc-input::-webkit-input-placeholder, #main-navigation .navigation-google-search .google-search-wrap .gsib_a input.gsc-input::-moz-placeholder, #main-navigation .navigation-google-search .google-search-wrap .gsib_a input.gsc-input:-ms-input-placeholder, #main-navigation .navigation-google-search .google-search-wrap .gsib_a input.gsc-input:-moz-placeholder { font-style: italic; } #main-navigation .navigation-google-search .google-search-wrap .gsc-input-box { border: 1px solid #ccc !important; border-top: 1px solid #ccc !important; border-right: none !important; box-shadow: none !important; } #main-navigation .navigation-google-search .google-search-wrap .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { margin-top: 0; padding: 0; min-width: 26px; } #main-navigation .navigation-google-search .google-search-wrap .cse input.gsc-search-button, input.gsc-search-button { height: 26px; border-radius: 0; color: #ccc; background-color: #fff; border: 1px solid #ccc; min-width: 26px; font-size: 20px; text-align: center; } #main-navigation .navigation-google-search .google-search-wrap #___gcse_1 .gsc-control-cse { font-family: inherit; padding: 0; margin: 0; border: 0; } #main-navigation .navigation-google-search .google-search-wrap .gsc-control-wrapper-cse { display: block; height: 26px; margin-top: 12px; } #main-navigation .navigation-google-search .google-search-wrap .gsc-control-wrapper-cse form.gsc-search-box-tools { margin: 0; } #main-navigation .navigation-google-search .google-search-wrap .gsc-control-wrapper-cse form.gsc-search-box-tools .gsc-search-box { display: block; } #main-navigation .navigation-google-search .google-search-wrap .gsc-control-wrapper-cse form.gsc-search-box-tools .gsc-search-box tr .gsc-input { padding: 0; } #main-navigation .navigation-google-search .google-search-wrap .gsc-control-wrapper-cse form.gsc-search-box-tools .gsc-search-box tr .gsc-input .gsc-input-box { background: transparent; height: auto !important; } #main-navigation .navigation-google-search .google-search-wrap .cse input.gsc-search-button, input.gsc-search-button { padding: 0; margin: 0; background-color: transparent; border-radius: 0; border-color: #ccc; border: 1px solid #ccc; } #main-navigation .navigation-google-search .google-search-wrap .cse .gsc-search-button input.gsc-search-button-v2, #main-navigation .navigation-google-search .google-search-wrap input.gsc-search-button-v2 { width: 26px; height: 26px; padding: 0; margin: 0 !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: transparent; border-radius: 0 !important; border: 1px solid #ccc; border-left: none !important; } #main-navigation .navigation-google-search .google-search-wrap .gsib_b { display: none !important; } #main-navigation .navigation-search .search-wrap .form.gsc-search-box, #main-navigation .navigation-search .google-search-wrap table.gsc-search-box { margin-bottom: 0 !important; } .google-search-wrap .gsib_a, .google-search-wrap .gsib_b { padding: 0 20px 0 0 !important; } .toolbox-navigation ul .toolbox-google-search .gsib_a input.gsc-input, .toolbox-navigation ul .toolbox-google-search input, #main-navigation .navigation-google-search .google-search-wrap .gsib_a input.gsc-input { font-size: 14px; line-height: 24px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 6px !important; } #main-navigation .navigation-google-search .google-search-wrap input.gsc-search-button, #main-navigation .navigation-google-search .google-search-wrap input.gsc-search-button:hover, #main-navigation .navigation-google-search .google-search-wrap input.gsc-search-button:focus { border-color: #ccc; } @media (max-width: 768px) { #main-navigation .navigation-google-search { position: relative; right: auto; border-top: 1px solid #ccc; width: 97% !important; } #main-navigation .search { position: static !important; margin: 20px 20px 10px; } #main-navigation .search #searchBox { height: 30px; } #main-navigation .search .searchBoxIcon { top: 4px; } #main-navigation .navigation-google-search .google-search-wrap { height: 100%; padding: 20px; } #main-navigation .navigation-google-search .search-title { padding-top: 8px; padding-left: 12px; } #main-navigation .navigation-google-search .google-search-wrap .gsc-control-wrapper-cse { margin-top: 0; } #main-navigation .navigation-google-search .google-search-wrap span.icon-magnifier { top: 20px; right: 20px; } #main-navigation .navigation-google-search .google-search-wrap td.gsc-search-button { width: 1% !important; } } /* Google search customise end */ /* */ .ps-container .ps-scrollbar-x-rail { position: absolute; /* please don't change 'position' */ bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0; filter: alpha(opacity=0); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; } .ps-container:hover .ps-scrollbar-x-rail, .ps-container.hover .ps-scrollbar-x-rail { opacity: 0.6; filter: alpha(opacity=60); } .ps-container .ps-scrollbar-x-rail:hover, .ps-container .ps-scrollbar-x-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail { position: absolute; /* please don't change 'position' */ right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0.6; filter: alpha(opacity = 60); -o-transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; } .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-y-rail.in-scrolling { background-color: #eee; opacity: 0.9; filter: alpha(opacity=90); } .ps-container .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-x { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x, .ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x { background-color: #999; } .ps-container .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -o-transition: background-color .2s linear; -webkit-transition: background-color.2s linear; -moz-transition: background-color .2s linear; transition: background-color .2s linear; } .ps-container.ie6 .ps-scrollbar-y { font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */ } .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y { background-color: #999; } .ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; } .ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; } /* *//* New Search styles */ .search-wrap { position: relative; width: 100%; max-width: 64em; margin: 0 auto; } .search { width: auto; display: inline-block; top: 24px; right: 64px; transform: translateY(-50%); z-index: 10; } .search #searchBox { height: 24px; line-height: 22px; padding: 0 30px 0 8px; outline: none; background-size: cover !important; } .search .searchBoxIcon { border: none !important; width: 22px; min-width: auto; height: 22px; position: absolute; right: 1px; top: 2px; outline: none; background-size: cover !important; background-color: transparent !important; } .search .searchBoxIcon:before { position: absolute; font-family: 'Icons'; content: "\e601"; font-size: 18px; line-height: 22px; width: 22px; top: 0; right: 0; color: #000; } body .ss360-layer-content { padding: 0 50px !important; } body .ss360-group, body .ss360-group-_ { padding: 0 0 50px !important; } .ss360-suggests { margin: 20px 0 !important; } .ss360-suggests a { font-size: 16px !important; cursor: pointer; color: #0098DB; text-decoration: underline; } .ss360-suggests a .ss360-content-container p, #ss360-layer.ss360-overlay p { font-size: 14px !important; line-height: 20px; } body #ss360CloseLayerButton, body #ss360CloseLayerButton:hover { top: 0 !important; right: 0 !important; padding: 20px 30px !important; background: none; width: auto; height: auto; animation-name: none !important; } body #ss360CloseLayerButton:before { font-family: 'Icons'; content: "\e60f"; font-size: 38px; line-height: 32px; color: #000; } body #ss360-layer.ss360-overlay { padding: 0 !important; } body .ss360-layer-content>h2 { padding: 50px 0 10px; font-size: 13px !important; } body #ss360-layer h4 { display: none; background-color: white; font-size: 16px; padding: 0; color: #000; } /* Mouseover module */ .mod-word-cluster { width: 100%; padding-bottom: calc((9/16) * 100%); font-family: "Univers Deutsche Bank", Arial, sans-serif; position: relative; } .mod-word-cluster * { box-sizing: border-box; } .mod-word-cluster .mwc-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .mod-word-cluster .mwc-background-wrapper { display: flex; align-items: center; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .mod-word-cluster .mwc-background-wrapper .mwc-word-wrapper { position: relative; width: 80%; height: 80%; margin-left: 5%; } .mod-word-cluster .mwc-background-wrapper .mwc-cluster-word { color: gray; position: absolute; font-weight: bold; cursor: default; padding: 5px; font-size: 24px; max-width: 300px; } .mod-word-cluster .mwc-background-wrapper .mwc-cluster-word:hover { color: #0018A8; } .mod-word-cluster .mwc-more-info-div { position: absolute; border: 2px solid #0018A8; background: #fff; border-radius: 10px; padding: 20px 10px; max-width: 400px; color: gray; } @media (max-width:768px){ .mod-word-cluster { padding-bottom: calc((1/1) * 100%); } .mod-word-cluster .mwc-background-wrapper .mwc-word-wrapper { margin-left: 0; } .mod-word-cluster .mwc-background-wrapper .mwc-cluster-word { font-size: 18px; } .mod-word-cluster .mwc-more-info-div { position: static; width: 100%; max-width: 100%; border-radius: 0; } } @media (max-width: 30em) { .mod-word-cluster .mwc-background-wrapper .mwc-cluster-word { font-size: 14px; } }