/* -------------------------------------------- */
/* Codemart: Website */
/* Version: 4 */
/* -------------------------------------------- */
/* Created by @twotribes, Germany */
/* -------------------------------------------- */
/* StyleSheet Scope: ACTORS */
/* -------------------------------------------- */

/* !-------------------------------------------- */
/* !COMPONENT: Navigation & Branding bar */
/* !-------------------------------------------- */

/* --- Section-dependent border */
.section-company #nav_bar { border-color: #4a769a; }
.section-code #nav_bar { border-color: #4f4d88; }
.section-crew #nav_bar { border-color: #008fb1; }
.section-chronicle #nav_bar { border-color: #e2982a; }
.section-contact #nav_bar { border-color: #822529; }

/* --- Tagline element, only on HOME */
#nav_bar .nav-tagline {
    color: #822529;
    display: none;
    font-size: 23px;
    font-weight: 300;
    left: 12.5%;
    letter-spacing: 0.5em;
    padding-left: 10px;
    position: absolute;
    text-transform: uppercase;
}

.section-home #nav_bar .nav-tagline {
    top: 63px;
    display: block;
}

/* --- Logo & home button */
#nav_bar h1 {
    background: transparent url("./img/logo_codemart.svg") 0 bottom no-repeat;
    background-size: 100%;
    height: 58px;
    position: absolute;
    left: 75%;
    top: 38px;
    width: 216px;
    transition: background-position 0.5s ease, background-size 0.5s ease, top 0.5s ease, height 0.5s ease, opacity 0.5s ease;
}

#nav_bar h1:hover {
    opacity: 0.7;
    transition: background-position 0.5s ease, background-size 0.5s ease, top 0.5s ease, height 0.5s ease, opacity 0.5s ease;
}

#nav_bar h1 .action-section {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -1000em;
    width: 100%;
}

/* Hide tagline above logo for Homepage */
.section-home #nav_bar h1 {
    background-position: 0 -17px;
    top: 57px;
}

/* Collapsed small version */
#nav_bar.expression-minimal h1 {
    background-position: 0 -8px;
    background-size: 65%;
    top: 11px;
    height: 27px;
    transition: background-position 0.5s ease, background-size 0.5s ease, top 0.5s ease, height 0.5s ease, opacity 0.5s ease;
}

/* --- Global Navigation buttons for all sections */
#nav_bar .navigation {
    display: block;
    font-size: 18px;
    font-weight: 300;
    left: 12.5%;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    position: absolute;
    top: 51px;
    width: 62.5%;
    transition: top 0.5s ease;
}

.section-home #nav_bar .navigation {
    display: none;
}

#nav_bar.expression-minimal .navigation {
    top: 1px;
    transition: top 0.5s ease;
}

#nav_bar .navigation li {
    float: left;
    text-align: center;
}

#nav_bar .navigation .action-section {
    color: #822529;
    display: block;
    height: 100%;
    padding: 15px 60px 15px 0;
    text-decoration: none;
    width: 100%;
}

#nav_bar .navigation li:last-child .action-section {
    padding-right: 0;
}

/* Button highlighting */
#nav_bar .navigation .action-section:hover {
    color: #233c51;
}

.section-company #nav_bar .nav-company .action-section {
    color: #4a769a;
    font-weight: 600;
}
.section-code #nav_bar .nav-code .action-section {
    color: #4f4d88;
    font-weight: 600;
}
.section-crew #nav_bar .nav-crew .action-section {
    color: #008fb1;
    font-weight: 600;
}
.section-chronicle #nav_bar .nav-chronicle .action-section {
    color: #e2982a;
    font-weight: 600;
}
.section-contact #nav_bar .nav-contact .action-section {
    color: #822529;
    font-weight: 600;
}

/* !-------------------------------------------- */
/* !COMPONENT: Overlay image viewer */
/* !-------------------------------------------- */

#actor_viewer {
    background: #fff;
}

#actor_viewer header {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 110px 10px 10px;
    position: relative;
}

