﻿.activitystream-wrapper .tile-inner-wrapper{background-color:#f0f0f0;margin-bottom:30px;position:relative}
.activitystream-wrapper .panel-content{display:none}
.activitystream-wrapper .panel-intro h2{margin:0}
.activitystream-wrapper .panel-intro .lead{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}
.activitystream-wrapper .panel-intro .icon{color:#b6b6b6;font-size:2.25rem;position:absolute;right:10px;top:5px}
.tile-event .panel-intro .date{color:#7c7c7c;font-size:1.375rem;overflow:hidden;white-space:nowrap}
.tile-event .panel-intro .lead .createddate{display:block}
.tile-event .date>span{display:inline-block;line-height:normal;vertical-align:middle}
.tile-event .panel-intro .day{font-size:3.75rem;margin-right:5px}
.tile-event .panel-intro .hour{border-left:1px solid;margin-left:13px;padding-left:18px}
.tile-event .panel-intro .hour strong{font-weight:700}
.tile-pressrelease .date,.tile-presentation .date{display:block}
.tile-social .social-logo{position:absolute;right:10px;top:10px;height:25px}
.tile-social .title{overflow:hidden}
.tile-social .profil-info{float:left}
.tile-social .profil-link{width:100%}
.tile-social .profil-image{width:40px;float:left;margin-right:20px}
.tile-social .profil-info{line-height:1.125rem;width:calc(100% - 60px)}
.tile-social .profil-name{color:#333}
.tile-social .profil-timestamp{color:#7c7c7c}
.tile-video .panel-intro .icon{top:15px}
.tile-video .panel-intro,.tile-presentation .panel-intro{position:relative}
.tile-video .panel-intro h2{padding-right:50px}
.tile-video .video-image{position:relative}
.tile-video .video-image .image-link{bottom:0;left:0;position:absolute;right:0;top:0;z-index:50}
.tile-video .video-image:after{background:url("../images/video-play-sprite.png") no-repeat 0 0 transparent;content:" ";display:block;height:58px;left:50%;margin-left:-29px;margin-top:-29px;opacity:.8;position:absolute;top:50%;width:58px}
.touch-device .tile-video .video-image:after{display:none}
.wcms-darkblue-theme .tile-video .video-image:after{background-position:0 -58px}
.wcms-lightblue-theme .tile-video .video-image:after{background-position:0 -116px}
.wcms-darkgreen-theme .tile-video .video-image:after{background-position:0 -174px}
.wcms-lightgreen-theme .tile-video .video-image:after{background-position:0 -232px}
.wcms-red-theme .tile-video .video-image:after{background-position:0 -290px}
input.activitystream-cursor[type="range"]{display:none}
.activitystream-filter ul{display:none}
.activitystream-filter li{list-style-type:none}
.activitystream-filter input[type="radio"]{margin-right:3px;opacity:0;width:20px}
.activitystream-content-wrapper .loader{background:url(../images/basf_gif-load_55px.gif) no-repeat 0 0;height:55px;left:calc(50% - 27px);position:absolute;top:57%;width:55px;display:none}
.activitystream-content-wrapper .firstloader{background:url(../images/basf_gif-load_55px.gif) no-repeat 0 0;height:55px;left:calc(50% - 27px);position:absolute;top:200px;width:55px}
.activitystream-zeroresultsmessage{padding-left:30px}
.activitystream-resultbucket{height:auto}
.activitystream-row-wrapper .mouse-control{position:absolute;z-index:1000}
.activitystream-row-wrapper .mouse-control.outer{right:0;left:0;z-index:0}
.activitystream-row-wrapper .mouse-control.inner-left{left:0}
.activitystream-row-wrapper .mouse-control.inner-right{right:0}
@media(min-width :768px){.activitystream-row-wrapper .activitystream-filter-head{margin:0 30px 0 30px}
.activitystream-wrapper:not(.vertical) .activitystream-content-wrapper{height:auto}
.activitystream-filter-header{margin-bottom:1rem}
.activitystream-filter-header .filter-selector{cursor:pointer;font-weight:700;margin-left:30px;position:relative}
.activitystream-filter{background-color:#dcdcdc;border-bottom:2px solid #dcdcdc;margin-bottom:30px;position:relative}
.activitystream-filter ul{margin:0;padding:15px}
.activitystream-filter li{background-color:#fff;display:inline-block;float:left;height:2.5rem;line-height:2.5rem;margin:0 10px 10px 0;padding:0}
.activitystream-filter li label{cursor:pointer;margin:0;padding:0 20px}
.activitystream-filter li label div{line-height:1.5625rem}
.activitystream-wrapper .tile-inner-wrapper{height:280px}
.activitystream-wrapper:not(.vertical){overflow:hidden}
.activitystream-wrapper .activitystream-timeline{position:relative;white-space:nowrap}
.activitystream-wrapper .activitystream-timeline .tile{opacity:0}
.activitystream-wrapper .tile{display:inline-block;float:none;position:relative;vertical-align:top;white-space:normal;transition:opacity .4s ease-in-out}
.activitystream-wrapper:not(.vertical) .activitystream-wrapper .tile{opacity:0}
.tile-sm{width:310px}
.tile-lg{width:430px}
.activitystream-wrapper .panel-intro,.activitystream-wrapper .panel-content{padding:15px}
.activitystream-wrapper .panel-content p{margin:0}
.activitystream-wrapper .tile-video h2,.activitystream-wrapper .tile-presentation h2{overflow:hidden;max-height:60px}
.activitystream-wrapper .tile-pressrelease h2{overflow:hidden;max-height:180px}
.activitystream-wrapper .tile-event h2{overflow:hidden;text-overflow:ellipsis;max-height:120px}
.activitystream-wrapper .tile-video p,.activitystream-wrapper .tile-presentation p,.activitystream-wrapper .tile-event p{overflow:hidden;max-height:125px}
.activitystream-wrapper .tile-pressrelease p{overflow:hidden;max-height:200px}
.panel-content .tile-link{display:inline-block;font-weight:700;margin-top:16px}
.activitystream-wrapper .tile-inner-wrapper:hover .panel-content{bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:60}
.activitystream-wrapper .rangeslider,.rangeslider__fill{background:#dedede;display:block;height:9px;width:100%}
.activitystream-wrapper .rangeslider{cursor:pointer;position:relative}
.activitystream-wrapper .rangeslider__fill{position:absolute;top:0}
.activitystream-wrapper .rangeslider__handle{background-color:#f39500;cursor:pointer;display:inline-block;height:9px;position:absolute;width:220px}
.wcms-darkblue-theme .activitystream-wrapper .rangeslider__handle{background-color:#004a96}
.wcms-lightblue-theme .activitystream-wrapper .rangeslider__handle{background-color:#21a0d2}
.wcms-darkgreen-theme .activitystream-wrapper .rangeslider__handle{background-color:#00793a}
.wcms-lightgreen-theme .activitystream-wrapper .rangeslider__handle{background-color:#65ac1e}
.wcms-red-theme .activitystream-wrapper .rangeslider__handle{background-color:#c50022}
.filter-selector:after{border:7px solid #dcdcdc;left:50%}
.filter-selector i{padding-right:10px}
.rangeslider__handle:after{border:7px solid #f39500;left:50%}
.wcms-darkblue-theme .rangeslider__handle:after{border-color:#004a96}
.wcms-lightblue-theme .rangeslider__handle:after{border-color:#21a0d2}
.wcms-darkgreen-theme .rangeslider__handle:after{border-color:#00793a}
.wcms-lightgreen-theme .rangeslider__handle:after{border-color:#65ac1e}
.wcms-red-theme .rangeslider__handle:after{border-color:#c50022}
.activitystream-wrapper .rangeslider__handle:after,.filter-selector:not(.close):after{border-top:0;border-left-color:transparent;border-right-color:transparent;content:"";margin-left:-7px;top:-7px;position:absolute}
.filter-selector:not(.close):after{top:30px}
.tile.show-more a{height:280px;line-height:280px;text-align:center;width:280px}
.tile.show-more span{display:inline-block;line-height:normal;margin-top:20px;paddong-left:10px;vertical-align:middle}
.tile-video .video-image,.tile-presentation .presentation-image{height:222px;overflow:hidden;position:relative}
.tile-presentation .presentation-image{height:169px}
.tile-video .video-image img,.tile-presentation .presentation-image img{bottom:-100%;left:-100%;margin:auto;position:absolute;right:-100%;top:-100%;width:100%}
.tile-presentation .presentation-image img{bottom:0;top:auto}
.tile-video .panel-intro h2,.tile-presentation .panel-intro h2,.tile-presentation .panel-content h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile-presentation .panel-intro{position:relative}
.tile-social .panel-intro{height:100%;overflow:hidden}
.tile-social .panel-intro p{max-height:150px;overflow:hidden}
.tile-container{position:relative}
.activitystream-wrapper:not(.vertical) .tile-container{display:none}
.date-selector{height:100%;overflow-y:auto;overflow-x:hidden;position:absolute;right:15px;top:0}
.date-selector ul,.date-selector li{list-style-type:none;margin:0;padding:0}
.date-selector>ul{width:120px}
.date-selector ul ul{display:none}
.date-selector li a{cursor:pointer;background:#dcdcdc;display:block;padding:5px 8px}
.date-selector li a.month{padding-left:15px}
.date-selector li.active>a,.date-selector li.current>a{color:#000;font-weight:700}
.date-selector li.active>a.month{border-left-style:solid;border-left-width:5px}
.date-selector li:not(.active) a:hover,.date-selector li:not(.current) a:hover{background:#7c7c7c;color:#FFF}
.date-selector .current i.icon{float:right}
.activitystream-row-wrapper{margin:0 -15px}
.activitystream-row-wrapper .parbase{padding:0}
.touch-device .activitystream-row-wrapper .activitystream-timeline{overflow:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
.touch-device .modal-open .activitystream-timeline{overflow:visible}
html:not(.touch-device) .activitystream-row-wrapper .row.row-top,html:not(.touch-device) .activitystream-row-wrapper .row.row-bottom{padding-left:30px}
.activitystream-row-wrapper .activitystream-filter-header,.activitystream-row-wrapper .activitystream-filter{margin-left:30px;margin-right:30px}
.activitystream-row-wrapper .activitystream-cursor-wrapper{height:50px;margin:0 30px;position:relative}
.activitystream-row-wrapper .activitystream-cursor-wrapper .timestamp{color:#7c7c7c;position:absolute;top:10px;white-space:nowrap}
.date-selector>ul.dates{display:none}
@media screen and (-webkit-min-device-pixel-ratio:0){.activitystream-row-wrapper .row.row-top,.activitystream-row-wrapper .row.row-bottom{padding-left:30px}
}
}
@media(min-width:768px) and (max-width:991px){.activitystream-row-wrapper .activitystream-cursor-wrapper .timestamp{font-size:11px}
}
@media(max-width :767px){.activitystream-row-wrapper .activitystream-filter-head{margin:0 0 1em 13px}
.activitystream-wrapper:not(.vertical) .activitystream-resultbucket .tile:nth-child(n+6):not(.show-more){display:none}
.activitystream-content-wrapper{display:none}
.activitystream-wrapper{margin:0 -15px}
.activitystream-filter{padding-left:30px}
.activitystream-filter-header{padding:0 15px}
.activitystream-wrapper .tile-inner-wrapper{padding:15px}
.tile.show-more .tile-inner-wrapper{background-color:transparent;margin:0;padding:0 15px}
.tile.show-more i{display:none}
.tile-video .tile-inner-wrapper,.tile-presentation .tile-inner-wrapper{padding:0 15px}
.tile-video .video-image,.tile-presentation .presentation-image{margin:0 -15px}
.tile-video img,.tile-presentation img{width:100%}
.tile-video .panel-intro,.tile-presentation .panel-intro{padding:15px 0}
.tile-video h2,.tile-presentation h2{padding:0 50px 0 0}
.tile-video .panel-intro .icon,.tile-presentation .panel-intro .icon{right:-5px}
.copytext{margin-bottom:0}
.date-selector{display:none}
.activitystream-filter-header{margin-bottom:15px}
.activitystream-filter-header a{color:#333;cursor:pointer;border-top:1px solid #dcdcdc;display:block;padding-top:15px}
.activitystream-filter-header a i{float:right}
.activitystream-filter>form>ul{margin:0;padding:0}
.activitystream-filter{border-bottom:1px solid #dcdcdc;margin:0 15px 30px;padding:0}
.activitystream-showmore-container{margin:0 15px}
}
.activitystream-wrapper:not(.vertical) .activitystream-showmore-container{display:none}
.activitystream-wrapper.vertical .tile.show-more{display:block}
.activitystream-wrapper .activitystream-wrapper .panel-intro h2{margin:0}
.activitystream-wrapper .tile-pressrelease h2{overflow:hidden;text-overflow:ellipsis}
.activitystream-wrapper .tile-video p,.activitystream-wrapper .tile-presentation p,.activitystream-wrapper .tile-event p{max-height:125px;overflow:hidden}
.lead{margin-bottom:11px;margin-top:0}