/* ----------------------------------- BASIC ----------------------------------- */

html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow: hidden;
}

body {
	font-family:Roboto,Helvetica, Arial, sans-serif;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size: 15px;
	line-height: 1.4em;

	overflow: hidden;
	background-color:#b0b0b0;
}
::-webkit-scrollbar {
    width: 0px;

}

::-webkit-scrollbar-track {
    background-color: #ededed;
	width: 6px;
}
::-webkit-scrollbar-thumb {
 	background-color:#dadada;
	
}
::-webkit-scrollbar-thumb:hover {
	 background-color: #dadada;
}
div{
	box-sizing: border-box;
}
div img{
	width:100%;
	height:auto;
}
h1{
	font-weight:300;
	font-size:3.5em;
}
h2{
	font-weight:300;
	font-size:2em;
}
h3{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:2em;
	line-height:1.35em;
}
.news h3{
	margin-bottom:0.5em;
}
h4{
	font-weight:300;
	font-size:2.75em;
	margin-bottom:1em;
}
h5{
	font-weight:bold;
	font-size:1em;
}
p {
    margin-top: 0;
    margin-bottom: 0.5em;
}
sup{
	font-size:0.75em;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
	
}
li{
	padding-left:1.25em;
	margin-left:0;
	margin-bottom:0.2em;
}
li::before{
	content: "";
    position: absolute;
    width: 0.75em;
    height: 0.75em;
     /*left: 0px;
    top: 0px; */
    background-color: #ed1c2a;
    margin-top: 0.25em;
	margin-left: -1.25em;
}
.nowrap{
	white-space:nowrap;
}
/* ----------------------------------- BOOTSTRAP ----------------------------------- */


.container{
	width:100%;

	max-width:100%;
}
.leftcontainer{
	margin:0;
}
.row{
}
.col{
	margin-bottom:20px;
}
.col img{
	width:100%;
	height:auto;
}
.justify-content-center{
	text-align:center;
}
/* ----------------------------------- ALL --------------------------------------- */
.logo{
	position:fixed;
	top:30px;
	left:30px;
	width:180px;
	display:none;
}
.wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	/*top:50%;
	left:50%;
	transform:translate(-50%,-50%);*/
	display:none;
	animation-name: backzoom;
  animation-duration: 20s;
  animation-iteration-count: infinite;
	overflow:hidden;
}
.wrapper_inner{
	position:absolute;
	width:100%;
	height:auto;

	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	
	
}
@keyframes backzoom {
  0% {
    transform: scale(1)
  }
  40%, 45% {
    transform: scale(1.1)
  }
 90% {  
     transform: scale(1)
  }
}


/*Räume*/

.rooms_animation, .rooms_filter, .rooms_white, .rooms_complete{
	position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
}
.rooms_animation img, .rooms_filter img, .rooms_white img, .rooms_complete img{
	position:absolute;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	display:none;
}
.rooms_complete .white{
	display:block;
	opacity:0;
	transition: all ease 0.5s;
}
.rooms_buttons{
	position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	display:none;
}
.room_button{
	position:absolute;
	width:10%;
	height:10%;
	top:50%;
	left:50%;
	cursor:pointer;
	/*border:1px solid #ff0000;*/
	
}
.room_label{
	position:absolute;
	min-width:120px;
	color:#ffffff;
	background-color:#ed1c2a;
	padding:2px 4px;
	font-weight:bold;
	display:none;
	text-align:center;
	border-radius:6px;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-100%);
	z-index:20;
	font-size:0.85em;
}
.room_button:hover .room_label{
	display:block;
}
.room_label.selected{
	display:block;
}
.hiddenroom{
	top:-3000px !important;
}
/*Hauptmenü*/
.mainmenu{
	position:absolute;
	top:20%;
	right:0px;
	width:300px;
	overflow:visible;
}
.mainbutton{
	background-color:#ed1c2a;
	color:#ffffff;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	padding:10px 20px;
	margin-bottom:5px;
	line-height:1.75em;
	cursor:pointer;
	
}
.mainbutton.active{
	color:#000000;
	background-color:#e2e2e2;
	
	border-right:none;
}
.mainbutton_head{
	font-weight:bold;
	font-size: 1.3em;
}
.mainbutton_sub{
	font-size: 1.1em;
}
.metamenu{
	position:fixed;
	right:70px;
	bottom:0px;
	padding:30px;
	font-size:0.85em;
}
.metamenu a{
	display:inline-block;
	color:#777777;
	
	margin-left: 20px;
}
.meta_kontakt{
	position:fixed;
	left:30px;
	bottom:30px;
	background-color: #444444;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    width: auto;
    max-width: 400px;
    display: block;
    margin: 0px auto 10px auto;
    font-weight: bold;
	cursor:pointer;
   /* background-image: url(../img/icon_pdf_small.png);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: right center;*/
}
/*Startansicht*/

