/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Helvetica Pro Bold by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Helvetica Pro Light by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry

 * Webfont: Helvetica Pro Roman by Linotype
 * URL: https://www.myfonts.com/collections/linotype-foundry
 
 * © 2025 MyFonts Inc. */
  
@font-face {
  font-family: "HelveticaProBold";
  src: url('fonts/HelveticaProBold/font.woff2') format('woff2'), url('fonts/HelveticaProBold/font.woff') format('woff');
}
@font-face {
  font-family: "HelveticaProLight";
  src: url('fonts/HelveticaProLight/font.woff2') format('woff2'), url('fonts/HelveticaProLight/font.woff') format('woff');
}
@font-face {
  font-family: "HelveticaProRoman";
  src: url('fonts/HelveticaProRoman/font.woff2') format('woff2'), url('fonts/HelveticaProRoman/font.woff') format('woff');
}



/**************************/

.foundation-mq {
  font-family: "small=0px&medium=580px&large=1024px";
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }
	
html, body {
	height: 100%;
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
    }
	
sup {
    vertical-align: super;
    font-size: smaller;
}

sub {
    vertical-align: sub;
    font-size: smaller;
}	
	
:focus {
	outline: 0;
    }
    
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/**
 * For IE 6/7 (trigger hasLayout)
 */
.cf {
    *zoom:1;
}
body {
	overflow-y: scroll;
	background-color: #ffffff;
	font-family:'HelveticaProLight', sans-serif;
	
	font-size: 22px;
	line-height: 1.5;
	color: #1d1d1b;
    }
body.hidden-scroll {
	overflow-y: hidden;
}
ol, ul {
	list-style: none;
    }

table {
	border-collapse: collapse;
	border-spacing: 0;	
    }

td  {
    vertical-align : top;	
    }

caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }

blockquote, q {
	quotes: "" "";
    }

b,strong {
	font-family: 'HelveticaProBold', sans-serif;
	font-weight:normal;
}
a{
    text-decoration: none;
	color: inherit;
}

a:hover{
    text-decoration: none;
	border-bottom: solid 1px #727271;
}

h1 {
	
	font-size: 48px;
	
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: -1px;	
}

h2 {
	font-size: 48px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: -1px;	
	margin-bottom: 20px;	
}

h3,
.h3like {	
	font-size: 35px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: normal;	
	margin-bottom: 20px;		
}
h4 {	
	font-size: 30px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: normal;	
	margin-bottom: 20px;		
}

div.content > h1,
div.content > h2,
div.detail-page > h2,
div.news-more > h2 {
	margin: 20px 0 10px 135px;
	width: 54%;	
	
	font-size: 48px;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: -1px;
}

h2 > span  {
	font-family:'HelveticaProLight', sans-serif;
	font-size: 35px;
	letter-spacing: normal;
}

div.wrapper{
	margin: 0 auto;
    position: relative;
    width: 100%;
	height:100%;
}

div.wrapper div.container{
	height: auto !important;
    min-height: 100%;
	width: 1440px;
	margin: auto;
	position: relative;
	display: flex;
	flex-direction: column;
}

div.container header{
	background-color:white;
	height: auto;
	min-height: 140px;
	
	position: relative;
}

div.container header div.logo {
	width: 320px;
	display: block;
	float: left;
}

div.container header div.logo a img {
	padding: 30px 0 0 38px;
	width: 100%;
	box-sizing: border-box;
}

div.container header div.logo a img.small-view {
	display: none;	
}

div.container header div.logo a:hover {
	border: 0;
}


header .homelogo {
	display: none;
	width: 710px;
	margin: 29px auto -115px;
	position: relative;
	z-index: 2;
	
}
body.home header .homelogo {
	display: block;	
}

body.home header .homelogo {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
	width: 100%;
}

header .homelogo img {
	width: 100%;
	position: relative;
	top: 0;	
	opacity: 1;
	transition: opacity .3s ease;
}

header .homelogo img#logo-black {
	position: absolute;
	top: 0;
	left: 0;
	
	opacity: 0;
}


body.home header .homelogo .logo-zukunft {
	width: 330px;	
	position: relative;
	transition: right .3s ease;
}
body.home header .homelogo .logo-zukunft:hover {
	border: 0;
}

body.home header .homelogo .logo-zukunft img {
	width: 100%;
}





/**** Sidenav ****/
header a.metaOpen,
header a.metaOpenMobile { 		
	font-family:'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	
	cursor:pointer;
	color: #1d1d1b;
	position: absolute;
	right: 50px;
	top: 52px;
	text-decoration: none;
}
header a.metaOpenMobile {
	display: none;
}

header a.metaOpen:hover,
header a.metaOpenMobile:hover { 
	border: 0;
}