#actor_viewer .viewer-project {
    color: #4f4d88;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#actor_viewer .viewer-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#actor_viewer .action-viewer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100px;
    text-indent: -1000em;
    overflow: hidden;
    background: rgb(79, 77, 136) url("./img/icon_close_white.svg") center no-repeat;
    transition: background-color 0.3s ease;
}

#actor_viewer .action-viewer:hover {
    background-color: #e75328;
    transition: background-color 0.3s ease;
}

/* !-------------------------------------------- */
/* !COMPONENT: Homepage navigation & content teasers */
/* !-------------------------------------------- */

/* --- Navigation buttons */
.stripe-header .action-section {
    color: #fff;
    display: block;
    font-size: 19px;
    height: 110px;
    letter-spacing: 0.2em;
    padding-top: 41px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.stripe-header .action-section:hover {
    font-weight: 500;
}

/* --- Social media links */
.stripe-social {
    text-align: center;
}

.stripe-social .social-item {
    display: inline-block;
    height: 110px;
    width: 25%;
}

.stripe-social .social-item .action-social {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-indent: -1000em;
    background: transparent center no-repeat;
    transition: opacity 0.5s ease;
}

.stripe-social .social-item .action-social:hover {
    opacity: 0.7;
    transition: opacity 0.5s ease;
}

.stripe-social .social-item.social-facebook .action-social {
    background-image: url("./img/logo_facebook.svg");
}
.stripe-social .social-item.social-twitter .action-social {
    background-image: url("./img/logo_twitter.svg");
}
.stripe-social .social-item.social-instagram .action-social {
    background-image: url("./img/logo_instagram.svg");
}

/* --- Content teasers */
/* Feature column, also serves as scrolling container */
.header-feature {
    position: relative;
    z-index: 50;
    margin-top: 0;
    text-align: left;
    width: calc(500% + 20px); /* leave space for permanent scrollbars */
    left: -300%;
    max-height: calc(100vh - 254px);
    overflow: auto;
}

.header-feature + span {
    position: relative;
    z-index: 50;
    display: block;
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
    background: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
    background: linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
    width: 500%;
    left: -300%;
    height: 200px;
}

/* Single feature container */
.header-feature .feature-item {
    background: rgba(255,255,255,0.6);
    padding-bottom: 30px;
    width: 62.5vw; /* Scale to 5-column width, ignoring automatic decrease of container by permanent scrollbars */
}

.header-feature .feature-item:first-child {
    padding-top: 30px;
}

.header-feature .feature-item:after {
    content: "";
    display: block;
    clear: both;
}

.header-feature .action-feature {
    display: block;
    color: #233c51;
    text-decoration: none;
}

/* Aspect containers */
.header-feature .feature-item .item-block {
    float: left;
}

.header-feature .feature-item .item-keyword {
    width: 20%;
}

.header-feature .feature-item .item-image {
    width: 40%;
}

.header-feature .feature-item .item-text {
    width: 40%;
}

/* Keywords */
.header-feature .feature-category {
    padding: 5px 5px 5px 10px;
    font-size: 14px;
    font-weight: 400;
    border-top: 2px solid #e2982a;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-feature .feature-category:before {
    content: "#";
}

/* Images */
.header-feature .feature-item .item-image {
    height: 150px;
    overflow: hidden;
    border-top: 10px solid #e2982a;
}

.header-feature .feature-item .item-image:empty {
    background: url("./img/tt_modif_IMG_7850@2x.jpg") center no-repeat;
    background-size: cover;
}

.header-feature .feature-item .item-image img {
    width: 100%;
}

/* Text */
.header-feature .item-text .feature-title {
    color: #4a769a;
    font-size: 17px;
    font-weight: 500;
	line-height: 20px;
    letter-spacing: 0.03em;
    margin-bottom: 0.5em;
    padding: 8px 10px 5px 15px;
    border-top: 2px solid #e2982a;
    transition: color .2s ease;
}

.header-feature .action-feature:hover .item-text .feature-title {
    color: #233c51;
    transition: color .2s ease;
}

.header-feature .item-text .feature-title:before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 22px;
    vertical-align: top;
    background: url("./img/icon_arrow.svg") center no-repeat;
    transform: rotateZ(-90deg);
    margin-left: -5px;
}