.page_welcome{
	position:fixed;
	top:20%;
	left:-100%;
	pointer-events:none;
	width:60%;
	font-size:1.2em;
	transition:left ease 1s;
}
.page_welcome_logo{
	height:80px;
	width:auto;
	margin-bottom:20px;
}
.page_welcome_text{
	color:#444444;
	padding:10px 20px;
	margin-left:2em;
	font-size:2em;
	line-height:1.2em;
	text-shadow: 0px 0px 10px rgba(255,255,255,0.3);
}
.page_welcome_text_head{
	font-weight:bold;
	margin-left:-2em;
	font-size:3em;
}
.page_welcome video{
	width:50%;
	height:auto;
	margin-top:2em;
	border:3px solid #ed1c2a;
	border-radius:12px;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	pointer-events:auto;
	outline:none;
}
/*Filter*/

.page_filter{
	position:absolute;
	top:20%;
	
	width:400px;
	left:-400px;
	transition:all ease 1s;
}

.page_filter_button{
	background-color:#eeeeee;
	padding:10px 40px 10px 10px;
	width:180px;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	border-radius:4px;
	pointer-events:auto;
	cursor:pointer;
	margin-right:7px;
	white-space:nowrap;

}
.page_filter_button.selected{
	background-image:url(../img/icon_selected.png);
	background-repeat:no-repeat;
	background-size: auto 50%;
	background-position:right center;
}

/*Raum*/

.page_room{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	display:none;
	overflow-y:auto;
	background-color:b0b0b0;
}
.wrapper_rooms{
	position:fixed;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:b0b0b0;
}