header a.metaOpen:hover span.text,
header a.metaOpen.active span.text,
header a.metaOpenMobile:hover span.text,
header a.metaOpenMobile.active span.text	{
	border-bottom: solid 1px #727271;
}	
header a.metaOpen span.icon,
header a.metaOpenMobile span.icon {
	width: 50px;
	height: 50px;
	display: block;
	
	background-image: url(icon-burger.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	
}

 /* The side navigation menu */
.sidenav {
  height: auto; /* 100% Full-height */
  width: 280px; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 20; /* Stay on top */
  top: 0; /* Stay at the top */
  right: -385px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  
  background-color: #706e6f; /* Green*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 35px; /* Place content 60px from the top */
  padding-bottom: 35px;
  padding-left: 60px;
  transition: right .5s ease, opacity .5s ease; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav > a {
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;
	line-height: normal;

	margin: 10px 10px 8px 30px;
	text-decoration: none;	
	color: #ffffff;
	display: -webkit-flex;
	display: flex;
	transition: right .3s ease, opacity .3s ease;
	
	-webkit-align-self: baseline;
	align-self: baseline;
	border-bottom: solid 1px transparent;
}


/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
	border-bottom: solid 1px #ffffff;

}

.sidenav a.active {
	color: #4a4440;
}



/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 17px;
  right: 35px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav .closebtn:hover {
	border: none;
}

nav#side-menu,
.menu-mobile .closebtn {
	display: none;
}
/**** end sidenav ****/




header ul.nav-menu{
    margin: 59px auto 0;
    text-align: center;
	width: auto;
	display: inline-block;
	box-sizing: border-box;
	margin-left: 31px;
	
	transition: all .3s ease;
	float: left;
}
header ul.nav-menu li{
	display: inline-block;
	color: #ffffff;	
	
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
    padding-top: 15px;
	font-size: 24px;	
	line-height: 1.17;
	font-family:'HelveticaProLight', sans-serif;
}


header ul.nav-menu li:last-child {
	margin-right: 0;
}
header ul.nav-menu li a{
	text-decoration: none;
	color: #727271;
	display: inline-block;	
	border-bottom: solid 2px #ffffff;
}

header ul.nav-menu li > a:hover,
header ul.nav-menu li.active > a{
	border-bottom: solid 2px #727271;
	
}

header ul.nav-menu li.has-children {	
	background-image: url(icons/turn-triangle.svg);
	background-repeat: no-repeat;
	background-position: 92% center;
	background-size: 12px;
	
	padding-right: 30px;
}

header ul.nav-menu > li > .flyout-level-2 {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	left: 0;	
	width: 100%;
	background-color: #ffffff;
	z-index: 21;
	transition: all .3s ease;
	margin-top: 27px;
	padding: 45px 115px 0;
	box-sizing: border-box;
}
header ul.nav-menu > li:hover .flyout-level-2 {
    opacity: 1;
	visibility: visible;
}

header ul.nav-menu > li {
	text-align: left;
	
}

header ul.nav-menu > li .col {
	width: calc(100% / 4);
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
	
}

header ul.nav-menu > li .headerrow {
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

header ul.nav-menu > li ul {
	padding: 20px 0;
	width: 100%;
	text-align: left;
	z-index:5;
	
} 

header ul.nav-menu > li ul li {
	display: -webkit-flex;
	display: flex;
	color: #ffffff; 
	padding: 0;
	background: none;
}

header ul.nav-menu > li ul li a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 0px;
	border-bottom: solid 1px transparent;
	
	font-family:'HelveticaProLight', sans-serif;
	font-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;	
}

header ul.nav-menu > li ul li a:hover {
	border-bottom: solid 1px #727271;
}


.flyout-level-2 .row {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 40px;
}

.flyout-level-2 h3 {
	font-size: 24px;
	line-height: normal;
}
.flyout-level-2 h4 {
	font-size: 16px;
	line-height: 20px;
	font-family: 'HelveticaProBold', sans-serif;
}

a.yellow {
	color: #727271;
	text-decoration: none;
}

a.yellow.link {
	color: #727271;
	text-decoration: none;
	border: none;
	font-size: 16px;
	font-family: 'HelveticaProBold', sans-serif;
	letter-spacing: 0.57px;
	
	background-image: url(icons/right-arrow.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px;
	padding-right: 30px;
}



.flyout-level-2 .col-4 {
	position: relative;
}

.flyout-level-2 img {
	border-radius: 40px;
	position: absolute;
	top: 0;
	right: 20px;
	
}
header ul.nav-menu li .flyout-level-2.show {
/*  	opacity: 1;
	visibility: visible;  */
}

header #search {
	width: 200px;
	height: auto;
	display: block;
	margin-left: 46px;
	margin-top: 70px;
	padding-right: 45px;
	
	transition: all .3s ease;
	float: left;
	
}
header #search form {
	width: 100%;
	height: 100%;
	background-image: url('icons/search.png');
	background-size: 22px;
	background-repeat: no-repeat;
	background-position: 96% center;	
	background-color: transparent;
	padding-right: 40px;
	border: 2px solid #787878;
   
}

header #search form input[type="submit"] {
	position: absolute;
	right: -55px;
	border: 0;	
	width: 55px;
	height: 100%;
	

	background: transparent;
	border: 0;
	cursor: pointer;
	display: none;
}

header #search form input[type="text"] {
	width: 100%;
	height: 100%;
		
	border: none;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;
	line-height: normal;	
	color: #787878;
	padding: 0 0 0 10px;
	box-sizing: border-box;
	border-right: solid 1px #787878;	
	border-radius: 0;
	
}
header #search form input[type="text"]:focus {
	border-left: solid 1px transparent;		
	
}

header #search form input[type="text"]::-ms-clear {
    display: none;
}


header #search form input::-webkit-input-placeholder { /* Edge */
	opacity: 1;
}

header #search form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	opacity: 1;
}

header #search form input::placeholder {
	opacity: 1;
}

header .lang-nav {
	display: inline-block;
	margin-left: 40px;
	color: #787878;
	
	position: absolute;
	top: 73px;
	right: 110px;
	
	float: left;
}

header .lang-nav a {
	color: #787878;
}
















.content_wrapper{

	background-color: #ffffff;
	display: inline-block;
	width: 100%;
	
	opacity: 0;
	transition: opacity .2s ease;
	
}


.content_wrapper div.content ul {
	
	list-style-type: none;
	padding-left: 22px;
}

.content_wrapper div.content ul > li:before {
  content: "–"; /* en dash */
  position: absolute;
  margin-left: -1.1em; 
}

.content_wrapper div.content ol {
	
	list-style-type: decimal;
	padding-left: 22px;
}


.content_wrapper div.content table {
	border-collapse: collapse;
	border-spacing: 0;
	color: #787878;
}

.content_wrapper div.content table td  {
    vertical-align : top;
	padding: 7px 30px 7px 0;
}
div.image-text-block .text table td {
		padding: 7px 8px 7px 0;
		white-space: nowrap;
}	
.content_wrapper div.content table tr 	{
	border-bottom: solid 1px #8e7b77;
}

.content_wrapper div.content table thead td {
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 22px;
	color: #787878;
}



	
div.footer{
	width: 100%;
    display: inline-block;
	background-color: #706e6f;
}
div.footer div.footer-text{	
	color: #ffffff;
	padding: 7px 135px;
	font-size: 16px;
	
	width: 1170px;
	margin: auto;
	
	display: flex;
	flex-wrap: wrap;
}

div.footer div.footer-text .col {
	width: 33%;
	float: left;
	padding: 0;
	box-sizing: border-box;
	
}



div.footer div.footer-text .col-left,
div.footer div.footer-text .col-right {
	width: 300px;	
	margin: 40px 0;	
}
div.footer div.footer-text .col-center {
	width: calc(100% - 680px);	
	margin: 40px;	
}
div.footer div.footer-text .col-center h4 {	
	
	width: 380px;
	margin: 0 auto 20px;
	
}

div.footer div.footer-text .col-center table {
	
	width: 380px;
	margin: auto;
}
div.footer div.footer-text .col-center table tr {
	/* border-bottom: solid 1px #cccccc; */
}
div.footer div.footer-text .col-center table td {	
	vertical-align: top;	
	width: 50%;
}
div.footer div.footer-text .col-center table td + td {	
	vertical-align: top;	
	width: 20%;
}

div.footer div.footer-text .col-center table td a {
	display: inline-block;
}

/* div.footer div.footer-text .col-right ul li {
	padding-left: 150px;
} */

div.footer div.footer-text .bottom {
	width: 100%;
	display: inline-block;
	font-family: 'HelveticaProLight', sans-serif;
	line-height: 1.5;
	letter-spacing: 0.53px;
}
div.footer div.footer-text .bottom .socials {
	float: right;
}
div.footer div.footer-text .bottom .lang-nav {
	float: right;
	width: 70px;
    margin-right: 128px;
}

div.footer div.footer-text .bottom .lang-nav a{
	margin-bottom:15px;
	float:left;
}

div.footer div.footer-text .bottom .links {
	float: left;
}