.header-feature .item-text .substance-richtext.richtext-truncated {
    padding: 0 10px 0 15px;
    max-height: 77px;
    font-size: 15px;
	font-weight: 400;
    line-height: 1.3; /* in case there's content without a wrapping <p> */
}

.header-feature .item-text .substance-richtext.richtext-truncated:after {
    display: none;
}

/* !-------------------------------------------- */
/* !LAYOUT: Individual for section COMPANY */
/* !-------------------------------------------- */

/* --- Text modifications */
#stripe_company h1, 
#stripe_company h2, 
#stripe_company h3, 
#stripe_company h4 {
    color: #4a769a;
}

#stripe_company .substance-richtext li:before {
    background: #4a769a;
}

/* --- Company portrait */
#stripe_company .content-part.portrait header {
    position: relative;
    margin-bottom: 0.7em;
}

#stripe_company .content-part.portrait header img {
    width: 100%;
    display: block;
}

#stripe_company .content-part.portrait h1 {
    background: #4a769a;
    color: #fff;
    padding: 2px 5px 2px 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 20px;
}

/* --- Partners */
#stripe_company .substance-richtext:first-child {
    margin-bottom: 2.5em;
}

/* Partner Logo */
#stripe_company .logoblock {
    background: #4a769a;
    color: #fff;
    margin: 0 0 0.7em 0;
    position: relative;
}

#stripe_company .logoblock .partner-logo {
    display: block;
    height: 100%;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 180px;
    transition: background-color .5s ease;
}

#stripe_company .logoblock .partner-logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#stripe_company .logoblock .partner-logo:hover {
    background-color: #4f4d88;
    transition: background-color .5s ease;
}

/* Partner information */
#stripe_company .logoblock h2 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

#stripe_company .logoblock div {
    background: #4f4d88;
    height: 100%;
    margin-left: 180px;
    padding: 15px;
}

#stripe_company .logoblock p {
    margin-bottom: 0;
}

#stripe_company .logoblock a {
    color: #fff;
    display: block;
    font-weight: 500;
    margin-top: 0.7em;
    text-decoration: none;
    transition: color .5s ease;
}

#stripe_company .logoblock a:hover {
    color: #e2982a;
    transition: color .5s ease;
}

/* Partner description */
#stripe_company .logoblock + .substance-richtext {
    margin-bottom: 2.5em;
}

/* !-------------------------------------------- */
/* !LAYOUT: Individual for section CODE */
/* !-------------------------------------------- */

/* --- Text modifications */
#stripe_code h1, 
#stripe_code h2, 
#stripe_code h3, 
#stripe_code h4 {
    color: #4f4d88;
}

#stripe_code .substance-richtext li:before {
    background: #4f4d88;
}

/* --- Subnavigation */
#stripe_code .content-nav li:not(:first-child) .action:before {
    content: "";
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    background: #fff;
}

#stripe_code .content-nav li:nth-child(2) .action:before {
    background: #233c51;
}
#stripe_code .content-nav li:nth-child(3) .action:before {
    background: #4a769a;
}
#stripe_code .content-nav li:nth-child(4) .action:before {
    background: #4f4d88;
}
#stripe_code .content-nav li:nth-child(5) .action:before {
    background: #008fb1;
}
#stripe_code .content-nav li:nth-child(6) .action:before {
    background: #e2982a;
}
#stripe_code .content-nav li:nth-child(7) .action:before {
    background: #822529;
}
#stripe_code .content-nav li:nth-child(8) .action:before {
    background: #e03838;
}
#stripe_code .content-nav li:nth-child(9) .action:before {
    background: #e75328;
}

/* --- Intro text */
#stripe_code .content-part.expertise .substance-richtext {
    padding-left: 120px;
    position: relative;
}

#stripe_code .content-part.expertise .substance-richtext:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: url("./img/tt_modif_IMG_6663@2x.jpg") center no-repeat;
    background-size: cover;
}

#stripe_code .content-part.expertise .substance-richtext ul, 
#stripe_code .content-part.expertise .substance-richtext ol {
    padding-left: 18px;
}

/* --- Category blocks */
#stripe_code .content-part.projects {
    margin-bottom: 3.5em;
}