.page_room_video{
		position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
	

}
.page_room_video video{

	width:100%;
	height:100%;

}
.page_room_darken{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.5);
	

	display:none;
}
.page_room_preselection{
	width:500px;
	position:absolute;
	top:20%;
	left:30%;
	
}
.close_room{
	position:fixed !important;
}
/*Applikationen in den Räumen */
.application_buttons{
	position:relative;
	width:calc(100% - 460px);
	max-width:1000px;
	
	top:20%;
	left:30px;

	padding-bottom:100px;
	
}
.application_button{
	/*position:absolute;
	transform:translate(-50%,0px);*/
	/*width:500px;*/
	height:auto;
	font-size:0.9em;

	pointer-events:auto;
	cursor:pointer;
	transition:all ease 0.5s;
	pointer-events:none;
}
.application_selection{
	
	/*width:300px;*/
	pointer-events:auto;
}
.application_selection_title{
	/*width:280px;*/
	height:50px;
	border-radius:6px;
	overflow:hidden;
	background-color:#ed1c2a;
	color:#ffffff;
	/*font-weight:bold;*/
	min-height:70px;
}
.application_hotspot{
	/*height:50px;
	width:50px;
	position:absolute;*/
	left:0px;
	top:0px;
	border-radius:6px;
	display:none;
}
.application_content{
	/*position:absolute;*/
	left:0px;
	top:0px;
	/*width:280px;*/
	height:50px;
	min-height:70px;
	font-size:1em;
	line-height:1.4em;
	padding:3px 8px;
	/*white-space:nowrap;*/
}
.application_preview{
	/*width:280px;*/
	margin-top:5px;
	border-radius:6px;
	border:1px solid #d7d7d7;
	background-image:url(../img/back_previews.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
}

.application_solutions{
	width:100%;
	/*position:absolute;*/
	margin-top:5px;
	top:55px;
	left:0px;
	display:none;
	
	pointer-events:auto;
	
}

.application_solutions_close{
	position:absolute;
	top:-50px;
	right:-5px;
	width:40px;
	cursor:pointer;
	pointer-events:auto;
	
}
.application_video video{
	width:100%;
	height:auto;
	display:block;
}

.application_solutions .card {
	background-color:#ffffff;
    border: 1px solid #ed1c2a;
    border-radius: 6px;
	overflow:hidden;
	margin-bottom:5px;
}

.application_solutions  .card-header {
    background-color: #ffffff;
    border: none;
	cursor:pointer;
	
}
.application_solutions .card-link {
	padding-right:60px;
	background-image:url(../img/arrow_down.png);
	background-repeat:no-repeat;
	background-size:16px 16px;
	background-position:right center;
	font-weight:bold;
	line-height:1.2em;
}
.application_solutions .card-link[aria-expanded="true"] {  
	background-image:url(../img/arrow_up.png);
}
.application_solutions .card-body {
     padding: 0px;
}
.application_solution_open{
	background-color:#ed1c2a;
	color:#ffffff;
	border-radius:4px; 
	text-decoration:none;
	padding:5px 10px;
	width:auto;
	display:table;
	text-align:center;
	margin:5px auto;
	font-weight:bold;
	position:absolute;
	bottom:15px;
	right:25px;
	pointer-events:auto;
	cursor:pointer;
}

.page_solution{
	position:absolute;
	background-color:#ffffff;
	width:calc(100% - 60px);
	height:calc(100% - 60px);
	top:30px;
	left:30px;
	overflow:hidden;
	overflow-y:auto;
	
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);

}
.page_solution_back{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(50,52,54,0.7);
	display:none;
}
.page_solution_inner{
	margin-top:60px;
}



.page_solution .section{

	background-size:cover;
	background-position:center;
}
.page_solution .section.head{

	color:#ffffff;
	
}
.page_solution .section.dark{

	background-color:#323436;
	color:#ffffff !important;
	
}
.page_solution .vidstart{
	position:absolute;
	top:0px;
	cursor:pointer;
}
.page_solution .vidstart::after{
	content:url(vidstart.png);
	position:absolute;
	width:80px;
	height:80px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.page_solution .section.light{

	background-color:#f1f1f1;
}
.page_solution .section.gradient{

	background:#f1f1f1;
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(200,200,200,1) 100%);
}
.page_solution .container{
	padding-top:60px;
	padding-bottom:60px;
	max-width:1100px;
}
.page_solution .imagecontainer{
	width:calc(100% + 2px);
	max-width:110%;
}
.page_solution .imagecontainer .row, .page_solution .imagecontainer .col, .page_solution .imagecontainer {
	margin:0;
	
	padding:0;
}
.page_solution .row {

	
	margin: 20px 0px;
}
.page_solution .imagecontainer .col{
	
	padding:1px;
}
.page_solution .imagecontainer {
	
	margin:0px -1px;
}
.page_solution h5{
	font-size:1em;
	
	font-weight: bold;
	
	margin-bottom:40px;
	margin-top:20px;

}
.page_solution h3{
	font-size:2em;
	font-weight: 300;

	text-transform:uppercase;
}
.page_solution h4{
	font-size:2em;
	font-weight: 300;
text-align:center;
	text-transform:uppercase;
}