div.footer div.footer-text .bottom .links span,
div.footer div.footer-text .bottom .links a {
	margin-right: 40px;
	margin-bottom: 15px;
	float: left;
}
div.footer div.footer-text .bottom .links a:hover {
	border-bottom: solid 1px #ffffff;
}
div.footer div.footer-text .bottom .socials a {	
	float: right;
	
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	
	width: 24px;
	height: 24px;
	
	margin-left: 15px;
}
div.footer div.footer-text .bottom .socials a.fb {
	background-image: url('socials/fb.jpg');	
	
}
div.footer div.footer-text .bottom .socials a.xing {
	background-image: url('socials/xing.jpg');	
	margin-left: 10px;
}
div.footer div.footer-text .bottom .socials a.tweet {
	background-image: url('socials/tweet.jpg');	
}
div.footer div.footer-text .bottom .socials a.insta {
	background-image: url('socials/insta.jpg');	
	margin-left:0px;
}
div.footer div.footer-text .bottom .socials a.pint {
	background-image: url('socials/pint.jpg');	
}
div.footer div.footer-text .bottom .socials a.tube {
	background-image: url('socials/tube.jpg');	
}

div.footer div.footer-text .bottom .socials a:hover {
	border: 0;
}

div.footer div.footer-text h3 {
	font-size: 35px;
	line-height: normal;
	font-family: 'HelveticaProBold', sans-serif;
	
	margin-bottom: 20px;
}
div.footer div.footer-text h4 {
	font-size: 16px;
	line-height: 20px;
	font-family: 'HelveticaProBold', sans-serif;
}

div.footer div.footer-text a,
p.nav-menu-mobile-footer a{
	text-decoration: none;
	color: #ffffff;	
}

/* div.footer div.footer-text a.yellow,
p.nav-menu-mobile-footer a.yellow {
	text-decoration: none;
	color: #727271;	
} */




div.footer div.footer-text ul {
	padding: 0;
	width: 100%;
	text-align: left;
	z-index:5;
	font-family: 'HelveticaProLight', sans-serif;
	line-height: 1.5;
	letter-spacing: 0.53px;
	
} 

div.footer div.footer-text ul li {
	display: -webkit-flex;
	display: flex;
	color: #ffffff; 
	padding: 0;
	background: none;
}

div.footer div.footer-text ul li a {
	display: block;
	color: inherit;
	text-decoration: inherit;
	padding: 0px;
	
	border-bottom: solid 1px transparent;
}

div.footer div.footer-text ul li a:hover {
	border-bottom: solid 1px transparent;
	text-decoration: underline;
}


.c-hamburger {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 55px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	-ms-transition: background 0.3s;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 30px;
	left: 5px;
	right: 5px;
	height: 7px;
	background: #a8cbb7;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 7px;
	background-color: #a8cbb7;
	content: "";
}

.c-hamburger span::before {
	top: -15px;
}

.c-hamburger span::after {
	bottom: -15px;
}

.c-hamburger--htx {
	background-color: transparent;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
	-webkit-transition: background 0s 0.3s;
	-moz-transition: background 0s 0.3s;
	-o-transition: background 0s 0.3s;
	-ms-transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	-webkit-transition-duration: 0.3s, 0.3s;
	-moz-transition-duration: 0.3s, 0.3s;
	-o-transition-duration: 0.3s, 0.3s;
	-ms-transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
	-webkit-transition-delay: 0.3s, 0s;
	-moz-transition-delay: 0.3s, 0s;
	-o-transition-delay: 0.3s, 0s;
	-ms-transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	transition-property: top, transform;
	-webkit-transition-property: top, transform;
	-moz-transition-property: top, transform;
	-o-transition-property: top, transform;
	-ms-transition-property: top, transform;
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform;
	-webkit-transition-property: bottom, transform;
	-moz-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
	background-color: transparent;
  
}

.c-hamburger--htx.is-active span {
	background: none;
}

.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
	-webkit-transition-delay: 0s, 0.3s;
	-moz-transition-delay: 0s, 0.3s;
	-o-transition-delay: 0s, 0.3s;
	-ms-transition-delay: 0s, 0.3s;
	background-color:#000000;
}
div.o-grid__item{
	display: none;
}
ul.nav-menu-mobile,
p.nav-menu-mobile-footer{
	display: none;
}


a.load-more {
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 24px;
	line-height: normal;
	letter-spacing: normal;
	color: #727271;	
	
	width: 100%;
	margin: 40px 0;
	text-align: center;
	display:block;
}
a.load-more:hover {
	border: none;
	cursor: pointer;
}

div.base-page-image {
	position: relative;
	
}

