html {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	/*background-color:#eef1f3;*/


}

body {

	font-family: 'Corbel-EBM', Arial, sans-serif;
	font-variant-numeric: lining-nums;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;

	font-size: 18px;

	background-color: #e7eaed;
	overflow-x: hidden;
	margin-top: 80px;
	color: #000000;
	font-weight: 300;
	-webkit-touch-callout: none;


	scrollbar-base-color: #586c7d;

	scrollbar-3dlight-color: #586c7d;

	scrollbar-highlight-color: #586c7d;

	scrollbar-track-color: #586c7d;

	scrollbar-shadow-color: #586c7d;

	scrollbar-dark-shadow-color: #586c7d;



	scrollbar-face-color: #96a5b0;

	scrollbar-arrow-color: #96a5b0;
}

div {
	box-sizing: border-box;
}

.isnotset {
	opacity: 0.5;
}

::-webkit-scrollbar {
	width: 6px;
	/*display:none;*/
}

::-webkit-scrollbar-track {
	/*background-color: rgba(178,189,206,0.5);*/
	background-color: #c0c9d0;
	width: 6px
		/*border-left: 1px solid #ccc;*/
}

::-webkit-scrollbar-thumb {
	/*background-color: rgba(178,189,206,0.5);
    background-image: url(../img/scrollthumb.png);
    background-size:100% 32px;
	background-repeat:no-repeat;
	background-position:center;*/
	background-color: #899aa8;
}

::-webkit-scrollbar-thumb:hover {
	/* background-color: #b2bdce;*/
	background-color: #899aa8;
}

img {
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {

	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	margin-bottom: 0.4em;
	margin-top: 0.6em;

}

h1,
h2,
h3 {
	/* font-family: 'foundation_sanscondensed','Roboto Condensed', Arial, sans-serif;*/

}

/*

Headline: h1
Subline: h3
*/
h1 {
	color: #ffffff;

	font-size: 2.1em;
	font-style: italic;

}

h2 {

	font-size: 1.8em;

}

h3 {

	font-size: 1.4em;

}

h4 {
	font-weight: bold;
	font-size: 1.2em;
	/*color:#0086d1;*/
}

h5 {


	font-size: 1em;

}

.h6 {
	font-size: 0.8em;
}

p {
	margin-bottom: 0.4em;
	margin-top: 0.6em;
	white-space: pre-wrap;
}

a,
a:hover {
	color: #0086d1;
	text-decoration: none !important;
	outline: none !important;
	font-weight: normal;
}

ul {
	list-style: none;
	margin-bottom: 0.4em;
	margin-top: 0.6em;
	padding: 0;

}

ul li {

	line-height: 2em;
}

.bulletlist {
	list-style: square;
	padding: 1em;
}

input {
	height: 30px;

}

input[type=text] {
	/*padding:0px; 
    border:none; 
   background-color:#ffffff;
   color:#000000;
    margin:0px;
	margin-top:20px;
	width:100%;
	max-width:300px;
 	padding-left:20px;
	padding-right:20px;*/
	height: 30px;
	width: 120px;
	background-color: #c0c9d0;
	border: none;
	color: #62798b;
	font-size: 0.8em;
	outline: none;
	padding-left: 10px;
	margin-right: -8px;
	border-radius: 0px;
	-webkit-appearance: none;

}

input[type=submit] {
	color: #ffffff;
	background-color: #0571b9;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);

	cursor: pointer;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	border: none;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */

	font-weight: italic;
	color: #a0aeb9;
}

::-moz-placeholder {
	/* Firefox 19+ */
	font-weight: italic;
	color: #a0aeb9;
}

:-ms-input-placeholder {
	/* IE 10+ */
	font-weight: italic;
	color: #a0aeb9;
}

:-moz-placeholder {
	/* Firefox 18- */
	font-weight: italic;
	color: #a0aeb9;
}

#setbox input[type=text] {

	margin: 0px;
	margin-top: 10px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 20px;
	font-size: 0.75em;

}

#setbox input[type=submit] {


	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	font-size: 0.75em;
}

#setbox li,
#presets li {
	line-height: 1.2em;



}

#setbox li:last-child {

	border-bottom: none;
}

#setbox h5,
#setbox h6,
#presets h5,
#presets h6 {

	color: #ffffff;
}

#setbox h6 {

	margin-top: 1em;
}

#preset_close {
	position: absolute;
	top: 95px;
	right: 10px;
	cursor: pointer;
}

#closepreset {
	height: 50px;
	width: auto;
}

/* +++++++++++++++++++++++++++ HEADER +++++++++++++++++++++++++++++++ */

#header {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 11000;
	background-color: #ffffff;
	height: 80px;
	/*-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
	box-shadow: 0 2px 8px rgba(0,0,0,.2);*/

}

#header_logo {
	position: absolute;
	width: auto;
	height: 133.3333%;
	float: left;
	z-index: 100;

}

#header_menuelist {
	margin-left: 200px;
	margin-top: 28px;
	float: left;
	font-size: 1em;
}

#header_menuelist li {
	display: inline;
	margin-right: 1em;
}

#header_logo img {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: auto;
	-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .2);


}

.header_buttons {


	position: absolute;
	right: 100px;
	top: 25px;


}

.header_item {
	height: auto;
	width: auto;
	float: left;
	cursor: pointer;
	margin-left: 8px;
}