.page_solution .big{
	
	font-size:2em;
	font-weight: bold;
	
	line-height:1.1em;
    display: inline-block;
}
.page_solution .videocontainer{
	position:relative;
	width:100%;
	height:0px;
	padding-bottom:56.25%;
}
.page_solution iframe, .page_solution  video{
	position:absolute;
	width:100%;
	height:100%;
	border: none;
    outline: none;
	
}
.closebtn{
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	cursor:pointer;
}
.page_solution img{
	
	display:block;
	margin:auto;
	
}


/*.page_solution .links::before{
	content:"";
	position:absolute;
	width:75%;
	height:75%;
	top:calc(25% + 4px);
	left:calc(25% + 4px);
	background-color:transparent;
	border-right: 4px solid #e3051b;
	border-bottom: 4px solid #e3051b;
	pointer-events:none;
}*/
.page_solution .list-lines { 
	margin:0;
	padding:0; 
	list-style:none;  
}
.page_solution .list-lines li{
	margin:0;
line-height:1.3em;
padding:8px 0px;
border:none;
border-top:1px solid #e3051b;
	font-weight: bold; 
	
	color:#000000;

font-style:normal;

}

.page_solution .list-lines li::before{
	display:none;

}

.page_solution .list-lines li:first-child{
padding-top:0px;
border-top:none;
}
.page_solution .list-lines li:last-child{

border-bottom:none;
}
.page_solution hr{
	border:none;
	border-top:1px solid #d7d7d7;
	margin-bottom:20px;
}

.page_solution  .links{
	padding-top:20px;
	padding-bottom:20px;
}
.columns{
	-webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
}
#solutionsection .container{
	padding-bottom:0px;
}
#linksection .container{
	padding-top:0px;
}
.page_solution a { 
	background-color:#e3051b;
	color:#ffffff;
	border-radius:4px; 
	text-decoration:none;
	padding:5px 40px 5px 10px;
	width:auto;
	max-width:400px;
	display:block;
	
	
	margin:0px auto 10px auto;
	font-weight:bold;
	background-image:url(../img/Picto_Blaettern_01_white.png);
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:right center;
}
#linksection  a{
		background-color:#eeeeee;
	
		

		height:100%;
		padding:10px 70px 0px 10px;
		color:#000000;
		margin:0px 0px 10px 0px;
		height:100%;
		background-size:45px auto;
background-position:right top;
text-align:left;
font-weight:normal;
}
#linksection  a.type_external{

	background-image:url(../img/Picto_Link_01.png);


}
#linksection  a.type_pdf{

	background-image:url(../img/Picto_Blaettern_01.png);


}
#linksection  a.type_video{

	background-image:url(../img/Picto_Video_01.png);


}
#linksection  a.type_webinar{

	background-image:url(../img/Picto_Videochat_01.png);


}
#linksection  a:hover{
		background-color:#d7d7d7;
	
}
.solutioncard{
	border:1px solid #d7d7d7;
	padding:10px;
	padding-top:0px;
	padding-bottom:70px;

	background-color:#ffffff;
	display: block;
    height: 100%;
	border-radius:6px;
	text-align:left;
}

#detailsection h5{
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin-bottom:0px !important;
	text-align:left;
}
.solutioncard h6{
	font-weight:bold;
	display:block;
	min-height:35px;
	text-align:center;
	margin-top:10px;
	
}
.solutioncard img{
	max-width:160px;
	margin:auto;
}
.solutioncard .row{
	margin-bottom:5px;
	margin-top:10px;
}

.solutioncard .col{
	margin-bottom:30px;
}
.solutioncard .col.cardtitle{
	text-align:center;
	border-bottom:1px solid #d7d7d7;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:10px;
	font-weight:bold;
	color:#777777;
}