div.base-page-image div.image-wrap {
	width: 100%;
	height: 610px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
body.home div.base-page-image div.image-wrap {
	height: 810px;
}

div.base-page-image div.image-wrap img {
	display: none;
}

div.base-page-image > img {
	display: block;
	max-width: 100%;
}


div.base-page-image span {
	position: absolute;
	bottom: 19%;
	top: auto;
	margin: auto;
	z-index: 10;
	right: 0;
	width: 50%;
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 58px;
	line-height: normal;
	color: #ffffff;
	
	padding: 0 120px 0 10px;
	box-sizing: border-box;
}

.base-content-wrap {	
	width: 100%;
	/* background: #706e6f;
	color: #ffffff; */
	background: #ffffff;
	color: #000000;
	display: flex;
	flex-direction: column;
}

.content_wrapper.grey-bg .base-content-wrap {	
	background: transparent;
	color: inherit;
}

div.content h1.base-page-title {
	width: 70%;
	max-width: 970px;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	margin: 60px 0 30px;
	padding: 0 135px;
	box-sizing: border-box;
}

div.base-page-text {
	font-family: 'HelveticaProLight', sans-serif;	
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: 0.47px;	
	
	margin-bottom: 40px;	
	padding: 0 135px;
	column-count: 1;
	column-gap: 30px;
	position: relative;
	
	max-width: 970px;
}

.accordion div.base-page-text {
	padding: 0;
	margin-bottom: 30px;
}

div.base-page-text.no-margin {
	margin-bottom: 20px;	
}
div.base-page-text.one-column{
	column-count: 1;
}
div.base-page-text.one-column > ul {
	margin-bottom: 20px;
}

div.image-text-block p,
div.full-width-block p,
div.base-page-text p{
	padding-bottom:20px;
}

.content_wrapper div.content ul.breadcrumb {
	
	padding: 0 135px;
	margin: 35px 0;
	width: 100%;
	box-sizing: border-box;	
}

.content_wrapper div.content a.alt_version {
	color: #ffffff;
	margin: 0 135px;
	width: 100%;
	text-decoration:none;
	font-family: 'HelveticaProBold', sans-serif;
}

.content_wrapper div.content a.alt_version:hover {
	text-decoration:none;
	border-bottom: none;
}


.detail-page.product ul.breadcrumb,
.detail-page.news ul.breadcrumb {
	margin: 0 !important;
}

.content_wrapper div.content ul.breadcrumb > li {
	width: auto;
	display: inline;
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 16px;   
	line-height: 1.75;
	letter-spacing: normal;
	
}

.content_wrapper div.content ul.breadcrumb > li::before {
	content: "";
	color: #ffffff;
	margin: 0;
	position: relative;
}

/******* Module Image *********/
div.module-image {
	width: 100%;
	display: block;
}
div.module-image img {
	width: 100%;
	display: block;
}


/******* Module Image Teaser *********/
div.module-image-teaser {
	width: 100%;
	display: block;
	position: relative;
}
div.module-image-teaser div.image-wrap {
	width: 100%;
	height: 610px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

div.module-image-teaser img {
	width: 100%;
	display: none;
}
div.module-image-teaser div.teaser {
	width: 705px;
	height: auto;
	min-height: 246px;
	position: absolute;
	
	bottom: 0;
	right: 0;
	
	background-color: #ffffff;
	
	padding: 40px 200px 30px 30px;
	box-sizing: border-box;
}
		
div.module-image-teaser div.teaser h3 {
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	color: #ffffff;
	
	margin-bottom: 40px;
}	
	
	
	
	

/******* Module ProductBrowser ***********/
/******* Module ServiceBrowser ***********/
/******* Module ReferenceBrowser *********/
/******* Module NewsBrowser **************/
/******* Module SectorBrowser ************/
/******* Module ContactBrowser ***********/
/******* Contact teaser box **************/
div.product-list,
div.service-list,
div.reference-list,
div.sector-list,
div.contact-list {
	width: 1200px;
	display: -webkit-flex;
	display: flex;	
	
	margin: 0 auto 40px;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-align-content: space-between;	
	align-content: space-between;	
	position: relative;
}

div.news-list {
	width: 100%;
	display: inline-block;
	padding: 0 135px 35px;
	box-sizing: border-box;
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: 0.47px;

}


div.product-list div.product,
div.service-list div.service,
div.reference-list div.reference,
div.sector-list div.sector,
div.contact-list div.contact,
div.teaser div.contact {
	width: 370px;
	max-width: 370px;
	margin: 15px;
	background-color: #706e6f;
	position: relative;
	
	z-index: 1;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .3s ease;
    -webkit-transform: scale(1); 
    -ms-transition: all .3s ease;
    -ms-transform: scale(1); 
    -moz-transition: all .3s ease;
    -moz-transform: scale(1);
    transition: all .3s ease;
    transform: scale(1);
    overflow: hidden;  
}
div.news-list div.news {
	display: block;
	margin-top: 30px;
	border-bottom: solid 1px #dfdfdf;
}


div.product-list div.product.disable_scale,
div.service-list div.service.disable_scale,
div.reference-list div.reference.disable_scale,
div.news-list div.news.disable_scale,
div.sector-list div.sector.disable_scale,
div.contact-list div.contact.disable_scale,
div.teaser div.contact.disable_scale{
	-webkit-transition: none;
    -webkit-transform: none; 
    -ms-transition:none;
    -ms-transform: none; 
    -moz-transition: none;
    -moz-transform: none;
    transition: none;
	transform: none;
}

div.product-list div.product,
div.service-list div.service,
div.sector-list div.sector {
	height: 480px;
}

div.contact-list div.contact,
div.teaser div.contact {
	height: 465px;
}

div.product-list div.product:hover,
div.service-list div.service:hover,
div.reference-list div.reference:hover,
div.sector-list div.sector:hover {
	
	overflow: visible;
	left: 0;
	
	background-color: #706e6f;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5);
	
	z-index: 2;
    -webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transform: scale(1.18);   
    -ms-transform: scale(1.18);      
    -moz-transform: scale(1.18);   
    transform: scale(1.18);
	
}

div.product-list div.product img,
div.service-list div.service img,
div.reference-list div.reference img,
div.news-list div.news img,
div.sector-list div.sector img,
div.contact-list div.contact img {
	width: 100%;
	float: left;
}

div.product-list div.product a,
div.service-list div.service a,
div.reference-list div.reference a,
div.news-list div.news a,
div.sector-list div.sector a,
div.contact-list div.contact a,
div.teaser div.contact a {
	border: none;	
}
div.product-list div.product > a,
div.service-list div.service > a,
div.reference-list div.reference > a,
div.news-list div.news > a,
div.sector-list div.sector > a,
div.contact-list div.contact > a,
div.teaser div.contact > a {	
	width: 100%;
	float: left;
}


div.reference-list div.reference a.preloader {
	display: block;
    width: 100%;
    height: 212px;
	position:relative;
}

div.reference-list div.reference a.preloader img{
    display: block;
	width:auto;
	position:absolute;
	left:calc(50% - 8px);
	top:calc(50% - 8px);
}

div.product-list div.product h3,
div.service-list div.service h3,
div.reference-list div.reference h3,
div.sector-list div.sector h3,
div.contact-list div.contact h3,
div.teaser div.contact h3 {
	width: 100%;
	height: 28px;
	box-sizing: border-box;
	padding: 0 30px;
	margin: 30px 0 20px;
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 24px;
	line-height: normal;
	text-decoration: none;
	color: #ffffff;
	overflow: hidden;
	float: left;
}

div.reference-list div.reference h3 {
	margin: 30px 0;
	float: left;
	height: 56px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
div.news-list div.news h3 {		
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	margin-bottom: 35px;
	
	background-image: url('icons/add.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-right: 30px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
div.news-list div.news a {	
	float: none;
}


div.product-list div.product p,
div.service-list div.service p,
div.news-list div.news p,
div.sector-list div.sector p,
div.contact-list div.contact p,
div.teaser div.contact p {
	padding: 0 30px;
	margin-bottom: 30px;
	text-decoration: none;
	color: #ffffff;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	
}
div.product-list div.product p.lead,
div.service-list div.service p.lead,
div.news-list div.news p.lead,
div.sector-list div.sector p.lead,
div.contact-list div.contact p.lead,
div.teaser div.contact p.lead {
	width: 100%;
	height: 85px;	
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}


div.product-list div.product h3:hover,
div.product-list div.product p:hover,
div.service-list div.service h3:hover,
div.service-list div.service p:hover,
div.reference-list div.reference h3:hover,
div.news-list div.news h3:hover,
div.sector-list div.sector h3:hover {
	text-decoration: none;
	border-bottom: none;
}



div.product-list div.product .product-download,
div.sector-list div.sector .sector-download {
	margin: 0 30px 30px;
	box-sizing: border-box;
	width: calc(100% - 60px);
	float: left;
	
}
div.product-list div.product .product-download .dropdown,
div.sector-list div.sector .sector-download .dropdown {
	border: none;
	outline: 0;	
	background-color: #333333;
	padding: 10px 24px 10px 18px;
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: normal;	
	letter-spacing: 0.57px;
} 
div.product-list div.product .product-download .dropdown .menu,
div.sector-list div.sector .sector-download .dropdown .menu {
	top: 49px;
	background-color: #333333;
}



div.service-list div.service a.green-link {
	position: relative;
	
	margin: 0 30px 30px;	
	width: calc(100% - 60px);
	height: 52px;
	padding: 16px;
	box-sizing: border-box;
	display: inline-block;
	
	background-color: #ffffff;
	text-decoration: none;
	
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.57px;
}

div.service-list div.service a.green-link:after {
	
	content: "";
	position: absolute;
	pointer-events: none;
	cursor: pointer;
	
	height: 1em;
	font-size: .625em;
	line-height: 1;
	right: 1.2em;
	top: 50%;
	margin-top: -.5em;
	
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	
	background-image: url('icons/down-arrow.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 92% center;
	padding-right: 20px;
}

/* 
div.reference-list div.reference div.yellow-badge,
div.news-list div.news div.yellow-badge {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	color: #000000;
	background-color: #727271;
	box-sizing: border-box;
	padding: 12px 15px;
	
	font-family:'HelveticaProBold', sans-serif;
	font-size: 16px;	
	line-height: normal;
	letter-spacing: 0.57px;
	
} */


div.contact-list div.contact div.img-wrap {
	width: 100%;
	height: 277px;
	display: block;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;	
}

div.contact-list div.contact.preloader div.img-wrap{
	background-size: auto;
	background-position: center center;
}

div.category-filter {
	width: 240px;
	position: absolute;
	right: 15px;
	top: -80px;
}

div.category-filter .dropdown {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	font-size: 16px;
	
	margin-top: 20px;
}
div.category-filter .dropdown .menu {
	background-color: #4d4d4d;
	border-color: #4d4d4d;
	border-top: 1px solid #fff;
	border-bottom: 0;
}


.contact-list div.category-filter {
	display: none;
}

/***** Contact teaser *****/

div.contact div.text a:hover {
	text-decoration: underline;
}

div.contact div.text a.mail {
	width: 40px;
	height: 40px;
	display: inline-block;
	
	background-image: url('mail.png');
	background-size: 45px;
	background-repeat: no-repeat;
	background-position: center center;
	
}
div.contact:nth-child(3n+2) div.text a.mail {
	background-image: url('mail-red.png');
}
div.contact:nth-child(3n+3) div.text a.mail {
	background-image: url('mail-yellow.png');
}


div.contact div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	padding: 30px 0;
		
	background-color: #f29100;
	color: #ffffff;
	
	visibility: hidden;
	opacity: 0;
	
	box-sizing: border-box;
	
	-webkit-transition: all .3s ease;   
    -ms-transition: all .3s ease;   
    -moz-transition: all .3s ease;
    transition: all .3s ease;
   
	
}
div.contact div.overlay,
div.contact div.overlay p,
div.contact div.overlay h3 {
	color: #ffffff;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

div.contact div.overlay h3 {
	margin: 10px 0 3px;
}

div.contact div.overlay.active {
	visibility: visible;
	opacity: 1;
	
}





/***** Dropdown list *****/
.dropdown .hide,
.dropdown .menu.hide {
    opacity: 0;
	visibility: hidden;
	max-height: 0 !important;
}

.dropdown{
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.5px;
	background-color: #ffffff;
	width: 100%;
	color: #fff;
	padding: 3px 24px 3px 18px;
	box-sizing: border-box;
	border: solid 1px #dfdfdf;
	margin: 0;
	text-indent: 0.01px;
	text-overflow: '';
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;

	position: relative;
	
	background-image: url('icons/down-arrow.svg');
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 97% center;
	padding-right: 20px;
	
}

.dropdown .title{
	margin: .3em 0;	
	width: 100%;
}


.dropdown .menu{
	transition: all .3s ease;
	
	border: solid 1px #dfdfdf;
	
	position: absolute;
	top: 40px;
	left: -1px;
	width: 100%;
	/*max-height: 20em;*/
	background-color: #ffffff;
	z-index: 20;
	
	opacity: 1;
	visibility: visible;
	
}

.dropdown .menu .option{
	line-height: 30px;
	
	box-sizing: border-box;
	border-bottom: solid 1px #dfdfdf;
}

.dropdown .menu .option a{
	border:none;
	display: block;
    padding: 7px 24px 7px 20px;
}

.dropdown .menu .option:hover{
	background: rgba(125,124,123,0.2);
}

.pointerCursor:hover{
	cursor: pointer;
}


.result {
	width: 100%;
	display: none;	
}





div.image-text-block {
	width: 100%;
	
	padding: 0;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	

	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	color: #666666;
	
	background-color: #ffffff;
	margin-bottom: 80px;
}

div.image-text-block.center {
	-webkit-align-items: center;
	align-items: center;
}
div.image-text-block.top {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

div.image-text-block.bottom {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}



.news.detail-page div.image-text-block {
	align-items:normal;
}

/* 
div.image-text-block.yellow {
	background-color: #727271;
} */
div.image-text-block.dark {
	background-color: #ffffff;
}

div.image-text-block.reverse {
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


div.image-text-block div.text {
	width: 48%;
}
div.image-text-block div.image {
	width: 52%;
}
div.image-text-block div.text {	
	/* margin-top: 100px;
	margin-bottom: 0; */
	padding: 0 70px 0 135px;
	box-sizing: border-box;
	
	
}
div.image-text-block.reverse div.text {
	padding: 0 135px 0 70px;
}
div.image-text-block div.text.no-margin {
	/* margin-top: 110px;
	margin-bottom: 80px; */
}
	
div.image-text-block div.text h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	color: #262626;
	margin-bottom: 35px;
}
div.image-text-block div.image img {
	display: block;
	max-width: 100%;
}

/* div.image-text-block.yellow div.text {
	color: #1d1d1b;
} */
div.image-text-block.dark div.text h3,
div.image-text-block.dark div.text {
	
}

div.gallery-tiles {
	width: 100%;	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
div.gallery-tiles .tile1 {
	width: 499px;
	height: auto;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile2 {
	width: 936px;
	height: auto;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile3 {
	width: 718px;
	height: auto;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile4 {
	width: 717px;
	height: auto;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile5 {
	width: 936px;
	height: auto;
	border-right: 5px solid #333;
	border-top: 5px solid #333;
}
div.gallery-tiles .tile6 {
	width: 499px;
	height: auto;
	border-top: 5px solid #333;
}



/**********************************/
/********* Product Detail *********/
/**********************************/
div.base-content {
	width: 100%;
	display: block;
	
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	padding: 0 0 35px;
}
div.base-content div.text {
	width: calc(100% - 620px);
	padding-top: 30px;
}

div.image-wrap,
div.module-image {
	position: relative;
	align-self: start;
}

div.image-wrap:after,
div.module-image:after,
.video-container:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 101%;
	height: 100%;
	z-index: 2;
	background-image: url(triangle-overlay.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	pointer-events: none;
	
}


div.base-content h2 {
	width: 100%;
	margin-top: 130px;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 48px;
	line-height: normal;
	
	
	padding: 0 135px;
	box-sizing: border-box;
	
}


div.full-width-block {
	width: 100%;
	display: inline-block;
	padding: 55px 135px 35px;
	box-sizing: border-box;
	
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	
}

div.full-width-block.no-y-padding {
	padding: 0 135px;
}

div.full-width-block.smaller-width {
	width: 80%;
}


div.full-width-block.relative {
	position:relative;
}

div.full-width-block h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin-bottom: 35px;
	
}

div.full-width-block video{
	width:100%;
	height:auto;
	z-index: 3;
	
}

div.full-width-block .preload_image{
	width: 100%;
    min-height: calc(100% - 110px);
    position: absolute;
    top: 55px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
}

div.no-padding {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	padding: 55px 0;
}
div.no-padding div.text {
	width: calc(100% - 620px);
	padding: 0 135px;
	box-sizing: border-box;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;	
	line-height: 1.5;
	letter-spacing: 0.47px;
	
}
div.no-padding div.text h3 {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 35px;
	line-height: normal;
	letter-spacing: normal;
	
	margin: 62px 0 35px;
}

div.full-width-block a,
div.image-text-block a,
div.base-page-text a,
div.download a:hover,
div.image-text-block table.verkaufsorganisation a:hover,
div.base-page-text table a:hover {
	border-bottom: solid 1px #727271;
}
div.full-width-block a:hover,
div.image-text-block a:hover,
div.base-page-text a:hover,
div.download a,
div.image-text-block table.verkaufsorganisation a,
div.base-page-text table a {
	border-bottom: none;
}

/**********************************/
/******** END Product Detail *****/
/**********************************/

/**********************************/
/******** Reference Detail ********/
/**********************************/
div.reference div.base-content img {
	width: 100%;
}
div.reference div.base-content h1 {
	position: absolute;
}
div.reference div.full-width-block > div.text {
	width: 670px;
	float: left;
}
div.reference div.full-width-block > div.text h3 {
	width: 100%;
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 35px;
	line-height: normal;	
	padding: 0 ;
	box-sizing: border-box;
}

div.reference div.full-width-block > div.teaser {
	width: calc(100% - 670px);
	float: left;
}
div.reference div.full-width-block > div.teaser div.contact { 
	float: right;
}

/**********************************/
/********* END Reference Detail *********/
/**********************************/

/**********************************/
/********* News Detail *********/
/**********************************/
div.news {
	/* background-color: #ffffff;
	color: #1d1d1b; */
	
}
.content_wrapper div.content div.news ul.breadcrumb {
	background-color: #ffffff;
	color: #1d1d1b;	
	padding-top: 60px;
}

div.news div.image-text-block div.text {
	margin-top: 70px;	
	box-sizing: border-box;
	width: 935px;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 22px;
	line-height: 1.5;
	letter-spacing: 0.47px;
	color: #666666;
	
	margin-bottom: 110px;
}
div.news div.image-text-block div.text h4 {	
	font-family:'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.57px;
	color: #1d1d1b;
	margin-bottom: 10px;
}

div.news div.image-text-block div.image {
	width: calc(100% - 935px);
}
div.news div.image-text-block div.image img {
	margin: 80px 0 60px 0;
	height: auto;
	width: 100%;
	max-width: 370px;
}

div.news div.image-text-block div.image div.download {
	margin-bottom: 20px;
}

div.news div.news-more {
	display: block;
	width: 100%;
	margin-top: 60px;	
}

div.news div.image-text-block div.text p.newsdate {	
	font-size: 18px;
}

/**********************************/
/********* END News Detail *********/
/**********************************/






 
/***** Accordion *****/
div.accordion {
	display: block;
	margin-top: 30px;
		
	border-bottom: solid 2px #8e7b77;
	
}
div.accordion h3.accordion_title {
	background-image: url('icons/add-grey.svg');
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	
		
}
div.accordion.open h3.accordion_title {
	background-image: url('icons/substract-grey.svg');
}

div.accordion_text {
	padding: 0 0 30px;
	
}



/************************/
/******* Companies ******/
/************************/
div.company-list {
	width: 100%;
	display: inline-block;
	padding: 0 135px 90px;
	box-sizing: border-box;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 18px;	
	line-height: 1.56;
	letter-spacing: 0.47px;
	color: #787878;	
}

div.company-list h3 {
	font-family:'HelveticaProLight', sans-serif;
	font-size: 25px;
	line-height: normal;
	letter-spacing: normal;
	
	margin-bottom: 15px;
	
}


div.company-list div.accordion h3.accordion_title span.col1 {
	width: 370px;
	display: block;
	float: left;
	align-self: center;
	margin-right: 30px;
}

div.company-list  div.accordion h3.accordion_title span.col2 {
	line-height: 1.5;
	letter-spacing: 0.53px;
	font-size: 16px;
	align-self: center;
	
	font-family: 'HelveticaProLight', sans-serif;
	
	width: 370px;
	display: block;
	float: left;
	margin-right: 30px;
}

div.company-list  div.accordion_text {
	padding: 0 0 30px;
	
}
div.company-list  div.accordion div.accordion_text span.col1 {
	width: 370px;
	display: block;
	float: left;
	align-self: center;
	
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;
	margin-right: 30px;
	
	min-height: 100px;
}

div.accordion div.accordion_text span.col2 {
	line-height: 1.5;
	letter-spacing: 0.53px;
	font-size: 16px;
	align-self: center;
	
	width: 370px;
	display: block;
	float: left;
	margin-right: 30px;
}

div.accordion div.accordion_text span.col3 {
	
	height: auto;
	
	width: 370px;
	display: block;
	float: left;
}

div.accordion div.accordion_text span.col3 a.gmap-link {
	display: block;
	width: 370px;
	height: 40px;
	float: left;
	
	line-height: 40px;
	background-color: #4d4d4d;
	margin: 5px 0 12px;
	padding: 0 20px 0 15px;
	box-sizing: border-box;
	
	background-image: url('icons/right-arrow-white.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 96% center;
	
}
div.accordion div.accordion_text span.col3 a.gmap-link:hover {
	border: 0;
}
div.accordion div.accordion_text span.col3 img {
	float: left;
	margin-bottom: 15px;
	display: none;
}





/***** Download *****/
div.download {
	padding-left: 40px;	
	background-image: url('icons/dw.jpg');
	background-size: 19px 25px;
	background-repeat: no-repeat;
	background-position: 3px top;
	
	margin-bottom: 30px;
	
	font-size: 16px;	
	line-height: 1.5;
	letter-spacing: 0.53px;
}
div.download.sia {
	background-image: url('icons/sia.png');
	background-size: 25px auto;
	background-position: 0px top;
}

div.download a {
	font-family:'HelveticaProBold', sans-serif;
	font-size: 16px;	
	line-height: normal;
	letter-spacing: normal;
}

/******* Contact form: DForm module ********/
div.dform-wrapper {
	font-family:'HelveticaProLight', sans-serif;
	font-size: 22px;
	width: 100%;
	background-color: #ffffff;
	margin: 0;
	padding: 30px 135px;
	box-sizing: border-box;
	
}

div.dform-wrapper input[type=text],
div.dform-wrapper textarea,
div.dform-wrapper select  {
	width: 770px;
	height: 40px;
	border: solid 1px #dfdfdf;
	box-sizing: border-box;
	margin: 0;
	padding: 5px 20px 0;
	float: left;
	/*font-size: 15px;*/
	font-size: 22px;
	font-family: inherit;
}

div.dform-wrapper select {
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
	
	background-image: url('icons/down-arrow-black.svg');
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 98% center;
	padding-right: 20px;
	
}

div.dform-wrapper textarea {
	height: 190px;
	padding: 10px 20px;
}

div.dform-wrapper .form_row {
	width: 100%;
	display: block;
	float: left;
	
	margin: 0 0 30px 0;
}

div.dform-wrapper .submit-button {
	width: 270px;
	height: 40px;
	background-color: #727271;	
	
	font-family: 'HelveticaProBold', sans-serif;
	/*font-size: 16px;*/
	font-size: 22px;
	line-height: normal;
	letter-spacing: 0.57px;
	color: #1d1d1b;
	text-align: left;
	
	padding: 5px 15px 0;
	border: none;
	cursor: pointer;
	
	background-image: url('icons/right-arrow-black.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-right: 20px;

}

div.dform-wrapper .error_input input,
div.dform-wrapper .error_input select,
div.dform-wrapper .error_input textarea {
	border: solid 2px #727271;	
}
div.dform-wrapper .radio-check-group.error_input {
	color: #727271;	
}

div.dform-wrapper div.heading {
	width: 770px;
	margin-bottom: 60px;
}

div.dform-wrapper div.heading h3 {
	margin: 20px 0 25px;
	
	color: #000000;
	font-size: 35px;
	font-family: 'HelveticaProBold', sans-serif;
}

div.dform-wrapper div.heading p {
	font-family: 'HelveticaProLight', sans-serif;
	/*font-size: 18px;*/
	font-size: 22px;
	line-height: 1.56;
	letter-spacing: 0.47px;
	color: #666666;
}

#addsearch-results,
.content .addsearch-filters{
	width: 1170px;
	margin: 0 auto !important;
	margin-top:20px !important;
	margin-bottom: 60px !important;
}

.content .addsearch-filters{
	
}

.content .addsearch-filters h5{
	display: block;
    width: 100%;
}

.content .addsearch-filters label{
	margin-right:20px;
	font-size: 20px;
}

.content .addsearch-filters label input[type=checkbox]{
	margin: 0px 4px 3px 0px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

#addsearch-results-mid{
	width:100% !important;
}

#addsearch-results-mid .addsearch-result-item-container {
	background-image: none !important;
	
	border-top: solid #727271 1px;
	padding: 30px;
	
	transition: all .3s ease;	
	
}
#addsearch-results-mid .addsearch-result-item-container:hover {
	background-color: #cccccc;
	border-top: none;
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
	-webkit-transform: scale(1.1, 1.1); /* Safari prior 9.0 */
	transform: scale(1.1, 1.1); /* Standard syntax */
}
#addsearch-results-mid .addsearch-result-item-container:hover .addsearch-result-item-sub h2 a,
#addsearch-results-mid .addsearch-result-item-container:hover .addsearch-result-item-sub p {
	
}


#addsearch-results .addsearch-result-item-sub{
	border-bottom: none !important;
	background-size: 140px auto !important;
	background-position: 0px 0px !important;
	min-height: 0 !important;
	padding-bottom: 7px;
}

#addsearch-results .addsearch-result-item-sub div {
	padding: 0 14px 0 170px !important;
	min-height: 0 !important;
}

#addsearch-results .addsearch-result-item-sub h2 a{
	
	font-family: 'HelveticaProBold', sans-serif !important;
    font-size: 24px !important;
	padding:5px 0px 2px 0px !important;
	margin-bottom: 14px !important;
	font-weight:normal !important;
	display:inline-block !important;
	border-bottom: solid 1px #727271 !important;
}


#addsearch-results .addsearch-result-item-sub h2 a:hover{
	border-bottom: solid 1px #727271 !important;
	
}

#addsearch-results .addsearch-result-item-sub p{
	
	font-family: 'HelveticaProLight', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.47px !important;
}

#addsearch-results .addsearch-result-item-sub p span.category {
	display: none !important;
	
}

#addsearch-results .addsearch-result-item-sub p em{
	color: #727271 !important;
	font-family: 'HelveticaProBold', sans-serif !important;
	font-weight:normal !important;
	/*display:none !important;*/
}
#addsearch-results .addsearch-result-item-sub p > em {
	color: #f29100 !important;	
}



#addsearch-results #addsearch-results-bottom #addsearch-logo-img{
	display:none !important;
}

#addsearch-results-bottom{
	background-color:transparent !important;
	padding:10px 0px !important;
}

