/* css media */

@media (max-width: 800px) { 
/*@media (max-width: 768px) { */
	html,body{ 		 overflow-x: hidden;}


	body{ 		font-size: 12px; background-attachment:inherit; 	}
	
	h1,h2{		font-size:28px;	}
	h1 .sm , h2 .sm{ font-size:21px;}
	h3{ font-size: 20px;}
	h4, h4.panel-title { font-size: 16px;}
	h5{ font-size: 16px;}

	.btn { font-size: 12px; }

	.container,
	.container.left,
	.container.right{
		width: 90%;
		margin: auto;		
	}

	section:not(:nth-child(1)) .container{
		padding-top: 20px;
	}

	body[data-tag="36"] h1:after {

		content: "";
	}	

	/* HEADER */
	/*header{display: none;}*/
	header{ height: 88px;  position: relative;  }


	header nav .main{ top: 80px; display: none;}
	header nav .main.show{  display: block;}


	
	header nav .main ul {  margin: 0;  max-width: 100% ; background-color: #fff;  padding: 2px 0;  }
	header nav .main ul li{  margin: 0 auto; padding: 5px 0;  display: block; width: 90%; max-width: 90%; }
	header nav .main ul li.spacer{  border-bottom: 1px #e5e5e5 solid; }

	header nav .main ul li:hover{ background-color: #e5e5e5;}
	header nav .main ul li a{  	 }


	header nav ul li.active a{ 	font-weight: 700;  }	

	header nav ul li.active a:after{ 	content: ''; }



	header #logo img{ height: 80px; width: auto; margin-left: 10px; }
	header nav .main ul li.fachbereich {margin: 0 auto; }
	header nav .main ul li a , header nav .main ul li.fachbereich a{    font-size: 16px;  }

	header #mobile_nav{ float: right; margin-top: 25px; position: relative; margin-right: 20px;}
	header #search, header.small #search {  margin: 25px 20px 0 20px; }
	#searchbox{
		top: 55px;		
	}
	header.small{display:none;}

	/*section{display:none; min-width: 100%;}*/

	section{display: block; min-width: 100%; opacity: 1;}

	section img { max-width: 100%;}


	section.last .inner{ padding-bottom: 0px;}

	.margin-text-top{
		margin-top: 10px;
	}

	#main { padding-top: 0;  }

	#main section .inner{ opacity: 1; }

	#main section .bg-image{ background-image: transparent; }


	body .products a{ 		font-size: 14px;	}

	footer.fixed:not(.abs){
		position: static;
		opacity: 1;
	}

	/* *** products *** */ 
	body .products .item-row .item div { opacity: 1; }
	body .products .item-row .item a {    font-size: 16px; }

	body .prettycheckbox { max-width: 100%; min-width: 85%; text-align: left;}
	body .prettycheckbox label { max-width: 60%; min-width: 59%;}
	
	#selection-nav-inner {    text-align: center; height: auto; font-size: 1.3em;}
	#selection-nav-inner .select2{margin-top: -3px;}

	body .products.detail-content{		max-width: 95%;	}


	/*Historie*/
	#timeline #dateWrapper, #timeline #grad_right, #timeline #grad_left {display: none;}

	.tx-ah-historie
	{
		/*margin-bottom: 180px;*/
	}

	#timeline .visibleXS
	{
		display: block;
	}

	#timeline .hiddenXS
	{
		display: none !important;
	}

	#timeline h4
	{
		margin-top: 0px;
	}

	.table-responsive
	{
		overflow-x: scroll;
	}

	.jcarousel li a{
		display: block;
	    margin: auto;
	}

	body[data-type=mobile] .row .row .col-xs-1, 
	body[data-type=mobile] .row .row .col-sm-1, 
	body[data-type=mobile] .row .row .col-md-1, 
	body[data-type=mobile] .row .row .col-lg-1, 
	body[data-type=mobile] .row .row .col-xs-2, 
	body[data-type=mobile] .row .row .col-sm-2, 
	body[data-type=mobile] .row .row .col-md-2,
	body[data-type=mobile] .row .row .col-lg-2,
	body[data-type=mobile] .row .row .col-xs-3, 
	body[data-type=mobile] .row .row .col-sm-3, 
	body[data-type=mobile] .row .row .col-md-3, 
	body[data-type=mobile] .row .row .col-lg-3, 
	body[data-type=mobile] .row .row .col-xs-4, 
	body[data-type=mobile] .row .row .col-sm-4, 
	body[data-type=mobile] .row .row .col-md-4, 
	body[data-type=mobile] .row .row .col-lg-4, 
	body[data-type=mobile] .row .row .col-xs-5, 
	body[data-type=mobile] .row .row .col-sm-5, 
	body[data-type=mobile] .row .row .col-md-5, 
	body[data-type=mobile] .row .row .col-lg-5, 
	body[data-type=mobile] .row .row .col-xs-6, 
	body[data-type=mobile] .row .row .col-sm-6, 
	body[data-type=mobile] .row .row .col-md-6, 
	body[data-type=mobile] .row .row .col-lg-6, 
	body[data-type=mobile] .row .row .col-xs-7, 
	body[data-type=mobile] .row .row .col-sm-7, 
	body[data-type=mobile] .row .row .col-md-7, 
	body[data-type=mobile] .row .row .col-lg-7, 
	body[data-type=mobile] .row .row .col-xs-8, 
	body[data-type=mobile] .row .row .col-sm-8, 
	body[data-type=mobile] .row .row .col-md-8, 
	body[data-type=mobile] .row .row .col-lg-8, 
	body[data-type=mobile] .row .row .col-xs-9, 
	body[data-type=mobile] .row .row .col-sm-9, 
	body[data-type=mobile] .row .row .col-md-9, 
	body[data-type=mobile] .row .row .col-lg-9, 
	body[data-type=mobile] .row .row .col-xs-10, 
	body[data-type=mobile] .row .row .col-sm-10, 
	body[data-type=mobile] .row .row .col-md-10, 
	body[data-type=mobile] .row .row .col-lg-10, 
	body[data-type=mobile] .row .row .col-xs-11, 
	body[data-type=mobile] .row .row .col-sm-11, 
	body[data-type=mobile] .row .row .col-md-11, 
	body[data-type=mobile] .row .row .col-lg-11, 
	body[data-type=mobile] .row .row .col-xs-12, 
	body[data-type=mobile] .row .row .col-sm-12, 
	body[data-type=mobile] .row .row .col-md-12, 
	body[data-type=mobile] .row .row .col-lg-12 {
		padding: 0;
	}

	body[data-type=mobile] .row .row {
		margin: 0;
	}

	body[data-type=mobile] .produkt-detail-image {
		margin-top: -50px;
	}

	body[data-type=mobile] .produkt-detail-image img {
		width: 60%;
	}

	.csc-sitemap ul {
		padding: 0 0 5px 0 !important;
	}

	.csc-sitemap ul li ul li {
		padding: 7px  0 0 0 !important;
	}	
	
}

@media (min-width: 801px) {
/*@media (min-width: 769px) {*/
	/*Historie*/
	#timeline .visibleXS
	{
		display: none !important;
	}

	#timeline .hiddenXS
	{
		display: block;
	}

	#timeline h4
	{
		margin-top: 150px;
	}

	body[data-tag="36"] h1:after {

		top: -20px;
	}	
}

/*@media (min-width: 769px) and (max-width: 992px) {*/
@media (min-width: 801px) and (max-width: 992px) {

	header nav ul li.active a:after{
		top: 63px;
		 height: 25px;
	}


	body{ font-size: 14px; }

	header nav .main ul li a{ font-size: 17px !important;}
	header nav .main ul li { margin: 0 1%;}
	header nav .main ul li:nth-child(1){ margin: 0 1% 0 10% ;}

	header #logo img{ height: 80px; width: auto; margin-left: -5px; }
	header.small #logo img{ height: 80px; width: auto; margin-left: -5px; }
	
	header #search{ margin: 60px 35px 0 0; }	
	header.small #search{ margin: 35px 35px 0 0; }	

	h1,h2{ font-size:40px;	}
	h1 .sm , h2 .sm{ font-size:35px;}
	h3{ font-size: 28px;}
	h4{ font-size: 15px;}
	ol { margin-left: 20px;}
	
	body .products .item a { font-size: 16px; }

	#selection-nav-inner{ text-align: left;}
	#selection-nav-inner .has-pretty-child{ text-align: left; }

	/*.container {
		width: 70%;	
		padding-left: 20px !important;
		padding-right: 20px;
	}
	*/

    .col-sm-5 {
        width: 50%;
    }

    .col-sm-7 {
        width: 50%;
    }  

	
	body[data-type=mobile] section.first-slide .container, section.first-slide .container {
		padding: 120px 20px 0 20px;
	}	

	body[data-type=mobile] section.no-scrollr .container, section.no-scrollr .container {
			padding: 20px;
	}

	body[data-type=mobile] .container.products {
		padding-bottom: 200px;
	}	


	body[data-type=mobile] .products.detail-content, .products.detail-content {
		margin-top: 150px !important;
		padding: 0;
	}

	body[data-type=mobile] .products.detail-content .produkt-detail-image, .products.detail-content .produkt-detail-image {
		margin-top: 140px;
	}

	body[data-type=mobile] #timeline {
		padding-bottom: 50px;
	}

	.csc-sitemap ul {
		padding: 0 0 5px 0 !important;
	}

	.csc-sitemap ul li ul li {
		padding: 7px  0 0 0 !important;
	}

	/*#main .hidden-xs { height: 1px !important; }*/

	#contact .form-group .col-sm-1, #contact .form-group .col-sm-2, #contact .form-group .col-sm-3, #contact .form-group .col-sm-4, #contact .form-group .col-sm-5, #contact .form-group .col-sm-6, #contact .form-group .col-sm-7, 
	#contact .form-group .col-sm-8, #contact .form-group .col-sm-9, #contact .form-group .col-sm-10, #contact .form-group .col-sm-11, #contact .form-group .col-sm-12 {
		padding-left: 0 !important;
	}

}