.solutioncard .col.empty{
	border:none;
}
.solutioncard a { 
	left:50%;
	transform:translate(-50%, 0%);
	margin:auto;
	position:absolute;
	bottom:20px;
}

.solutioncard a.singlelink{
	position:relative;
	display:table;
	width:auto;
	margin:30px 0px;
	transform:translate(0px, 0px);
	left:1em;
	bottom:auto;
	
}
.solutioncard a.bulletlink{
	position:relative;
	display:table;
	width:auto;
	margin:3px 0px 10px 0px;
	transform:translate(0px, 0px);
	left:0em;
	bottom:auto;
	
}
.solutioncard .newlabel{
	position:absolute;
	bottom:10%;
	right:25%;
	background-color:#e3051b;
	color:#ffffff;
	padding:0px 5px;
	font-weight:bold;
	font-size:0.75em;
	border-radius:2px;
}
.solutioncard .imageholder{
	position:relative;
}
.slideshowcaption{
	position:absolute;
	bottom:1px;
	padding:20px;
	color:#ffffff;
	background: rgba(50,52,54, 0.7);
background: linear-gradient(0deg, rgba(50,52,54,1) 0%, rgba(50,52,54,0) 100%);
display:block;
font-size:1em;
width:calc(100% - 2px);
text-align:center;
pointer-events:none;	
display:none;
}

.header{
	
	display:block;
	text-align:center; 
	position:fixed;
	padding:20px;
	top:30px;
	height:60px;
	background-color:#ffffff;
	width:calc(100% - 60px);
	z-index:2000;
}
.header a{
	display:inline ;
	background-color:transparent !important;
	color:#323436 !important;
	background-image:none;
	padding:5px 10px;
}
.header-left{

	padding:0px 2% 0px 6% !important;
}
.header-left-large{

	min-width:80%;
}
.header-right{
	padding:0px !important;
	background-color:#000000;
}
.lightbox{
	
	background-image:url(../img/back_lightbox.jpg);
	background-size:100% 100%;
		position:fixed;
top:30px;
	left:30px;
	width:calc(100% - 60px);
	height:calc(100% - 60px);
display:none;
}
.lightboxclosebtn{
	position: relative;
    margin:90px auto 10px auto;
    /* margin: auto; */
    cursor: pointer;
    pointer-events: auto;
    z-index: 100;
    display: table;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.9em;
}
.carousel {
    position: relative;
    top: 0px;
    height: calc(100% - 120px);
overflow:hidden;
	}
.carousel-inner{

	height:calc(100% - 120px);
    overflow: visible;	
}
.carousel-item{
	height:100%;
    overflow: visible;	
}
.carousel-item img{
	border:1px solid #ffffff;
	height:100% !important;
	width:auto !important;
}
.carousel-control-prev, .carousel-control-next{
	background-image:none;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: auto;
    left: 15%;
    z-index: 10;
    padding-0px;
    color: #fff;
    text-align: center;
    top: 100%;

}
.carousel-indicators li {
    height: 6px;
	cursor:pointer;
}
.carousel-indicators li::before{
	content: "";
	width:0px;
	height:0px;
}
.carousel a{
	background-color:transparent !important;
	top:40%;
	background-image:none;
	
}
.carousel-control-prev-icon {
    background-image: url(../img/scroll_arrow_left_white.png);
}
.carousel-control-next-icon {
    background-image: url(../img/scroll_arrow_right_white.png);
}

.images li{
	
}

.images ul{
	list-style:none;
	margin:0;
	padding:0;
	
}
.images li{
	margin:0;
	padding:0;
}
.images li::before{
	content: "";
    position: absolute;
    width: 0em;
    height: 0em;
    margin:0;
	padding:0;
}
.flipster{
	margin-bottom:100px !important;
	overflow:visible;
}
.flipster--flat .flipster__item {
     width: 60%;
	 max-width:1400px;
}
.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future {
    opacity: 1;
}
.flipster__item__content img{
	 -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(85%, transparent) , to(rgba(250, 250, 250, 0.3)))
}
.flipster__nav {
    margin-top:30px !important;

}