.isocontent {
	position: relative;
	display: block;
}

.footer {
	position: relative;
	display: block;
	left: 0%;
	bottom: auto;
	margin-bottom: 1em;
	text-align: center;
}

.isocontent,
.searchcontent {
	position: relative
}

.isocontent .footer,
.searchcontent .footer {
	position: absolute;
	display: block;
	left: 50%;
	bottom: 0.5em;
	margin-bottom: 0em;
	transform: translate(-50%, 0%);
}

.darkcontent {
	padding-bottom: 0px !important;
}


.startcontent .footer {
	position: absolute;
	display: block;
	left: 50%;
	bottom: 0.5em;
	margin-bottom: 0em;
	transform: translate(-50%, 0%);
}


.contentback .footer {
	position: fixed;
	display: block;
	left: 50%;
	bottom: 0.5em;
	margin-bottom: 0em;
	transform: translate(-50%, 0%);
}


.footer .cnlink a {


	font-size: 0.8em;
	color: #0571b9;
	text-shadow: 0.1em 0.1em 2em #ffffff;

}


.contentback .footer .cnlink a {


	font-size: 0.8em;
	color: #ffffff;
	text-shadow: 0.1em 0.1em 0.5em #000000;

}


#header a {
	color: #62798b !important;
}

#header a:hover {
	color: #404040 !important;
}

#header .cnlink a {
	color: #a4acb3 !important;
}

.header_item img {
	width: 30px;
	height: auto;
}

.menu_button {
	/*position:absolute;
	left:0px;
	margin-left:0px;
	margin-top:6px;*/
	display: none;

}

#header_lang {

	height: 30px;
	width: 40px;
	background-color: #c0c9d0;
	border: none;
	color: #62798b;
	font-style: italic;
	outline: none;
	text-align: center;
	margin-right: -8px;
	line-height: 1.7em;
	font-size: 0.9em;
	cursor: pointer;
}

#languagelist {
	display: none;
	background-color: #d7dde2;
	margin: 0;

}

/* +++++++++++++++++++++++++++ MENU +++++++++++++++++++++++++++++++++ */

#menue {
	position: fixed;
	top: 0px;
	left: -400px;
	width: 100%;
	max-width: 375px;
	z-index: 10500;
	height: 100%;
	/*background-color:#56748e;
	background-color: rgba(67,89,108,0.85);*/
	background-color: rgba(0, 124, 188, 1);
}

#menue ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	margin-top: 122px;
	/*-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);*/

}

#menue ul li {
	/*background-color:#56748e;*/
	background-color: transparent;
	color: #ffffff;
	height: 64px;
	border-bottom: 1px solid #ffffff;
	line-height: 60px;
	display: block;

	width: 100%;
	/*font-weight:300;*/
	/*margin-top:-2px;*/
	background-image: url(../img/btn_arrow.png);
	background-size: auto 28px;
	background-position: 96% 50%;
	background-repeat: no-repeat;

	transition: background-position 0.35s ease;
}

#menue ul li:hover {
	/*background-color:#62798b;*/



	background-position: 98% 50%;




}

#menue ul li a,
#menue ul li a:hover {
	color: #ffffff;
	position: absolute;
	width: 100%;
	height: 60px;
	padding-left: 60px;
}

#menue ul li:.active {
	background-color: #0571b9;
}


#searchbox,
#languagebox,
#setbox,
#presets {
	position: fixed;
	top: 0px;
	right: -300px;
	width: 100%;
	max-width: 290px;
	z-index: 10800;
	height: auto;
	background-color: #56748e;
	padding: 20px;
	padding-top: 100px;

}


#presets {

	padding-top: 100px;

}

#languagebox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;

	/*-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);*/

}

#languagebox ul li {

	color: #ffffff;
	height: 64px;
	font-weight: bold;

	display: inline;
	padding: 0px;
	margin-right: 4px;
	cursor: pointer;
}

#languagebox ul li img {

	width: 60px;
}

.langactive {
	color: #a0aeb9;
	/*display:none;*/
}

.langbtn {
	line-height: 1.5em;
}

/*.has_child{
	background-image:url(../img/bg_menuelist.png);
	background-repeat:no-repeat;
	background-position:right center;
	
}
.has_child_active{
	background-image:url(../img/bg_menuelist_down.png);
	background-repeat:no-repeat;
	background-position:right center;
	
}*/

.col img {
	width: 100%;
	/*max-width:580px;*/


}

#header_btn_close {
	display: none;
}

/* +++++++++++++++++++++++++++ FILTERBUTTONS +++++++++++++++++++++++++++++++++ */

@keyframes buttonAni {
	0% {
		background-position: right 50%;
	}

	25% {
		background-position: right 35%;
	}

	100% {
		background-position: right 50%;
	}
}

.button,
.button_info {
	color: #ffffff;
	width: auto;
	float: left;
	cursor: pointer;
	font-weight: normal;

	/*padding:8px;
	padding-right:30px;
	padding-left:10px;*/
	padding: 6px 28px 8px 8px;
	background-color: #d3dde3;
	background-color: #007cbc;

	margin-right: 5px;

	font-size: 0.9em;
	background-image: url(../img/btn_arrow_down.png);
	background-size: auto 20px;
	background-position: right 50%;
	background-repeat: no-repeat;

	transition: background-position 0.35s ease;
}

