/* -------------------------------------------- */
/* The Virtual Brain: Website */
/* Version: 32 */
/* -------------------------------------------- */
/* Created by @twotribes, Germany */
/* -------------------------------------------- */
/* Browser Scope: ALL */
/* StyleSheet Scope: ACTORS */
/* !-------------------------------------------- */

/* !-------------------------------------------- */
/* !ACTOR: Main navigation */
/* !EXPRESSIONS: <none> , -minimal */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-nav-main {
    font-family: "aktiv-grotesk";
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: -0.0625em;
}

#actor-nav-main .actor-head {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 210px;
    -webkit-transition: top 0.5s ease;
    transition: top 0.5s ease;
}

#actor-nav-main .actor-body {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 210px);
    -webkit-transition: top 0.5s ease, height 0.5s ease;
    transition: top 0.5s ease, height 0.5s ease;
}

#actor-nav-main.expression-minimal .actor-body {
    top: -90px;
    height: calc(100% - -90px);
    -webkit-transition: top 0.5s ease, height 0.5s ease;
    transition: top 0.5s ease, height 0.5s ease;
}

/* --- Logo */
#actor-nav-main .actor-head .action {
    width: 100%;
    height: 100%;
}

#actor-nav-main .actor-head h1 {
    height: 100%;
    background: transparent url("./img/logo_tvb_main.svg") right 20px bottom 19px no-repeat;
    background-size: 73%;
    text-indent: -1000em;
    overflow: hidden;
    -webkit-transition: background-size 0.5s ease, background-position 0.5s ease;
    transition: background-size 0.5s ease, background-position 0.5s ease;
}

#actor-nav-main.expression-minimal .actor-head h1 {
    background-size: 38%;
    background-position: right 20px bottom -10px;
    -webkit-transition: background-size 0.5s ease, background-position 0.5s ease;
    transition: background-size 0.5s ease, background-position 0.5s ease;
}

/* --- Section links */
/* Illustrated buttons */
#actor-nav-main .cell {
    height: 100%;
    position: relative;
}

#actor-nav-main .cell:after {
    content: "";
    display: block;
    clear: left;
}

#actor-nav-main .molecule {
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
    position: relative;
}

#actor-nav-main .molecule .action-nav {
    width: 100%;
    height: 100%;
    padding-top: 104px;
    color: #2d86b1;
}

#actor-nav-main .molecule .action-nav:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
    background: transparent url("./img/icon_sprite_main_navigation.svg") center bottom no-repeat;
}

#actor-nav-main .nav-neuroscience .action-nav:before {
    background-position: center -827px;
}
.stage-neuroscience #actor-nav-main .nav-neuroscience .action-nav:before {
    background-position: center -724px;
}
#actor-nav-main .nav-brainsimulator .action-nav:before {
    background-position: center -591px;
}
.stage-brainsimulator #actor-nav-main .nav-brainsimulator .action-nav:before {
    background-position: center -487px;
}
#actor-nav-main .nav-newswire .action-nav:before {
    background-position: center -334px;
}
.stage-newswire #actor-nav-main .nav-newswire .action-nav:before {
    background-position: center -231px;
}
#actor-nav-main .nav-teamwork .action-nav:before {
    background-position: center -81px;
}
.stage-teamwork #actor-nav-main .nav-teamwork .action-nav:before {
    background-position: center 22px;
}

#actor-nav-main .molecule .action-nav mark {
    color: #184343;
    background: none;
}

/* Active section */
#actor-nav-main .nav-neuroscience .action-nav:hover,
.stage-neuroscience #actor-nav-main .nav-neuroscience .action-nav {
    color: #43a13d;
}
#actor-nav-main .nav-neuroscience .action-nav:hover mark, 
.stage-neuroscience #actor-nav-main .nav-neuroscience .action-nav mark {
    color: #22511f;
}

#actor-nav-main .nav-brainsimulator .action-nav:hover,
.stage-brainsimulator #actor-nav-main .nav-brainsimulator .action-nav {
    color: #662d91;
}
#actor-nav-main .nav-brainsimulator .action-nav:hover mark,
.stage-brainsimulator #actor-nav-main .nav-brainsimulator .action-nav mark {
    color: #3b1d4d;
}

#actor-nav-main .nav-newswire .action-nav:hover,
.stage-newswire #actor-nav-main .nav-newswire .action-nav {
    color: #624426;
}
#actor-nav-main .nav-newswire .action-nav:hover mark,
.stage-newswire #actor-nav-main .nav-newswire .action-nav mark {
    color: #312213;
}

#actor-nav-main .nav-teamwork .action-nav:hover,
.stage-teamwork #actor-nav-main .nav-teamwork .action-nav {
    color: #9c132c;
}
#actor-nav-main .nav-teamwork .action-nav:hover mark,
.stage-teamwork #actor-nav-main .nav-teamwork .action-nav mark {
    color: #4e0a16;
}

/* Arrow for active section */
#actor-nav-main .cell:before {
    content: "";
    display: block;
    height: 40px;
    width: 40px;
    background: #000;
    position: absolute;
    left: -100px;
    bottom: -36px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.stage-neuroscience #actor-nav-main .cell:before {
    left: calc(12.5% - 21px);
    background-color: #43a13d;
}

.stage-brainsimulator #actor-nav-main .cell:before {
    left: calc(37.5% - 21px); 
    background-color: #662d91;
}

.stage-newswire #actor-nav-main .cell:before {
    left: calc(62.5% - 21px); 
    background-color: #624426;
}

.stage-teamwork #actor-nav-main .cell:before {
    left: calc(87.5% - 21px); 
    background-color: #9c132c;
}

/* !-------------------------------------------- */
/* !ACTOR: Homepage / Download banner */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-download-banner {
    font-weight: bold;
    font-size: 16px;
}

#actor-download-banner .actor-head {
    position: absolute;
    top: 0;
    right: 0;
    width: 576px;
    height: 100%;
}

#actor-download-banner .actor-body {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 576px);
    height: 100%;
}

#actor-download-banner .action-nav {
    width: 100%;
    height: 100%;
    color: #e3e3e3;
}

/* --- Box background */
#actor-download-banner {
    background: transparent url("./img/back_download_banner.svg") 0 0 no-repeat;
}

#actor-download-banner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45,134,177,0.8);
    -webkit-transition: background 1s ease;
    -moz-transition: background 1s ease;
    -ms-transition: background 1s ease;
    transition: background 1s ease;
}

#actor-download-banner:hover:before {
    background: rgba(45,134,177,0);
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

/* --- Corner cutoff */
#actor-download-banner:after {
    content: "";
    display: block;
    position: absolute;
    right: -34px;
    bottom: -45px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
}

/* --- Call to action */
#actor-download-banner .actor-head {
    text-align: center;
    padding-top: 56px;
}

#actor-download-banner .actor-head h2 {
    font-style: italic;
    font-weight: bold;
    font-size: 22px;
}

#actor-download-banner .actor-head p {
    font-family: "aktiv-grotesk";
    text-transform: uppercase;
    letter-spacing: -0.0625em;
    font-size: 18px;
}

#actor-download-banner .actor-head p mark {
    background: none;
    color: #fff;
}

/* --- Download illustration */
#actor-download-banner .actor-body:after {
    content: "";
    display: block;
    position: absolute;
    width: 123px;
    height: 104px;
    left: 380px;
    top: 19px;
    background: transparent url("./img/icon_download_banner@2x.png") center no-repeat;
    background-size: contain;
}

/* --- Statistics */
/* Fonts and colors, vertical positioning */
#actor-download-banner .actor-body .stats-label {
    font-family: "aktiv-grotesk";
    text-align: center;
    position: absolute;
    bottom: 35px;
}

#actor-download-banner .actor-body .stats-value {
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -0.0625em;
    text-align: center;
    position: absolute;
    bottom: 44px;
}

#actor-download-banner .actor-body .stats-value mark {
    font-weight: normal;
    background: none;
    color: inherit;
}

#actor-download-banner .actor-body .label-version + .stats-value {
    color: #fff;
}

/* Horizontal positioning */
#actor-download-banner .actor-body .label-downloads, 
#actor-download-banner .actor-body .label-downloads + .stats-value {
    width: 135px;
    left: 65px
}