.flipster a{
    color: #FFF;
	padding:0;
	border-radius:0%;
	background-image:none;
	display:block;
width: 1em;
    height: 1em;
	text-indent: -2em;
	margin:5px;
	 
}
.flipster__nav__item--current > a {
    width: 1.5em;
    height: 1.5em;
}

button {
    outline: none !important;
}

.flipster--flat .flipster__container, .flipster--flat .flipster__item, .flipster--flat .flipster__item__content {
    -webkit-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}


#actionsection .logoimage{
	max-width:300px;
	margin-bottom:40px;
}
#actionsection a{
	background-image:none;
	    padding: 5px 20px 5px 20px;
	
}
/*Übersicht*/

.page_systems{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	overflow-y:auto;
	display:none;
}
.page_systems .logo{
	display:block !important;
}
#systems{
	position:absolute;
	top:20%;
	padding-bottom:100px;
	font-size:0.9em;
	width:100%;
	/*max-width:800px;*/
	right:335px;
	padding-top:200px;
	/*display:none;*/
	transition:padding-top ease 0.5s;
	
}
#systems .col{
	margin-bottom:0px;
}
.systems-card{
	break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
	margin-bottom:15px;
	border-radius:6px;
	overflow:hidden;
}
.systems-card:last-child{

	

}
.systems-header{
	/*color:#ffffff;*/
	font-weight:bold;
	background-color:#eeeeee;
	background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: right 0.5em;
	
}
.systems-header:hover{
	
	background-color:#d7d7d7;
	
	
}
.systems-body{
	padding:10px 20px 10px 24px;
	
	background-color:#ffffff;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.systems-link{
	color:#000000;
	/*background-color:#ed1c2a;*/
	padding:16px 50px 16px 24px;
	display:block;
	background-image:url(../img/panel_closed.png);
	background-size: auto 16px;
    background-repeat: no-repeat;
    background-position: 0.25em 1.25em;
	
}
.systems-link[aria-expanded=true]{

	background-image:url(../img/panel_open.png);

	
}
.systems-link:hover{
	color:#000000;
	text-decoration:none;
}
.systemsolution_open{
	cursor:pointer;
	margin:5px 0px;
	orphans:5;
	
}

.systemsolution_open img {
    height: 10px;
    width: auto;
    margin-top: -2px;
	margin-left:2px;
}
.systemsolution_open:hover{
	color:#ed1c2a;
}

.page_news{
	position:absolute;
	top:0%;
	left:0%;
	
	width:100%;
	height:100%;
	background-image:url(../img/news_back.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	display:none;
	overflow-y:auto;
	
}

#news{
	position:absolute;
	top:20%;
	padding-bottom:100px;
	
	width:calc(100% - 460px);
	/*max-width:800px;*/
	left:30px;
	padding-top:200px;
	/*display:none;*/
	transition:padding-top ease 0.5s;
}
#news .col{
	padding-right:1em;
	padding-bottom:1em;
}
.page_news_inner{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	height:auto;
	
	
	
}
.page_news .logo{
	display:block !important;
	position:fixed;
}

.newsbutton{
	
	width:100%;
	height:100%;
	display:block;
	
	color:#ffffff;
	background-color:#ed1c2a;
	padding:0;
	
	line-height:1.2em;
	
	border-radius:6px;
	
cursor:pointer;
overflow:hidden;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	
}

.newsbuttonholder{
	
	width:20%;
	height:auto;
	display:inline-block;

padding-right:2em;
padding-bottom:2em;
	

	
}
.news_title{
	font-size:1.3em;
	font-weight:bold;
	padding:10px 10px 5px 10px;
	line-height:1.2em;
}
.news_subtitle{
	
	font-weight:normal;
	padding:0px 10px 10px 10px;
	
	font-size:0.85em;
}
.news_image{
	
	margin-top: auto!important;
}
#close_news{
	position:fixed;
}



