@charset "UTF-8";
/* CSS Document */

.big-head, .sub-headline, .post-main-title   {
background-image: linear-gradient(to left, #c1def3, rgba(55, 53, 68, 0))!important;
	
}


.entleerung-div-1, .entleerung-div-2, .entleerung-div-3, .entleerung-div-4  {
background-color:red;
	position:absolute;
	max-width: 200px;
}
.ausschuettgrafik {
height: 300px!important;
}

.inter-section {

margin-top: 100px;
padding-bottom: 100px;
width: 100%;
background-image: url(../images/navigation/divider.png);
background-size: 150px 5px;
background-repeat: no-repeat;
background-position: bottom center;
}

strong {
color: #000;
text-transform: none;
}
.margin {
margin-top: 40px;
margin-bottom: 0px;
}
 .gotoform {
background-color: #c8ddf0;
	 color:#04497f;
}
/*------------------------------------------------------------------
Accordion Panels Anwendung
-------------------------------------------------------------------*/

.anwendung-industrie.columns-3 .column {
margin-right: 2%;
float: none;
width: 31% ;
margin-bottom: 2%;
padding: 15px;
background-image: linear-gradient(to left, #c1def3, rgba(55, 53, 68, 0))!important;
background: transparent;
border-color: transparent;
color: #d1111c;
font-size: 20px;
text-transform: uppercase;
padding-top: 5px;
display: block;
box-sizing: border-box;
}

.anwendung-lightbox .omsc-toggle {
border: 1px solid #FFF;
}

.anwendung-lightbox .omsc-toggle-title {
padding: 15px;
background-image: linear-gradient(to left, #c1def3, rgba(55, 53, 68, 0))!important;
background: transparent;
border-color: transparent;
	color: #d1111c;
font-size: 20px;
text-transform: uppercase;
padding-top: 25px;
padding-bottom: 25px;
}
.anwendung-lightbox .omsc-toggle-title:hover, .anwendung-lightbox .omsc-toggle.omsc-expanded .omsc-toggle-title {
background: transparent;
}
.anwendung-lightbox .omsc-toggle.omsc-expanded .omsc-toggle-title {
background: transparent;
border-bottom: 0px solid #FFF;
border-color: rgba(0,0,0,0.10);

}


.anwendung-lightbox .omsc-toggle-title::before {
content: url('');
display: inline-block;
width: 20px;
height: 20px;
margin-right: 0px;
background-image: url(../images/navigation/link-arrow_down.png) !important;
background-size: 20px!important;
background-position: right!important;
background-repeat: no-repeat!important;
position: absolute;
right: 25px;
top: 17px;
}
.anwendung-lightbox .omsc-toggle.omsc-expanded .omsc-toggle-title::before, .anwendung-lightbox .omsc-toggle-title:hover::before {
content: url('');
background-image: url(../images/navigation/link-arrow_up.png) !important;
top: 15px;
}

.anwendung-lightbox .omsc-toggle-inner strong {
color: #000;
font-family: 'FrutigerLT57Condensed';
text-transform: none;

}
.anwendung-lightbox .big-head h2 {
font-size: 65px;
line-height: 60px;
}
.anwendung-lightbox .big-head h3 {

font-size: 28px;
line-height: 34px;
}
.anwendung-lightbox h4 {
color: #d1111c;
font-size: 20px;
margin-bottom: 15px;
margin-top: 25px;
}
.anwendung-link .post-main-title {
position: relative;
font-family: 'FrutigerLT57Condensed';
text-transform: uppercase;
font-size: 19px;
padding-left: 30px;
}
/*------------------------------------------------------------------
Tooltips
-------------------------------------------------------------------*/

#tooltip-1 {
top: 50%;
left: 27%;
position: absolute;
}

#tooltip-2 {
top: 68%;
left: 62%;
position: absolute;
}

#tooltip-3 {
	top: 59%;
left: 66%;
position: absolute;
}

#tooltip-4 {
top: 55%;
left: 85%;
position: absolute;
}


@media only screen and (max-width: 768px) {
.entleerung {

max-width: 500px;
}
	.lightboxcontainer {
padding: 20px;
padding-left: 20px;
padding-right: 20px;
}
	
.lightboxcontainer  .omsc-one-third, .lightboxcontainer  .omsc-two-third {
float: left;
margin: 1em 0;
width: auto;
}
.lightboxcontainer .omsc-two-third, .lightboxcontainer  .omsc-one-third {
width: 50%;
}
.lightboxcontainer .omsc-two-third img, .lightboxcontainer .omsc-one-third img {
max-width: 150px;
}
	
.lightboxcontainer .omsc-one-third {
text-align: center;
}
}


@media only screen and (max-width: 480px) {
	#tooltip-1 {
bottom: 20%;
top: auto;
}
	#tooltip-2 {
top: auto;
bottom: 13%;
}
	#tooltip-3 {
top: auto;
bottom: 17%;
}
	#tooltip-4 {
top: auto;
bottom: 19%;
}
	.section5 br {
display:none;
}
}