#actor-download-banner .actor-body .label-increase, 
#actor-download-banner .actor-body .label-increase + .stats-value {
    width: 135px;
    left: 216px
}

#actor-download-banner .actor-body .label-version, 
#actor-download-banner .actor-body .label-version + .stats-value {
    width: 200px;
    left: 529px
}

/* !-------------------------------------------- */
/* !ACTOR: Homepage images */
/* !EXPRESSIONS: <none>, -player */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-home-images {
    font-family: "aktiv-grotesk";
    font-weight: bold;
    font-size: 18px;
    margin-top: 8px;
    margin-bottom: 8px;
}

#actor-home-images .actor-head {
    height: 480px;
    margin-top: -480px;
    -webkit-transition: margin 1s ease;
    transition: margin 1s ease;
}

#actor-home-images.expression-player .actor-head {
    margin-top: 0;
    -webkit-transition: margin 1s ease;
    transition: margin 1s ease;
}

#actor-home-images .actor-body {
    height: 100%;
}

#actor-home-images .cell {
    float: left;
    height: 100%;
    position: relative;
}

#actor-home-images .actor-body:after {
    content: "";
    display: block;
    clear: left;
}

#actor-home-images .image-mission {
    width: 420px;
    position: relative;
}

#actor-home-images .image-event {
    width: 440px;
}

#actor-home-images .image-software {
    width: 420px;
}

/* --- Image containers */
#actor-home-images .cell {
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    text-align: center;
    position: relative;
}

#actor-home-images .cell:after {
    content: "";
    display: block;
    position: absolute;
    right: -34px;
    bottom: -45px;
    background-color: #fff;
    width: 60px;
    height: 60px;
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
}

#actor-home-images .image-mission {
    background: #ebe7ec url("./img/home_video_still@2x.jpg") center no-repeat;
    background-size: cover;
}

#actor-home-images .image-event {
    background: #f9f4ef url("./img/home_event_placeholder_9071@2x.jpg") center no-repeat;
    background-size: cover;
}

#actor-home-images .image-software {
    background-color: #dfe3e4;
}

#actor-home-images .cell:first-child {
    border-left: none;
}

#actor-home-images .cell:last-child {
    border-right: none;
}

#actor-home-images .cell .action {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Play button */
#actor-home-images .image-mission .action:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("./img/button_play.svg") center center no-repeat;
    
}

/* Image scaling + positioning */
#actor-home-images .cell img {
    height: 100%;
}

#actor-home-images .image-software img {
    height: auto;
    width: 100%; /* cheating a bit here since the screenshots' proportions are a bit off */
}

/* --- Headline */
#actor-home-images .substance-stripehead {
    position: absolute;
    left: 30px;
    bottom: 30px;
    font-size: 20px;
    text-align: left;
    z-index: 10;
}

#actor-home-images .substance-stripehead p {
    max-width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- Video player */
#actor-home-images .actor-head {
    background: #ebe7ec;
    text-align: center;
}

#actor-home-images .actor-head .action {
    position: absolute;
    top: 200px; /* expecting .actor-head to be 480px tall */
    left: 0;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-left-color: #2d86b1;
    text-indent: -1000em;
    -webkit-transition: border 1s ease;
    transition: border 1s ease;
}

#actor-home-images .actor-head .action:hover {
    border-left-color: #184343;
    -webkit-transition: border 0.5s ease;
    transition: border 0.5s ease;
}

#actor-home-images .actor-head .action:before {
    content: "";
    display: block;
    position: absolute;
    top: -240px;
    left: -40px;
    width: 210px;
    height: 480px;
    background: url("./img/icon_arrow_left.svg") 5px center no-repeat;
}

#actor-home-images .actor-head iframe {
    height: 480px;
    width: 854px;
}

/* !-------------------------------------------- */
/* !ACTOR: Homepage ticker */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-home-ticker .actor-body {
    height: 100%;
    overflow: hidden;
}

#actor-home-ticker .cell {
    float: left;
    padding: 20px 30px 10030px 30px;
    margin-bottom: -10000px;
    height: 100%;
}

#actor-home-ticker .actor-body:after {
    content: "";
    display: block;
    clear: left;
}

#actor-home-ticker .ticker-mission {
    width: 420px;
}

#actor-home-ticker .ticker-event {
    width: 440px;
}

#actor-home-ticker .ticker-science {
    width: 420px;
}

/* --- Mission statement */
#actor-home-ticker .ticker-mission {
    background: #ebe7ec url("./img/back_home_columns.svg") left top no-repeat;
    font-size: 16px;
}

/* Link to EduCases*/
#actor-home-ticker .ticker-mission .mission-education {
    display: block;
    width: 361px;
    height: 56px;
    margin-bottom: 30px;
    font-size: 14px;
    text-decoration: none;
    padding-left: 110px;
    padding-top: 8px;
    font-weight: bold;
    position: relative;
    background: transparent url("../style/img/back_home_educase.svg") center no-repeat;
}

#actor-home-ticker .ticker-mission .mission-education:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 7px;
    width: 97px;
    height: 73px;
    background: #ebe7ec url("../style/img/logo_tvb_edupack.svg") center no-repeat;
    background-size: 91px;
}

#actor-home-ticker .ticker-mission .mission-education p {
    color: #2d86b1;
    transition: color 0.3s ease;
}

#actor-home-ticker .ticker-mission .mission-education:hover p {
    color: #184343;
    transition: color 0.3s ease;
}

#actor-home-ticker .ticker-mission .mission-education p:nth-child(2) {
    font-family: "aktiv-grotesk";
}

/* --- Events */
#actor-home-ticker .ticker-event {
    background: #f9f4ef url("./img/back_home_columns.svg") center top no-repeat;
}

#actor-home-ticker .ticker-event .substance-eventlist .item-description:after {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #f9f4ef 100%);
}

/* --- Publications and blogposts */
#actor-home-ticker .ticker-science {
    background: #dfe3e4 url("./img/back_home_columns.svg") right top no-repeat;
}

/* Publications */
#actor-home-ticker .ticker-science .science-publications {
    margin-bottom: 1.4em;
}

#actor-home-ticker .ticker-science h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #2566aa;
    border-bottom: 2px solid #2566aa;
}

#actor-home-ticker .publications-list .molecule {
    margin-bottom: 0.7em;
    line-height: 1.3em;
}

#actor-home-ticker .publications-list .pub-title {
    font-family: "aktiv-grotesk";
    margin-bottom: 0.2em;
}

#actor-home-ticker .publications-list .pub-journal {
    font-style: italic;
    color: #313d43;
}

/* Blogposts */
#actor-home-ticker .blogposts-list .molecule {
    margin-bottom: 1.4em;
    max-height: 6.8em;
    overflow: hidden;
    position: relative;
}

#actor-home-ticker .blogposts-list .molecule:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 1.3em;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #dfe3e4 100%);
}

#actor-home-ticker .blogposts-list img {
    float: left;
    margin: 0 1.4em 1.4em 0;
    width: 150px;
}

#actor-home-ticker .blogposts-list .blogpost-title {
    font-family: "aktiv-grotesk";
    margin-bottom: 0.3em;
    line-height: 1.3em;
}

#actor-home-ticker .blogposts-list .blogpost-date {
    font-family: "aktiv-grotesk";
    display: inline;
    float: left;
    margin: 0;
    font-size: inherit;
    line-height: 1;
}

#actor-home-ticker .blogposts-list .blogpost-date:after {
    content: ": ";
    padding-right: 0.2em;
}

/* !-------------------------------------------- */
/* !ACTOR: General / Sub navigation */
/* !EXPRESSIONS: <none>, -linear */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-nav-sub {
    font-family: "aktiv-grotesk";
    font-weight: bold;
    font-size: 16px;
}

#actor-nav-sub .actor-body {
    height: 100%;
    border-left: 20px solid transparent;
}

.stage-neuroscience #actor-nav-sub .actor-body {
    border-color: #43a13d;
}
.stage-brainsimulator #actor-nav-sub .actor-body {
    border-color: #662d91;
}
.stage-newswire #actor-nav-sub .actor-body {
    border-color: #624426;
}
.stage-teamwork #actor-nav-sub .actor-body {
    border-color: #9c132c;
}