.page_contact{
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	overflow-y:auto;
	display:none;
}

.page_contact_inner{
	position:absolute;
	top:30px;
	left: 30px;
	width:calc(100% - 60px);
	padding-top:40px;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
	
}
.page_contact .container{
	padding-top:30px;
	padding-bottom:30px;
	max-width:1100px;
}
.close_contact{

    top: 30px;
    right: 30px;
   
}
.page_contact a, .searchbtn { 
	background-color:#e3051b;
	color:#ffffff;
	border-radius:4px; 
	text-decoration:none;
	padding:5px 10px 5px 10px;
	width:auto;
	max-width:400px;
	display:inline-block;
	

	margin-top:20px;
	font-weight:bold;
	
}

.page_contact input{
	display:inline;
	width:70%;
	
	padding:4px 10px 4px 10px;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	outline:none;
	border:1px solid #d7d7d7;
}
.searchbtn{
	display:inline-block;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	margin-left:-3px;
	max-width:29%;
}
.page_contact h6{
	font-weight:bold;
	display:block;

	text-align:left;
	margin-top:10px;
	
}

.contactcard{
	background-color:#eeeeee;
	padding:20px;
	border-radius:6px;
	display:block;
	height:100%;
	
}
.contactcard p{
	margin-bottom:30px;
}
.contactcard a{
	margin-top: auto!important;
}
.contactcard img{
	margin-bottom:10px;
}
.searchbox{
	margin-top: auto!important;
}
#formsection_contact form{

	margin-top:20px;
}
#formsection_contact label{
	font-size:0.9em;
	color:#777777;
}
#formsection_contact textarea{
	height:200px;
}
#formsection_contact input, #formsection_contact select, #formsection_contact textarea{
	display:block;
	padding:5px 10px;
	width:100%;
	border:1px solid #d7d7d7;
	border-radius:3px;
}

#formsection_contact input[type=checkbox] {
	display:inline-block;
	width:auto;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	transform:translate(0px , 0.2em);
}
#formsection_contact input[type=submit]{
	display:inline-block;
	width:auto;
	background-color: #e3051b;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    width: auto;
    max-width: 400px;
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
}
#formsection_contact .inlinelink {
	display:inline;
	width:auto;
	background-color: transparent;
    color: #e3051b;
    border-radius: 0px;
    text-decoration: none;
    padding: 0px;
    width: auto;
    max-width: none;

    margin-top: 0px;
    font-weight: normal;
}
#formsection_contact .inlinelink {
	text-decoration: underline;
}
.result{
	color: #e3051b;
	margin-bottom:20px;
	font-weight:bold;
}
@media (max-width: 1440px) {
	
#news{

	
	width:calc(100% - 430px);

}
.newsbuttonholder{

	width:32%;

}
}
/* lg */
@media (max-width: 1199px) {
.mainmenu{
	width:220px;
}
#systems {
    
    right: 255px;
}
#news{

	
	width:calc(100% - 305px);

}
.application_buttons{

	
	width:calc(100% - 400px);
}
.header-left{
	font-size:0.75em;
	padding:0px 5% !important;
}

.news_title{
	font-size:1.15em;

	
}

#news .col{
	padding-right:1em;
	padding-bottom:1em;
}
.page_room_preselection{
	width:400px;
	
	left:15%;

}
.page_welcome{
	font-size:0.85em;
}
.page_welcome video{
	width:60%;
	
}
}
/* md */
@media (max-width: 991px) {
body {
	font-size: 15px;
}
.mainmenu{
	width:180px;
}
#systems {
    
    right: 215px;
}