@media (min-width: 993px) and (max-width: 1200px) {


	body{ 		font-size: 16px;	}

	header #logo img{ height: 100px; width: auto; margin-left: 10px; }

	header nav .main ul li a{ font-size: 20px;}
	header nav .main ul li { margin: 0 1%;}
	header nav .main ul li:nth-child(1){ margin: 0 1% 0 10% ;}

	
	
	h1,h2{		font-size:45px;	}
	h1 .sm , h2 .sm{ font-size:38px;}
	h3{ font-size: 30px;}
	h4{ font-size: 16px;}
	
	body .products .item a{ 		font-size: 20px;	}

	body[data-tag="36"] h1:after {
		top: -20px !important;
	}	

	body[data-type="tablet"] .container.products {
		padding-bottom: 200px;
	}	

	body[data-type="tablet"] .products.detail-content {
		margin-top: 50px;
		padding: 0;
	}	

}


@media (min-width: 1201px) and (max-width: 1400px) {

	body{ 		font-size: 17px;	}
	
	h1,h2{		font-size:50px;	}
	h1 .sm , h2 .sm{ font-size:40px;}
	h3{ font-size: 35px;}
	h4{ font-size: 18px;}
	
	body .products .item a{ 		font-size: 22px;	}

	body[data-tag="36"] h1:after {
		top: -15px !important;
	}	
 
}