#actor-nav-sub .sub-sections {
    height: 280px;
}

#actor-nav-sub .sub-linear {
    padding: 0 20px 0 20px;
}

/* --- Link containers */
#actor-nav-sub .sub-sections {
    background: transparent 0 0 no-repeat;
}

.stage-neuroscience #actor-nav-sub .sub-sections {
    background-image: url("./img/back_nav_sub_neuroscience.svg");
}
.stage-brainsimulator #actor-nav-sub .sub-sections {
    background-image: url("./img/back_nav_sub_brainsimulator.svg");
}
.stage-newswire #actor-nav-sub .sub-sections {
    background-image: url("./img/back_nav_sub_newswire.svg");
}
.stage-teamwork #actor-nav-sub .sub-sections {
    background-image: url("./img/back_nav_sub_teamwork.svg");
}

#actor-nav-sub.expression-linear .actor-body {
}

.stage-neuroscience #actor-nav-sub.expression-linear .actor-body {
    background: #22511f;
}
.stage-brainsimulator #actor-nav-sub.expression-linear .actor-body {
    background: #3b1d4d;
}
.stage-newswire #actor-nav-sub.expression-linear .actor-body {
    background: #312213;
}
.stage-teamwork #actor-nav-sub.expression-linear .actor-body {
    background: #4e0a16;
}

/* --- Subsection links */
#actor-nav-sub .sub-sections .molecule {
    margin-left: -20px;
    position: relative;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

#actor-nav-sub .sub-sections .molecule:hover {
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#actor-nav-sub .sub-sections .molecule.nav-uplink {
    text-align: center;
}

/* Active link background */
.stage-neuroscience #actor-nav-sub .sub-sections .molecule.nav-uplink, 
.stage-neuroscience #actor-nav-sub .sub-sections .molecule:hover,
.stage-neuroscience #actor-nav-sub .sub-sections .molecule.nav-active {
    background: #22511f;
}
.stage-brainsimulator #actor-nav-sub .sub-sections .molecule.nav-uplink, 
.stage-brainsimulator #actor-nav-sub .sub-sections .molecule:hover,
.stage-brainsimulator #actor-nav-sub .sub-sections .molecule.nav-active {
    background: #3b1d4d;
}
.stage-newswire #actor-nav-sub .sub-sections .molecule.nav-uplink, 
.stage-newswire #actor-nav-sub .sub-sections .molecule:hover,
.stage-newswire #actor-nav-sub .sub-sections .molecule.nav-active {
    background: #312213;
}
.stage-teamwork #actor-nav-sub .sub-sections .molecule.nav-uplink, 
.stage-teamwork #actor-nav-sub .sub-sections .molecule:hover,
.stage-teamwork #actor-nav-sub .sub-sections .molecule.nav-active {
    background: #4e0a16;
}

/* Actual nav link */
#actor-nav-sub .sub-sections .action-nav {
    color: #fff;
    padding: 5px 0 5px 20px;
}

#actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav {
    padding-left: 0;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

#actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top-color: #000;
    color: #fff;
    -webkit-transition: border-color 1s ease;
    transition: border-color 1s ease;
}

.stage-neuroscience #actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:before {
    border-top-color: #22511f;
}
.stage-brainsimulator #actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:before {
    border-top-color: #3b1d4d;
}
.stage-newswire #actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:before {
    border-top-color: #312213;
}
.stage-teamwork #actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:before {
    border-top-color: #4e0a16;
}

#actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 270px;
    background: url("./img/icon_arrow_up.svg") center 4px no-repeat;
}

#actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:hover {
    background: #222;
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#actor-nav-sub .sub-sections .molecule.nav-uplink .action-nav:hover:before {
    border-top-color: #222;
    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
}

/* --- Linear links */
#actor-nav-sub .sub-linear .molecule {
    margin-top: 20px;
}

#actor-nav-sub .sub-linear .action-nav {
    color: #fff;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#actor-nav-sub .sub-linear .action-nav mark {
    display: block;
    height: 55px;
    line-height: 55px;
    margin-bottom: 10px;
    text-align: left;
    padding-left: 60px;
    white-space: normal;
}

/* Customize background to DARK color for linear subnavigation only */
.stage-neuroscience #actor-nav-sub .sub-linear .action-nav mark:after {
    background-color: #22511f;
}
.stage-brainsimulator #actor-nav-sub .sub-linear .action-nav mark:after {
    background-color: #3b1d4d;
}
.stage-newswire #actor-nav-sub .sub-linear .action-nav mark:after {
    background-color: #312213;
}
.stage-teamwork #actor-nav-sub .sub-linear .action-nav mark:after {
    background-color: #4e0a16;
}


/* !-------------------------------------------- */
/* !ACTOR: General / Image stream */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-imagestream .actor-body {
    margin-top: 5px;
}

/* --- Header */
#actor-imagestream .actor-head {
    background-image: url('./img/opener/back_header_photography_3763@2x.jpg');
}

.stage-brainsimulator #actor-imagestream .actor-head {
    background-image: url('./img/opener/back_header_mixer_7762@2x.jpg');
}

/* --- Slightly different image dimensions for screenshot gallery */
.stage-brainsimulator #actor-imagestream .substance-imagelist.imagelist-stream {
    background-image: linear-gradient(transparent 153px, #fff 153px);
    background-size: 158px 158px;
}

.stage-brainsimulator #actor-imagestream .substance-imagelist.imagelist-stream .image-item {
    height: 153px;
}


/* !-------------------------------------------- */
/* !ACTOR: General / Image zoom overlay */
/* !EXPRESSIONS: <none>, -captioned */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-imagezoom {
    font-size: 16px;
    background: #222 url("./img/back_imagezoom.svg") center no-repeat;
    background-size: cover;
}

#actor-imagezoom .action-nav {
    width: 100%;
}

/* --- Image */
#actor-imagezoom .actor-body {
    text-align: center;
}

/* Assuming landscape proportion as default */
#actor-imagezoom img {
    width: 100%;
    max-height: calc(100vh - 180px);
    box-shadow: 0 0 40px #000;
}

/* Portrait proportion */
#actor-imagezoom img.zwei-img-portrait {
    width: auto;
    max-height: none;
    height: calc(100vh - 180px);
}

/* --- Caption display button */
#actor-imagezoom .action-visor {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-bottom-color: #000;
    text-indent: -1000em;
    z-index: 10;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transition: border-color 1s ease;
    transition: border-color 1s ease;
}

.stage-neuroscience #actor-imagezoom .action-visor {
    border-bottom-color: #43a13d;
}
.stage-brainsimulator #actor-imagezoom .action-visor {
    border-bottom-color: #662d91;
}
.stage-newswire #actor-imagezoom .action-visor {
    border-bottom-color: #624426;
}
.stage-teamwork #actor-imagezoom .action-visor {
    border-bottom-color: #9c132c;
}

#actor-imagezoom .action-visor:hover{
    border-bottom-color: #fff;
    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
}

.stage-neuroscience #actor-imagezoom .action-visor:hover {
    border-bottom-color: #22511f;
}
.stage-brainsimulator #actor-imagezoom .action-visor:hover {
    border-bottom-color: #3b1d4d;
}
.stage-newswire #actor-imagezoom .action-visor:hover {
    border-bottom-color: #312213;
}
.stage-teamwork #actor-imagezoom .action-visor:hover {
    border-bottom-color: #4e0a16;
}

#actor-imagezoom .action-visor:after {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: -14px;
    width: 80px;
    height: 40px;
    background: url("./img/icon_text.svg") 0 0 no-repeat;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

#actor-imagezoom.expression-captioned .action-visor:after {
    left: -11px;
    background-image: url("./img/icon_close.svg");
}

/* --- Image caption */
#actor-imagezoom .image-caption {
    display: none;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 590px;
    max-height: calc(100vh - 180px);
    overflow: auto;
    padding: 20px;
    text-align: left;
    background: rgba(255,255,255,0.9);
    -webkit-overflow-scrolling: touch;
}

#actor-imagezoom.expression-captioned .image-caption {
    display: block;
}

/* !-------------------------------------------- */
/* !ACTOR: Neuroscience / Article */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-article {
}