.button:hover,
.button_info:hover {
	animation-name: buttonAni;
	animation-duration: 500ms;
	animation-iteration-count: 1;
}

.button span,
.button_info span {
	border-bottom: 2px solid transparent;
	transition: border-bottom 0.35s ease;
	padding-bottom: 2px;
}

.button:hover span,
.button_info:hover span {
	/*background-color:#62798b;*/
	border-bottom: 2px solid #ffffff;


	transition: border-bottom 0.35s ease;
}

.button_solution {
	background-color: #e07a0c !important;
}

.button_case_active {
	background-image: none;

	background-color: #e07a0c;
}

.buttonimage,
.buttonimage_all {
	color: #ffffff;

	width: auto;
	float: left;
	cursor: pointer;
	font-weight: normal;

	padding: 5px;
	padding-right: 20px;
	padding-left: 20px;


	margin-right: 10px;
	background-color: #0c71b9;
	padding: 0;
	max-width: 160px;
	font-size: 0.75em;
	margin: 0px;
	margin-bottom: 4px;
	margin-right: 4px;
	background-image: url(../img/icon_dummy.jpg);
	background-size: 60% auto;
	background-position: center top;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}

.buttonimage img,
.buttonimage_all img {
	width: 100%;
	height: auto;



}

.buttonimage p,
.buttonimage_all p {
	position: absolute;
	width: 140px;
	text-align: center;
	margin-top: -40px;
	line-height: 1em;
	margin-left: 10px;
	margin-right: 10px;

}

.button_active {
	background-image: none;
	/*background-color: #a3ba1e;*/

	/* -webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.5);*/
	margin-bottom: 15px;
	color: #ffffff;
}

.button_active:hover {
	/*background-color: #a3ba1e;*/

}

.button_active:hover span {
	border-bottom: 0px solid transparent !important;
}

.button_active_filter {
	padding-bottom: 20px;
}

.buttonimage_active {
	color: #ffffff;
	background-color: #0571b9;
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
	background-image: url(../img/icon_dummy_active.jpg);

}



/* +++++++++++++++++++++++++++ CONTENT +++++++++++++++++++++++++++++++++ */
.container {

	max-width: 1216px;
	/*Für Messetablets*/
	/*max-width:1400px;*/
	margin: auto;
}

/*.colcontent{

	margin-bottom:10px;
}*/
.detailcontainer {
	width: 100%;
	max-width: 100%;
}

.solutiondetailcontainer {
	/*display:none;*/
	padding-bottom: 100px;
}

#details_inner {
	padding: 0;
}

.row {
	margin-top: 10px;
}

/*.colcontent_big img{
	max-width:100% !important;
	margin-top:30px;
	margin-bottom:10px;
}

.row_left_bottom .col img{

	margin-top:20px;
}
 .row_left_top{
	min-height:50%;

padding-bottom:30px;

}
.row_left_bottom{
	min-height:50%;


}
.row_right{
	min-height:50%;
border-left:1px solid #f5f5f5;
}
*/
#backbtn {
	position: fixed;
	left: 10px;
	bottom: 10px;
	cursor: pointer;
}

#backbtn img {
	width: 30px;
	height: auto;
	background-color: #007cbc;
}

#backbtn:hover img {

	background-color: #62798b;
}

.content {
	/*position:absolute;*/
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.firstcontent {

	padding-top: 40px !important;

}

#ebm_contentvideo {
	width: 100%;
	height: auto;
	position: absolute;
}

.ebm_halle {
	position: absolute;
	width: 100%;
	height: auto;
}

.ebm_application {
	position: absolute;
	height: 85%;
	width: auto;
	top: 0%;
	right: 10%;
}

.maincontent {
	/*background-color:#d4dde4;
	background-image:url(../img/produktraum.jpg);
	background-size:50% auto ;
	background-repeat:no-repeat;
	background-position:top left;*/


}

.fixedcontent {

	position: absolute;
	top: 270px;
	pointer-events: none;
	background-color: transparent !important;
	background: none;
	width: 620px;
	left: 100px;

	/*background-image:url(../img/fixed_back.png);
background-repeat:no-repeat;
background-size:100% 100%;*/
}

.fixedcontent .col_white {
	/*background-color:#43596c;*/
	background-color: #62798b;

	pointer-events: auto;

	/* -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 8px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);*/
	padding: 30px;
	padding-right: 20px;
	padding-left: 30px;

}

.fixedcontent .col_white h3 {
	color: #ffffff;
}

#closefixed {
	cursor: pointer;
	pointer-events: auto;
}

#movefixed {

	pointer-events: none;
}

#fixed .ebm_isotope {
	overflow-y: auto;
	overflow-x: hidden;

	transition: margin-top ease 0.25s;
}

.notfixed .ebm_isotope {
	max-height: none !important
}

.applicationfilter {
	clear: both;
	color: #899aa8;
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.2em;
	display: none;
	margin-bottom: 10px;
	background-color: #d7dde2;
	padding: 0px;
	padding-left: 5px;
	position: absolute;
	margin-top: 41px;
	/*width:100%;*/
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 0px -1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.5);
	pointer-events: auto;

}

.appfilter {
	display: inline-block;
	margin-right: 10px;
	padding: 5px;
	cursor: pointer;
}

