a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1,.h1, h2,.h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	padding: 0 0 0 20px;
	margin: 0 0 10px 0
}
ul#main-menu {
	padding: 0;
	margin: 0
}
ul#main-menu li {
	list-style-type: none;
	padding: 0;
	margin: 0
}
blockquote, q {
	quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
#rahmen, .rahmen {
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}
hr {
	display: block;
	position: relative;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.1);
	border: none
}
strong {
	font-weight: 700
}
@font-face {
	font-family: "PT Sans";
	src: url("/_css/fonts/PTSans-Regular.ttf");
	font-display: swap;
}
@font-face {
	font-family: "PT Sans";
	src: url("/_css/fonts/PTSans-Bold.ttf");
	font-weight: bold;
	font-display: swap;
}
@font-face {
	font-family: "Philosopher";
	src: url("/_css/fonts/Philosopher-Regular.ttf");
	font-display: swap;
}
body {
	font-family: "PT Sans", sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #5b5b5b;
	background-color: #f7f7f7;
	overflow-x: hidden;
	height: 100%!important
}
#skrollr-body {
	margin: 0 auto;
	overflow-x: hidden
}
#skrollr-body.hidden {
	display: none
}
p {
	margin-top: 20px;
	margin-bottom: 20px
}
p img {
	position: relative;
	max-width: 100%;
	float: right
}
a {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	color: #f70000;
	text-decoration: none
}
h1,
.h1{
	font-family: Philosopher, sans-serif;
	font-size: 100px;
	color: #e6e9ee;
	text-transform: uppercase;
	margin-bottom: -80px;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.main-section-link {
	font-family: Philosopher, sans-serif;
	font-size: 24px;
	color: #f70000;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.site-title {
	font-family: Philosopher, sans-serif;
	font-size: 24px;
	color: #fff;
	padding: 3px 7px 3px 7px;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
h2,
.h2{
	font-family: Philosopher, sans-serif;
	font-size: 36px;
	line-height: 40px;
	color: #4a4a4a;
	margin-bottom: 40px;
	text-align: left;
}
.teaser-copy {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #5b5b5b
}
h3 {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #5b5b5b
}
h4 {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #5b5b5b
}
.story-date {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #7a7a7a
}
.story-company {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	color: #7a7a7a
}
.nav-sectiontitle {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #5b5b5b;
	margin-top: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.nav-sectiontitle.active {
	color: #f70000
}
.active-filter-title {
	text-align: center;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 140px
}
.filter-title {
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #a5a5a5
}
.btn-label, .input-label {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #a5a5a5;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.footer-link {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #000;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.footer-link:hover {
	color: #f44444
}
.small-link {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	color: #f70000
}
.text-hint {
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	color: #000
}
.show-more-button-label {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.footer-text {
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	color: #5b5b5b;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.download-headline {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #5b5b5b;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.detail-text {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #5b5b5b
}
.detail-headline {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
	color: #5b5b5b;
	font-weight: 700
}
.impressum {
	margin: 45px
}
.impressum table {
	width: 100%;
	font-size: 0
}
.impressum table tr td {
	display: inline-block;
	width: 33.3%;
	vertical-align: top
}
.impressum img {
	margin-left: 15px;
	margin-right: 15px
}
.impressum-link {
	display: inline;
	margin-left: 30px
}
.impressum-link:first-child {
	margin-left: 0
}
.footer-copyright {
	font-size: 14px;
	text-align: left
}
.footer-icons {
	text-align: center;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.footer-icons img {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.footer-icons img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.footer-links {
	text-align: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.footer-links a {
	color: #5b5b5b
}
.footer-links a:active, .footer-links a:hover {
	color: #f44
}
.spacer-100 {
	display: block;
	height: 100px
}
.bg-title {
	display: block;
	position: relative;
	line-height: 80px;
	height: auto;
	z-index: -1
}
.arrow-right {
	position: relative;
	display: inline-block;
	top: 115px;
	left: 75px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px 16px;
	background-color: #fff;
	cursor: pointer;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	background-image: url(../_img/open-arrow-right.svg);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	z-index: 5
}
.arrow-right a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none
}
.arrow-right.stories {
	left: 90px
}
.arrow-right:hover {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.top-nav {
	position: relative;
	width: 100%;
	display: block;
	background-color: #fff;
	height: 100px;
	-webkit-box-shadow: 1px 2px 7px 0 rgba(0,0,0,.1);
	box-shadow: 1px 2px 7px 0 rgba(0,0,0,.1);
	z-index: 1
}
.banner img {
	position: relative;
	display: block;
	width: 100%;
	height: 180px;
	border-bottom: 10px solid #e6e9ee;
	z-index: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.banner.newspage img {
	height: 90px
}
.logo-image {
	margin-left: 45px;
	background-image: url(../_img/logo-pressnrelations.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 100px
}
.top-icon-container {
	font-size: 0;
	position: relative;
	margin-top: -100px;
	margin-bottom: 100px;
	display: block;
	width: 100%
}
.top-icon-box {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 33.33%
}
.top-icon {
	display: inline-block;
	width: 166px;
	height: 166px;
	background-color: rgba(233,236,241,.7);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.top-icon.news-icon {
	background-image: url(../_img/banner-news.svg)
}
.top-icon.stories-icon {
	background-image: url(../_img/banner-stories.svg)
}
.top-icon.social-icon {
	background-image: url(../_img/banner-social.svg)
}
.top-icon:hover {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}
.grid-container-outer {
	display: block;
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 65px;
	padding-bottom: 50px;
	height: auto!important
}
.grid-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 1400px;
	/*-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	height: auto!important
}
.grid-container.active {
	width: 50%;
	text-align: left;
	margin-left: 0
}
.grid-container.active.team {
	text-align: right;
	left: calc(50% - 10px)
}
.news-element-container {
	width: 230px!important;
	height: 330px!important;
	outline: 0!important
}
.stories-element-container {
	width: 255px;
	height: 240px;
	margin: 15px;
	display: inline-block;
	outline: 0!important;
	vertical-align: top
}
.channel-element-container {
	width: 293px!important;
	height: 368px!important;
	outline: 0!important
}
.channel-element-container iframe {
	width: 100%;
	height: 303px;
	max-width: 100%;
}

.customers-element-container {
	display: inline-block;
	width: 195px!important;
	height: 191px!important;
	padding-top: 30px;
	margin-bottom: 30px;
	outline: 0!important
}
.filter-element-container {
	cursor: pointer;
	height: 170px!important;
	width: 150px!important;
	outline: 0!important
}
.filter-element-container:first-child {
	padding-left: 10px!important
}
.channel-element-container:last-child, .customers-element-container:last-child, .news-element-container:last-child {
	padding-right: 15px;
}
.news-element {
	display: block;
	width: 200px;
	height: 260px;
	margin: 35px;
	margin-right: 0;
	margin-top: 0;
	background-color: rgba(255,255,255,.5);
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.stories-element {
	display: block;
	width: 255px;
	height: 240px;
	background-color: rgba(255,255,255,.5);
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.channel-element {
	overflow: hidden;
	display: block;
	width: 263px;
	height: 303px;
	margin: 35px;
	margin-right: 0;
	margin-top: 25px;
	background-color: rgba(255,255,255,.5);
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.channel-element img {
	width: 90%;
	height: auto;
	margin: 0 auto
}
.customers-element {
	display: inline-block;
	width: 165px;
	height: 141px;
	margin: 35px;
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden
}
.channel-element.active, .customers-element.active {
	position: absolute;
	text-align: left;
	left: 100%;
	display: block;
	float: right;
	width: calc(100% - 25px);
	height: auto;
	top: 0;
	cursor: default
}
.channel-element.active {
	float: left;
	left: -100%;
	margin-left: 25px
}
.customers-element.active img {
	-webkit-filter: none;
	filter: none
}
.grid-image {
	display: block;
	position: relative;
	height: 100%;
	max-width: 100%
}
.grid-image img {
	width: 100%;
	height: auto
}
.channel-element.active>.grid-image, .customers-element.active>.grid-image {
	display: inline-block;
	width: 150px;
	height: 150px;
	margin-right: 10px;
	border: 2px solid #ccc
}
.customers-element.companypage {
	margin: 15px;
	padding: 20px
}
.channel-element.companypage {
	margin: 17px;
	display: inline-block;
}
.channel-element.active {
	padding: 20px;
	margin-left: 25px
}
.customer-details {
	max-width: 50%
}
.customer-details, .customer-text, .team-details, .team-text {
	display: inline-block;
	vertical-align: top
}
.customer-text {
	display: block
}
.team-text {
	display: block
}
.customer-details.hidden, .customer-text.hidden, .team-details.hidden, .team-text.hidden {
	display: none
}
.close-content {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	top: 0;
	right: 0;
	padding: 20px;
	background-image: url(../_img/close.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12px;
	cursor: pointer
}
.filter-element {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 40px;
	display: block;
	margin-bottom: 50px;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.filter-element:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.filter-element img {
	position: relative;
	height: 60%;
	margin-left: auto;
	margin-right: auto;
	top: 12px
}
.customers-element a img {
	width: 96%;
	height: auto;
	margin: 0 2%
}
.customers-element img {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.slick-container .customers-element img {
	top: 0;
	-webkit-transform: translateY(-45%);
	transform: translateY(-45%);
	margin-top: 45%
}
.customers-element:hover>img {
	-webkit-filter: none;
	filter: none
}
.customers-element:hover>.grid-image img {
	-webkit-filter: none;
	filter: none
}
.news-image, .stories-image {
	display: block;
	overflow: hidden;
	-webkit-box-shadow: inset 0 -19px 45px -17px rgba(0,0,0,.3);
	box-shadow: inset 0 -19px 45px -17px rgba(0,0,0,.3)
}
.news-image img, .stories-image img {
	position: relative;
	width: auto;
	height: 95px;
	display: block;
	margin: 0 auto
}
.news-text {
	width: 200px;
	height: 122px;
	padding: 15px;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255,255,255,.5)
}
.stories-text {
	width: 255px;
	height: 145px;
	padding: 15px;
	text-align: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgba(255,255,255,.5)
}
.contact-form {
	background-color: #fff;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	padding: 10px;
	margin-left: 45px;
	margin-right: 45px;
	height: auto
}
label {
	width: 45%;
	padding-right: 20px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	padding-top: 10px
}
.contact-form-element textarea, .contact-form-element>input[type=text] {
	border: 1px solid #000!important;
	padding: 10px;
	border-radius: 5px;
	margin: 0;
	width: 40%;
	font-size: 18px;
	font-family: "PT Sans"
}
.contact-form-element {
	margin: 30px
}
.contact-select-container {
	display: inline-block;
	width: calc(40% + 20px)!important;
	min-width: calc(40% + 20px)!important;
	height: 40px!important
}
.contact-select ul.list {
	max-width: 100%!important
}
.story-detail-container {
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 100px;
	height: auto;
	min-height: 50px;
	background-color: rgba(255,255,255,.75);
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	padding: 15px
}
.company-detail-container {
	position: relative;
	display: block;
	top: -55px;
	-webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.3);
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.3);
	height: auto;
	padding-top: 50px
}
.download-container {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.download-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 10px;
	background-color: #fff;
	border-radius: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-top: 5px;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.download-icon:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.download-label {
	display: inline-block;
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.intro-text {
	margin: 45px
}
.story-detail-header {
	display: inline-block;
	position: relative
}
.story-detail-social {
	position: relative;
	display: inline-block;
	width: auto;
	height: auto;
	text-align: right;
	float: right;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.story-detail-social a {
	display: inline-block;
	width: 40px;
	height: 30px;
	text-align: center;
	background-color: #7e7e7e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 0 0 0
}
.story-detail-social a i {
	font-size: 14px;
	color: #efefef
}
.story-detail-social img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.story-detail-social img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.detail-content {
	display: block;
	position: relative;
	margin-top: 30px;
	padding-top: 20px
}
.detail-content.company-page {
	padding: 45px
}
.detail-icons {
	display: block;
	height: auto;
	margin: 5px 0
}
.detail-icons img {
	display: inline;
	margin-top: 10px;
	margin-right: 5px;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.detail-icons a {
	display: inline-block;
	width: 30px;
	height: 28px;
	text-align: center;
	background-color: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 2px 0 0 0;
	margin-right: 10px;
	margin-bottom: 10px
}
.detail-icons a i {
	font-size: 12px;
	color: #fff
}
.story-detail-bottom {
	display: block;
	text-align: right;
	border-top: 1px solid #e6e6e6;
	padding-top: 20px;
	margin-top: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default
}
.story-detail-bottom a {
	display: inline-block;
	width: 40px;
	height: 30px;
	text-align: center;
	background-color: #7e7e7e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px 0 0 0
}
.story-detail-bottom a i {
	font-size: 14px;
	color: #efefef
}
.story-detail-bottom-element {
	text-align: left;
	position: relative;
	display: inline-block;
	width: 80px;
	height: 25px;
	border-radius: 5px;
	border: 2px solid #7e7e7e;
	background-color: #fff
}
.story-detail-bottom-element>span {
	text-align: center;
	position: relative;
	display: block;
	height: 25px;
	width: 50px;
	left: 30px;
	margin-top: -30px
}
.story-detail-bottom-element:before {
	position: relative;
	content: "";
	display: inline-block;
	width: 30px;
	height: 25px;
	background-color: #7e7e7e;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px
}
.story-detail-bottom-element.google:before {
	background-image: url(../_img/google.png)
}
.story-detail-bottom-element.facebook:before {
	background-image: url(../_img/facebook.png);
	background-color: #5b5b5b
}
.story-detail-bottom-element.facebook {
	border: 2px solid #5b5b5b
}
.story-detail-bottom-element.twitter:before {
	background-image: url(../_img/twitter.png)
}
.back-button, .channel-button, .newsletter-button, .show-more-button, .team-button {
	position: relative;
	height: 35px;
	cursor: pointer;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 10px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.back-button, .show-more-button, .team-button {
	text-align: center;
	margin-top: -10px;
	width: auto;
	display: inline-block;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3)
}
.back-button {
	color: #5b5b5b;
	padding-left: 0;
	padding-right: 10px
}
.back-button:hover {
	color: #f44444
}
.channel-button, .team-button {
	display: block;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.2);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.2);
	width: 253px;
	margin-left: 35px;
	margin-top: -80px;
	text-align: left
}

.team-button {
	margin-left: 0;
	margin-top: -40px
}
.team-button.active {
	display: none
}
.newsletter-button {
	display: inline-block;
	width: 140px;
	height: 25px!important;
	margin-left: 0;
	margin-top: -45px;
	text-align: left;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3)
}
.channel-button a, .show-more-button a {
	color: #5b5b5b
}
.channel-button a:active, .channel-button a:hover, .newsletter-button a:active, .newsletter-button a:hover, .show-more-button a:active, .show-more-button a:hover {
	color: #f44
}
.show-more-button-container {
	text-align: center
}
.send-button-container {
	display: block;
	position: relative;
	top: 40px;
	left: calc(45% + 30px);
	height: 100px;
	clear: both;
}
.back-button-container {
	margin-left: 15px;
	text-align: left
}
.back-button:before {
	content: "";
	display: inline-block;
	background-image: url(../_img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	height: 30px;
	width: 30px;
	margin-top: -5px;
	margin-left: 0;
	vertical-align: bottom
}
.channel-button:after, .newsletter-button:after, .show-more-button:after, .team-button:after {
	float: right;
	content: "";
	display: inline-block;
	background-image: url(../_img/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: 0 10px;
	height: 30px;
	width: 30px;
	margin-top: -5px;
	margin-left: 10px;
	vertical-align: bottom
}
.channel-button:hover, .newsletter-button:hover, .show-more-button:hover, .team-button:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.dropdown-button {
	padding: 16px;
	border: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.dropdown-button:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.select-container {
	display: inline-block
}
.dropdown-container, .select-container.language {
	position: absolute;
	display: inline-block;
	right: 45px;
	top: calc(50% - 25px)
}
.dropdown-content {
	display: none;
	position: absolute;
	margin-top: -5px;
	right: 15px;
	background-color: rgba(255,255,255,.98);
	width: auto;
	min-width: 192px;
	-webkit-box-shadow: 1px 2px 7px 0 rgba(0,0,0,.1);
	box-shadow: 1px 2px 7px 0 rgba(0,0,0,.1);
	border: 1px solid #c6c6c6;
	text-align: center
}
.dropdown-content a {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	display: inline-block
}
.dropdown-content a.aktiv, .dropdown-content a:hover {
	color: #f30c1b;
	border-bottom: 2px solid #f30c1b
}
.show-main-menu {
	display: block
}
.firmenfilter .nice-select ul.list {
	max-width: 300px!important
}
.select-container.language {
	right: 100px;
	top: calc(50% - 20px);
	display: block
}
.select-container.language>.nice-select {
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,0);
	box-shadow: 0 0 30px 5px rgba(50,50,50,0)
}
.filter-row {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: -55px;
	display: block;
	position: relative;
	width: auto;
	height: auto;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 200px;
	-webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.3);
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.3);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.select-container.company .nice-select, .select-container.company .nice-select span.current {
	max-width: 300px
}
.nice-select ul.list {
	max-width: 250px;
	max-height: 300px!important
}
.third {
	vertical-align: top
}
.select-container.company .nice-select span.current {
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 255px
}
.third {
	display: inline-block;
	width: auto;
	max-height: 42px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px
}
.third:first-child {
	text-align: right
}
.third:last-child {
	text-align: left
}
.select-container.open {
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3)
}
.select-container.company.de>.nice-select>.current:before {
	content: "Unternehmen: ";
	color: #a5a5a5
}
.select-container.year.de>.nice-select>.current:before {
	content: "Jahr: ";
	color: #a5a5a5
}
.select-container.company.en>.nice-select>.current:before {
	content: "Company: ";
	color: #a5a5a5
}
.select-container.year.en>.nice-select>.current:before {
	content: "Year: ";
	color: #a5a5a5
}
.footer-container {
	position: relative;
	display: block;
	margin-top: 40px;
	background-color: #e4e7ec;
	padding-top: 40px;
	padding-bottom: 40px;
	-webkit-box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.3);
	box-shadow: inset 0 7px 9px -7px rgba(0,0,0,.3)
}
.footer-row {
	display: block;
	position: relative;
	margin-left: 45px;
	margin-right: 45px;
	margin-bottom: 40px;
	height: auto;
	padding: 15px;
	background-color: rgba(247,247,247,.3)
}
.footer-row:last-child {
	margin-bottom: 0
}
.footer-row table {
	width: 100%
}
.footer-row table tr td {
	display: inline-block;
	padding: 10px;
	padding-top: 10px;
	margin: 0 20px 5px 20px;
	height: auto;
	min-width: 110px;
	max-width: 40%
}
.footer-location {
	cursor: pointer;
	display: inline-block;
	text-align: center;
	background-color: rgba(255,255,255,.5);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.footer-location:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.footer-location:before {
	content: "";
	display: inline-block;
	height: 25px;
	width: 20px;
	vertical-align: bottom;
	margin-left: -20px;
	padding-right: 10px;
	background-image: url(../_img/standort.svg);
	background-repeat: no-repeat;
	background-position: center
}
.footer-location:active:before {
	background-image: url(../_img/standort-active.svg)
}
.footer-location:active {
	color: #f44
}
.footer-location a {
	color: #5b5b5b
}
.footer-location a:active, .footer-location a:hover {
	color: #f44
}
.text-input {
	cursor: default;
	display: inline-block;
	position: relative;
	text-align: left;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	white-space: nowrap;
	padding: 10px;
	padding-right: 40px;
	max-width: 378px;
	min-width: 50px
}
.text-input.footer-input {
	background-color: rgba(255,255,255,.5);
	width: calc(100% - 60px);
	margin-right: 40px
}
.text-input.filter-input {
	background-color: rgba(255,255,255,1);
	height: 22px;
	top: 0;
	padding-top: 6px;
	padding-bottom: 14px;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3)
}
.text-input.filter-input:after {
	content: "";
	display: inline-block;
	background-image: url(../_img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 42px;
	height: 20px;
	position: relative;
	top: 3px
}

#newsform .text-input.filter-input:after,
#customerform .text-input.filter-input:after{
	background-image: none;
}

#newsform .sendenewsform,
#customerform .sendenewsform{ 
	background-image: url(../_img/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	border: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);	
	margin-left: 10px;
	cursor: pointer;
}

.text-input:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	background-color: #fff;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3)
}
input[type=text] {
	margin-left: 10px;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	border-bottom: 2px solid #f44;
	background-color: transparent
}
.footer-input input[type=text] {
	width: calc(100% - 80px)
}
.filter-input input[type=text] {
	width: calc(100% - 130px)
}
input[type=text]:focus {
	outline: 0
}
.banner-image {
	position: relative;
	display: inline-block;
	top: -90px;
	margin-left: 35px;
	height: 65px
}
.banner-image:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 65px;
	height: 65px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	border-radius: 100%;
	vertical-align: -100%
}
.banner-image.newspage:before {
	background-size: 20px;
	background-image: url(../_img/stories-active.svg)
}

.page-4 .banner-image.newspage:before,
.banner-image.newspage.news:before {
	background-image: url(../_img/news-active.svg)
}

.page-6 .banner-image.newspage:before,
.banner-image.newspage.stories:before {
	background-image: url(../_img/stories-active.svg)
}


.banner-image.companypage:before {
	background-size: 40px;
	background-image: url(../_img/header-pnr.svg)
}
.filter-container {
	display: inline-block;
	position: relative;
	height: 186px;
	padding-bottom: 40px;
	margin-bottom: 50px;
	background-color: rgba(255,255,255,.5);
	width: 100%;
	margin-top: -80px
}
.active-filter {
	position: absolute;
	display: inline-block;
	width: 130px;
	height: 130px;
	background-color: #fff;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
	top: 25px;
	left: 45px;
	-webkit-box-shadow: 0 0 30px 5px rgba(50,50,50,.3);
	box-shadow: 0 0 30px 5px rgba(50,50,50,.3)
}
.active-filter.news {
	background-image: url(../_img/news-active.svg)
}
.active-filter.stories {
	background-image: url(../_img/stories-active.svg)
}
.active-filter.pnr {
	background-image: url(../_img/pnr-active.svg)
}
.active-filter.it {
	background-image: url(../_img/Informationstechnik-active.svg)
}
.active-filter.energy {
	background-image: url(../_img/Energiewirtschaft-active.svg)
}
.active-filter.gastro {
	background-image: url(../_img/Hotel-Gastronomie-active.svg)
}
.active-filter.logistics {
	background-image: url(../_img/Logistik-Nutzfahrzeuge-active.svg)
}
.active-filter.buildings {
	background-image: url(../_img/Gebaudetechnik-Bau-active.svg)
}
.active-filter.industrial {
	background-image: url(../_img/Industrie-active.svg)
}
.active-filter.consulting {
	background-image: url(../_img/Consulting-active.svg)
}
.active-filter.more {
	background-image: url(../_img/weitere-active.svg)
}
.active-filter.team {
	background-image: url(../_img/team-active.svg)
}
.active-filter.worldwide {
	background-image: url(../_img/pr-weltweit-active.svg)
}
.active-filter.environment {
	background-image: url(../_img/umweltmanagement-active.svg)
}
.active-filter.partner {
	background-image: url(../_img/partner-active.svg)
}
.active-filter.locations {
	background-image: url(../_img/standort-active.svg)
}
#slick-stories-filter {
	width: calc(100% - 200px);
	margin-left: 205px;
	top: -30px
}
#slick-1, #slick-2, #slick-3 {
	max-width: 100%
}
.slick-slider {
	margin-top: 35px;
	margin-left: 10px
}
.slick-dotted.slick-slider {
	margin-top: 0!important
}
.slick-track {
	min-width: 10px!important;
	height: 200px!important
}
.slick-dotted.slick-slider>.slick-list>.slick-track {
	height: 100px!important
}
.slick-container {
	display: inline-block;
	text-align: center;
	top: 0;
	height: auto;
	width: 1200px
}
.slick-dots {
	position: absolute;
	display: block;
	width: 150px;
	max-width: 150px;
	left: calc(50% - 10px);
	transform: translateX(-50%)
}
#slick-1 ul.slick-dots {
	top: 365px
}
#slick-2 ul.slick-dots {
	top: 400px
}
#slick-3 ul.slick-dots {
	top: 275px
}
#slick-stories-filter ul.slick-dots {
	top: 260px;
	margin-left: -100px;
	min-width: 150px
}
.slick-dots li.slick-active button:before {
	color: #f70000!important
}
.slick-next.slick-arrow {
	width: 30px;
	height: 30px;
	left: 100px;
	display: inline-block;
	position: relative;
	z-index: 10
}
#slick-1 button.slick-next.slick-arrow {
	top: 15px
}
#slick-2 button.slick-next.slick-arrow {
	top: 15px
}
#slick-3 button.slick-next.slick-arrow {
	top: 7px
}
#slick-stories-filter button.slick-next.slick-arrow {
	top: 70px;
	margin-left: -200px
}
.slick-prev.slick-arrow {
	width: 30px;
	height: 30px;
	left: -120px;
	display: inline-block;
	position: relative;
	z-index: 10
}
#slick-1 button.slick-prev.slick-arrow {
	top: 380px
}
#slick-2 button.slick-prev.slick-arrow {
	top: 415px
}
#slick-3 button.slick-prev.slick-arrow {
	top: 295px
}
#slick-stories-filter button.slick-prev.slick-arrow {
	top: 275px;
	margin-left: -200px
}
.slick-next.slick-arrow.slick-disabled, .slick-prev.slick-arrow.slick-disabled {
	-webkit-filter: grayscale();
	filter: grayscale()
}
.slick-next.slick-arrow::before, .slick-prev.slick-arrow::before {
	content: "";
	height: 30px;
	width: 30px;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px 16px;
	cursor: pointer;
	background-image: url(../_img/open-arrow-right.svg)
}
.slick-prev.slick-arrow::before {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1)
}
img.float_left {
	float: left;
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0 10px 5px 0
}
img.float_right {
	float: right;
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0 5px 0 10px
}

.pagination {
	clear: both;
	margin-top: 60px;
	display: block;
	list-style: none;
	padding: 0;
	text-align: center;
}

.pagination li {
	display: inline-block;
}

.pagination li.active a {
	color: #f70000;
}

.pagination li a {
	color: #5b5b5b;
	padding: 0 8px;
	background-color: #fff;
}

.form_checkbox{
	overflow: hidden;
	float: left;
	width: 40%;
}
.form_checkbox ~ label{
	float: left;
}

.form_checkbox.checkbox_fehler{
	color: #ec0003;
}
.form_checkbox.checkbox_fehler a{
	text-decoration: underline;
}

.form_checkbox input{
	float: left;
    margin: 15px 4px 0 0;
}

.form_checkbox label{
	float: left;
	width: calc(100% - 36px);
	text-align: left;
}

@media screen and (max-width:1400px) {
.footer-row.locations tr td:nth-child(2) {
	display: block;
	clear: left
}
.footer-row.newsletter tr td {
	max-width: 50%
}
.footer-row tr {
	float: left
}
.footer-row table tr td {
	max-width: 100%;
	float: left;
	min-width: 110px
}
}

@media screen and (max-width:980px) {
	.form_checkbox{
		width: 100%;
	}
.top-icon {
	-webkit-transform: scale(.9, .9);
	transform: scale(.9, .9)
}
.impressum table tr {
	float: left
}
.impressum table tr td {
	width: 100%;
	display: block;
	clear: left
}
.footer-icons {
	text-align: left;
	margin-left: -10px;
	margin-top: 15px;
	margin-bottom: 15px
}
.channel-element.active, .customers-element.active {
	position: relative;
	display: inline;
	width: calc(100% - 30px);
	height: auto;
	left: 0;
	margin-bottom: 30px
}
.channel-element.active {
	left: -10px
}
.grid-container.active {
	text-align: center;
	width: 100%;
	height: 100%
}
.grid-container.active.team {
	text-align: center;
	left: 0
}
.footer-icons img {
	width: 30px;
	height: auto
}
}

@media screen and (max-width:768px) {
h1 {
	font-size: 50px
}
.top-icon {
	width: 74px;
	height: 74px;
	background-size: contain
}
.top-icon-container {
	margin-top: -46px
}
}

@media screen and (max-width:650px) {
.footer-row.newsletter tr td {
	max-width: 100%
}
label {
	display: block;
	text-align: left;
	margin-bottom: 10px
}
.contact-form-element>input {
	width: calc(100% - 20px)!important
}
.contact-form-element {
	margin-left: 10px;
	margin-right: 10px
}
.contact-form {
	margin: 0
}
.contact-select-container {
	max-width: 100%!important;
	width: 100%!important
}
.contact-form-element textarea {
	max-width: 100%;
	width: calc(100% - 20px)
}
.footer-row {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0
}
.footer-location {
	margin-left: 10px;
	margin-right: 10px
}
.grid-container-outer {
	margin-left: 20px;
	margin-right: 20px
}
}

@media screen and (max-width:550px) {
.logo-image {
	background-size: contain;
	width: 40%
}
.filter-row .select-container {
	width: 100%!important;
	max-width: 100%!important
}
.filter-row .third {
	min-width: calc(100% - 30px)!important;
	max-width: calc(100% - 30px)!important
}
.filter-row .nice-select span.current {
	max-width: calc(100% - 0px)!important
}
#team-container .channel-element.active {
	margin: 0!important;
	width: calc(100% + 30px)!important
}
}

@media screen and (max-width:440px) {
.bg-title {
	line-height: 50px!important;
	top: 0!important
}
.filter-row .bg-title {
	line-height: 50px!important;
	top: -100px!important
}
.logo-image {
	background-size: contain;
	width: 30%
}
.intro-text {
	margin-left: 20px;
	margin-right: 20px
}
.slick-container {
	margin-left: -10px
}
.slick-dots {
	left: calc(50% + 10px)
}
.slick-prev.slick-arrow {
	left: -80px
}
}

@media screen and (max-width:320px) {
.top-icon {
	margin-top: -25px
}
.banner img {
	top: -25px;
	height: 115px
}
.top-nav {
	height: 60px
}
.select-container.language {
	right: 70px
}
.dropdown-container {
	margin-right: 0;
	right: 20px
}
.logo-image {
	height: 60px;
	margin-left: 25px
}
.active-filter {
	left: 25px
}
#slick-stories-filter {
	width: 100%;
	margin-left: 110px
}
.banner-image:before {
	-webkit-transform: scale(.7);
	transform: scale(.7)
}
.banner-image {
	margin-left: 10px;
	top: -105px
}
.filter-row {
	padding-left: 15px;
	padding-right: 15px
}
.intro-text {
	margin: 25px
}
.slick-slider {
	left: -10px
}
p img {
	float: left
}
.story-detail-social {
	margin-bottom: 20px
}
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
}

.accordion h2,
.accordion h3,
.accordion h4 {
	margin: 0;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
	background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	text-align: left;
}

.accordion:after {
	content: '\02b'; /* Unicode character for "plus" sign (+) */
	font-size: 33px;
	color: #777;
	margin-left: 5px;
}

.active:after {
	content: "\002212"; /* Unicode character for "minus" sign (-) */
}

#cookie-popup {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	background: #000;
	color: #fff;
	z-index: 3000;

}
#cookie-popup p{
	margin: 0;
}

#cookie-popup-btn {
	border: 1px solid #fff !important;
	background-color: transparent !important;
	border-radius: 0px !important;
	padding: 6px 15px;
	cursor: pointer;
	height: 1.4em;
	margin: 10px 30px 0 30px;
}
.flexbox{
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width : 450px){
	#cookie-popup{
		width: initial;
	}
	.flexbox{
		display: block !important;
		text-align: center;
	}
}