#actor-article .cell {
    float: left;
}

#actor-article .article-text {
    width: 590px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-article .article-image {
    width: 315px;
    padding-top: 20px;
}

/* --- Header */
#actor-article .actor-head {
    background-image: url('./img/opener/back_header_science_screen_9878@2x.jpg');
}

/* --- Article text */
#actor-article .article-text {
    font-size: 18px;
}

#actor-article .article-text h3 {
    padding-bottom: 0.2em;
    border-bottom: 2px solid #cd4422;
}

#actor-article .article-text h4 {
    font-weight: normal;
}

/* --- Article images */
#actor-article .article-image {
}

#actor-article .article-image h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #cd4422;
    border-bottom: 2px solid #cd4422;
}

/* !-------------------------------------------- */
/* !ACTOR: Neuroscience / Collaboration */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-collaboration {
}

#actor-collaboration .cell {
    float: left;
}

#actor-collaboration .collaboration-text {
    width: 590px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-collaboration .collaboration-platforms {
    width: 315px;
    padding-top: 20px;
}

/* --- Header */
#actor-collaboration .actor-head {
    background-image: url('./img/opener/back_header_people_2973@2x.jpg');
}

/* --- Article text */
#actor-collaboration .collaboration-text {
    font-size: 18px;
}

/* --- Article images */
#actor-collaboration .collaboration-platforms {
}

/* !-------------------------------------------- */
/* !ACTOR: Neuroscience / Clinics */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-clinics {
}

#actor-clinics .cell {
    float: left;
}

#actor-clinics .clinics-text {
    width: 590px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-clinics .clinics-topics {
    width: 315px;
    padding-top: 20px;
}

/* --- Header */
#actor-clinics .actor-head {
    background-image: url('./img/opener/back_header_lecture_2504@2x.jpg');
}

/* --- Article text */
#actor-clinics .clinics-text {
    font-size: 18px;
}

/* --- Article images */
#actor-clinics .clinics-topics {
}

/* !-------------------------------------------- */
/* !ACTOR: Neuroscience / Publications */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-publications {
}

#actor-publications .cell {
    float: left;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

#actor-publications .publications-intro {
    width: 295px;
    margin-right: 20px;
    margin-top: 20px;
}

#actor-publications .publications-intro .item-structured {
    padding: 20px 20px 40px 20px;
    position: relative;
}

#actor-publications .publications-list {
    width: 590px;
    padding-top: 20px;
}

/* --- Header */
#actor-publications .actor-head {
    background-image: url('./img/opener/back_header_buttons_8269@2x.jpg');
}

/* --- Intro */
/* Citation rules: We expect a specific structure of content here */
#actor-publications .publications-intro .intro-citation {
    background: #d9dcde url('./img/back_home_columns.svg') center top no-repeat;
    background-size: cover;
}

#actor-publications .publications-intro .intro-citation:after {
    content: "";
    display: block;
    position: absolute;
    left: -20px;
    bottom: -74px;
    background-color: #fff;
    width: 500px;
    height: 60px;
    -webkit-transform: rotateZ(5deg);
    -webkit-transform-origin: top right;
    transform: rotateZ(5deg);
    transform-origin: top right;
}

#actor-publications .publications-intro .intro-citation p {
    margin-bottom: 0.3em;
}

#actor-publications .publications-intro .intro-citation p:first-child {
    margin-bottom: 1.4em;
}

#actor-publications .publications-intro .intro-citation em {
    font-family: "aktiv-grotesk";
    font-weight: normal;
    font-style: normal;
}

#actor-publications .publications-intro .intro-citation strong {
    font-family: "aktiv-grotesk";
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
}

/* EduCases */
#actor-publications .publications-intro .intro-educase {
    border: 1px solid #d9dcde;
    border-top: none;
    padding-top: 110px;
    padding-bottom: 10px;
    background: transparent url("../style/img/logo_tvb_educase.svg") center 30px no-repeat;
    background-size: 80px;
}

#actor-publications .publications-intro .intro-educase:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #fff;
    border-bottom: 1px solid #d9dcde;
    width: 296px;
    height: 24px;
    -webkit-transform: rotateZ(5deg);
    -webkit-transform-origin: top right;
    transform: rotateZ(5deg);
    transform-origin: top right;
}

/* --- Publications list */
#actor-publications .publications-list .molecule {
    font-size: 16px;
    margin-bottom: 1.7em;
    padding-left: 85px;
    position: relative;
}

#actor-publications .publications-list .molecule:first-child {
    padding-top: 0;
}

#actor-publications .publications-list .molecule:last-child {
    border: none;
}

/* Date */
#actor-publications .publications-list .pub-date {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0.7em;
    width: 65px;
    font-weight: bold;
    text-align: center;
    background: transparent url("./img/back_calendar_sheet.svg") 0 0 no-repeat;
    overflow: hidden;
    height: 55px;
}

#actor-publications .publications-list .date-month {
    display: inline;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    top: 9px;
    left: 0;
    width: 100%;
    visibility: hidden;
}

#actor-publications .publications-list .date-month mark {
    display: block;
    background: none;
    color: #313d43;
    visibility: visible;
    font-size: 18px;
}

#actor-publications .publications-list .date-year {
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
}

/* Journal, reference and download link */
#actor-publications .publications-list .pub-journal {
    font-size: 14px;
    margin-bottom: 0.3em;
    padding-top: 0;
}

#actor-publications .publications-list .pub-reference {
    font-size: 14px;
    margin-bottom: 0.7em;
}

#actor-publications .publications-list .action-outlink:before {
    content: "→\00a0";
    color: inherit;
}

/* Author and title */
#actor-publications .publications-list .pub-author {
    font-family: "aktiv-grotesk";
    font-size: 14px;
    margin-bottom: 0.3em;
}

#actor-publications .publications-list .pub-title {
    font-family: "aktiv-grotesk";
    margin-bottom: 0.7em;
    color: #cd4422;
}


/* !-------------------------------------------- */
/* !ACTOR: Brainsimulator / Software */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-software {
}

/* Download stats + actions */
#actor-software .actor-head .download-stats {
    position: absolute;
    top: 300px;
    left: 20px;
    height: 80px;
    width: 485px;
    z-index: 10;
}

#actor-software .actor-head .download-list {
    position: absolute;
    top: 140px;
    left: 610px;
    width: 335px;
    z-index: 10;
}

#actor-software .actor-head .download-list .molecule {
    float: left;
    width: calc((100% / 3) - 1 * (2 * 20px / 3));
    height: 240px;
    position: relative;
}

#actor-software .actor-head .download-list .molecule + .molecule {
    margin-left: 20px;
}

/* Software releases + registration */
#actor-software .actor-body .cell {
    float: left;
}

#actor-software .software-release {
    width: 485px;
    margin-left: 20px;
    margin-right: 105px;
    padding-top: 120px;
}

#actor-software .software-registration {
    width: 335px;
    padding-top: 120px;
}

/* --- Header */
#actor-software .actor-head {
    background-image: url('./img/opener/back_header_laptop_7851@2x.jpg');
}

/* --- Header: Download stats */
#actor-software .actor-head .download-stats {
    color: #fff;
    background: transparent url("./img/back_download_banner.svg") center center no-repeat;
    background-size: cover;
}

#actor-software .actor-head .download-stats:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(98,121,134,0.7);
}

/* Fonts and colors, vertical positioning */
#actor-software .actor-head .stats-label {
    font-family: "aktiv-grotesk";
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

#actor-software .actor-head .stats-value {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -0.0625em;
    text-align: center;
    position: absolute;
    bottom: 19px;
}

#actor-software .actor-head .stats-value mark {
    font-weight: normal;
    background: none;
    color: inherit;
}

/* Horizontal positioning */
#actor-software .actor-head .label-downloads, 
#actor-software .actor-head .label-downloads + .stats-value {
    width: 120px;
    left: 10px
}

#actor-software .actor-head .label-increase, 
#actor-software .actor-head .label-increase + .stats-value {
    width: 120px;
    left: 160px
}

#actor-software .actor-head .label-version, 
#actor-software .actor-head .label-version + .stats-value {
    width: 200px;
    left: 290px
}