.appfilter_active {
	color: #62798b;
}

/* +++++++++++++++++++++++++++ DOKUMENTE WELTEN +++++++++++++++++++++++++++++ */

.worlddoc {
	background-color: #007cbc !important;
	color: #ffffff !important;
	font-family: 'Corbel-EBM', Arial, sans-serif;
	cursor: pointer;
	font-weight: normal;
	position: relative;
	background-repeat: no-repeat;
	background-size: 120px auto;
	background-position: left center;
	width: 45%;
	line-height: 1.4em !important;
	font-size: 0.9em !important;

	margin-bottom: 10px;
	margin-right: 20px;
	height: 60px;
	display: inline-block;
	height: 80px;
}



.worlddoc span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50px;
	width: calc(100% - 50px);
	transform: translate(0%, -50%);
}

.worlddoc.single {

	width: calc(100% - 30px);

	height: 80px;


}

.worlddoc.single span {
	display: block;
	position: absolute;
	top: 50%;
	left: 150px;
	width: calc(100% - 160px);
	transform: translate(0%, -50%);
	font-size: 1.25em;
}

/* +++++++++++++++++++++++++++ CONTENT OBEN +++++++++++++++++++++++++++++++++ */
.colcontent .big {
	max-width: 95% !important;
}

.maintext {

	margin-top: 40px;
	/*background-color:rgba(255,255,255,0.8);*/
	padding-bottom: 30px;
	pointer-events: none;
	/*margin-left:25px;*/
}

#ebm_product_image img {

	/*max-width:500px;*/
	margin: auto;
}

#ebm_product_image {

	text-align: center;
}

.titleback {
	background-color: rgba(212, 221, 228, 0.75);
	display: inline-block;
	padding: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	max-width: 480px;
	width: 480px;
	/*-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);*/
	height: 125px;
	min-height: 125px;
	color: #ffffff;
}

#worldinfo {
	/*left: 30px;*/
	z-index: 10;
}


.maintext {
	margin-top: 60px;
	background-color: transparent;

	margin-left: 0px;
}

.maintext h1 {
	font-size: 1.8em;

}



.fixedcontent .col_white {

	padding: 20px;
	padding-bottom: 30px;
	pointer-events: none;

}

.button,
.ebm_isotope {
	pointer-events: auto;
}

/* +++++++++++++++++++++++++++ CONTENT UNTEN +++++++++++++++++++++++++++++++++ */
.darkcontent .colcontent {

	line-height: 1.5em;
	color: #62798b;
	padding-bottom: 20px;
}

.darkcontent h3 {

	color: #62798b;
	font-size: 1.7em;
}

.darkcontent p {
	line-height: 1.5em;
	color: #62798b;

}

.detailimage {
	max-width: 700px !important;
	/*background-color:#d4dde4;
	padding:10px;
		 -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);*/


}

.giclaim {
	position: absolute;
	top: 0%;
	margin-top: 2.5%;
	color: #ffffff;
	font-size: 1.35em;
	line-height: 1.35em;

}

.giclaim span {
	padding: 3px 10px 3px 10px;
}

.giclaimhead {
	font-weight: bold;


}

.giclaimbody {
	font-style: italic;

}

.giclaimname {
	font-size: 0.65em;
	color: #62798b;
	font-weight: bold;
	margin-top: 2em;
	line-height: 1.3em;
	width: 45%;
	margin-left: 10px;
}

.giclaimname span,
.giclaimstatement span {
	padding: 0;
}

.giclaimstatement {
	font-size: 0.65em;
	color: #62798b;
	line-height: 1.3em;
	width: 45%;
	margin-bottom: 20px;
	margin-left: 10px;
}

.noshadow {
	/*max-width:500px !important;
	background-color:#d4dde4;
	padding:10px;*/
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0);


}

.detaillist {
	list-style: square;
	margin-left: 1em;
}

.detaillist li {

	line-height: 1.5em;
	color: #62798b;
	padding-left: 0px !important;

}

.detaillist li ul {

	list-style: none;
	margin-top: 0px;
	margin-bottom: 0.5em;
	margin-left: 0.6em;
}

.detaillist li ul li:before {
	content: "- ";
	/* Insert content that looks like bullets */
	margin-left: -10px;

}

.producttitle {
	/*margin-top:1em;*/
	font-size: 2.5em;
}

.coltextcontent {
	margin-top: 50%;
}

/* +++++++++++++++++++++++++++ BILDER IN GROSS +++++++++++++++++++++++++++++++++ */

#bigimg {
	/*background-color:rgba(212,221,228,1);
	padding:10px;*/
	margin: auto;
	margin-top: 140px;
	width: 80%;
	pointer-events: none;
	height: auto;
	/* -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.75);*/

}



#bigimage,
#iframeholder {

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(216, 221, 226, 0.9);
	/*background-repeat:no-repeat;
background-size:60% auto;
background-position:center center;*/
	pointer-events: auto;
	text-align: center;
	z-index: 10000;
	display: none;
	background-repeat: no-repeat;
	background-image: url(../img/produktraum.jpg);
	background-size: 100% 100% !important;

}

.video-big-holder {

	width: 70%;
	position: absolute;
	top: calc(50% + 20px);
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.75);
	background-color: rgba(161, 175, 185, 1);
}

