/* Minification failed. Returning unminified contents.
(34,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
body {background-color:#fafafa;}

/*
div.statushell { opacity:0.8; }
div.statusdunkel { opacity:0.9 }
div.statusgemischt { opacity:0.8 }
*/

#status     {position:fixed;top:58px;right:121px;z-index:1000;width:160px;height:51px;padding-top:14px;padding-right:14px;}
#statusimg  {position:fixed;top:58px;right:282px;z-index:1000;cursor:pointer;background-image:url('../images/start/hinterdrund-transparent-heller-rpt.png');padding:9px 16px 7px 16px}
#menubutton {position:fixed;background-image:url('../images/start/hinterdrund-transparent-heller-rpt.png');padding:16px 10px 13px 10px;right:55px;top:58px; }

#main     {width:100%;}

#leftcol  {width:50%; float:left; }

#rightcol {width:50%; height:100%; left:50%; position:fixed; }

#submenu  {width:380px; height:100%; padding-top:3.94em; float:left; background:url('../images/start/hinterdrund-transparent-heller-rpt.png') repeat; text-shadow:1px 1px 2px rgba(0,0,0,1)}
#submenu .menuicon {margin-right:1em;margin-top:0.5em;display:none}

#submenutop {
    font-family:'Helvetica Neue LT W01_75 Bold';color:#989aa0;
    height:2.5em;margin-bottom:6.3em;
}
#submenutop div { float:left;margin-left:0.9em;font-size:35px; }
#submenutop .selsubt { color:white }

#submenucontainer {display:none;background-color:rgba(50,50,50,0.6);}

.submenuHead {font-family:'Helvetica Neue LT W01_75 Bold';color:white;padding-left:2.2em;padding-bottom:1.0em;padding-top:1.0em;border-bottom:solid 1px #707070;}
.submenuHead.active,.submenuHead.selected.active {background-color:rgba(50,50,50,0.6);}

.submenuItem {font-family:font-family:'Helvetica Neue LT W01_51488890';color:#bcbcbc;padding-top:.4em;padding-bottom:.4em;padding-left:0em;letter-spacing:0.04em;}

.submenuHeadText                                            {font-size:24px; }
.submenuHeadText.active, .submenuHeadText.selected.active   {font-size:24px; }

.submenuItemText {font-size:18px;padding-left:37px;display:block;}
.selected {color:white;}


img.imgicon                         {visibility:hidden;float:left;}
img.imgicon.selected                {visibility:visible;margin-top:24px;margin-left:.90em;float:left;}

#submenucontainer .imgicon          {margin-top:12px;margin-left:15px;float:left; }
#submenucontainer .imgicon.selected {visibility:visible; }

#contentbox         {padding-top:13em;padding-left:6em;}
#contentTitle       {font-family:'Helvetica Neue LT W01_75 Bold';color:#313131;}
.contentTitleText   {font-size:3em;}


#contentSubTitle        {font-family:'Helvetica Neue LT W01_51488890';color:#646464;padding-top:6px;}
.contentSubTitleText    {font-size:20px}

#contentText            {font-family:'Helvetica Neue LT W01_51488890';color:#646464;margin-top:1em;float:left;width:65%;}
.contentTextText        {font-size:1em;line-height:1.5em;}
.contentTextText li     { margin-bottom:0.7em;line-height:1.4em;padding-left:0.1em }
.contentTextText b, .contentTextText strong {font-family:'Helvetica Neue LT W01_75 Bold';font-weight:normal}

#contentText  a         {color:#d41317}


#produktblatt           {float:right;padding-top:2em}
.produktblattText       {font-family:'HelveticaNeueW02-57Cn';color:#d41317;font-size:1.3em;letter-spacing:0.04em;}
.produktblattSubText    {color:#646464;font-family:'Helvetica Neue LT W01_51488890';line-height:1.5em}

#produktblatt > div:first-child {margin-top:0px;padding-top:0px;height:25em;z-index:9}

#ansprechperson         {margin-top:0em;padding-left:2.5em;width:17em;z-index:10}
#ansprechperson .name   {font-family:'HelveticaNeueW02-57Cn';font-size:1.3em;color:#d41317;letter-spacing:0.04em;}
#ansprechperson .email  {margin-top:0.5em;color:#d41317; }
.ansprechpersondetail   {color:#646464;line-height:1.6em}
.ansprechpersondetail table   {width:11em;margin-top:0.3em}
.ansprechpersondetail tr td:last-child   {text-align:right}

.referenzen             {margin-top:3em;}
#referenzenText         {font-family:'HelveticaNeueW02-57Cn';letter-spacing:0.04em; color:#313131;}
.referenzenTextText     {font-size:1.3em;line-height:1.5em;}
#referenzenslider       { position: relative;width:33.062em;height:10.687em;padding-top:0.4em;margin-bottom:60px }

.smallText              {font-size:1em;}
.smallText  a           {font-size:1em;color:#d41317;}
.more_text_t            { display:none }




.arrow-left {
  position: absolute;
  left: -3.1em;
  top: 50%;
  margin-top: -1em;
  z-index:100;
  width:2.562em;
}

.arrow-right {
  position: absolute;
  right: -3.1em;
  top: 50%;
  margin-top: -0.3em;
  z-index:100;
  width:2.562em;
}



@media screen and (min-width: 1330px) and (max-width:1440px) {
    #contentText { width:62%; }
}

@media screen and (min-width: 1440px) and (max-width:1570px) {
    #contentText { width:63%; }
}

@media screen and (min-width: 1620px) and (max-width:1650px) {
    #contentText { width:63%; }
}

@media screen and (min-width: 1365px) and (max-width:1480px) {
    body {font-size:13px;}
    .contentTextText        {font-size:1.1em;}
    #submenucontainer .imgicon          {margin-top:0.85em;margin-left:0.40em;}
    #submenu { width: 310px; }
    #submenutop div { margin-left:0.7em;font-size:30px; }
}

@media screen and (min-width: 1480px) and (max-width:1649px) {
    body {font-size:14px;}
    #submenu { width: 340px; }
}

@media screen and (min-width: 1650px) and (max-width:1900px) {
    body {font-size:15px;}
    #submenu { width: 360px; }
}

@media screen and (min-width: 1900px) {
    body {font-size:16px;}
}

@media screen and (min-width: 1364px) and (max-width:1800px) {
    #referenzenslider       { width:28em;height:9.0507em; }
}


.popup { position:absolute;width:80%;margin-left:10%;top:10%; border:solid 30px white; border-width:10px 30px 30px 30px; background-color:#fcfcfc;z-index:1002;display:none; }

@media screen and (max-width: 900px) {
    .popup {width:100%;margin-left:0px;top:0px;}
}

#black_overlay{
	display: none;	position: absolute;	top: 0%; left: 0%;	width: 100%; height: 100%; background-color: black;	z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); position:fixed; }





/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}