/* --- Header: Download buttons */
#actor-software .actor-head .download-list .molecule {
    text-align: center;
}

#actor-software .actor-head .download-list .molecule:before {
}

/* Operating system */
#actor-software .actor-head .download-list dt {
    font-family: "aktiv-grotesk";
    font-weight: normal;
    visibility: hidden;
    display: inline;
    text-transform: uppercase;
}

#actor-software .actor-head .download-list mark {
    background: none;
    visibility: visible;
    display: block;
    position: absolute;
    color: #627986;
    width: 100%;
    top: 0;
    left: 0;
    height: 80px;
    background: rgba(255,255,255,0.9) center 10px no-repeat;
    padding-top: 60px;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

#actor-software .actor-head .download-list .molecule:hover mark {
    background-color: rgba(255,255,255,1);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#actor-software .actor-head .download-list .download-win mark {
    background-image: url("./img/logo_os_windows.svg");
    background-size: 40%;
}
#actor-software .actor-head .download-list .download-mac mark {
    background-image: url("./img/logo_os_mac.svg");
    background-size: 30%;
}
#actor-software .actor-head .download-list .download-linux mark {
    background-image: url("./img/logo_os_linux.svg");
    background-size: 31%;
}

/* Download share per OS */
#actor-software .actor-head .item-share {
    font-family: "aktiv-grotesk";
    position: absolute;
    display: block;
    top: 80px;
    left: 0;
    width: 100%;
    height: 40px;
    background: rgba(98,121,134,0.9);
    color: #fff;
    padding: 5px 2px 0 2px;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

#actor-software .actor-head .download-list .molecule:hover .item-share {
    background: rgba(98,121,134,1);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

/* Download size (serves as visual download button) */
#actor-software .actor-head .item-size {
    font-family: "aktiv-grotesk";
    position: absolute;
    display: block;
    top: 160px;
    left: 0;
    width: 100%;
    height: 80px;
    padding-top: 15px;
}

/* Download button (invisible but covering entire column) */
#actor-software .actor-head .item-action {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#actor-software .actor-head .item-action .action {
    width: 100%;
    height: 100%;
    text-indent: -1000em;
    overflow: hidden;
}

/* --- List of releases */
#actor-software .software-release h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}

/* --- Release entry */
/* General layout */
#actor-software .release-list .molecule {
    position: relative;
    padding-left: 85px;
    margin-bottom: 1.4em;
    min-height: 80px;
}

#actor-software .release-list .item-date {
    position: absolute;
    left: 0;
    top: 0;
}

#actor-software .release-list .item-details, 
#actor-software .release-list .item-extra {
    display: none;
}

#actor-software .release-list .molecule.item-expanded .item-details, 
#actor-software .release-list .molecule.item-expanded .item-extra {
    display: block;
}

/* Release title and expander */
#actor-software .release-list .action-visor {
    padding-left: 20px;
    position: relative;
}

#actor-software .release-list .action-visor:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("./img/icon_zoom_brainsimulator.svg") center no-repeat;
    background-size: 14px;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}

#actor-software .release-list .item-expanded .action-visor:before, 
#actor-software .release-list .action-visor:hover:before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}

#actor-software .release-list h4 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.3em;
}

#actor-software .release-list h4 mark {
    background: none;
    color: inherit;
    font-weight: normal;
    display: inline-block;
}

#actor-software .release-list .atom {
    margin-bottom: 0.7em;
}

/* Number of changes for this release */
#actor-software .release-list .item-changes {
    font-family: "aktiv-grotesk";
    padding: 2px 5px 2px 2px;
    background: #662d91;
    color: #fff;
    display: inline-block;
    -webkit-transition: background 1s ease;
    transition: background 1s ease;
}

#actor-software .release-list .item-expanded .item-changes, 
#actor-software .release-list .action-visor:hover .item-changes {
    background: #3b1d4d;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

#actor-software .release-list .item-changes mark {
    background: #fff;
    color: #662d91;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 5px 2px 5px;
    -webkit-transition: color 1s ease;
    transition: color 1s ease;
}

#actor-software .release-list .item-expanded .item-changes mark, 
#actor-software .release-list .action-visor:hover .item-changes mark {
    color: #3b1d4d;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

/* Release description */
#actor-software .release-list .item-description {
    font-size: 16px;
    font-style: italic;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* Release details */
#actor-software .release-list .item-details li {
    margin-left: -15px;
}

/* Release extras */
#actor-software .release-list .item-extra {
    border-top: 1px solid #627986;
    padding-top: 1.4em;
}

#actor-software .release-list .item-extra li {
    margin-left: -15px;
}

/* --- Registration form */
#actor-software .software-registration .molecule {
    margin-bottom: 20px;
}

/* Explanations and legal information */
#actor-software .software-registration h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}

/* Form fields: Containers */
#actor-software .software-registration .registration-form {
    background: #627986;
    padding: 20px 20px 0 20px;
}

#actor-software .software-registration .registration-form.form-confirmed-error {
    background: #cd4422;
}

#actor-software .registration-form .form-field {
    margin-bottom: 1em;
    position: relative;
}

#actor-software .registration-form.form-submitted .form-field, 
#actor-software .registration-form.form-confirmed .form-field, 
#actor-software .registration-form.form-confirmed-error .form-field {
    display: none;
}

#actor-software .registration-form .form-field.field-mandatory {
    font-weight: bold;
}

#actor-software .registration-form .form-field.field-error:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: -22px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-left-color: #fff;
}

#actor-software .registration-form .form-field.field-checkbox.field-error:before {
    top: 0;
    left: -27px;
}

/* Form fields: Input elements */
#actor-software .registration-form label {
    display: block;
    font-family: "aktiv-grotesk";
    color: #fff;
    margin-bottom: 0.3em;
}

#actor-software .registration-form input:not([type="checkbox"]) {
    margin: 0;
    width: 100%;
    border: none;
    padding: 5px 2px 5px 2px;
}

#actor-software .registration-form .field-mandatory input {
    border-left: 5px solid #662d91;
}

/* Form fields: Checkboxes */
#actor-software .registration-form .form-field.field-checkbox {
    background: #fff;
    padding: 4px 4px 4px 30px;
    position: relative;
}

#actor-software .registration-form .form-field.field-checkbox.field-mandatory {
    border-left: 5px solid #662d91;
}

#actor-software .registration-form .form-field.field-checkbox label {
    color: #313d43;
    display: inline;
}

#actor-software .registration-form .form-field.field-checkbox input {
    position: absolute;
    top: 4px;
    left: 7px;
}

/* Form fields: Select elements */
#actor-software .registration-form select {
    margin: 0;
    width: 100%;
}

/* Form fields: Textareas */
#actor-software .registration-form textarea {
    margin: 0;
    width: 100%;
    height: 5em;
    border: none;
    padding: 5px 2px 5px 2px;
}

/* Form submission button */
#actor-software .registration-form .form-action {
    margin-left: -20px;
    margin-right: -20px;
    height: 55px;
    line-height: 55px;
    background: #fff;
    padding-top: 5px;
}

#actor-software .registration-form .form-action .action-submit {
    width: 100%;
    height: 100%;
    font-size: 16px;
}

/* Messages after submission or successful confirmation */
#actor-software .registration-form .form-message {
    display: none;
    color: #fff;
    font-size: 16px;
}

#actor-software .registration-form .form-message strong {
    color: #fff;
}

#actor-software .registration-form.form-confirmed-error .form-message, 
#actor-software .registration-form.form-confirmed .form-message, 
#actor-software .registration-form.form-submitted-error .form-message, 
#actor-software .registration-form.form-submitted .form-message {
    display: block;
}


/* !-------------------------------------------- */
/* !ACTOR: Brainsimulator / Requirements */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-requirements {
}

#actor-requirements .actor-head .requirements-short {
    position: absolute;
    left: 630px;
    bottom: 20px;
    width: 315px;
    z-index: 5;
}

#actor-requirements .actor-body .cell {
    float: left;
}

#actor-requirements .requirements-tech {
    width: 590px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-requirements .requirements-legal {
    width: 315px;
    padding-top: 20px;
}