#stripe_code .content-part.projects h1 {
    padding-bottom: 5px;
    color: #233c51;
    border-bottom: 1px solid #233c51;
}

#stripe_code .content-part.projects h1 span {
    font-weight: 300;
}

#stripe_code .content-part.projects:nth-child(3) h1 {
    color: #4a769a;
    border-color: #4a769a;
}
#stripe_code .content-part.projects:nth-child(4) h1 {
    color: #4f4d88;
    border-color: #4f4d88;
}
#stripe_code .content-part.projects:nth-child(5) h1 {
    color: #008fb1;
    border-color: #008fb1;
}
#stripe_code .content-part.projects:nth-child(6) h1 {
    color: #e2982a;
    border-color: #e2982a;
}
#stripe_code .content-part.projects:nth-child(7) h1 {
    color: #822529;
    border-color: #822529;
}
#stripe_code .content-part.projects:nth-child(8) h1 {
    color: #e03838;
    border-color: #e03838;
}
#stripe_code .content-part.projects:nth-child(9) h1 {
    color: #e75328;
    border-color: #e75328;
}

/* --- Project containers */
#stripe_code .project-list .list-item {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin-bottom: 20px;
    position: relative;
}

#stripe_code .project-list .list-item.item-active {
    border-color: #233c51;
}

#stripe_code .content-part.projects:nth-child(3) .project-list .list-item.item-active {
    border-color: #4a769a;
}
#stripe_code .content-part.projects:nth-child(4) .project-list .list-item.item-active {
    border-color: #4f4d88;
}
#stripe_code .content-part.projects:nth-child(5) .project-list .list-item.item-active {
    border-color: #008fb1;
}
#stripe_code .content-part.projects:nth-child(6) .project-list .list-item.item-active {
    border-color: #e2982a;
}
#stripe_code .content-part.projects:nth-child(7) .project-list .list-item.item-active {
    border-color: #822529;
}
#stripe_code .content-part.projects:nth-child(8) .project-list .list-item.item-active {
    border-color: #e03838;
}
#stripe_code .content-part.projects:nth-child(9) .project-list .list-item.item-active {
    border-color: #e75328;
}

#stripe_code .project-list .item-header {
    display: block;
    padding-left: 110px;
}

#stripe_code .project-list .item-header:focus {
    outline: none;
}

#stripe_code .project-list .item-detail {
    padding-left: 120px;
    margin-top: 20px;
    padding-bottom: 20px;
}

#stripe_code .project-list .list-item:not(.item-active) .item-detail {
    display: none;
}

#stripe_code .project-list .item-detail:after {
    content: "";
    display: block;
    clear: both;
}

/* --- Project logo */
#stripe_code .item-header .project-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 50px;
    padding: 10px 10px 10px 10px;
    background: #233c51;
    text-align: center;
}

#stripe_code .content-part.projects:nth-child(3) .item-header .project-logo {
    background: #4a769a;
}
#stripe_code .content-part.projects:nth-child(4) .item-header .project-logo {
    background: #4f4d88;
}
#stripe_code .content-part.projects:nth-child(5) .item-header .project-logo {
    background: #008fb1;
}
#stripe_code .content-part.projects:nth-child(6) .item-header .project-logo {
    background: #e2982a;
}
#stripe_code .content-part.projects:nth-child(7) .item-header .project-logo {
    background: #822529;
}
#stripe_code .content-part.projects:nth-child(8) .item-header .project-logo {
    background: #e03838;
}
#stripe_code .content-part.projects:nth-child(9) .item-header .project-logo {
    background: #e75328;
}

#stripe_code .list-item.item-active .item-header .project-logo {
    height: 100%;
}

#stripe_code .item-header .project-logo .substance-image {
    height: 30px;
}

#stripe_code .item-active .item-header .project-logo .substance-image {
    top: 50%;
    margin-top: -20px;
}

/* Action icon */
#stripe_code .project-list .project-logo:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -30px;
    top: 5px;
    background: url("./img/icon_loupe.svg") center no-repeat;
}

#stripe_code .project-list .list-item.item-active .project-logo:before {
    background-image: url("./img/icon_close.svg");
}

