/** FONTS & GENERAL **/
body { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 95%; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; color: #2c2c2c; }
h1 { font-weight:600; }
h1 strong { color:#8dbf1d; font-weight:600; }
footer nav, header nav { float:right; }
a.button { font-weight:600; padding: 0.4em 0.75em; float:right; }
a.button:hover, input.button:hover { text-decoration: none; color:#fff; background-color:#9bcc1f; }

#content.home header.article-header { display:none; }
#content { margin-top:0; }
header.article-header  { background-color:#92bd11; padding: 8em 0; margin-top: 6.5em; }
header.article-header h1, header.article-header h2 span {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-size: 2.5em;
	font-weight: 600;
	padding: 0.3em 1em 0.35em 0.5em;
}
header.article-header.multi { padding: 4.45em 0; }
header.article-header h2 { font-size: 1em; line-height: 5.5em;}
header.article-header a { color:#fff }
header.article-header h2 span { display: inline; }
header.article-header h2 span:after {
	content:"\A"; white-space:pre;
}
.fl { float:left !important; }

/** HOME **/
body.home #intro-services {
	margin-bottom: 0 !important;
}
body.home #intro-services .wrap {
	background-color: #fff;
	padding: 2em 5em;
	margin-top: 5em;
}
body.home #leistungen .wrap { border-bottom: 0 none !important; }
body.home #leistungen h2 {
	margin-top: 2em;
	margin-bottom: 3em;
}
#teaser-offices h2 { margin-top: 3.5em; font-size: 2em; }
body.home #intro-services h2 a , #teaser-offices h2 a { color: #fff; }
body.home #intro-services h2, #teaser-offices h2 {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 0.3em 1em 0.35em 0.5em;
}
#teaser-offices {  background-color: #92bd11; margin: 0 -1.5em -4em !important; }
#offices-home { background: url(../images/offices.jpg) center bottom no-repeat #92bd11; margin: 0 -1.5em -0 !important; }
body.home #leistungen {
	margin: 0 -1.5em !important;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
/** SUB PAGE **/
article .entry-content .widget { padding: 0; }
article .entry-content .wrap .panel-grid-cell { padding: 0 !important; }
#pg-16-0, #pg-16-1, #pg-16-2 { margin-left: -10px !important; margin-right: -10px !important; }

/** PRESS RELEASE **/
#post-not-found #qtranslate-chooser .active { display:none; }
#inner-content.pressrelease #main{ margin: 6.5em 0; }
article.pressrelease .title { margin-top: 4em; margin-bottom: 4em; }
.loading { background: url('../images/loading.gif') no-repeat center center #fff; line-height:0; }
.pressreleasebar  h3 { margin-top:0; }
.pressrelease  h2 { margin: 1em 0 1.5em; }
.pressrelease .box { padding: 3em 0; margin: 0 !important; }
.excerpt-read-more { margin-left: 0.5em; }
#pressrelease-content { display: none; }
.sidebar { margin-top: 4.2em; }
article.pressrelease-listing  { margin-bottom:4em; }
article.pressrelease-listing  h3 { margin-top:0; }
article.pressrelease-listing  h3 a { color:#000; }
article.pressrelease-listing  .entry-content { padding: 0; }
article.pressrelease-listing  time {
	background-color: #8dbf1d;
	border-radius: 5px;
	color: #fff;
	display: block;
	float: left;
	font-size: 0.9em;
	font-family: "Open Sans",sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2em;
	margin-right: 1em;
	padding: 1em 0.25em 1.1em;
	text-align: center;
	width: 3.5em;
}

/** TEAM LAYOUT **/
dl.gallery-item { float:left; margin:0; }
.gallery-columns-4 dl.gallery-item { width:25%; }
.gallery-columns-8 dl.gallery-item { width:12.5%; }
#team-grid { margin:0 -1.5em !important; background-color:#ededed; padding: 3em 0 6.5em; }
#team-grid .textwidget { margin-left: -1%; }
#teaser-team, #teaser-team-2{ background-color:#2c2c2c !important; }
#team-grid  img{ margin:0; float:left; }
#team-grid .panel-grid-cell { padding:0 !important; }
html.js #team-grid #team-copy, html.js #team-grid #team-image  { width:50%; display:block; float:left; }
#leistungen-top, #box-contact-top, #clients-top {
	width: 100%;
	height: 2.5em;
	background-color: #fff;
	margin-bottom: -1.6em;
	margin-top:1em !important;
}

.pagination ul.page-numbers { border: 1px solid #e9e9e9; border-radius: 5px; background-color:#f4f4f4; color:#2c2c2c; }
.pagination ul.page-numbers a { color:#2c2c2c; }
.pagination ul.page-numbers .current, .pagination ul.page-numbers a:hover, .pagination ul.page-numbers a:focus { color:#fff; background-color: #8dbf1d; border: 1px solid #8dbf1d; margin: 0 -1px; }
.pagination ul.page-numbers li:first-child { border-radius: 5px 0 0 5px !important; }
.pagination ul.page-numbers li:last-child { border-radius: 0 5px 5px 0 !important; }
.pagination span.dots:hover { background-color: inherit; color: inherit; }

/** FOOTER **/
footer .nav li a { padding: 1.5em 0.75em; color:#fff;  }
#pre-footer { background-color:#2c2c2c; color:#b6b6b6; padding: 2em 0; line-height: 1.25em; }
#pre-footer .social { float: right; padding-top: 1em; }
#pre-footer .widget { margin: 0; padding: 0; }
#pre-footer strong { color:#ffffff; font-weight:600; }
#pre-footer img { margin-bottom:2em; }
#pre-footer a { color:#8dbf1d; text-decoration:none; }
#pre-footer a:hover { color:#b0e637; text-decoration:underline; }
#menu-footer ul.sub-menu { bottom: 3.5em; }
#menu-footer.nav li ul.sub-menu li a,#menu-footer.nav li ul.children li a { padding: 0.5em; font-size:0.85em; color:#b6b6b6; width:114px}
#menu-footer.nav li.qtranxs-lang-menu-en ul.sub-menu li a,#menu-footer.nav li.qtranxs-lang-menu-en ul.children li a { width:124px}
.socialicon { width:43px; height: 43px; float: left; display: block; background: url(../images/icons-social.gif) no-repeat; margin-right: 1em; }
.socialicon:hover { background-position: 0 -43px;}
.socialicon:last-of-type { margin-right:0; }
.socialicon.linkedin { background-position: -43px 0;}
.socialicon.youtube  { background-position: -86px 0;}
.socialicon.twitter  { background-position: -129px 0;}
.socialicon.instagram  { background-position: -172px 0;}
.socialicon.linkedin:hover { background-position: -43px -43px;}
.socialicon.youtube:hover { background-position: -86px -43px;}
.socialicon.twitter:hover { background-position: -129px -43px;}
.socialicon.instagram:hover { background-position: -172px -43px;}
.footer { padding:0; background-color:#373737; color:#b6b6b6 }
footer .nav li a:hover, footer .nav li a:focus, footer li.current-menu-item a { text-decoration: none; background-color:#202020; }
p.copyright { margin: 1.5em 0 0 0; }
#pre-footer h5 {
	color: #ffffff;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.25em;
	margin-top: 0.25em;
	margin-bottom: .85em;
}
#pre-footer h5 + p { display:none; }
/** TWITTER **/
.ctf-tweet-text { line-height: 1.2em; }
#ctf .ctf-item { padding: 0.5em 0; }
#ctf a.ctf-author-name, #ctf .ctf-screename-sep { display: none; }
#ctf a.ctf-author-screenname { color: #fff !important; font-weight:600 !important; margin: 0 }
#ctf .ctf-retweet-icon { background-color:#434343 !important; padding: 3px; }
#ctf .ctf-item { border: 0 none; }
#ctf .ctf-tweet-meta { }
#ctf .ctf-tweet-meta a { font-size: .9em; }
#ctf .ctf-context { float: left; width: auto; margin: .3em .25em 0 0 !important; }
#ctf .ctf-author-box { float: left; }
#ctf .ctf-tweet-content { float: left; width: 100% }
#ctf .ctf-verified { margin-right:2px; }
#ctf .ctf-retweet-icon { margin-right:3px !important; }
.ctf-retweet-text, .ctf-tweet-date { color:#7c7c7c !important; }
.ctf-verified i { position: relative; bottom:-1px; }
.ctf-tweet-text br + br { display:none; height: 0; font-size: 0; line-height: 0; }

/** CONTACT PAGE **/
.wpcf7-textarea  { padding: 6px 12px; }
.wpcf7-textarea, input.wpcf7-text { background-color:#f6f6f6; border-radius:0; color: #888888; font-family: 'Open Sans', sans-serif; }
body.page-id-14 #contact-us { display:none; }
#contact-us {
	position: fixed;
	width: 1170px;
	left: 50%;
	bottom: 0;
	margin-left: -587px; /*half the width*/
	text-align: right;
	z-index: 99;
}
.ajax-loader { float: right; margin-right: 4px;}
span.wpcf7-not-valid-tip { margin-top:1em; }
#contact-us a i { margin-right: 0.2em; }
#contact-us a {
	background-color: #8dbf1d;
	border-radius: 5px 5px 0 0;
	color: #fff;
	text-decoration: none;
	border: 0 none;
	font-weight: 600;
	padding: 0.4em 0.75em 0;
	text-align: center;
	box-shadow: 1px 3px 5px 2px rgba(61,61,61,0.3);
	text-transform: uppercase;
	font-size: 1.25em;
	float:right;
}
#contact-us a:hover {
	transition: all .25s ease-in-out;
	padding: 0.4em 0.75em 0.25em;
	background-color:#80ad1b;
}

article.contactpage header.article-header .wrap.bottom {
	bottom: 0;
	top: inherit;
	margin-top: 0;
}
article.contactpage header.article-header .wrap {
	position: absolute;
	top: 8em;
	z-index: 1;
	left: 0;
	right: 0;
}
article.contactpage header.article-header {
	padding: 0;
	position: relative;
}
.wpcf7-submit { text-transform: uppercase; }
.wpcf7-form p.submit { margin:0; }
.wpcf7-form .half input { margin-bottom:0; }
.wpcf7-form .half { width:49%; float:left; margin-right:1%; }
.wpcf7-form .half.last { margin-right:0; margin-left:1%; }
.required { font-weight:600; color:#9bcc1f; }
.clear { clear:both; line-height:0; height:0; font-size:0; }
.wpcf7-text { max-width:100% !important; }
#box-contact-top { margin:0 !important; height:3em; z-index:1; position: relative; }
#box-contact h2 { margin-top:0; padding-top:0; }
#box-contact .panel-first-child { margin-top: 3em; }
#map .fa-map-marker { margin-right: 3px; margin-left: 1px; }
#map {
	width: 100%;
	min-height: 700px;
}
.wpcf7-mail-sent-ok {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 600;
	padding: 0.2em 1em 0.2em 0.5em;
	border: 0 none;
	margin: 2em 0 0 0;
}
.fa-phone { margin-left: 1px; margin-right: 1px;}
.fa-map-marker { margin-left: 2px; margin-right: 3px;}
#map h3 { padding-top: 0; font-weight: 600; margin-top: 0.25em; margin-bottom: 0; }
#map a { color:#888888; text-decoration: none; }
#offices-row-hh .panel-row-style.wrap { padding-top:37px; }
#offices-row-ad .panel-row-style.wrap { padding-bottom:39px; }
#offices-row-hh, #offices-row-la, #offices-row-ad, #offices-row-ly { background-color: #92bd11; margin: 0 -1.5em !important; }
.offices-row {  min-height:240px; }
#offices-row-hh h3 { margin-top:74px; }
#offices-row-la h3 { margin-top:63px; }
#offices-row-ly h3 { margin-top:63px; }
#offices-row-ad h3 { margin-top:63px; }
#offices-row-hh .so-panel.widget.panel-first-child, #offices-row-la .so-panel.widget.panel-first-child, #offices-row-ad .so-panel.widget.panel-first-child, #offices-row-ly .so-panel.widget.panel-first-child { padding:0; margin:0; }
.offices-row p { margin: 0; }
.offices-row a, .offices-row a:hover { color:#fff; text-decoration: none; }
.offices-row h3 {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 600;
	padding: 0.2em 1em 0.2em 0.5em;
}
#pgc-14-map-row-0 { padding: 1.5em 2.5em 1em !important }

/** LANG MENU | Q Translate **/
#menu-footer.nav li ul.sub-menu { border: 1px solid #525252; background-color:#3c3c3c; border-bottom: 0 none;}
#menu-footer.nav li ul.sub-menu a:hover, #menu-footer.nav li ul.sub-menu a:focus, #menu-footer.nav li ul.sub-menu li.current-menu-item a { background-color:#4c4c4c; color:#fff; }
#menu-footer.nav li ul.sub-menu li a {  border-bottom: 1px solid #525252;  }
#menu-footer img { margin-bottom: -5px; }

/** TEASER **/
/* DESK*/
#teaser-desk  h2 { font-weight:600; font-size:3em; text-shadow: 1px 1px 2px rgba(61, 61, 61, 0.3); line-height: 1.1em; color:#fff; }
#teaser-desk  p { text-shadow: 1px 1px 2px rgba(61, 61, 61, 0.5); }
#teaser-desk  a.button { float:left; margin-top:1.5em; box-shadow: 0 1px 2px rgba(61, 61, 61, 0.5); }
#teaser-desk { background:url(../images/bg_desk.jpg) no-repeat 100%; padding: 10em 0; color:#fff; font-weight:600; }

/* OPENER */
#teaser-opener h1 { margin-top: 2.5em; }
#teaser-opener .customer { margin: 2em 99px 0 0; }
#teaser-opener .customer.mifcom, #teaser-opener .customer.cyberpower { margin-right:0;}
#teaser-opener .customer.roccat, #teaser-opener .customer.wiko, #teaser-opener .customer.xilence, #teaser-opener .customer.samdisk { margin-right:87px;}
#teaser-opener p { line-height:2.5em; color: #aeaeae; margin-bottom:2.5em; font-weight: 400; }
#teaser-contact, #teaser-industryparty, #teaser-team, #teaser-team-2, #teaser-jobs, #teaser-jobs-flipped, #teaser-numbers, #teaser-desk, #teaser-quotes, article.wrap .entry-content .panel-grid, .remove-indent { margin: 0 -1.5em !important; }

/* CONTACT */
#teaser-contact { color:#fff; background-color:#8dbf1d; text-transform: uppercase; }
#teaser-contact a { border: 2px solid #fff; border-radius: 7px; color: #fff; float: right; font-size: 0.75em; margin: -0.5em 0; padding: 0.35em 1em; text-decoration: none;}
#teaser-contact a:hover {
	background-color:#fff;
	color:#8dbf1d;
	-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.5s; /* Firefox < 16 */
	-o-animation: fadein 0.5s; /* Opera < 12.1 */
	animation: fadein 0.5s;
}
#teaser-contact .panel-grid-cell { padding: 3em 0 2.8em !important; font-size:1.5em; line-height: 1em; }
#teaser-contact .panel-grid-cell .so-panel.widget.panel-first-child, #teaser-contact .panel-grid-cell p { margin: 0 !important; }

/* JOBS */
#teaser-showcase h3, .member-name, #teaser-industryparty h3, #teaser-team h3, #teaser-team-2 h3, #teaser-jobs h3, #teaser-jobs-flipped h3{ font-weight: 700; font-size:2em; color:#fff; }
#teaser-jobs { background:url(../images/bg_teaser-jobs.jpg) no-repeat #222222; color:#b3b3b3; background-size:100%; }
#teaser-industryparty { background:url(../images/bg_teaser-industryparty.jpg) no-repeat #222222 center center; color:#b3b3b3; background-size:100%; }
#teaser-jobs-flipped { background:url(../images/bg_teaser-jobs-flipped.jpg) no-repeat #222222; color:#b3b3b3; background-size:100%; }
#teaser-team.panel-grid-cell, #teaser-team-2.panel-grid-cell, #teaser-jobs .panel-grid-cell { padding: 0 !important;}
#teaser-team .panel-grid-cell:last-child, #teaser-team-2 .panel-grid-cell:last-child, #teaser-jobs .panel-grid-cell:last-child, #teaser-industryparty .panel-grid-cell:last-child  { padding:2em 0 4em 5em !important; }
#teaser-jobs-flipped .panel-grid-cell:first-child { padding:2em 5em 4em 0 !important; }

/** SHOWCASE **/
#teaser-showcase { margin:0 !important; }
#teaser-showcase h3 { font-size:1.4em; bottom: 6%; }
#teaser-showcase p { bottom: 0; font-size:90%; }
#teaser-showcase .panel-grid-cell { margin:0 !important; min-height: 315px; background: url(../images/bg_teaser_showcase.jpg) #222222 center center; position: relative; border-right: 1px solid #2b2b2b; background-size: cover; }
#teaser-showcase .panel-grid-cell img { margin:0 auto; display: block; }
#teaser-showcase .panel-grid-cell h3, #teaser-showcase .panel-grid-cell p { position: absolute; display:none; }
#teaser-showcase .panel-grid-cell:hover h3, #teaser-showcase .panel-grid-cell:hover p { display:block; }
#teaser-showcase .showcase-technikpr, #teaser-showcase .showcase-bequiet, #teaser-showcase .showcase-amd, #teaser-showcase .showcase-synology  { float:left; width:100%; }
#teaser-showcase .showcase-technikpr  { margin-top:-10px }
#teaser-showcase .showcase-bequiet  { margin:40px 0 0 5px; }
#teaser-showcase .showcase-amd  { margin-top:35px }
#teaser-showcase .showcase-synology   { margin-top:35px }
#teaser-showcase .panel-grid-cell:hover { background: url(../images/teaser_showcase_overlay.png) repeat-x #222222; }
#teaser-showcase .panel-grid-cell:hover:after { content:''; position: absolute; width:64px; height:64px; background: url(../images/teaser_showcase_more.png) no-repeat; left:50%; top:50%; margin-left:-32px; margin-top:-32px; }
#teaser-showcase .panel-grid-cell:hover img { opacity:0.5; -webkit-filter: blur(5px); filter: blur(5px); }
#teaser-showcase p { color:#fff; }
#teaser-showcase a { color:#fff; text-decoration: none; }
#teaser-showcase a { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* TEAM */
#teaser-team, #teaser-team-2 { background-color: #2c2c2c; color:#b3b3b3; background-size:100%; }
html.js #teaser-team {
	background:url(../images/team/Aaron.jpg) no-repeat center center #2c2c2c;
	color:#b3b3b3;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

html.js #teaser-team ul li { display: none; }
html.js #teaser-team ul li:first-child { display: block; }
html.js #teaser-team .so-panel{ padding:0; margin-top:0; }

#teaser-team a.mail,#teaser-team  a.linkedin,#teaser-team  a.xing, #teaser-team-2 a.mail,#teaser-team-2  a.linkedin,#teaser-team-2  a.xing {
	width: 43px;
	height: 43px;
	display:inline-block;
	font-size:0;
	text-indent:-999em;
	margin-right:1em;}
#teaser-team a.mail, #teaser-team-2 a.mail { background:url(../images/mail.gif) no-repeat;}
#teaser-team a.linkedin, #teaser-team-2 a.linkedin { background:url(../images/linkedin.gif) no-repeat}
#teaser-team a.xing, #teaser-team-2 a.xing { background:url(../images/xing.gif) no-repeat}

.member-name { color: #2c2c2c; text-transform: none; font-size: 1.2em !important;  }
.member-job { text-transform: none; display: inline; margin-left:0.5em; }
.member-job span { font-weight:700; }
.member-name em { font-weight:normal; color:#888; font-style: normal; }
.member-popup-info .member-name { color:#fff; margin-bottom: 0; }
.wp_teamshowcase_grid.design-3 .member-name { line-height: 1em; }
.wp-modal-header { background-color:#6dae00 !important;}
.wp_teamshowcase_grid.design-3 .team-grid:hover > .member-main-info { background:#222222 !important; color:#b3b3b3 !important; }
.wp_teamshowcase_grid.design-3 .team-grid:hover > .member-main-info .member-name { color:#fff !important; }
.teamshowcase-image-bg:hover .teamshowcase-hover-icon {
	-webkit-transform: scale(1.25) !important;
	transform: scale(1.25) !important;
	opacity: 1;
}
.wp_teamshowcase_grid.design-3 .member-main-info { background-color:#fff; padding: 1.85em 0;}
.wp-modal-header .member-popup-info {
	padding: 15px 40px 25px;
}
.wp-modal-header { height:500px; }
.wp_teamshowcase_grid .team-grid { margin-bottom:1em; }
.white-popup-block .wp-modal-body { padding: 10px 40px 25px; }
.wp_teamshowcase_grid.design-3 .team-grid {
	border-right: 1px solid #e8e8e8;
}
@media only screen and (min-width: 40.0625em) {
	.wp-tsas-medium-3 {
		width: 24%;
		margin-left: 1%;
	}
}
.member-popup-info {
	background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .35) 100%);
	background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, .35) 100%);
	background: -ms-linear-gradient(top, transparent 0, rgba(0, 0, 0, .35) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .35) 100%);
}
@media (min-width: 768px) {
	.white-popup-block {
		max-width: 750px;
	}
}

/** KUNDEN **/
#clients-grid { margin: 0 -1.5em !important; background-color: #ededed; padding: 3em 0 6.5em; }
#clients .so-panel.widget.panel-first-child { margin-top:0; }
#clients-grid .so-panel.widget.panel-first-child { margin-top:1em; }
#clients-grid .panel-row-style.wrap { padding:0; }
#intro-clients { background-color: #f3f3f3; margin: 0 -1.5em 3em !important; padding: 2em;}
#intro-clients .panel-grid-cell { font-size: 1.25em; line-height: 1.75em; }
#intro-clients .so-panel.widget.panel-first-child{ margin:1.5em 0 0 0 !important; }
.clients-listing {
	position: relative;
	padding: 1.5em 2em 0;
	width: 24%;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	margin-right: 1%;
	margin-bottom: 1%;
	background-color: #fff;
}
body.home #leistungen a { color: #000; }
body.home #leistungen a.icons { color: #fff; }
body.home .clients-listing:nth-child(5), body.home .clients-listing:nth-child(6), body.home .clients-listing:nth-child(7), body.home .clients-listing:nth-child(8) { border-bottom-color: #fff;}
#client-filter { font-size: 1.25em; font-weight:400; }
.filter-link { color:#8dbf1d; cursor: pointer; display: inline-block; margin: -2em 0; padding: 2em 1em; border-right: 1px solid #e8e8e8 }
#clients-button-all { margin-left: 0.5em; border-left: 1px solid #e8e8e8 }
.filter-link.active { font-weight:600; color:#fff; background-color: #8dbf1d; }
.clients-listing .meta-info h3 {
	margin: 0.25em 0 1em;
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 600;
	padding: 0.2em 1em 0.2em 0.5em;
}
.clients-listing .meta-info a { color:#fff; font-size:1.1em; display: block; text-decoration: none; font-weight:400; }
.clients-listing .meta-info {
	position: absolute;
	bottom: 0;
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	color: #fff;
	background-color:rgba(138, 192, 17, 0.85);
	padding: 4em 2.5em 0;
	opacity:0;
}
.clients-listing.hide { transition: all 1.10s ease-out; transform: rotateY(180deg); opacity: 0; }
.clients-listing:hover img { transition: all .35s ease-in-out; filter: blur(1px) saturate(0);  }
.clients-listing:hover .meta-info { opacity:1; transition: all .45s ease-in-out; }
#clients-grid .panel-grid-cell { margin-right: -1%; }
#clients .panel-row-style.wrap { padding: 0 5em 2.5em !important; }

/** SLICK SLIDER **/
ul.slick-dots { list-style-type: none !important; text-align: center; padding: 0; margin: 0 0 0 -1.5em; }
ul.slick-dots li { display: inline-block; margin: 0 0 0 1.5em; }
.slick-dots li button {
	border: 0 none;
	background-color: #666666;
	border-radius: 14px;
	color: #666666;
	display: block;
	font-size: 0;
	height: 12px;
	text-align: center;
	text-decoration: none;
	width: 12px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}
.slick-arrow { position: absolute; top: 50%; z-index: 2; display: none !important; }
.slick-prev { left: -2em; }
.slick-next { right: -2em; }
.slick-dots li.slick-active button { background-color: #8dbf1d; }

/** IMPRESSUM **/
#pg-16-0 { padding-top: 1em; }
#pgc-16-0-0 .so-panel { padding-top: 3em; margin-top: 5em; }
#pgc-16-1-0 .so-panel, #pgc-16-1-1 .so-panel { margin-top: 3.5em;  }
#pgc-16-2-0 .so-panel { margin-top: 0; padding-top: 1em;}
#pg-16-2 { padding-bottom: 5em; }
#pg-16-0, #pg-16-1, #pg-16-2 { background-color: #ededed; margin: 0 -1.5em !important;}
#pg-16-0 .wrap, #pg-16-1 .wrap, #pg-16-2 .wrap { background-color: #fff; margin-top: 0 !important; padding: 0 5em 0 !important;}
#pg-16-2 .wrap { padding: 0 5em 3em !important; }

/** HOME SLIDER **/
#home-slider { margin: 0 -1.5em !important; }
#home-slider > div { background-color: #92bd11; height: 40em; }
#home-slider .slick-slide  > div { position: relative; }
#home-slider h1 span, #home-slider h2 {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	padding: 0.3em 1em 0.35em 0.5em;
}
#home-slider a { color:#fff; text-decoration: none; font-weight: 600; }
#home-slider h1 span { margin-bottom: 0.25em; }
#home-slider h1, #home-slider h2 { font-size: 3.5em; font-weight: 600; }
#home-slider p { color: #fff; font-weight: 300; font-size:1.85em; }

#slide-home { min-height: 40em; }
#slide-home h1 { margin-top: 3em;  }
#slide-case-cherrymx { padding-top: 13em;  background: url(../images/bg_home_cherrymx.jpg) no-repeat; background-size: cover; min-height: 40em; }
#slide-case-industry { padding-top: 13em;  background: url(../images/bg_home_industry.jpg) no-repeat; background-size: cover; min-height: 40em; }
#slide-case-bequiet { padding-top: 13em;  background: url(../images/bg_home_bequiet.jpg) no-repeat center right; background-size: contain; min-height: 40em; }
#slide-case-hwbot { padding-top: 13em;  background: url(../images/bg_home_hwbot.jpg) no-repeat; background-size: cover; min-height: 40em; }
#home-slider  .slick-dots {
	display: block;
	margin-top: 3.5em;
	margin-bottom: -3.5em;
}
#home-slider  a.full-link {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
}

/** KUNDEN HOME **/
body.home .meta-info { display: none; }
body.home .client-list { margin-right: -1%;}
body.home .clients-listing { border-color: #f8f8f8; }
body.home .clients-listing img { filter: saturate(0); opacity: 0.5; }
body.home .clients-listing:hover { border-color: #f0f0f0; }
body.home .clients-listing:hover img { filter: none !important; opacity: 1; }

/*LEISTUNGEN*/
#leistungen, #box-contact, #clients, #strategy, #teaser-cases, #container-top, #jobs {
	margin: 0 -1.5em !important;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
body.page-id-8 #leistungen a { cursor: inherit; }
#container-wrap { background-color: #ededed; margin: 0 -1.5em !important;     padding: 1em 0 5em; }
#container-wrap .so-panel {     margin-top: 0; }
#container-wrap .wrap.panel-cell-style, #leistungen .panel-row-style.wrap, #box-contact .panel-row-style.wrap,  #clients .panel-row-style.wrap { background-color:#fff; padding: 0 5em 3em; margin-top: -3.5em; }
#container-wrap .wrap.panel-cell-style { padding-top:3em;     margin-top: 5em; }
#leistungen ul { list-style-type:inherit; padding: 0 0 3em 1.7em;  list-style-image: url(../images/check.gif); }
#leistungen ul li { font-size: 0.95em; line-height: 1.5em; margin-bottom: 0.5em; padding-left: 0.25em; }
#leistungen .so-panel.widget.panel-first-child, #about .so-panel.widget.panel-first-child { margin-top:0; }
#leistungen h2, #about h2, #strategy h2 { position: relative; }
#leistungen h2 { margin-bottom:0; }
body.page-id-10 #leistungen h2 { margin-bottom:3em; }
#leistungen .icons, #about .icons, #strategy .icons { background-color:#92bd11; width:80px; height:80px; display:block; border-radius:40px; position:absolute; left: -100px; top:-20px;}
#leistungen a.icons, #strategy a.icons {     text-align: center; color: #fff; font-size: 1.5em; line-height: 1.95; }
body.home #leistungen a.icons { cursor: default; }
#leistungen .icons.pr { background: url(../images/icon_pr.gif) no-repeat center center #92bd11; }
#leistungen .icons.editorial { background: url(../images/icon_editorial.gif) no-repeat center center #92bd11; }
#leistungen .icons.events { background: url(../images/icon_events.gif) no-repeat center center #92bd11; }
#leistungen .icons.marketing { background: url(../images/icon_marketing.gif) no-repeat center center #92bd11; }
#leistungen .icons.clipping { background: url(../images/icon_clipping.gif) no-repeat center center #92bd11; }
#leistungen .icons.sample { background: url(../images/icon_sample.gif) no-repeat center center #92bd11; }
#leistungen .textwidget, #about .textwidget {  padding-left:100px; padding-right: 20px; }
#about p {  margin-bottom:5em ;}
#about .textwidget p:last-child {  margin-bottom:2em ;}
#post-8 #leistungen h2, #post-10 #leistungen h2 { margin-top: 2em; }
#post-8 #leistungen { margin-bottom: 0; }

#leistungen-grid { margin:0 -1.5em !important; background-color:#ededed; padding: 1px 0 3.5em; }
#leistungen-grid .slick-dots { margin-top:2.9em; }


#teaser-team h5 { color: #fff; padding: 0 !important; margin: 0; text-transform: none; }
#intro-services { background-color: #f3f3f3; margin: 0 -1.5em 4em !important; padding: 2em;}
#intro-services .panel-grid-cell { font-size: 1.25em; line-height: 1.75em; }
#intro-services .so-panel.widget.panel-first-child{ margin:1.5em 0 0 0 !important; }

/** LEISTUNGEN **/
#leistungen-grid ul { list-style-type: disc; padding-left: 1em; }
#leistungen-grid ul li { margin-bottom: 0 }

#leistungen-grid p + ul { margin-top:-1em; }
#leistungen-grid .so-panel.widget.panel-first-child { margin-top:3.5em; }
#leistungen-grid h3 {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 0.2em 1em 0.2em 0.5em;
	margin-top: 0;
	font-size: 1.75em;
	line-height: 1.4em;
}

#leistungen-slider { position: relative }

#leistungen-slider .slick-slide{
	padding: 3em 3em 1em;
	border-bottom: 1px solid #e8e8e8;
	background-color: #8dbf1d;
	color: #fff;
	font-size: 1.20em;
	line-height: 1.65em;
}

/* CASES */
#intro-cases { background-color: #f3f3f3; margin: 0 -1.5em 4em !important; padding: 2em;}
#intro-cases .panel-grid-cell { font-size: 1.25em; line-height: 1.75em; }
#intro-cases .so-panel.widget.panel-first-child{ margin:1.5em 0 0 0 !important; }
#intro-cases p:last-of-type  { margin-bottom: 3em; }

#strategy, #jobs { font-size: 1.20em; margin-bottom: 0 !important; padding-bottom: 0; }
#strategy .panel-row-style.wrap, #jobs .panel-row-style.wrap, #teaser-cases .panel-row-style.wrap { background-color:#fff; padding: 0 5em 0; margin-top: -3.5em; }
#strategy .textwidget{ padding-left:100px; }
#strategy .textwidget ul{ margin-left:-100px; }
#leistungen a.icons, #strategy a.icons { line-height: 1.65em; }
#leistungen a.icons { line-height: 1.9em; }
#strategy .so-panel.widget.panel-first-child, #jobs .so-panel.widget.panel-first-child { margin-top:0; }
#strategy ul, #jobs ul { list-style-type:inherit; padding: 0 0 3em 1.7em;  list-style-image: url(../images/bullet.gif); }
#jobs ul { padding: 0 0 1.7em 1.7em; }
#strategy ul li, #jobs ul li { font-size: 0.95em; line-height: 1.5em; margin-bottom: 0.5em; padding-left: 0.25em; }


/** JOBS **/
#jobs .panel-row-style.wrap {
	margin-bottom: 5.5em;  padding-bottom: 1.5em;
}

/*#result { background-color: #ededed; padding-top:3em; margin: 0 -1.5em !important; }*/
#result {
	background-color: #8dbf1d;
	color: #fff;
	padding: 3em 3em 1.5em;
	position: absolute;
	right: 0.7em;
	top: 15.65em;
	width: 32%;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
	z-index: 2;
	font-size: 1.20em;
	line-height: 1.65em;
	min-height: 38.75em;
}
#result .so-panel.widget.panel-first-child { margin-top: 4.5em; }
#result a { background-color: transparent !important; color: #fff;
	font-weight: 400;
	float: none !important;
}
#result h2 {
	background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 0.2em 1em 0.2em 0.5em;
	margin-top: 0;
}
#result ul { list-style-type:inherit; padding: 0;  list-style-image: url(../images/check_white.gif); }
#result ul li { font-size: 0.95em; line-height: 1.5em; margin-bottom: 0.5em; padding-left: 0.25em; }

#cases-media img, #cases-video img, #cases-video .videoWrapper, #panorama { transition: all .35s ease-in-out; filter: saturate(0); opacity: 0.5; }
#cases-media img:hover, #cases-video img:hover, #cases-video .videoWrapper:hover, #panorama:hover { transition: all .35s ease-in-out; filter: saturate(1); opacity: 1; }
#cases-media a { float: left; background-color: #fff}
#cases-media .wrap:hover img, #cases-video .wrap:hover img, #cases-video .wrap:hover .videoWrapper { opacity: 1; transition: all .35s ease-in-out; filter: saturate(1); }

.gallery-columns-3 .gallery-item { width: 32.33%; margin-right:1%; margin-bottom:1%; }
.gallery-columns-3 { margin-right: -1%; }

#cases-media .so-panel.widget.panel-first-child, #cases-video .so-panel.widget.panel-first-child { margin-top:0; position: relative; }
#cases-media .gallery-item img { margin:0; float: left; }
#cases-media { margin: 0 -1.5em !important; background-color: #ededed; padding: 3em 0 6.5em; }
#cases-video { background-color: #ededed; padding: 0 0 6.5em; margin: -8em -1.5em 0 !important;}
.videoWrapper {
	position: relative;
	padding-bottom: 53.2%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#cases-quote .fa-quote-left, #cases-quote .fa-quote-right { position: absolute; font-size: 1.5em; color: #373737; }
#cases-quote .fa-quote-left { top:1em; left: 1.5em; }
#cases-quote .fa-quote-right { bottom:1em; right: 1.5em; }
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cases-quote .autor.no-image { padding: 2em 0 0 2em; }
#cases-quote .autor.no-image .name { display: block }
#cases-quote .autor.no-image .position { position: relative; left: auto; top: auto; }
#teaser-cases { padding-bottom: 6.5em; }
#panorama {
	width: 100%;
	height: 400px;
	margin-bottom: 1%;

}
#teaser-cases .panel-row-style.wrap { padding-bottom: 4em; padding-top: 1em;}
#teaser-cases .so-panel.widget.panel-first-child { margin-top: 0; }
#teaser-cases a { position: relative; float: left; color:#fff; text-decoration: none; margin-right: 2%; }
#teaser-cases a span, #teaser-cases a img.cases-logo { position: absolute; top:0; left:0; }
#teaser-cases a span { display: block; opacity: 0; font-size: 1.25em; background-color: rgba(138, 192, 17, 0.85); width: 100%; height: 98%; font-weight: 400; padding: 2em; }
#teaser-cases a strong { background-color: #2c2c2c;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 0.2em 1em 0.2em 0.5em;
	margin-top: 0; }
#teaser-cases a img { margin: 0; }
#teaser-cases a:hover img.cases-logo { display: none; }
#teaser-cases a:hover span { opacity: 1; transition: all .45s ease-in-out; }
#teaser-cases a:hover img  { transition: all .35s ease-in-out; filter: blur(1px); }
#cases-media .gallery-columns-2 .gallery-item { width: 32.33%; margin-right:1%; margin-bottom:1%; }
#cases-media .gallery-columns-2 { margin-right: 33%; }

#post-1409 #result { top: 14.5em; }
#post-1449 #result { bottom: -5em; }
#post-1488 #result { right: 0; }
#post-1503 #result { top: 15.25em; min-height: 31em; font-size: 1.15em; padding: 2.5em 2.5em 1.5em; }
#post-1503 .videoWrapper { padding-bottom: 67% !important; }
#post-1516 #result { top: 23.5em; font-size: 1.15em; min-height: 40.5em; }
#post-1539 #result { top: 22.59em; min-height: 30em; }
#post-1539 #gallery-3 img, #post-1516 #gallery-3 img { object-fit: cover; height: 352px; }
#post-1539 #gallery-3 img { height: 274px; }
#post-1539 .gallery-item, #post-1516 .gallery-item { width: 49% !important; }
img.wp-image-1555 { width: 66%; height: 46.5em !important;  object-fit: cover; }
#post-1552 #result { top: 0; }
.pnlm-compass { display: none !important; }
#post-1509 #result { width: 66.33%; top: 14.6em; min-height: 18em;}
#post-1509 #gallery-3 dl:last-of-type img { height: 21.65em; object-fit: cover;}
#post-1503 .videoWrapper { padding-bottom: 57.2%; }
img.wp-image-1460, img.wp-image-1466, img.wp-image-1500 {
	float: right !important;
	width: 97% !important;
	margin-top: 3.9em !important;
	margin-bottom: 0 !important;
}
img.wp-image-1500 { margin-top: 11.5em !important}
#strategy a.icons { top: 10px; }
#panel-1409-1-0-0 a.icons { top: 9px; }
#panel-1449-1-0-0 a.icons { top: 7px; }

/** CASES QUOTES **/
#cases-quote { overflow: hidden; position: relative; }
#cases-quote .viewport { float: left; min-height:20em; overflow: hidden; position: relative; width: 1170px; }
#cases-quote .viewport li { float: left; margin: 0 5em 0 0; padding: 1px; position: relative; width: 1170px; min-height:20em; }
#cases-quote .overview { left: 0; list-style: outside none none; margin: 0; padding: 0; position: absolute; top: 0; }
#cases-quote .pager { top: 2em; clear: both; list-style: outside none none; overflow: hidden; position: absolute; right: 50%; margin-right: -2.5%;}
#cases-quote blockquote {
	background-color: #f4f4f4;
	padding: 3.5em 2em 3.2em;
	border: 0 none;
	font-size: 1.25em;
	color: #888888;
	position: relative;
}

#leistungen a { cursor: pointer; }
#leistungen a.link { color:#2c2c2c; cursor: pointer; }
#cases-quote img { max-width: 100px; margin: -5em 2em 3em 3.5em !important; float: left; position: relative; }
#cases-quote .name { font-family: 'Open Sans', sans-serif; color: #2c2c2c; font-size: 1.4em; font-weight: 400; }
#cases-quote .position {
	position: absolute;
	left: 12em;
	top: 4em;
}
img.wp-image-1466 { margin-top: 11.5em !important }
#cases-quote .autor {
	background: url(../images/quote_cases.png) top center no-repeat transparent;
	float: left;
	position: relative;
	padding: 2em 12em 0 0;
	margin-top: -2em;
}

/* QUOTES */
#teaser-quotes { overflow: hidden; position: relative; background: url(../images/bg_quotes.jpg) right center no-repeat #15120e; padding: 14em 0 6em; color:#fff; background-size: contain; }
#teaser-quotes blockquote { margin: 0; position: relative; color:#fff; 	font-style: normal;	padding:0; }
#teaser-quotes .panel-grid-cell, #teaser-quotes .widget  { padding:0 !important; margin: 0; }
#teaser-quotes .viewport li { float: left; margin: 0 5em 0 0; padding: 1px; position: relative; width: 1170px; min-height:20em; }
#teaser-quotes h5 { color: #fff; font-size: 1.5em; font-style: italic; line-height: 1.5em; text-align: center; text-transform: none; }
#teaser-quotes .overview { left: 0; list-style: outside none none; margin: 0; padding: 0; position: absolute; top: 0; }
#teaser-quotes .autor { text-align:right; position: absolute; right: 1em; bottom: 0; }
#teaser-quotes .viewport { float: left; min-height:20em; overflow: hidden; position: relative; width: 1170px; }
#teaser-quotes .pager { bottom: 1em; clear: both; list-style: outside none none; overflow: hidden; position: absolute; right: 50%; margin-right: -8.5%;}
.pager li { float: left; margin: 0 0 0 1.5em; }
.pagenum { background-color: #666666; border-radius: 8px; color: #666666; display: block; font-size: 14px; font-weight: bold; height: 12px;  text-align: center; text-decoration: none; width: 12px; }
.pagenum.active { background-color: #8dbf1d; }

/* PRESSRELEASE */
#teaser-pressreleases h3 { font-size:1em; min-height: 4.3em; hyphens: auto;}
#teaser-pressreleases h2 { text-align: center; margin: 3em 0 2.5em; }
#teaser-pressreleases section { font-size:.9em; line-height: 1.7em; font-style: italic; color:#c6c6c6; font-weight: 400 }
#teaser-pressreleases section  a { float:right; margin-top:1.7em; }

/** BOXES **/
#box-contact, .box { background-color:#fff; margin: 0 -1.5em !important; }
#box-contact .panel-grid-cell { padding: 2em 0 !important; }
#box-contact { padding-bottom:6.5em; }
#box-contact .panel-row-style.wrap, #leistungen .panel-row-style.wrap,
#clients .panel-row-style.wrap, #strategy .panel-row-style.wrap, #teaser-cases .panel-row-style.wrap { border-bottom: 1px solid #e8e8e8 }

/* PANELS */
.so-panel.widget.panel-first-child { margin-top: 6.5em; }
#team-grid .so-panel.widget.panel-first-child { margin: 0; }
#team-grid .so-panel.widget.panel-first-child { margin: 0; }

/* NUMBERS */
#teaser-numbers h4 { font-weight: 700; font-size:2.5em; margin: 0; line-height: 1em; color:#fff; }
#teaser-numbers { background-color:	#8dbf1d; color:#fff; }
.number_clippings, .number_pressreleases, .number_customers, .number_locations, .number_awards  { min-height: 70px; padding-left: 80px;}
.number_clippings { background: url(../images/icon-clippings.png) no-repeat left center;  }
.number_pressreleases { background: url(../images/icon-mailings.png) no-repeat left center; }
.number_customers { background: url(../images/icon-customers.png) no-repeat left center; }
.number_locations { background: url(../images/icon-locations.png) no-repeat left center; }
.number_awards { background: url(../images/icon-awards.png) no-repeat left center; }
#teaser-numbers  .widget { margin: 0 !important; padding-left:2em; }
#teaser-numbers  .panel-grid-cell { padding: 6em 0 !important; }
#teaser-numbers  .panel-grid-cell:nth-child(2n+2) { background-color:#9bcc1f; }
#teaser-numbers p { margin: 0;  font-weight: 400;}
.number_customers  .more { display: inline-block; font-size: 2.5em; font-weight: 700; line-height: 1em;}
.number_customers h4 { display: inline-block; }

/** INPUT **/
input.button { padding: 0.4em 0.75em; }
.cc_container .cc_btn, .cc_container .cc_btn:visited {background-color: #8dbf1d !important; color:#fff !important;}
.cc_container { background-color:rgba(34,34,34,0.75) !important; padding: 10px 30px !important; }

/** HEADER **/
.header nav { text-transform: uppercase; margin-top: 2.3em; font-weight: 400;  }
.header .nav li a { padding: 0.4em 0.75em; margin-right: 0.25em; border-radius: 5px;}
.header .nav li:last-child a { margin-right: 0 }
input.button, a.button, .header .nav li a:hover,.header .nav li a:focus,.header .nav li.current_page_item a, .header .nav li.current-menu-item a, .header .nav li.current-page-ancestor a {
	background-color:#8dbf1d;
	border-radius:5px;
	color:#fff;
	text-decoration: none;
	border: 0 none;
	transition: all .25s ease-in-out;
}
/*
#menu-item-19 a:hover {
	transition: all .25s ease-in-out;
	background-color:#80ad1b;
}
*/
.header {
	background-color: #fff;
	color:#666666;
	-webkit-box-shadow: 0 3px 5px 0 rgba(61,61,61,0.3);
	-moz-box-shadow: 0 3px 5px 0 rgba(61,61,61,0.3);
	box-shadow: 0 3px 5px 0 rgba(61,61,61,0.3);
	z-index:10;
	position:fixed;
	width: 100%;
	top:0;
}
body.admin-bar .header { top:32px; }
.header.moved {
	transition: all .5s ease-in-out;
}
.header.moved nav {
	margin-top: 1.25em;
	font-size:.9em;
	transition: all .5s ease-in-out;
}
.header.moved #logo {
	padding: 0.25em 0;
	transform: scale(0.7);
	margin-left: -0.75em;
	transition: all .5s ease-in-out;
}

#logo { float:left; margin: 0; padding: 0.75em 0; }
#logo a { width:186px; height: 46px; text-indent:-999em; background: url(../images/logo.svg) no-repeat; background-size:contain; display:block;  }

/** HUGE **/
@media (min-width: 1400px) {
	#teaser-jobs { background:url(../images/bg_large_teaser-jobs.jpg) no-repeat #222222; background-size:100%; }
	#teaser-desk { background-size: cover; }
}
/** HUGEER **/
@media (min-width: 1800px) {
	#teaser-jobs { background:url(../images/bg_larger-teaser-jobs.jpg) no-repeat #222222; background-size:100%; }
	#teaser-desk { background-size: cover; }
}


@media only screen and (max-width: 1239px) {
	#teaser-opener { text-align: center; }
	#teaser-opener .customer { margin: 2em 3em 0 !important; }
}

@media only screen and (max-width: 1200px) {
	#cases-quote .viewport, #cases-quote .viewport li   {width: 1040px;}
	#teaser-quotes .viewport, #teaser-quotes .viewport li   {width: 1040px;}
	#teaser-jobs { background:url(../images/bg_medium_teaser-jobs.jpg) no-repeat #222222; background-size:100%; }
	#teaser-industryparty { background:url(../images/bg_medium_teaser-industryparty.jpg) no-repeat center center #222222; background-size:100%; }
	#teaser-jobs-flipped { background:url(../images/bg_medium_teaser-jobs-flipped.jpg) no-repeat #222222; background-size:100%; }
}

@media only screen and (max-width: 1030px) {
	.clients-listing { width: 32%;     float: left; }
	#cases-quote .viewport, #cases-quote .viewport li   {width: 760px;}
	#teaser-quotes .viewport, #teaser-quotes .viewport li   {width: 760px;}
	#leistungen-grid .viewport .overview > li {width: 760px;}
	.number_clippings, .number_pressreleases, .number_customers, .number_locations, .number_awards {
		min-height: 0;
		background-position: top center !important;
		padding: 85px 0 0 0;
		text-align: center;
	}
	p.copyright { margin: 2em 0 0; font-size:0.8em; font-weight: 400; }
}

/** MOBILE **/
@media (max-width: 779px) {
	#strategy .textwidget { padding: 0; }
	#strategy .panel-row-style.wrap, #teaser-cases .panel-row-style.wrap { padding: 0 2em 0; margin-top: 0; }
	#strategy .textwidget ul { margin-left: 0; }
	#result {position: relative !important; width: 100% !important; top: 0 !important; left: 0 !important;}
	.gallery-columns-3 .gallery-item { width: 100%; margin-right: 0; }
	#slide-home { padding-top: 1.5em; }
	#slide-home h1 { margin-top: 1em }
	#slide-case-cherrymx, #slide-case-industry, #slide-case-hwbot, #slide-case-bequiet { padding-top: 3em;   min-height: 15em; }
	#home-slider > div { height: 15em; }
	#slide-case-cherrymx, #slide-case-industry, #slide-home, #slide-case-hwbot, #slide-case-bequiet { padding-left: 2em; }
	#slide-case-bequiet { background-size: cover; }
	#teaser-slider .so-panel.widget.panel-first-child { margin-top: 0; }
	#home-slider h1, #home-slider h2 { font-size: 1.7em; }
	#home-slider p { font-size:1.1em; }
	.filter-link { padding: 0; border: 0 none !important; margin-right: 0.25em; }
	#clients-button-all { margin-left: 0; }
	#clients-grid .panel-grid-cell { margin-right: 0; }
	#clients { padding: 0 2.5em 0; }
	#clients .panel-row-style.wrap { padding: 0 !important; margin-top: -4.5em; font-size: 90%; }
	.clients-listing .meta-info {  }
	#clients-grid { padding-top: 1px; }
	.clients-listing { width: 50%; margin: 0 0 1em 0; padding:0; }
	#client-filter { padding: 0 1em 1.5em; }
	.clients-listing img { padding:0; max-width: 80% !important; margin: 0 auto; display: block; }
	#ctf .ctf-context, #ctf .ctf-author-box { float:none; }
	.wp_teamshowcase_grid.design-3 .member-main-info { font-size: 0.8em; }
	.wp-tsas-columns { width:50% }
	#leistungen .textwidget, #about .textwidget { padding: 0 1.5em; text-align: center; }
	#leistungen .icons  { top: -2.5em !important; left:50% !important; margin-left: -30px !important; }
	#strategy a.icons, #leistungen a.icons { line-height: 1.75em; font-size: 1.2em; }
	#leistungen h2 { margin-top:4em !important; font-size: 1.25em; }
	#leistungen h2 a.icons { font-size: 1.5em; }
	body.page-id-10 #leistungen h2 { margin-bottom:0; }
	.wp_teamshowcase_grid.design-3 .teamshowcase-image-bg { height:180px; }
	.white-popup-block .wp-modal-body { padding: 0 1.5em .5em; }
	.wp-modal-header .member-popup-info { padding: 1.5em; }
	body.home #intro-services h2, #teaser-offices h2 { font-size: 1.25em; }
	#intro-services .wrap { width: 100%; }
	body.home #intro-services .wrap { padding: 2em 1em 5em; margin-top: 0;}
	#teaser-offices .wrap, #offices-home .wrap {padding: 0 2em; margin: 0 !important;}
	#offices-home { padding-bottom:2em; }
	#leistungen-top { display: none; }
	body.page-id-10 #leistungen { padding-top: 5em;}
	#intro-services { padding: 1em !important; padding-bottom: 3em !important; }
	body.home .offices-row { min-height: 0; }
	#offices-home .so-panel.widget.panel-first-child { margin: 0 !important; }
	#pgc-6-offices-home-0, #pgc-6-offices-home-1, #pgc-6-offices-home-2, #pgc-6-offices-home-3 { float: left !important; width: 100% !important; margin: 0; }
	.wp_teamshowcase_grid.design-3 .member-main-info .member-job { font-size: 0.8em; }
	#teaser-pressreleases { padding: 0 2em; }
	#teaser-numbers h4, .number_customers .more { display: inline-block; float:none; }
	.wp-modal-header { height: 200px; }
	header.article-header { margin-top:0; }
	#intro-services { margin: 0 !important; padding: 0;}
	#menu-item-19 a { background-color: transparent; color:#666; }
	#menu-item-19 a:hover { color:#fff; }
	.header, .header.moved { position: relative !important; }
	html.js #teaser-team { background-image: none !important; }
	.gallery-columns-4 dl.gallery-item { width:50%; }
	#teaser-pressreleases h3 { min-height:0; }
	#pre-footer .social { float:left; width: 100%; margin-bottom: 2em; }
	#leistungen-grid .viewport .overview > li {width: 100%;}
	#cases-quote .viewport, #cases-quote .viewport li, #leistungen-grid .viewport li   {width: 760px;}
	#teaser-quotes .viewport, #teaser-quotes .viewport li, #leistungen-grid .viewport li   {width: 760px;}
	#teaser-quotes .autor { position: relative; }
	#teaser-quotes { padding: 2em 0 1em; background-size: cover; }
	#teaser-quotes .overview, #leistungen-grid .overview { width:100% !important; left: auto !important; position: relative; }
	#teaser-quotes h5 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 1em; }
	#teaser-quotes .autor { color: #b3b3b3; font-size:0.9em; }
	#teaser-quotes .viewport li, #teaser-quotes .viewport, #leistungen-grid .viewport { width: 100% !important; min-height: 0; }
	#teaser-quotes .viewport li, #leistungen-grid .viewport { margin:0 0 2em 0; padding:0 2em; }
	#teaser-quotes .pager { display: none; }
	#leistungen-grid .pager { display: none; }
	#content { overflow:hidden; }
	#menu-footer.nav li ul.sub-menu { border: 0 none; margin-top: -1px; }
	#menu-footer.nav li ul.sub-menu li a { color:#fff; width:100% !important; border-bottom: 1px solid #4a4a4a; }
	p.copyright { margin: 2em 0; }
	.footer-links, #menu-main { margin:0 -2%; }
	.number_clippings, .number_pressreleases, .number_customers, .number_locations, .number_awards { margin-top: 1.5em; }
	#teaser-numbers .panel-grid-cell:nth-child(2n+2) { margin-left: -1em; margin-right: -1em; }
	.entry-content { padding: 0; }
	#leistungen .icons { height: 60px; width: 60px; left: -77px; top: -12px; }
	#teaser-team, #teaser-jobs-flipped, #teaser-jobs, #teaser-industryparty, #teaser-numbers , #teaser-desk, #teaser-opener, #teaser-contact { margin: 0 !important; }
	#teaser-numbers  .panel-grid-cell { padding: 1em 0 0.5em !important; }
	#teaser-numbers { font-size: 0.9em; }
	#teaser-jobs-flipped .panel-grid-cell:first-child { padding:1em 0 2em !important; }
	#teaser-jobs-flipped .panel-grid-cell:last-child { background:url(../images/bg_small_teaser-jobs.jpg) no-repeat #222222; height: 15em; margin:0 -2%;}
	#teaser-jobs .panel-grid-cell:last-child,#teaser-team .panel-grid-cell:last-child, #teaser-industryparty  .panel-grid-cell:last-child { padding:1em 0 2em !important; }
	#teaser-jobs .panel-grid-cell:first-child { background:url(../images/bg_small_teaser-jobs.jpg) no-repeat #222222; height: 15em; margin:0 -2%;}
	#teaser-industryparty .panel-grid-cell:first-child { background:url(../images/bg_small_teaser-jobs.jpg) no-repeat #222222; height: 15em; margin:0 -2%;}
	#teaser-jobs, #teaser-industryparty { background: 0 none #222222; }
	#teaser-jobs-flipped { background: 0 none #222222; }
	footer nav, header nav { width:100%; }
	#logo { width: 100%; text-align: center; padding: 1em 0 0; }
	#logo a { margin: 0 auto; height: 0; width: 80%; padding-bottom: calc(100% * 1 / 5); }
	.header .nav li { border-bottom:1px solid #e5e5e5; font-size:1.2em; }
	.footer .nav li a { border-bottom:1px solid #313131; font-size:1.2em; }
	#menu-footer ul.sub-menu  { background-color:#7fae14; font-size:1em; margin:0; }
	footer .nav li a { padding: 0.75em; }
	.header { padding-bottom:0; }
	.copyright { float: left; margin-top: 5em; text-align: center; width: 100%; }
	a.button, .header .nav li a:hover,.header .nav li a:focus,.header .nav li.current_page_item a  { border-radius: 0; }
	.header .nav li a { margin-right:0; }
	#offices-row-la .wrap, #offices-row-hh .wrap, #offices-row-ad .wrap, #offices-row-ly .wrap { padding: 0 1.5em; }
	#leistungen .panel-row-style.wrap, #box-contact .panel-row-style.wrap, #clients .panel-row-style.wrap { padding: 0 2.5em 0; }
	#box-contact-top { height: 1.5em; }
	#map { min-height: 320px; }
	#teaser-numbers .so-panel { padding:0; }
	#teaser-numbers .panel-grid-cell:nth-child(2n+2) { padding-bottom: 30px !important; }
	#pre-footer { text-align: center; }
	.socialicon { display: inline-block; float: none; }
	#teaser-cases .wrap { padding: 0; }
	#teaser-cases a { width: 48%; }
}

/** ANIMATIONS **/
body.home .clients-listing img {
	-webkit-animation: fadeinhalf 3s;
	-moz-animation: fadeinhalf 3s;
	-o-animation: fadeinhalf 3s;
	animation: fadeinhalf 3s;
}
#teaser-opener .customer, .clients-listing img, img.cases-logo {
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@keyframes fadeinhalf {
	from { opacity: 0; }
	to   { opacity: 0.5; }
}

/* Firefox < 16 */
@-moz-keyframes fadeinhalf {
	from { opacity: 0; }
	to   { opacity: 0.5; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinhalf {
	from { opacity: 0; }
	to   { opacity: 0.5; }
}

/* Internet Explorer */
@-ms-keyframes fadeinhalf {
	from { opacity: 0; }
	to   { opacity: 0.5; }
}

/* Opera < 12.1 */
@-o-keyframes fadeinhalf {
	from { opacity: 0; }
	to   { opacity: 0.5; }
}

.animate {
	opacity: 0;
	-webkit-transform: translate3d(0, 25px, 0);
	transform: translate3d(0, 25px, 0);
	-webkit-transition: -webkit-transform .75s ease-in-out, opacity 1s ease-in-out;
	transition: transform .75s ease-in-out, opacity 1s ease-in-out;
}
.inview {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#leistungen .panel-grid-cell, #offices-home .panel-grid-cell, #teaser-numbers .panel-grid-cell {
	float: left;
}
#teaser-cases .panel-grid-cell, #teaser-numbers .panel-grid-cell {
	float: left;
}
#pgc-1388-1-0, #pgc-1388-1-1, #pgc-1388-1-2, #pgc-1388-1-3 {
	width: 25% !important;
}
.panel-row-style::after, #jobs::after {
	content: '';
	display: table;
	clear: both;
}

#pgc-8-3-1 {
	float:right;
}

#gallery-3 .gallery-item {
	margin-top: 0 !important;
	width: 32.33% !important;
	margin-right: 1% !important;
	margin-bottom: 1% !important;
}

#cases-quote, #teaser-pressreleases {
	margin-bottom: 30px;
}

#jobs .panel-grid-cell, #teaser-numbers .panel-grid-cell {
	float: left;
}