/* --- Header */
#actor-requirements .actor-head {
    background-image: url('./img/opener/back_header_building_2465@2x.jpg');
}

/* --- Header: Short key facts */
#actor-requirements .actor-head .requirements-short {
    font-family: "aktiv-grotesk";
    line-height: 1.3em;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

#actor-requirements .actor-head .requirements-short h3 {
    color: #fff;
    background: rgba(98,121,134,0.9);
    margin-bottom: 0;
    padding: 5px 10px 5px 15px;
    margin-bottom: 0.7em;
}

#actor-requirements .actor-head .requirements-short li {
    background: rgba(98,121,134,0.9);
    margin-bottom: 0;
    padding: 3px 10px 3px 15px;
    color: #fff;
}

#actor-requirements .actor-head .requirements-short li:first-child {
    padding-top: 10px;
}

#actor-requirements .actor-head .requirements-short li:last-child {
    padding-bottom: 10px;
}

#actor-requirements .actor-head .requirements-short li:before {
    background-color: transparent;
    border-radius: 0;
    width: 0;
    height: 0;
    top: 5px;
    border: 7px solid transparent;
    border-left-color: #fff;
}

#actor-requirements .actor-head .requirements-short li:first-child:before {
    top: 12px;
}

/* --- Requirements description */
#actor-requirements .requirements-tech {
    font-size: 16px;
}

#actor-requirements .requirements-tech h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}

/* --- Licenses */
#actor-requirements .requirements-legal h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}

/* --- Dependencies list */
/* General layout and expanders */
#actor-requirements .legal-dependencies .molecule {
    margin-bottom: 1.4em;
    line-height: 1.3em;
}

#actor-requirements .legal-dependencies .action-visor {
    font-family: "aktiv-grotesk";
    margin-bottom: 0.7em;
    padding-left: 20px;
    position: relative;
}

#actor-requirements .legal-dependencies .action-visor:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url("./img/icon_zoom_brainsimulator.svg") center no-repeat;
    background-size: 14px;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}

#actor-requirements .legal-dependencies .item-expanded .action-visor:before, 
#actor-requirements .legal-dependencies .action-visor:hover:before {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}

/* Hidden information */
#actor-requirements .legal-dependencies .molecule .item-description, 
#actor-requirements .legal-dependencies .molecule .item-version, 
#actor-requirements .legal-dependencies .molecule .item-license, 
#actor-requirements .legal-dependencies .molecule .item-usage, 
#actor-requirements .legal-dependencies .molecule .item-copyright {
    display: none;
    margin-top: 0.3em;
    padding-left: 20px;
}

#actor-requirements .legal-dependencies .molecule.item-expanded .item-description, 
#actor-requirements .legal-dependencies .molecule.item-expanded .item-version, 
#actor-requirements .legal-dependencies .molecule.item-expanded .item-license, 
#actor-requirements .legal-dependencies .molecule.item-expanded .item-usage, 
#actor-requirements .legal-dependencies .molecule.item-expanded .item-copyright {
    display: block;
}

/* Extended information */
#actor-requirements .legal-dependencies mark {
    background: none;
    color: inherit;
    font-weight: bold;
}

#actor-requirements .legal-dependencies .action-link {
    display: inline-block;
}

#actor-requirements .legal-dependencies .action-link:before {
    content: "→\00a0";
    color: inherit;
}

#actor-requirements .legal-dependencies .item-copyright {
    font-style: italic;
}

/* !-------------------------------------------- */
/* !ACTOR: Brainsimulator / Data handling */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-data {
}

#actor-data .cell {
    float: left;
}

#actor-data .data-import {
    width: 400px;
    margin-left: 20px;
    margin-right: 105px;
    padding-top: 20px;
}

#actor-data .data-export {
    width: 400px;
    padding-top: 20px;
}

/* --- Header */
#actor-data .actor-head {
    background-image: url('./img/opener/back_header_progressbar_8278@2x.jpg');
}

#actor-data .cell h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}

/* !-------------------------------------------- */
/* !ACTOR: Brainsimulator / Help and support */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-help .actor-head .help-shortcuts {
    position: absolute;
    bottom: 20px;
    left: 715px;
    width: 190px;
    z-index: 5;
}

#actor-help .actor-body .cell {
    float: left;
}

#actor-help .help-channels {
    width: 695px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-help .help-contacts {
    width: 190px;
    padding-top: 20px;
}

/* --- Header */
#actor-help .actor-head {
    background-image: url('./img/opener/back_header_screenshow_3606@2x.jpg');
}

/* --- Shortcuts */
#actor-help .help-shortcuts .molecule {
    height: 65px;
    line-height: 1.3em;
    margin-top: 12.5px;
}

#actor-help .help-shortcuts .molecule .action {
    width: 100%;
    height: 100%;
    text-align: left;
    padding-left: 65px;
    padding-top: 15px;
    padding-right: 10px;
}

#actor-help .help-shortcuts .molecule .action {
    background-color: transparent;
}

#actor-help .help-shortcuts .molecule .action:hover {
    background-color: #3b1d4d;
}

#actor-help .help-shortcuts .action-link:after {
    background-color: #627986;
}

/* --- Channels */
#actor-help .help-channels .molecule {
    padding-left: 105px;
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
}

#actor-help .help-channels .molecule .channel-intro {
    position: absolute;
    left: 20px;
    top: 0;
    width: 65px;
    height: 55px;
    background: url("./img/back_calendar_sheet_tvb.svg") 0 0 no-repeat;
}

#actor-help .help-channels .molecule .channel-intro:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: center no-repeat;
    color: #fff;
    line-height: 55px;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}

#actor-help .help-channels .channel-inline .channel-intro:before {
    content: "UI";
    padding-top: 4px;
}
#actor-help .help-channels .channel-docs .channel-intro:before {
    background-image: url("./img/icon_lightbulb.svg");
}
#actor-help .help-channels .channel-educase .channel-intro:before {
    background-image: url("./img/icon_educase.svg");
}
#actor-help .help-channels .channel-forum .channel-intro:before {
    background-image: url("./img/icon_speech.svg");
}
#actor-help .help-channels .channel-source .channel-intro:before {
    background-image: url("./img/icon_code_github.svg");
}
#actor-help .help-channels .channel-report .channel-intro:before {
    content: "@";
    font-size: 34px;
    padding-top: 5px;
}

#actor-help .help-channels h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}


/* --- Email contacts */
/*  Box layout */
#actor-help .help-contacts h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #627986;
    border-bottom: 2px solid #627986;
}

#actor-help .contact-list .molecule {
    margin-top: 20px;
    position: relative;
    background: #627986;
    padding-bottom: 5px;
    -webkit-transition: background 1s ease;
    transition: background 1s ease;
}

#actor-help .contact-list .molecule:hover {
    background-color: rgba(98,121,134,0.8);
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

#actor-help .contact-list .molecule:after {
    content: "";
    display: block;
    position: absolute;
    right: -23px;
    bottom: -16px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    -webkit-transform: rotateZ(40deg);
    transform: rotateZ(40deg);
}

#actor-help .contact-list .person-generic .action {
    padding-top: 190px;
    background: transparent url("./img/icon_team_placeholder.svg") center -10px no-repeat;
    background-size: 110%;
}

/* Photo + Name */
#actor-help .contact-list img {
    width: 100%;
    height: 190px;
    display: block;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#actor-help .contact-list .molecule:hover img {
    opacity: 0.7;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#actor-help .contact-list h4 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    color: #fff;
    letter-spacing: -0.0625em;
    background: rgba(102,45,145,0.9);
    text-align: center;
    padding: 5px 0 5px 0;
    margin-bottom: 0.7em;
    margin-top: -28px;
    position: relative;
    z-index: 5;
    -webkit-transition: background 1s ease;
    transition: background 1s ease;
}

#actor-help .contact-list .molecule:hover h4 {
    background: #3b1d4d;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

/* Expertise */
#actor-help .contact-list .person-expertise {
    color: #fff;
    margin-bottom: 0.7em;
    padding: 0 10px 0 10px;
    font-weight: bold;
    line-height: 1.3em;
}

#actor-help .contact-list .person-email {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: rgba(102,45,145,0.9);
    text-indent: -1000em;
    -webkit-transition: background 1s ease;
    transition: background 1s ease;
}