#ext {

	width: 85%;
	height: 80%;
	margin-top: 110px;
	border: none;
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0.75);
	background-color: rgba(161, 175, 185, 1);
}

.tooheight {
	margin: auto !important;
	margin-top: 150px !important;
	width: auto !important;



}

#closebigimg,
#closeiframe {
	position: absolute;
	top: 100px;
	right: 20px;
	width: 30px;
	height: auto;
}






.icon {
	width: 55px !important;
	max-width: 55px;
	height: auto;
	cursor: pointer;
	margin-left: 0px !important;
	margin-bottom: 6px;
}

@keyframes pulse {

	0%,
	100% {
		width: 100%;
		margin-left: -50%;
		margin-top: -50%;
	}

	50% {
		width: 150%;
		margin-left: -75%;
		margin-top: -75%;
	}
}

.btn_green {

	position: absolute;
	/*width:5%;
	max-width:60px;
	min-width:30px;*/
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.btn_green img {
	position: absolute;
	width: 100%;
	height: auto;
	margin-left: -50%;
	margin-top: -50%;
}

.green2 {
	animation: pulse 2s infinite;
}

.productbenefits {
	list-style: square;
	margin: 0;
	padding: 0;
	margin-left: 1em;
	/*border-bottom:1px solid #eef1f3;*/
}

.productbenefits li {
	/*border-top:1px solid #eef1f3;*/
	line-height: 2em;
}

.mainbenefits {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	margin-top: 2em;
	max-width: 560px;
}

.mainbenefits li {
	/*background-color:#56748e;*/
	line-height: 1.4em;
	padding-top: 0px;
	color: #ffffff;
	/*padding:10px;
	
	padding-bottom:15px;
	margin-bottom:4px;*/
	/*font-family: 'foundation_sanscondensed','Roboto Condensed', Arial, sans-serif;*/
	font-size: 1.1em;


}

.productbubbles {
	margin-top: 0px;

}

.popover {
	z-index: 11100 !important;
	position: fixed;
	width: 50%;
	max-width: 500px;
	font-size: 0.85em;

	/*font-weight:normal;*/
	background-color: #007cbc;
	border: none;
	border-radius: 0px;
	font-family: 'Corbel-EBM', Arial, sans-serif;
	pointer-events: none;

}

.popover-title {
	font-weight: normal;
	background-color: #007cbc;
	color: #ffffff;
}

.popover.bottom>.arrow:after {
	border-bottom-color: #007cbc;

}

.popover.top>.arrow:after {
	border-top-color: #007cbc;

}

.popover-content {
	background-color: #eef1f3;
	/* white-space: pre-wrap;*/
	padding: 4px 14px;
	line-height: 1.4em;
}

.popover ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.popover ul li {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	margin-left: 0.5em;
}

.popover ul li::before {
	content: "- ";
	margin-left: -0.5em;
}

/* +++++++++++++++++++++++++++ BUTTONS ZU DEN DETAILS +++++++++++++++++++++++++++++++++ */

/*






*/
.morebutton {
	/*background-color:#eef1f3 !important;
	color:#56748e !important;*/
	background-color: #007cbc !important;
	color: #ffffff !important;
	font-family: 'Corbel-EBM', Arial, sans-serif;

	cursor: pointer;
	font-weight: normal;
	background-image: url(../img/btn_arrow_down.png);
	background-repeat: no-repeat;
	background-size: auto 28px;
	background-position: right 50%;
	width: 30%;
	line-height: 1.4em !important;
	font-size: 0.9em !important;
	padding: 0px 10px;
	/*padding-top:15px !important;
	padding-bottom:15px;*/
	margin-bottom: 4px;
	margin-right: 5px;
	height: 60px;

	position: relative;

}

.morebutton:hover {
	/*background-color:#62798b !important;*/
	animation-name: buttonAni;
	animation-duration: 500ms;
	animation-iteration-count: 1;

}

.morebutton span {
	border-bottom: 2px solid transparent;
	transition: border-bottom 0.35s ease;
	padding-bottom: 2px;
	margin-right: 20px;
	position: absolute;
	top: 50%;
	transform: translate(0%, -50%);
}

.morebutton:hover span {

	border-bottom: 2px solid #ffffff;


	transition: border-bottom 0.35s ease;
}

.gi_logo {
	width: 12% !important;
	min-width: 60px;
	position: absolute;
	left: 80%;
	bottom: 110px;
	cursor: pointer;

}

.solutionbutton {

	background-color: #007cbc;
	color: #ffffff !important;
	font-family: 'Corbel-EBM', Arial, sans-serif;

	cursor: pointer;
	font-weight: normal;
	background-image: url(../img/bg_menuelist.png);
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: right 50%;

	line-height: 1.4em !important;
	font-size: 0.9em !important;
	padding: 10px 30px 10px 10px;
	display: inline-block;
	margin-top: 1em;


}

.solution_filterbtn {
	background-color: #e07a0c;
	min-width: 150px;
	/*display:inline-block;
	color:#ffffff;
	padding:5px 10px;
	margin-right: 10px;
	text-align:center;
	cursor:pointer;*/
}

/* +++++++++++++++++++++++++++ ISOTOPE +++++++++++++++++++++++++++++++++ */

.ebm_isotope {
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;

}

.element-item {
	position: relative;
	float: left;
	width: 130px;
	height: 130px;

	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0px;
	font-weight: normal;
	background-color: #007cbc;
	line-height: 0.9em;
	color: #ffffff;
	cursor: pointer;


}

.element-item.solution {

	background-color: #e07a0c;

}

.element-item.product {

	background-color: #007cbc;

}

.element-item-img {
	height: 60%;
	width: 100%;
	margin-top: 0%;
	margin-bottom: 4%;
	background-size: cover;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-image: url(../img/produktraum_small.jpg);
	background-size: 100% 100% !important;
	overflow: hidden;
}

.solutionitem {
	background-size: 100% auto !important;
	background-position: center !important;
}

.product .element-item-img {
	height: 60%;
	width: 100%;
	margin-top: 5%;
	margin-bottom: 4%;

}

.element-item-img img {
	height: 100%;
	width: auto;
	margin-left: 20%;
}

.element-item-img img.isgi {
	position: absolute;
	width: 18%;
	max-width: 30px;
	height: auto;
	bottom: 45%;
	right: 8px;
}

.element-item p {


	font-size: 0.7em;
	line-height: 1.1em;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
}

.square {

	background-color: transparent;

	margin: 0;
	color: #ffffff;
	/*color:#56748e !important;
	font-weight:300;*/
	padding-right: 5px;
	font-weight: normal;

	height: 0px;
	padding-top: 0px;
	padding-bottom: 16.666667%;

}

.square,
.grid-sizer {
	width: 16.666%;
}

.square p {

	position: relative;
	font-size: 0.85em !important;
	width: 100%;
	margin: 0;
	margin-right: -2px;
	height: 0px;
	margin-top: -5%;
	padding-top: 3%;
	/*color:#56748e !important;
	background-color: #d4dde4;*/
	background-color: #007cbc;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10%;
	padding-bottom: 28%;
	background-image: none;
	background-position: 96% 50%;
	background-size: auto 26px;
	background-repeat: no-repeat;
	transition: background-position 0.5s ease;

}

.square.solutions p {


	background-color: #e07a0c;

}

/*.square p span{
border-bottom:2px solid transparent;
transition: border-bottom 0.35s ease;
padding-bottom:2px;
}
.square p:hover span{

	border-bottom:2px solid #ffffff;
	

transition: border-bottom 0.35s ease;
}*/

.square:hover p {
	/*background-color:#62798b;*/


	background-image: url(../img/btn_arrow.png);
	background-position: 98% 50%;




}

.squareproductinfo,
.grid-sizer-productinfo {
	width: 9.25%;
}

.squareproductinfo {
	padding-bottom: 9.25%;
}

.squareproductinfo p {
	font-size: 0.75em !important;
	padding-bottom: 33.3%;
}


.square .element-item-img {
	background-repeat: no-repeat;
	background-image: url(../img/produktraum_small.jpg);
	background-size: 100% 100%;
	height: auto;
	width: 100%;
	background-size: auto 100%;
	background-color: #d4dde4;
	background-position: center;

}

.square:hover .element-item-img {
	/*background-image:url(../img/produktraum_small_dark.jpg);*/


}

.square .element-item-img img {

	width: 60%;
	height: auto;
	margin: auto;
	margin-left: 20%;
	margin-top: 5%;
	margin-bottom: 5%;
	z-index: 5;

}

.square .element-item-img img.isgi {
	position: absolute;
	width: 20%;
	max-width: 38px;
	height: auto;
	bottom: 33%;
	right: 20px;
}




/* +++++++++++++++++++++++++++ DETAILSLIDER +++++++++++++++++++++++++++++++++ */

.detailcol {

	/*padding-left:10px;
	padding-right:100px;*/

}

.detailcol h3 {
	font-style: italic;

}

.detailcol p {
	font-weight: bold;

}

.bx-wrapper .bx-wrapper .bx-has-controls-direction {
	position: absolute;
	top: 98%;
	width: 100px;
	z-index: 500;

	left: 50%;
	transform: translate(-50%, 0%) scale(0.65);
}

.bx-viewport {
	background-color: transparent !important;
	padding-bottom: 0px;

}

.bx-wrapper img {
	max-width: 100%;
	width: 100%;

	display: block;
}

.bx-wrapper .bx-pager {

	bottom: -50px;

}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #62798b;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #a0aeb9;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #0571b9;
}