#addsearch-results #addsearch-rp-paging a {
	
    font-family: 'HelveticaProLight', sans-serif !important;
	border-color: #727271 !important;
}

#addsearch-results #addsearch-rp-paging a:hover,
#addsearch-results #addsearch-rp-paging a.currentResultPage {
	color: #727271 !important;
	border-color: #727271 !important;
}

#addsearch-nohits p{
	
	font-size:16px !Important;
	padding-left:0px !important;
}

#addsearch-nohits p em{
	color: #f29100 !important;
}

.autocomplete {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.autocomplete span {
    cursor: pointer;
    color: #000000;
    font-size: 40px;
    line-height: normal;
    visibility: hidden;
    position: absolute;
}

div#ino {
	position: absolute;
	top: -172px;
	right: 185px;
}
div#ino img.large-view {
	width: 160px;
}
div#ino img.small-view {
	display: none;	
}

.cr_font{font-size: 14px;font-family: 'HelveticaProLight',sans-serif;}
.cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_button{display:inline-block;font-family:'HelveticaProLight',sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top;}
.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.formbox{font-family:'HelveticaProLight',sans-serif;color:#ffffff;padding:60px 60px 20px 30px;}
.cr_ipe_item .mce_text span{ font-size:18px; margin-bottom:10px;display:block;}
.cr_ipe_item{margin-bottom:5px;}
.cr_ipe_item label{font-size:14px;vertical-align: text-bottom;margin-right:10px;}
.cr_ipe_item input {border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 14px;width:100%;box-sizing:border-box;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;height: 13px;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 0px;}
.cr_ipe_item.inactive {display:none;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}


/* Module Zones */

.zones {
	max-width: 1170px;
	margin: 60px auto;
	display: block;
	/* display: flex;
	align-items: flex-end; */
}

.zones div.input {
	float: left;
	width:	calc(100%/3 - 18px);
}

.zones label {
	float: left;
	margin-top: 30px;
	width: 36px;
}
.zones label img {
	
	width: 100%;
}


.zones input[type=text]{
	width: calc(100% - 80px); 
	height: 22px; 
	border: 2px solid #787878;
	font-family: "HelveticaProLight", sans-serif;
	font-size: 16px;
	padding: 5px 10px;
	margin-left: 20px;
	margin-top: 30px;
	
	float: right;
}

.zones .result-table {	
	/* max-width: calc(100%/3*2 - 10px); */
	width: 100%;
	margin-bottom: 6px;
	/* padding-left: 30px; */
}

.zones .result-table table {
	width: 100%;

}
.zones .result-table table thead {
	font-family: "HelveticaProLight", sans-serif;
	font-size: 18px;
	color: #787878;
}

.zones .result-table table tbody {
	font-family: 'HelveticaProLight', sans-serif;
	font-size: 16px;
	color: #1d1d1b;
}
.zones .result-table table th {
	width: 15%;
	padding: 3px;
	vertical-align: top;
}

.zones .result-table table td {
	width: 15%;
	padding: 7px 3px !important;
}



.ui-menu .ui-menu-item-wrapper {
	font-size: 16px;
}


/* table verkaufsorganisation */
.content_wrapper div.content table.verkaufsorganisation {
	border-collapse: collapse;
    border-spacing: 0;
    color: #787878;
}
.content_wrapper div.content table.verkaufsorganisation tr {
	border-bottom: solid 1px #8e7b77;
}
.content_wrapper div.content table.verkaufsorganisation thead td {
    font-family: 'HelveticaProBold', sans-serif;
    font-size: 22px;
    color: #787878;
}
div.image-text-block .text table.verkaufsorganisation td {
	padding: 7px 8px 7px 0;
}

/* table standort-adressen */
.content_wrapper div.content table.standort-adressen {
	border-collapse: collapse;
    border-spacing: 0;
    color: #787878;
	table-layout: fixed;
}
.content_wrapper div.content table.standort-adressen tr {
	border-bottom: none;
}
.content_wrapper div.content table.standort-adressen tr:nth-child(3n) {
	border-bottom: solid 1px #8e7b77;
}
.content_wrapper div.content table.standort-adressen thead td {
    font-family: 'HelveticaProBold', sans-serif;
    font-size: 22px;
    color: #787878;
}
div.image-text-block .text table.standort-adressen td {
	padding: 7px 8px 7px 0;
}
.content_wrapper div.content table.standort-adressen td {
	padding: 7px 20px 7px 0;
}

.content_wrapper div.content table.standort-adressen td { width:13%; }
.content_wrapper div.content table.standort-adressen td + td { width:26%; }
.content_wrapper div.content table.standort-adressen td + td + td { width:21%; }
.content_wrapper div.content table.standort-adressen td + td + td + td { width:40%; }

.content_wrapper div.content table.standort-adressen tr:nth-child(3n+2) td {
	padding-bottom: 0;
}
.content_wrapper div.content table.standort-adressen tr:nth-child(3n+2) td p {
	padding-bottom: 0;
}
.content_wrapper div.content table.standort-adressen tr:nth-child(3n+3) td {
	padding-top: 0;
}




/* Video module */
.video-container {
	position:relative;
	padding-bottom:56.25%;	
	height:0;
	overflow:hidden;
	width:100%;
}
.video-container iframe, 
.video-container object, 
.video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.full-width-block video{
	width:100%;
	height:auto;
	z-index: 3;
	
}

div.full-width-block .preload_image{
	width: 100%;
    min-height: calc(100% - 110px);
    position: absolute;
    top: 55px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
}

div.nopaddingtop {
	padding-top: 0;
}




/* Content Hub module */
.hub-feed {		
	padding: 75px 135px;
	/*background-color: #ffffff;*/
	background-color: #86b35e
}

.content_wrapper.grey-bg .hub-feed {
	background-color: #706e6f;	
}

.hub-feed > .heading {	
	/*color: #000000;*/
	color: #fff;
	margin-bottom: 40px;
	max-width: 66%;
}
.content_wrapper.grey-bg .hub-feed > .heading {
	color: #ffffff;
}

.hub-feed > .heading h2 {
	margin-bottom: 10px;
	font-family: 'HelveticaProBold', sans-serif;
	/*color: #f29100;*/
	color: #fff;
}

.content_wrapper.grey-bg .hub-feed > .heading h2 {
	color: #ffffff;
}

.hub-feed > .heading > .link {
	width: 270px;
	height: 40px;
	display: block;
	background-color: #f29100;
	font-family: 'HelveticaProBold', sans-serif;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.57px;
	color: #1d1d1b;
	text-align: left;
	padding: 0 15px;
	border: none;
	cursor: pointer;
	background-image: url('/includes/icons/right-arrow-black.svg');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: 96% center;
	padding-right: 20px;
	margin: 40px 0;
}

.hub-feed > .feed {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	margin: 0 -10px;
	
}
.hub-feed > .feed > .elem	{
	width: calc(50% - 20px);	
	height: calc(100% - 380px);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin: 10px;	
	position: relative;
	border: none;	
	overflow: hidden;
	display: flex;
	flex-direction: column;		
}

.hub-feed > .feed > .elem:first-child {
	width: 100%;
	height: 500px;
	display: flex;
	flex-direction: row;
}

.hub-feed > .feed > .elem .image {
	/*width: 100%;
	height: 380px;*/
	max-height: 386px;
	background-repeat: no-repeat;
	background-size: contain;
}
.hub-feed > .feed > .elem:first-child .image {
	width: 66%;
	height: 100%;
	background-size: cover;
	max-height: 500px;
}

.hub-feed > .feed > .elem .image img {
	opacity: 0;
	visibility: hidden;
	width: 100%;
	display: block;
}

.hub-feed > .feed > .elem > .text {
	width: 100%;
	height: auto;
	background-color: #f0f0f0;				
	padding: 30px;		
	word-break: break-word;	
	box-sizing: border-box;
	position: relative;
}
.hub-feed > .feed > .elem:first-child > .text {
	width: 34%;

}

.hub-feed > .feed > .elem > .text:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35px;
	height: 35px;
	color: #000000;
	background-color: #f29100;
	background-image: url('/includes/icons/right-arrow.png');
	background-position: center;
	background-size: 18px;
	background-repeat: no-repeat;
}