/* EMail box */
#actor-help .contact-list .molecule:hover .person-email {
    background: #3b1d4d;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

#actor-help .contact-list .person-email:before {
    content: "@";
    font-family: "aktiv-grotesk";
    font-weight: bold;
    font-size: 150%;
    color: #fff;
    text-indent: 0;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

/* !-------------------------------------------- */
/* !ACTOR: Newswire / Event list */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-event-list .cell {
    float: left;
}

#actor-event-list .eventlist-current {
    width: 485px;
    margin-left: 20px;
    margin-right: 105px;
    padding-top: 20px;
}

#actor-event-list .eventlist-historic {
    width: 335px;
    padding-top: 20px;
}

/* --- Header */
#actor-event-list .actor-head {
    background-image: url('./img/opener/back_header_airport_9071@2x.jpg');
}


/* !-------------------------------------------- */
/* !ACTOR: Newswire / Single event */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-event-single .actor-body {
    position: relative;
}

#actor-event-single .cell {
    float: left;
}

#actor-event-single .event-tickets {
    width: 170px;
    margin-left: 20px;
    padding-top: 20px;
}

#actor-event-single .event-description {
    width: 505px;
    margin-left: 20px;
    padding-top: 20px;
}

#actor-event-single .event-description:first-child {
    margin-left: 210px;
}

#actor-event-single .event-info {
    width: 190px;
    margin-left: 20px;
    padding-top: 20px;
}

/* --- Header */
#actor-event-single .actor-head {
    background-image: url('./img/opener/back_header_nightstreet_3692@2x.jpg');
    overflow: hidden;
}

/* --- Header: Headline */
#actor-event-single .actor-head .item-summary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 695px;
    display: block;
}

/* --- Header: Date box */
#actor-event-single .item-date {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

/* Second date box for multi-day events */
#actor-event-single .item-date + .item-date {
    left: 130px;
}

#actor-event-single .item-date + .item-date .sheet-start-year {
    display: none;
}

#actor-event-single .item-date + .item-date:before {
    content: "";
    display: block;
    position: absolute;
    top: 26px;
    left: -37px;
    width: 30px;
    height: 20px;
    background: transparent url("./img/icon_arrow_right.svg") center no-repeat;
    opacity: 0.5;
}

/* --- Header: Event photo */
#actor-event-single .actor-head > img {
    width: 100%;
}

/* --- Header: Photo gallery */
#actor-event-single .item-gallery {
    position: absolute;
    top: 20px;
    left: 735px;
    width: 190px;
    height: 240px;
    background: rgba(228,129,32,0.7);
    z-index: 10;
    overflow: hidden;
    -webkit-transition: background-color 1s ease;
    transition: background-color 1s ease;
}

#actor-event-single .item-gallery:hover {
    background: rgba(228,129,32,1);
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

#actor-event-single .item-gallery .action-zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px 5px 5px 5px;
}

#actor-event-single .item-gallery .action-zoom:before, 
#actor-event-single .item-gallery .action-zoom:after {
    left: 50%;
    margin-left: -40px;
}

#actor-event-single .item-gallery .gallery-item {
    float: left;
    width: calc(50% - 2.5px);
    margin-bottom: 5px;
    height: 56px;
    background: rgba(255,255,255,0.3);
    overflow: hidden;
}

#actor-event-single .item-gallery .gallery-item:nth-child(2n) {
    margin-left: 5px;
}

#actor-event-single .item-gallery img {
    width: 100%;
}

/* --- Registration */
#actor-event-single .event-tickets .action-register {
    height: 55px;
    margin-bottom: 20px;
    line-height: 55px;
    text-align: left;
    padding-left: 60px;
}

#actor-event-single .event-tickets h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #e48120;
    border-bottom: 2px solid #e48120;
}

/* --- Description */
#actor-event-single .event-description {
    font-size: 18px;
}

/* --- Metadata */
#actor-event-single .event-info .molecule {
    margin-bottom: 20px;
}

#actor-event-single .event-info h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #e48120;
    border-bottom: 2px solid #e48120;
}

/* Logo & event website link */
#actor-event-single .event-info .info-logo img {
    max-width: 100%;
    width: 100%;
}

#actor-event-single .event-info .info-logo .action-link {
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin-top: 20px;
    text-align: left;
    padding-left: 60px;
}

#actor-event-single .event-info .info-logo .action-link:first-child {
    margin-top: 0;
}

/* Edge case: When no tickets information is present, move logo container into left column */
#actor-event-single .event-description:first-child + .event-info .info-logo {
    position: absolute;
    left: 20px;
    width: 170px;
}

/* Location */
#actor-event-single .event-info .action-map {
    height: 55px;
    line-height: 55px;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 60px;
}

/* Organizer */
#actor-event-single .event-info .info-location .item-structured p {
    margin-bottom: 0.3em;
}

/* Downloads */
#actor-event-single .event-info .download-list .atom {
    font-family: "aktiv-grotesk";
    margin-bottom: 1.4em;
}

#actor-event-single .event-info .download-list .action-download {
    min-height: 50px;
    padding: 10px 5px 10px 45px;
    text-align: left;
}

#actor-event-single .event-info .download-list .download-caption {
    margin-top: 0.3em;
}

/* !-------------------------------------------- */
/* !ACTOR: Teamwork / Leaders */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-leaders:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 285px;
    height: 162px;
    background: transparent url("./img/back_nav_triangle_teamwork.svg") 0 0 no-repeat;
    z-index: 10;
}

#actor-leaders .molecule {
    float: left;
}

#actor-leaders .leader-list .cell:after {
    content: "";
    display: block;
    clear: left;
}

#actor-leaders .leader-portrait {
    width: 295px;
    margin-right: 20px;
    position: relative;
}

#actor-leaders .leader-description {
    width: 400px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-leaders .leader-info {
    width: 190px;
    margin-top: 20px;
}

/* --- Leader container */
#actor-leaders .leader-list .cell {
    border-top: 2px solid #9c132c;
    margin-bottom: 20px;
}

#actor-leaders .leader-list .cell:first-child {
    border: none;
}

/* --- Portrait image */
#actor-leaders .leader-portrait:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent url("./img/back_leader_lines.svg") 0 0 no-repeat;
}

#actor-leaders .leader-portrait img {
    width: 100%;
    min-height: 300px;
    border-bottom: 20px solid #1e6158;
}

#actor-leaders .leader-portrait .substance-stripehead {
    font-size: 24px;
    position: absolute;
    left: 20px;
    bottom: 40px;
}

#actor-leaders .leader-portrait .substance-stripehead .portrait-role {
    background: #9c132c;
    font-weight: normal;
}

/* --- Contact information */
#actor-leaders .leader-info {
    font-family: "aktiv-grotesk";
    background: #c5c9cc;
    text-align: center;
}

#actor-leaders .leader-info .company-logo {
    margin-bottom: 20px;
    border-bottom: 20px solid #fff;
    background: rgba(255,255,255,0.5);
}

#actor-leaders .leader-info .company-logo img {
    max-width: 100%;
    margin: 20px 0 20px 0;
}

#actor-leaders .leader-info .company-name, 
#actor-leaders .leader-info .company-address, 
#actor-leaders .leader-info .company-communication {
    padding-left: 5px;
    padding-right: 5px;
}

/* --- Link for code contributions */
#actor-leaders .leader-info .contribution-target-jira, 
#actor-leaders .leader-info .contribution-target-github {
    width: 100%;
    height: 55px;
    line-height: 1.3em;
    text-align: left;
    padding-left: 60px;
    padding-top: 10px;
    margin-top: 1.4em;
} 

/* !-------------------------------------------- */
/* !ACTOR: Teamwork / Contributors */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-contributors {
}

#actor-contributors .cell {
    float: left;
}

#actor-contributors .contributor-explain {
    width: 590px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-contributors .contributor-invite {
    width: 315px;
    padding-top: 20px;
}

#actor-contributors .contributor-invite + .contributor-list {
    clear: left;
}

#actor-contributors .contributor-list {
    width: 495px;
    margin-top: 20px;
}

#actor-contributors .contributor-list + .contributor-list {
    width: 495px;
    margin-left: 20px;
}