#pgc-1894-1-0, #pgc-1894-1-1 {
	width: 50%;
}
#cases-media .gallery-columns-2 {
	margin-right: 33%;
}
#post-1539 .gallery-item, #post-1516 .gallery-item {

	width: 49% !important;

}

#offices-row-hh { background: url(https://www.technikpr.com/wp-content/uploads/hamburg.jpeg) no-repeat center #92bd11; }
#offices-row-la { background: url(https://www.technikpr.com/wp-content/uploads/la.jpeg) no-repeat center #92bd11; }
#offices-row-ad { background: url(https://www.technikpr.com/wp-content/uploads/amsterdam.jpeg) no-repeat center #92bd11; }
#offices-row-ly { background: url(https://www.technikpr.com/wp-content/uploads/lyon.jpeg) no-repeat center #92bd11; }
/*
.panel-layout >div {
    margin-bottom: 0 !important;
}
#teaser-contact, #teaser-industryparty, #teaser-team, #teaser-team-2, #teaser-jobs, #teaser-jobs-flipped,  #teaser-desk, #teaser-quotes, article.wrap .entry-content .panel-grid, .remove-indent {
	margin: 0 auto !important;

}
#teaser-contact, #teaser-industryparty, #teaser-team, #teaser-team-2, #teaser-jobs, #teaser-jobs-flipped, #teaser-numbers, #teaser-desk, #teaser-quotes, article.wrap .entry-content .panel-grid, .remove-indent {
    	margin: 0 auto !important;
}
#team-grid, #leistungen, #box-contact, #clients, #strategy, #teaser-cases, #container-top, #jobs, #intro-services, #leistungen-grid, #leistungen-grid, #clients-grid,#intro-clients, #offices-row-hh, #offices-row-la, #offices-row-ad, #offices-row-ly {
	margin: 0 auto !important;}
body.home #leistungen, #teaser-offices, #offices-home {
   margin: 0 auto !important;}
.entry-content {
}

#strategy.panel-row-style.wrap, #jobs.panel-row-style.wrap, #teaser-cases.panel-row-style.wrap {
    background-color: #fff;
    padding: 0 5em 0;
    margin-top: -3.5em;
}
#container-wrap.wrap.panel-cell-style, #leistungen.panel-row-style.wrap, #box-contact.panel-row-style.wrap, #clients.panel-row-style.wrap {
    background-color: #fff;
    padding: 0 5em 3em;
    margin-top: -3.5em;
}
*/