.flipster--flat .flipster__item {
     width: 80%;

}
#news{

	
	width:calc(100% - 200px);

}
.application_buttons{

	
	width:calc(100% - 300px);
}
.newsbuttonholder{

	width:45%;

}

.page_room_preselection{
	width:400px;
	
	left:30px;

}
.page_welcome video{
	width:70%;
	
}
}

/* sm */
@media (max-width: 767px) {
body {
	font-size: 14px;
}
.logo {

    width: 140px;

}
.page_sphere_button{
	padding:5px 40px 5px 10px;
}
.page_room_preselection{
	width:300px;
	
	left:30px;

}
}



@media (orientation: portrait) AND (max-width: 575px) {
	
	.page_solution {

    width: calc(100% - 40px);
    height: calc(100% - 40px);
    top: 20px;
    left: 20px;
    
}
.header {

    top: 20px;
    width: calc(100% - 40px);
}
.flipster {
   margin-top:-5em !important;
}
.flipster--flat .flipster__item {
    width: 95%;
}
.flipster__nav {
    
    margin-top: 80px !important;
}

.slideshowcaption {
    
    bottom: auto;
    background:none;
	background-color:transparent;
	color:#555555;
}


.flipster__button {
    margin: -5em 0.15em;
    transform: scale(0.5);
	opacity:1 !important;
}
}



/* xs */
@media (max-width: 575px) {
body {
	font-size: 13px;
}
.mainmenu{
	top:15%;
	width:120px;
}
#systems {
    top:15%;
    right: 155px;
}
.page_sphere_filter{

	top:15%;
	height:85%;
	
}
.page_sphere_filter_buttons{
	
	
	width:20px;
}
#news{

	top:15%;
	width:calc(100% - 150px);

}
.application_buttons{

	top:15%;
	

}
.newsbuttonholder{

	width:95%;

}
.page_room_preselection{
	top:15%

}
.page_filter{

	top:15%;
	
	width:200px;
	
}
.page_filter_button{
	width:140px;
	font-size:0.85em;
	padding:5px 7px;
}

.mainmenu{
	/*top:70%;*/
	font-size:0.7em;
}
.room_label{
	padding:3px 5px;
	min-width:70px;
	font-size:0.75em;
	line-height:1.1em;
}

.page_welcome {
    font-size: 0.6em;
	width:80%;
}
.page_welcome_logo{
	height:50px;
}
.page_welcome video {
    width: 80%;
}
.mainbutton_sub{
	display:none;
}
.mainbutton {

    padding: 5px 10px;

}

.wrapper{
	margin-top:20%;
}

.metamenu {

    width:40%;
right:55px;
    font-size: 0.85em;
    padding: 30px 0px;
}
.meta_kontakt {
    
    bottom: 25px;
   
}
.application_selection_title{
    

   margin:5px 0px;
}
.application_selection_title, .application_content {
    

    min-height: 50px;
	height:auto;
}
.application_buttons {
    width: calc(100% - 200px);
	font-size:0.9em;
}
.page_room_preselection{
	top:15%;
	font-size:0.9em;
width:calc(100% - 200px);
	margin:auto;
	

}
.application_solutions .card-link {
    padding-right: 20px;

    font-size:0.9em;
}
.application_solutions .card-header {

    padding: 5px;
}
.application_solutions_close {

   top: 0px;
    width: 30px;
    right: -30px;
  
}
.slideshowcaption {
	
	font-size:0.85em;
	line-height:1.2em;
	padding-bottom:5px;
}
.header{
	
	
	padding:20px 15px;
	font-size:0.9em;
	text-align: left;
	
}
.header a {
    display: inline;
    background-color: transparent !important;
    color: #323436 !important;
    background-image: none;
    padding: 5px 3px;
}
.page_solution .container {
 
    /*padding-right: 5px;
    padding-left: 5px;*/

}
}





/*
Bootstrap Grid
xs < 576
sm < 768
md < 992
lg < 1200
xl >= 1200



*/