/* --- Header */
#actor-contributors .actor-head {
    background-image: url('./img/opener/back_header_bizcards_2921@2x.jpg');
}

/* --- Contributor introduction */
#actor-contributors .contributor-explain {
    font-size: 16px;
}

/* --- Contributor invitation */
#actor-contributors .contributor-invite h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #1e6158;
    border-bottom: 2px solid #1e6158;
}

/* --- Contributor cards */
#actor-contributors .contributor-list .molecule {
    padding: 20px 20px 20px 210px;
    position: relative;
    margin-bottom: 20px;
    background: #c5c9cc;
}

#actor-contributors .contributor-list .molecule.contributor-active {
    min-height: 190px;
}

#actor-contributors .contributor-list .molecule.contributor-active.contributor-external {
    min-height: 0;
}

#actor-contributors .contributor-list .molecule:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 190px;
    height: 100%;
    background: #1e6158;
}

#actor-contributors .contributor-list .molecule.contributor-support:before {
    background-color: #4e0a16;
}

#actor-contributors .contributor-list .molecule.contributor-idle:before {
    background-color: #627986;
}


/* Photo or illustration */
#actor-contributors .contributor-list .molecule img {
    position: absolute;
    top: 0;
    left: 0;
    width: 190px;
}

#actor-contributors .contributor-list .contributor-idle:after, 
#actor-contributors .contributor-list .contributor-external:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 190px;
    height: 100%;
    background: transparent url("./img/icon_team_placeholder.svg") center -10px no-repeat;
    background-size: 110%;
}

/* Expertise and contributions */
#actor-contributors .contributor-list .contributor-description {
    margin-bottom: 0.7em;
    font-style: italic;
}

#actor-contributors .contributor-list .molecule .action-link.action-outlink {
    margin-bottom: 0.7em;
    width: 170px;
    height: 45px;
    line-height: 1.3em;
    text-align: left;
    padding-left: 50px;
    padding-top: 5px;
} 

#actor-contributors .contributor-list .molecule > .action-outlink:after {
    background-color: #c5c9cc;
}

/* Name and role */
#actor-contributors .contributor-list .substance-stripehead {
    font-size: 18px;
    margin-bottom: 0.7em;
}

#actor-contributors .contributor-list .substance-stripehead .contributor-role {
    background: #9c132c;
    font-weight: normal;
}

/* Address */
#actor-contributors .contributor-list .substance-company { 
    font-family: "aktiv-grotesk";
}

#actor-contributors .contributor-list .company-address, 
#actor-contributors .contributor-list .company-communication {
    margin-bottom: 0; 
}

#actor-contributors .contributor-list .contributor-idle .substance-company *, 
#actor-contributors .contributor-list .contributor-external .substance-company * {
    display: inline;
}

#actor-contributors .contributor-list .contributor-idle .substance-company .company-name p:after, 
#actor-contributors .contributor-list .contributor-external .substance-company .company-name p:after {
    content: ",";
}

/* EMail link */
#actor-contributors .contributor-list .action-email {
    position: absolute;
    top: 0;
    left: 0; 
}

/* !-------------------------------------------- */
/* !ACTOR: Teamwork / Sponsors */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-sponsor {
}

#actor-sponsor .actor-body:after {
    content: "";
    display: block;
    clear: left;
}

#actor-sponsor .cell {
    float: left;
}

#actor-sponsor .sponsor-intro {
    width: 695px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 20px;
}

#actor-sponsor .sponsor-main {
    width: 695px;
    margin-left: 20px;
    margin-right: 20px;
}

#actor-sponsor .sponsor-partner {
    width: 190px;
}

/* --- Header */
#actor-sponsor .actor-head {
    background-image: url('./img/opener/back_header_skyline_2423@2x.jpg');
}

/* --- Introduction */
#actor-sponsor .sponsor-intro {
    font-size: 16px;
}

/* --- Sponsor matrix */
#actor-sponsor .sponsor-main h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #1e6158;
    border-bottom: 2px solid #1e6158;
}

#actor-sponsor .sponsor-list .molecule {
    float: left;
    width: calc((100% / 3) - 1 * (40px / 3));
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #c5c9cc;
}

#actor-sponsor .sponsor-list .molecule:nth-child(3n) {
    margin-right: 0;
}

#actor-sponsor .sponsor-list .molecule .company-logo {
    height: 120px;
    background: rgba(255,255,255,0.5);
}

#actor-sponsor .sponsor-list .molecule img {
    margin-top: 20px;
    max-width: 100%;
}

#actor-sponsor .sponsor-main .sponsor-list .company-name {
    font-family: "aktiv-grotesk";
    margin-top: 0.7em;
    font-weight: normal;
}

/* --- Partner list */
#actor-sponsor .sponsor-partner h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #1e6158;
    border-bottom: 2px solid #1e6158;
}

#actor-sponsor .sponsor-partner .partner-list .molecule {
    margin-bottom: 20px;
    text-align: center;
    background: #c5c9cc;
}

#actor-sponsor .sponsor-partner .partner-list .company-logo {
    background: rgba(255,255,255,0.5);
    padding: 20px 0 20px 0;
}

#actor-sponsor .sponsor-partner .partner-list .company-name {
    font-family: "aktiv-grotesk";
    margin-top: 0.7em;
    margin-bottom: 0;
    font-weight: normal;
}

#actor-sponsor .sponsor-partner .partner-list .company-address * {
    font-family: "aktiv-grotesk";
    display: inline;
    font-weight: normal;
}

#actor-sponsor .sponsor-partner .partner-list .company-address [itemprop="addressLocality"]:after {
    content: ",";
}

#actor-sponsor .sponsor-partner .partner-list .company-description {
    font-style: italic;
    background: #fff;
    padding: 0.7em 10px 0 10px;
}


/* !-------------------------------------------- */
/* !ACTOR: Teamwork / Institutions and Imprint */
/* !EXPRESSIONS: <none> */
/* !-------------------------------------------- */

/* --- Basic actor layout */
#actor-institutions {
}

#actor-institutions .institution-leader {
    margin: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

#actor-institutions .institution-leader:after {
    content: "";
    display: block;
    clear: left;
}

#actor-institutions .institution-leader .molecule {
    position: relative;
    float: left;
    width: calc(25% - 1 * (3 * 20px / 4));
    margin-bottom: 20px;
}

#actor-institutions .institution-leader .molecule + .molecule {
    margin-left: 20px;
}

#actor-institutions .institution-leader:after {
    content: "";
    display: block;
    clear: left;
}

#actor-institutions .institution-imprint {
    float: left;
    width: 590px;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 20px;
}

#actor-institutions .institution-credits {
    float: left;
    width: 315px;
    padding-top: 20px;
}

/* --- Header */
#actor-institutions .actor-head {
    background-image: url('./img/opener/back_header_trainstation_0660@2x.jpg');
}

/* --- Company address & logo */
#actor-institutions .institution-leader .molecule  {
    background: #c5c9cc;
    text-align: center;
}

#actor-institutions .institution-leader .molecule:after  {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 500px;
    left: 0;
    bottom: -500px;
    background: #c5c9cc;
    z-index: 5;
}

#actor-institutions .institution-leader .molecule .company-logo  {
    padding-top: 20px;
    height: 130px;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 20px solid #fff;
    background: rgba(255,255,255,0.5);
}

#actor-institutions .institution-leader .molecule .company-logo img  {
    max-width: 100%;
}

#actor-institutions .institution-leader .molecule .company-name  {
    font-family: "aktiv-grotesk";
}

#actor-institutions .institution-leader .molecule .company-communication > *  {
    display: inline;
}

#actor-institutions .institution-leader .molecule .company-communication .action-email  {
    margin-left: 10px;
}

/* --- Imprint */
#actor-institutions .institution-imprint h3, 
#actor-institutions .institution-credits h3 {
    font-family: "aktiv-grotesk";
    font-size: 16px;
    margin-bottom: 0.7em;
    padding-bottom: 0.2em;
    color: #1e6158;
    border-bottom: 2px solid #1e6158;
}

#actor-institutions .institution-imprint div, 
#actor-institutions .institution-credits div {
    margin-bottom: 1.4em;
}