.bx-wrapper .bx-has-controls-auto {
	min-height: 20px;
	margin-top: 20px;
}

.bx-wrapper .bx-controls-auto {
	position: absolute;
	top: 95%;
	width: 100%;
	z-index: 500;
}

.bx-wrapper .bx-controls-auto-item {
	width: 20px;
	height: 20px;
	margin-left: 4px;
	margin-right: 4px;
}

.bx-wrapper .bx-has-controls-auto .bx-controls-direction a {
	position: absolute;
	top: 95%;
	margin-top: 0px;
	outline: 0;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	z-index: 9999;
}

/*.bx-wrapper .bx-next {
    right: -30px;

}
.bx-wrapper .bx-prev {
    left: -30px;
}*/
.bx-wrapper .bx-has-controls-auto .bx-controls-direction .bx-next {
	right: 50%;
	margin-right: -60px;

	background: url(../js/lib/bxslider/images/controls_small.png) no-repeat -16px 0px;

}

.bx-wrapper .bx-has-controls-auto .bx-controls-direction .bx-prev {
	left: 50%;
	margin-left: -60px;
	background: url(../js/lib/bxslider/images/controls_small.png) no-repeat 0px 0px;

}

.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	outline: 0;
	background: none;
	background-image: url(../js/lib/bxslider/images/controls_small.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-left: 2px;

}