/* --- Project header */
#stripe_code .item-header .project-title {
    color: #233c51;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0.03em;
    padding: 5px 0 0 10px;
    margin-bottom: 0;
    transition: color 0.5s ease;
}

#stripe_code .item-header .project-keywords {
    padding: 0 0 0 10px;
    color: #4f4d88;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.06em;
    margin-bottom: 0;
    transition: color 0.5s ease;
}

#stripe_code .item-header:hover .project-title, 
#stripe_code .item-header:hover .project-keywords {
    color: #000;
    transition: color 0.5s ease;
}

/* --- Project details */
/* Screenshots */
#stripe_code .item-detail .project-screens {
    width: 50%;
    float: left;
    margin-bottom: 0;
}

#stripe_code .item-detail .project-screens .substance-image {
    border: 1px solid #4f4d88;
    margin-bottom: 10px;
}

/* Info blocks */
#stripe_code .item-detail .project-info {
    float: right;
    width: calc(50% - 40px);
    margin-right: 10px;
}

/* Client + Websites */
#stripe_code .item-detail .info-client {
    margin-bottom: 20px;
}

#stripe_code .item-detail .info-client dt {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}

#stripe_code .item-detail .info-client dd {
    margin-bottom: 10px;
}

/* Key figures */
#stripe_code .item-detail .info-figures {
    margin-bottom: 20px;
}

#stripe_code .item-detail .info-figures dt {
    font-size: 32px;
    color: #4f4d88;
    margin-bottom: 5px;
}

#stripe_code .item-detail .info-figures dd {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
}

/* description */
#stripe_code .item-detail .info-description {
    font-size: 14px;
}

/* !-------------------------------------------- */
/* !LAYOUT: Individual for section CREW */
/* !-------------------------------------------- */

/* --- Text modifications */
#stripe_crew h1, 
#stripe_crew h2, 
#stripe_crew h3, 
#stripe_crew h4 {
    color: #008fb1;
}

#stripe_crew .substance-richtext li:before {
    background: #008fb1;
}

/* --- Seniors subsection */
#stripe_crew .seniors .senior-item {
    margin-bottom: 60px;
}

#stripe_crew .seniors header {
    position: relative;
    margin-bottom: 0.7em;
}

#stripe_crew .seniors img {
    display: block;
    height: auto;
    width: 100%;
}

#stripe_crew .seniors h2, 
#stripe_crew .seniors .lead, 
#stripe_crew .seniors .role {
    color: #fff;
    padding: 4px 5px 2px 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 25px;
    margin: 0;
}

#stripe_crew .seniors h2 {
    background: #008fb1;
    font-size: 22px;
    padding: 5px 5px 5px 10px;
    letter-spacing: 0.15em;
}

#stripe_crew .seniors .lead {
    background: #4f4d88;
    top: 55px;
}

#stripe_crew .seniors .role {
    background: #e75328;
    top: 79px;
}

/* --- Staff subsections */
#stripe_crew .staff {
    font-size: 0.1px;
    margin-bottom: 30px;
}

/* Member container */
#stripe_crew .staff .staff-member {
    display: inline-block;
    width: calc((100% / 3) - (2 * 20px / 3) - 0.2px);
    font-size: 16px;
    vertical-align: top;
    margin-bottom: 20px;
    margin-right: 20px;
    position: relative;
}

#stripe_crew .staff .staff-member:nth-child(3n) {
    margin-right: 0;
}

/* Member content */
#stripe_crew .staff-member img {
   width: 100%;
   display: block;
}

#stripe_crew .staff-member h2 {
    color: #fff;
    padding: 3px 5px 1px 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    margin: 0;
    background: #008fb1;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.1em;
}

#stripe_crew .staff-member .member-info {
    position: absolute;
    left: 0;
    bottom: 10px;
}

#stripe_crew .staff-member .member-info p {
    margin-bottom: 0;
}

#stripe_crew .staff-member .role span, 
#stripe_crew .staff-member .expertise span {
    display: inline-block;
    color: #fff;
    padding: 2px 5px 2px 10px;
    width: auto;
}