@media (min-width: 1401px) {


	body[data-tag="36"] h1:after {
		top: -2px !important;
	}	
 
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

section.first-slide .container {
	padding: 120px 20px ;
}	

section.no-scrollr .container {
		padding: 20px;
}

.products.detail-content {
	margin-top: 50px;
}

.products.detail-content .produkt-detail-image {
	margin-top: 140px;
}

}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation: portrait) {


	section.first-slide .container {
		padding: 120px 20px ;
	}	

	section.no-scrollr .container {
			padding: 20px;
	}

	.products.detail-content {
		margin-top: 50px;
	}

	.products.detail-content .produkt-detail-image {
		margin-top: 140px;

	}

}







/* hack for tablet fixed background */

body.tablet{
	background-attachment:inherit;
	background-image: transparent;
	background: rgb(193,207,171); 
	background: -moz-linear-gradient(left, rgba(193,207,171,1) 1%, rgba(212,221,178,1) 11%, rgba(224,231,184,1) 21%, rgba(246,248,201,1) 33%, rgba(254,255,217,1) 50%, rgba(246,248,201,1) 66%, rgba(224,231,184,1) 79%, rgba(212,221,178,1) 89%, rgba(193,207,171,1) 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(193,207,171,1)), color-stop(11%,rgba(212,221,178,1)), color-stop(21%,rgba(224,231,184,1)), color-stop(33%,rgba(246,248,201,1)), color-stop(50%,rgba(254,255,217,1)), color-stop(66%,rgba(246,248,201,1)), color-stop(79%,rgba(224,231,184,1)), color-stop(89%,rgba(212,221,178,1)), color-stop(100%,rgba(193,207,171,1))); 
	background: -webkit-linear-gradient(left, rgba(193,207,171,1) 1%,rgba(212,221,178,1) 11%,rgba(224,231,184,1) 21%,rgba(246,248,201,1) 33%,rgba(254,255,217,1) 50%,rgba(246,248,201,1) 66%,rgba(224,231,184,1) 79%,rgba(212,221,178,1) 89%,rgba(193,207,171,1) 100%); 
	background: -o-linear-gradient(left, rgba(193,207,171,1) 1%,rgba(212,221,178,1) 11%,rgba(224,231,184,1) 21%,rgba(246,248,201,1) 33%,rgba(254,255,217,1) 50%,rgba(246,248,201,1) 66%,rgba(224,231,184,1) 79%,rgba(212,221,178,1) 89%,rgba(193,207,171,1) 100%); 
	background: -ms-linear-gradient(left, rgba(193,207,171,1) 1%,rgba(212,221,178,1) 11%,rgba(224,231,184,1) 21%,rgba(246,248,201,1) 33%,rgba(254,255,217,1) 50%,rgba(246,248,201,1) 66%,rgba(224,231,184,1) 79%,rgba(212,221,178,1) 89%,rgba(193,207,171,1) 100%);
	background: linear-gradient(to right, rgba(193,207,171,1) 1%,rgba(212,221,178,1) 11%,rgba(224,231,184,1) 21%,rgba(246,248,201,1) 33%,rgba(254,255,217,1) 50%,rgba(246,248,201,1) 66%,rgba(224,231,184,1) 79%,rgba(212,221,178,1) 89%,rgba(193,207,171,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1cfab', endColorstr='#c1cfab',GradientType=1 ); 

}


body.tablet  #background_wrap {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center top;
	background-repeat: repeat; 
    background-image: url(../img/background_test.jpg) ;
    background-attachment: fixed;
}