.bx-wrapper .bx-controls-auto .bx-stop,
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -32px 0px !important;

}


.bx-wrapper .bx-controls-auto .bx-start,
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {

	background-position: -48px 0px !important;

}

.bxslider li {
	padding-left: 0px;
	padding-right: 0px;



}

.bxslider li .row {
	margin-left: 0px;
	margin-right: 0px;
}

.bxsubslider {
	width: 100% !important;
	height: auto;
}

.bxsubslider li {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 0.5em;
}

.bxsubslider li img {
	/*background-image:url(../img/produktraum_hell.jpg);
	padding:10px;
	background-size:cover ;
	background-color:#d4dde4;
		 -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.25);*/

}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-prev {
	left: 10px;
}

/*.bx-controls:not(.bx-has-controls-auto) .bx-next { 
top: 200px; 

}*/
.fileselection,
.presetselection,
.presetupdate,
.localselection,
.delete_localselection,
.save_localselection,
.settingsselection {
	cursor: pointer;
	color: #ffffff;
	font-size: 0.75em;
	text-decoration: none;
}

.localselection {
	float: left;
	margin-right: 10px;


}

.save_localselection {
	float: left;
	margin-right: 10px;


}

.delete_localselection img {
	width: 24px;
	height: auto;
}

.save_localselection img {
	width: 24px;
	height: auto;
}

.fileselection:hover,
.presetselection:hover,
.presetupdate:hover,
.localselection:hover,
.delete_localselection:hover,
.settingsselection:hover {

	text-decoration: underline;
}

#standardxmlfiles hr,
#presetxmlfiles hr {
	margin-top: 10px;
	margin-bottom: 5px;
}

@media (max-height: 770px) {

	.buttonimage,
	.buttonimage_all {
		background-size: 40% auto;
		width: 160px;

	}


	.buttonimage p,
	.buttonimage_all p {

		margin-top: -40px;
		height: 40px;

		display: table-cell;
		vertical-align: middle;

	}

	.buttonimage img,
	.buttonimage_all img {
		height: 100px;
	}

	.firstcontent {
		padding-top: 80px !important;
		padding-bottom: 20px;
	}

	.maincontent {
		padding-top: 20px;
	}

	.fixedcontent {

		top: 250px;
	}

	h1 {
		margin-bottom: 0.2em;
		margin-top: 0em;
	}

	/*.square,.grid-sizer {
	  width: 150%;  
	}

	.square{
			padding-bottom:20%;
	}
	.square p {
	  font-size: 0.8em !important;
	}
	.squareproductinfo,.grid-sizer-productinfo {
		width: 19%;
	}

	.squareproductinfo{
		padding-bottom:19%;
	}
	
	.squareproductinfo p {
		font-size: 0.8em !important;
		
	}*/


}

@media (max-width: 1601px) and (min-height: 770px) {

	.square,
	.grid-sizer {
		width: 20%;
	}

	.square {
		padding-bottom: 20%;
	}

	.square p {
		font-size: 0.8em !important;
	}

	.squareproductinfo,
	.grid-sizer-productinfo {
		width: 12.99%;
	}

	.squareproductinfo {
		padding-bottom: 12.99%;
	}

	.squareproductinfo p {
		font-size: 0.8em !important;

	}
}

@media (max-width: 1191px) {
	#header_menuelist {
		margin-left: 200px;
		margin-top: 33px;
		float: left;
		font-size: 0.9em;
	}

	.square,
	.grid-sizer {
		width: 20%;
	}

	.square {
		padding-bottom: 20%;
	}

	.square p {
		font-size: 0.7em !important;

	}

	.squareproductinfo,
	.grid-sizer-productinfo {
		width: 15.2%;
	}

	.squareproductinfo {
		padding-bottom: 15.2%;
	}

	.squareproductinfo p {
		font-size: 0.8em !important;
	}

	.menu_button {

		display: block;

	}

	#header_menuelist {
		display: none;

	}

	.giclaim {

		font-size: 1.1em;

	}

	.maintext {
		margin-top: 20px;
		background-color: transparent;

		margin-left: 0px;
	}

	.maintext h1 {
		font-size: 1.8em;

	}

	/*.maintext .titleback {

		height: 80px;
		min-height: 80px;
	}*/

	.fixedcontent {

		top: 240px;

	}

	.fixedcontent .col_white {

		padding: 20px;
		padding-left: 30px;

	}

}