#stripe_crew .staff-member .role span {
    background: #4f4d88;
}

#stripe_crew .staff-member .expertise span {
    background: #822529;
}

/* --- Job openings subsection */
#stripe_crew .job {
    margin-bottom: 1.7em;
}

#stripe_crew .job h2 {
    font-weight: 300;
    padding-bottom: 5px;
    border-bottom: 1px solid #008fb1;
    margin-bottom: 0.5em;
}

/* Links to other sites */
#stripe_crew .action-jobmail {
    display: block;
    margin-top: 2em;
    position: relative;
    padding: 20px 10px 20px 20px;
    border-left: 70px solid #008fb1;
    background: url("./img/tt_modif_IMG_6278@2x.jpg") center no-repeat;
    background-size: cover;
    color: #fff;
    transition: border-color 0.3s ease;
}

#stripe_crew .action-jobmail:hover {
    border-color: #822529;
    transition: border-color 0.3s ease;
}

#stripe_crew .action-jobmail:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -45px;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    background: url("./img/icon_arrow_white.svg") center no-repeat;
    background-size: 100%;
    transform: rotateZ(-90deg) translateX(-50%);
}

#stripe_crew .action-jobmail em {
    display: block;
    font-weight: 300;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}


/* !-------------------------------------------- */
/* !LAYOUT: Individual for section CHRONICLE */
/* !-------------------------------------------- */

/* --- Text modifications */
#stripe_chronicle h1, 
#stripe_chronicle .zwei-ui-bloglist:not(.bloglist-compressed) h2, 
#stripe_chronicle .zwei-ui-bloglist:not(.bloglist-compressed) h3, 
#stripe_chronicle .zwei-ui-bloglist:not(.bloglist-compressed) h4 {
    color: #e2982a;
}

#stripe_chronicle .substance-richtext:not(.richtext-flattened) ul li:before {
    background: #e2982a;
}

#stripe_chronicle .substance-richtext:not(.richtext-flattened) ol li:before {
    color: #e2982a;
}

/* --- most of this section is handled in blog.css */

/* !-------------------------------------------- */
/* !LAYOUT: Individual for section CONTACT */
/* !-------------------------------------------- */

/* --- Text modifications */
#stripe_contact h1, 
#stripe_contact h2, 
#stripe_contact h3, 
#stripe_contact h4 {
    color: #822529;
}

#stripe_contact .substance-richtext li:before {
    background: #822529;
}

/* --- Imprint */
#stripe_contact .imprint div {
    margin-bottom: 0.7em;    
}

#stripe_contact .imprint div p {
    margin-bottom: 0;
}

#stripe_contact .imprint .imprint-location {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
}

#stripe_contact .imprint .imprint-communication {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
}

/* Social media links */
#stripe_contact .imprint-communication .comm-social {
    margin-top: 0.4em;
}

#stripe_contact .imprint-communication .comm-social span {
    display: inline-block;
    overflow: hidden;
    text-indent: -1000em;
    width: 40px;
    height: 25px;
    margin-right: 5px;
    line-height: 25px;
    background: #822529 center no-repeat;
    background-size: 15px;
}

#stripe_contact .imprint-communication .comm-social.social-facebook span {
    background-image: url("./img/logo_facebook.svg");
}
#stripe_contact .imprint-communication .comm-social.social-twitter span {
    background-image: url("./img/logo_twitter.svg");
}
#stripe_contact .imprint-communication .comm-social.social-instagram span {
    background-image: url("./img/logo_instagram.svg");
}

#stripe_contact .imprint-communication .comm-social a {
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
}

/* Google Map */
#stripe_contact .imprint .imprint-map {
    clear: both;
    background: rgba(130, 37, 41, 0.2);
    height: 400px;
}

#stripe_contact .imprint iframe {
    border: none;
    width: 100%;
    height: 400px;
}

/* Legal information */
#stripe_contact .imprint-legal em {
    font-weight: 400;
}

/* --- Privacy policy */
#stripe_contact .privacy h2 {
    font-weight: 300;
    padding-bottom: 5px;
    border-bottom: 1px solid #822529;
    margin-bottom: 0.5em;
}