/* -- */

@media (max-width: 768px) {
  
    /*.tablet-portrait */

  .hidden-xs {
    display: none !important;
  }

  .visible-xs {
     display: block !important;
  }

  .textimage.visible-sm {
     display: none !important;
  }


  div[class*="col-sm"] {
    /*width: 100%;*/
  }

  body.tablet-portrait div.controls.col-sm-3.col-xs-3 {
     width: 34% !important;
     
  }
  body.tablet-portrait div.controls.col-sm-5.col-xs-6 {
    width: 66% !important;
  
  }

  body.tablet-portrait  .contact .col-sm-offset-3{ margin-left: 0;}
  .tablet-portrait .contact .control-label{ text-align: left; float:none; width: 100%;}

}

@media (min-width: 768px) and (max-width: 800px) {

	/*.android header{ height: 107px;  position: relative;  }*/

	/* ---------------------------*/

	.android header nav .main{ top: 80px; display: none;}
	.android header nav .main.in{  display: block;}


	.android header nav .main ul {  margin: 0;  max-width: 100% ; background-color: #fff;  padding: 2px 0;  }
	.android header nav .main ul li{  margin: 0 auto; padding: 5px 0;  display: block; width: 90%; max-width: 90%; }
	.android header nav .main ul li.spacer{  border-bottom: 1px #e5e5e5 solid; }

	.android header nav .main ul li:hover{ background-color: #e5e5e5;}
	.android header nav .main ul li a{  	 }


	.android header nav ul li.active a{ 	font-weight: 700;  }	

	.android header nav ul li.active a:after{ 	content: ''; }



	.android header #logo img{ height: 80px; width: auto; margin-left: 10px; }
	.android header nav .main ul li.fachbereich {margin: 0 auto; }
	.android header nav .main ul li a , header nav .main ul li.fachbereich a{    font-size: 16px;  }

	.android header #mobile_nav{ float: right; margin-top: 25px; position: relative;}
	.android header #search {  margin: 25px 20px 0 20px; }
	.android #searchbox{
		top: 55px;
		
	}


	/* ------------------ */

	/*.android  .container,
	.android .container.left,
	.android .container.right {
		width: 85%;
		float: left;
	}*/
	.android  .container.align-center {
		margin:0px;
		padding-right: 0;
		padding-left: 0;
		text-align: center;
	}
  	.android  .hidden-xs ,
  	.android .visible-sm  ,
    .android .visible-md  ,
    .android .visible-lg{
    	display: none !important;
  	}

    .android .visible-xs {
       display: block !important;
    }

    .android .textimage.visible-sm {
     display: none !important;
    }


    div[class*="col-sm"] {
    		width: 100%;
    }

    body.tablet-portrait.android  div.controls.col-sm-3.col-xs-3 {
     width: 34% !important;
     
    }
  	body.tablet-portrait.android  div.controls.col-sm-5.col-xs-6 {
    		width: 66% !important;
  
    }

  	body.tablet-portrait.android  .contact .col-sm-offset-3{ margin-left: 0;}
  	body.tablet-portrait.android  .contact .control-label{ text-align: left; float:none; width: 100%;}


  	body[data-type=mobile].android .row .row {
		margin: 0;
	}

	body[data-type=mobile].android .produkt-detail-image {
		margin-top: -50px;
	}

	body[data-type=mobile].android .produkt-detail-image img {
		width: 60%;
	}

	
	

}