@media (max-width: 1024px) {
	#ebm_contentimage {
		top: 160px;
	}

	.firstcontent {
		padding-top: 80px !important;
		padding-bottom: 20px;
	}

	.content {
		overflow: visible !important;


	}

	.titleback {
		margin-top: -80px;

		position: absolute;
		background-color: transparent;
		display: inline-block;
		padding: 0px;
		max-width: 90%;

		-webkit-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0);
		box-shadow: 0px 0px 8px -1px rgba(0, 0, 0, 0);


	}

	.ebm_txt_subtitle {

		display: none;
	}

	.maintext {
		margin-top: 0px;
		background-color: transparent;

		margin-left: 0px;
	}

	.colcontent .big {
		max-width: 100% !important;
	}

	h1,
	.producttitle {
		font-size: 1.6em;
	}

	.fixedcontent {
		position: relative;
		top: 160px !important;
		right: 0px !important;
		left: 0px !important;
		pointer-events: auto;
		background-color: #43596c !important;

		width: 100%;
	}

	.fixedcontent .col_white {
		background-color: #62798b;
		pointer-events: auto;
		padding-bottom: 100px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding-left: 40px;
	}

	.titleback {
		background-color: transparent !important;
	}

	.maincontent {
		background-size: 75% auto;
	}

	.square,
	.grid-sizer {
		width: 33.333%;
	}

	.square {
		padding-bottom: 33.333%;
	}

	.square p {
		font-size: 0.8em !important;
	}

	.squareproductinfo,
	.grid-sizer-productinfo {
		width: 18%;
	}

	.squareproductinfo {
		padding-bottom: 18%;
	}

	.squareproductinfo p {
		font-size: 0.7em !important;

	}

	.buttonimage p,
	.buttonimage_all p {
		position: relative;
		margin-top: 0px;
		height: 40px;
		display: table-cell;
		vertical-align: middle;
	}

	.buttonimage,
	.buttonimage_all {
		background-position: center 500px;
	}

	.buttonimage img,
	.buttonimage_all img {
		display: none;
	}

	.bx-wrapper .bx-next {
		right: 0px;
	}

	.bx-wrapper .bx-prev {
		left: 0px;
	}



}

@media (max-width: 990px) {
	.giclaim {

		font-size: 1.35em;

	}

	.btn_green {

		width: 20px;
		height: 20px;

	}
}

@media (max-width: 770px) {
	body {
		margin-top: 40px;
	}

	h1,
	.producttitle {
		font-size: 1.5;
	}

	/*.content{
		

margin-top: 120px;
	}
	.titleback{
margin-top:-80px;
    
    


	}*/
	/*#header_logo img{
		width:50%;
		margin-top:-12px;
	}
	
	.header_button  img{
		width:35px;
	}
	.menu_button{
		margin-left:-5px;
		margin-top:2px;		
	}
	#header{
		height:40px;
	} */
	.header_buttons {
		right: 40px;
	}

	#backbtn {
		left: 5px;
		bottom: 10px;
	}

	#backbtn img {
		width: 25px;
		height: auto;
	}

	.square,
	.grid-sizer {
		width: 33.333%;
	}

	.square {
		padding-bottom: 33.333%;
	}

	.square p {
		font-size: 0.9em !important;
	}

	.squareproductinfo,
	.grid-sizer-productinfo {
		width: 22%;
	}

	.squareproductinfo {
		padding-bottom: 22%;
	}

	.squareproductinfo p {
		font-size: 0.75em !important;
	}

	.maincontent {
		background-size: 100% auto;
	}

	#bigimg {
		width: 90%;
	}

	.morebutton {

		width: 100%;

	}

	#worldinfo {
		left: 40px;
	}
}

@media (max-width: 767px) {
	#backbtn {
		left: 5px;
	}

	#backbtn img {
		width: 25px;
		height: auto;
	}


	.worlddoc {

		width: 80%;

	}
}

@media (max-width: 640px) {

	/*#header_logo img{
		width:50%;
	} */
	.header_input {
		display: none;
	}

	.header_buttons {
		right: 25px;

	}

	.square,
	.grid-sizer {
		width: 50%;
	}

	.square {
		padding-bottom: 50%;
	}

	.square p {
		font-size: 0.70em !important;
	}

	.squareproductinfo,
	.grid-sizer-productinfo {
		width: 30%;
	}

	.squareproductinfo {
		padding-bottom: 30%;
	}

	.squareproductinfo p {
		font-size: 0.8em !important;
	}

	.button,
	.button_info {
		font-size: 0.8em !important;
		/*padding:2px;
		padding-left:5px;
		padding-right:5px;*/
		padding: 4px 30px 4px 5px;
	}

	.button_active {
		margin-bottom: 5px;
	}

	.button_active_filter {
		padding-bottom: 20px;
	}

	.applicationfilter {
		margin-top: 36px;
		pointer-events: auto;
	}

	.appfilter {

		padding: 3px;

	}

	.btn_green {

		width: 20px;
		height: 20px;

	}

	.giclaim {

		font-size: 1.1em;

	}
}

@media (max-width:480px) {
	#header {
		height: 60px;
	}

	.header_buttons {
		right: 20px;
		top: 15px;
	}


	.square,
	.grid-sizer {
		width: 100%;
	}

	.square {
		padding-bottom: 100%;
	}

	.square p {
		font-size: 1em !important;
	}

	.squareproductinfo,
	.grid-sizer-productinfo {
		width: 42%;
	}

	.squareproductinfo {
		padding-bottom: 42%;
	}

	.squareproductinfo p {
		font-size: 0.7em !important;
	}

	.buttonimage,
	.buttonimage_all {

		width: 48%;
	}

	.btn_green {

		width: 15px;
		height: 15px;

	}

	.giclaim {

		font-size: 0.75em;

	}

}