/* CUSTOM STYLES */

body.site .body .container { background-color: rgba(255,255,255,0.85); }

body { margin: 60px 0 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 175%; color: #333; background-color: #fff; }

.svg-bg { position: absolute; top: 70px; left: 0px; right: 0px; width: 100%; z-index: -1; }
.site-title { font-size: 18px!important; font-weight: 300!important; line-height: 24px!important; }
dl.article-info { margin: 0 12px 8px 12px; }
dd { margin-left: 0!important; }
.category-desc { margin-bottom: 30px; }
ul.table { display: table; width: auto; }
.brand { color: #d35400; }
.categories-list, .items-row { margin-bottom: 0px!important; }
.item { margin-bottom: 25px; }
.pull-left { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.pull-left:hover { opacity: .5; }
p, .item-page ul { max-width: 720px; }
.item-page ul.pager.pagenav { max-width: 100%; }
body.site .pull-left.item-image { margin: 0 20px 30px 0; }

/* HUMAN CAMPAIGN LAYOUT */

body.site.human { padding: 20px 0; margin: 35px 0 0 0; font-size: 1rem; }
body.site.human .svg-bg { display: none; }
body.site.human img { width: 100%; }
body.site.human #top-bar-content { position: relative; }
body.site.human #top-bar-content .custom { position: relative; height: 560px; background: url("/images/stories/weilwirmenschlichsind/header.jpg"); background-size: cover; background-position: right; }

@media (max-width: 767px) { body.site.human #top-bar-content .custom { position: relative; height: 480px; } }

body.site.human #top-bar-content .custom p { max-width: none; }

/* body.site.human #top-bar-content .custom .cta-img { position: relative; } */
/* body.site.human #top-bar-content .custom .cta-img img { width: 100%; max-width: none; min-height: 360px; } */

body.site.human #top-bar-content .custom .cta-btn { position: absolute; top: calc(50% - 40px); left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 980px; padding: 0 20px; box-sizing: border-box; }
body.site.human #top-bar-content .custom .cta-btn .silhouette img { max-width: 440px; margin-bottom: 2em; }
body.site.human #top-bar-content .custom .cta-btn .btn-white a { color: #fff; font-weight: bold; display: inline-block; border: 2px solid #fff; padding: 5px 15px; margin-right: 1em; float: left; }
body.site.human #top-bar-content .custom .cta-btn .btn-white a:hover { color: #e67e22; background: #fff; }
body.site.human #top-bar-content .custom .cta-btn .btn-orange a { font-weight: bold; display: inline-block; border: 2px solid #e67e22; padding: 5px 15px; }
body.site.human #top-bar-content .custom .cta-btn .btn-orange a:hover { color: #fff; background: #e67e22; }

@media (max-width: 767px) { body.site.human #top-bar-content .custom .cta-btn .btn-white a { float: none; margin-right: 0; margin-bottom: 0.5em; } body.site.human #top-bar-content .custom .cta-btn .silhouette img { margin-bottom: 1em; max-width: 320px; } body.site.human #top-bar-content .custom .cta-btn { padding: 0 40px; } }

body.site.human .body .container { position: relative; margin-top: -120px; padding: 0 20px 60px 20px; }
body.site.human a, body.site.human a:hover { text-decoration: none; }
body.site.human main#content a, body.site.human main#content a:hover { font-weight: bold; }

body.site.human .body .container p { max-width: none; }
body.site.human .body .container img { max-width: 480px; }
body.site.human .body .container img.hashtag-badge { max-width: 710px; }

body.site.human .body .container .hashtag { font-weight: bold; font-size: 2.25rem; color: #e67e22; line-height: 1.25; }

@media (max-width: 979px) { body.site.human .body .container .hashtag { font-size: 1.9rem; } body.site.human .body .container { margin-top: -140px; } }
@media (max-width: 480px) { body.site.human .body .container .hashtag { font-size: 1.5rem; } body.site.human .body .container { margin-top: -120px; } }

body.site.human .body .container a.orange-link { color: #fff; border: 2px solid #fff; padding: 5px 15px; margin-right: 1em; display: inline-block; }
body.site.human .body .container a.orange-link:hover { color: #e67e22; background: #fff; }
body.site.human .body .container a.white-link { color: #e67e22; border: 2px solid #e67e22; padding: 5px 15px; margin-right: 1em; display: inline-block; }
body.site.human .body .container a.white-link:hover { color: #fff; background: #e67e22; }

body.site.human .body .container .orange-block { color: #fff; background: #e67e22; padding: 2em; }
body.site.human .body .container .orange-block img { max-width: 480px; }

body.site.human .body .container .mission { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; color: #fff; }
body.site.human .body .container .mission-left { grid-area: 1 / 1 / 2 / 3; background: #e67e22; padding: 2em; position: relative; }
body.site.human .body .container .mission-left:after { position: absolute; content: ''; top: 25px; right: -20px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #e67e22; }
body.site.human .body .container .mission-right { grid-area: 1 / 3 / 2 / 6; background: rgba(230,126,34,0.5); padding: 2em; }
body.site.human .body .container .mission-right ul { margin: 0 0 0 1em; }
body.site.human .body .container .mission-right li { line-height: 1.5; margin-bottom: 0.5em; }
body.site.human .body .container .mission-right li::marker { color: #e67e22; }

@media (max-width: 979px) { body.site.human .body .container .mission { display: block; } body.site.human .body .container .mission-left:after { top: auto; right: auto; left: 30px; bottom: -25px; transform: rotate(90deg); } }

body.site.human .body .splide { padding: 2em; }
body.site.human .body .splide__arrow--prev { left: -1em; }
body.site.human .body .splide__arrow--next { right: -1em; }
body.site.human .body .splide__arrow svg { fill: #e67e22; }
body.site.human .body .splide img { width: 100%; border-radius: 50%; }
body.site.human .body .splide p.splide__caption { font-size: 12px; text-align: center; }

/* CAMPAIGN LAYOUT */

.campaignimg { margin-bottom: 30px; }

/* FOTORAMA */

.fotorama__caption { color: #fff!important; background: rgba(0,0,0,0.60); font-size: 13px!important; line-height: 18px!important; }
.fotorama__caption__wrap { background-color: rgba(255,255,255,0)!important; text-align: left; width: 100%; }
div.article_images_block img { margin:0!important; }
.fotorama__thumb-border { border-color: #e67e22!important; }

/* COM CONTACT */

.com_contact .contact-form { margin-bottom: 60px; }

/* TILES */

.tiles-item { padding: 5px 0 10px 0; margin: 15px; background-color: #fff; -webkit-box-shadow: 5px 5px 5px 0px rgba(51,51,51,0.15); -moz-box-shadow: 5px 5px 5px 0px rgba(51,51,51,0.15); box-shadow: 5px 5px 5px 0px rgba(51,51,51,0.15); }
.tiles-image { position: relative; width: 100%; }
.tiles-image h2 { position: absolute; top: 10px; left: 10px; padding: 10px 15px 13px 15px; margin: 0 10px 0 0; font-size: 15px; background-color: rgba(255,255,255,0.95); -webkit-box-shadow: 5px 5px 5px 0px rgba(51,51,51,0.55); -moz-box-shadow: 5px 5px 5px 0px rgba(51,51,51,0.55); box-shadow: 5px 5px 5px 0px rgba(51,51,51,0.55); }
.tiles-image h2 a { color: #333; }
.tiles-image { width: 100%!important; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.tiles-image:hover { opacity: .5; }
.tiles-item .page-header { padding-bottom: 10px; margin: 0; }
.tiles-item .readmore > .btn { border: none; margin-top: 0px; }

/* ICONS */

ul.actions { margin-bottom: 15px; padding: 0; text-align: right; }
ul.actions li { display: inline; padding: 0 5px; }
ul.actions a { text-decoration: none; }

/* MASONRY */

.grid { margin: 0 auto; }
.grid-item { width: 320px; height: 480px; margin-bottom: 30px; overflow: hidden; }

/* ISOTOPE */

ul#filters { margin: 0 0 20px 0; }
a.selected { color: #333; }
.isotope { margin: 0 auto; }
.option-set > li > a { padding: 8px 12px 8px 12px; text-transform: uppercase; }
.option-set .btn { padding: 8px 0 8px 0; margin-right: 4px; border: 1px solid #f5f5f5; }
.portfolio-item h2 { margin: 0; }
.portfolio-item { margin-bottom: 25px;}
.portfolio-box { padding: 10px; background-color: #f5f5f5; border: 1px solid #dcdcdc; }
.portfolio-sizer, .portfolio-item { width: 30%; min-width: 280px; }
.gutter-sizer { width: 5%; }

/* GALLERIA.IO */
.galleria-info-text { background-color: rgba(0,0,0,0.33)!important; }
.galleria-container { height: calc(100vh -  210px)!important; }
.galleria-stage { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; }
.galleria-images { z-index: 0 !important; }
.galleria-info { z-index: 0 !important; }
.galleria-image-nav-left,.galleria-image-nav-right { z-index: 0 !important; }
.galleria-images:after { content: url("../images/watermark.png"); position: absolute; left: 20px; bottom: 20px; z-index: 100; }

/* JE FULLSCREENGALLERY */
ul#supersized.quality, ul#supersized.speed { margin: 0!important;}
#controls-wrapper { background: rgba(0,0,0,0.60)!important; }
#supersized img { max-width: none; }

/* RD EXTERNAL LINKS */
a#external { margin-right: 21px; position: relative; white-space: nowrap; }
a#external:before { content: "\e024"; font-family: 'IcoMoon'; font-style: normal; font-size: 11px; position: absolute; display: inline-block; width: 14px; height: 14px; line-height: 14px; left: auto; right: -21px; bottom: 2px; }

/* MOBILE */
@media (max-width: 979px) {
	.header .brand { text-align: left!important; }
	.svg-bg { display: none; }
	.pull-none { margin-bottom: 25px; }
	.pull-left { float: none; }
}