/* Newsletter */
.newsletter-section {
	margin-bottom: 30px;	
}
#sidenav .newsletter-section{
	color: #ffffff;
	font-size: 16px;
	padding-left: 30px;
	line-height: normal;
}
#side-menu .newsletter-section{
	color: #ffffff;
	font-size: 16px;
	padding-left: var(--mm-item-indent);
	line-height: normal;
}

div.footer div.footer-text .newsletter-section a.button,
#sidenav .newsletter-section a.button,
#side-menu .newsletter-section a.button{
	background-color: #f29100;
	color: #1d1d1b;
	height: 34px;
	line-height: 40px;
	display: inline-block;
	padding: 0 15px;
	text-transform: uppercase;
	vertical-align: top;	
}

div.footer div.footer-text .newsletter-section a.button:hover,
#sidenav .newsletter-section a.button:hover,
#side-menu .newsletter-section a.button:hover{
	border: none;	
}

#sidenav .newsletter-heading {
	color: #ffffff;
	padding-left: 30px;	
	font-size: 18px;
	margin-top: 10px;
}
#side-menu .newsletter-heading{
	color: #ffffff;
	padding-left: var(--mm-item-indent);	
	font-size: 18px;
}

#sidenav .newsletter-section a.button,
#side-menu .newsletter-section a.button {
	margin-top: 10px;
	display: block;	
	width: 120px;
	text-align: center;
}

#side-menu .newsletter-section a.button {
	font-size: 16px;
}