

/*--------------ROBERT CSS UPDATES */
.gallery-replace {
	display:none;
	max-width:100%;
}

.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
}

.toggleMenu2{
    display:  none;
    background: #666;
    padding: 10px 15px;
    color: #fff;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;

}

.product_details_img {
	width: 245px;
}

.google-map {
	display:none;
}


/*------- R E S P O N S I V E */


/*---------------------------------- BREAKPOINT - MAX 1001px--------------------------------------- */

@media screen and (max-width: 1000px) {
	section {
		width:100%;
	}
	#shop {
		right:130px;
		position:absolute;
		left:auto;
	}
	.bx-wrapper {
		display:none;
	}
	.gallery-replace {
		display:block;
	}
	#teasers {
		width: 100%;
	}

	#teasers div.group article a.details {
		display:none;
	}



	#teasers div.group article h1 {
		font-size:28px;
	}

	#teasers div.group article.single {
    	width:250px;
    }


	#teasers article.product img {
		max-width:400px;
		width:100%;
		height:auto;
	}

	#sitemap ul {
		float: left;
		width:100px;
	}
	#sitemap address {
		float:left;
		text-align: left;
	}




	footer #sitemap ul {
		display:none;
	}

	#sitemap address {
	    float: none;

	    text-align: center;
	}

	#navigation {
		float: none;
		width:100%;
		margin-top:0;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}


	#navigation a {
	    background-color: #f4f4f4;
	    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	    padding:10px;
	    float:left;
		width:100%;
		border-bottom:1px solid grey;
	}

	#navigation >ul>li.active>a,nav >ul>li:hover>a {
    	border:none;
    	color: #1c1c1c;
    }


	#navigation > ul.nomargin {
	    margin: -23px 0 0;
	}

	#navigation li.group {
		width:100%;
	}


	nav
	{
		 width:100%;
	}
	.nav {
    list-style: none;
     *zoom: 1;
     background: #1A181C;

	}
	.nav div {
	    background: none;
	    display:block;
	    left: 0;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    position: relative;
	    text-transform: none;
	    top: 0px;
	    width: 100%;
	    z-index: 1;
	}
	.nav div h1 {
		display:none;
	}

	.nav  span {
		display:none;
	}
	.nav:before,
	.nav:after {
	    content: " ";
	    display: table;
	}
	.nav:after {
	    clear: both;
	}
	.nav ul {
	    list-style: none;
	    width: 9em;
	}
	.nav a {
	    padding: 10px 15px;
	    color:#fff;
	}
	.nav li {
	    position: relative;
	}
	.nav > li {
	    float: left;
	    border-top: 1px solid lightgrey;
	}
	.nav > li > .parent {
	    background-image: url("/img/downArrow.png");
	    background-repeat: no-repeat;
	    background-position: right;
	}
	.nav > li > a {
	    display: block;
	}
	.nav li  ul {
	    position: absolute;
	    left: -9999px;
	}
	.nav > li.hover > div > ul {
	    left: 0;
	}
	.nav li li.hover div {
	    left: 100%;
	    top: 0;
	}
	.nav li li a {
	    display: block;
	    background: #666;
	    position: relative;
	    z-index:100;
	    border-top: 1px solid darkgrey;
	}
	.nav li li li a {
	    background:#249578;
	    z-index:200;
	    border-top: 1px solid #1d7a62;
	}
 	.active {
        display: block;
    }
    .nav > li {
        float: left;
        width:100%;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/img/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > div > ul , .nav li li.hover >div > ul {
        position: static;
    }
    nav >ul>li.active>a,nav >ul>li:hover>a {
    	border:none;
    	color: lightgrey;
    }

    #teasers div.group article.single {
    	width:29%;
    }
    #teasers div.group article.double {
		width:49%;
		margin-left:0;
	}

	#teasers div.group article.double h2 {
		margin-left:10px;
	}

	/*-----------dsp_page.cfm.............*/
	#main #text {
		float:left;
		width:100%;
	}

	/*-----------dsp_page.cfm.............*/
	#main #text {
		float:left;
		width:100%;
		padding:10px;
		box-sizing: border-box;
	}

	#main #navigation {
		display:none;
	}

	/*-----------------news---------------------*/
	#module-entries table td.data-image {
    width: auto;
	}

	#module-entries h1 {
		margin:0;
	}

	/*--------------------kontact-----------------*/
	#content > section > iframe {
		width:99%;
	}


	/*-------------------anfrage-----------------*/
	.auto-validation {
		width:90%;
	}

	/*-----------------Sortiment-------------------------*/

	#text > table#product-details td td {
	padding: 2px 40px;
	}

	/*-----------------------------bestsellen-show cart-----------------------------*/

	#free_shipping_ad {
		display:none;
	}

	#cart_hold_summary {
		float:none;
		position:relative;
		right:0;
		top:0;
		float:left;
		width:100%;
		z-index:111111;

	}


	#cart_hold_summary h2 a {
		float:left;
	}

	#cart_hold_summary a {
		float:left;
	}

	#cart_hold_summary p {
		float:left;
		margin-right:5px;
		margin-left:5px;
		margin-top:-2px;
	}

	#summary {
		margin-top:5px;
	}


	/*-------------------order steps---------------------*/
	#orderSteps td {
		font-size:12px;
	}

	#orderSteps td:first-child {
		display:none;
	}

	/*--------------------------search--------------------------*/

	#main.simple-module > div#text {
	    width: 100%;
	}


}

/*---------------------------------- BREAKPOINT - MAX 768px--------------------------------------- */

@media screen and (max-width: 768px) {
	header menu {
	position: absolute;
    right: 0px;
    top: 233px;
	}



	.single img {
		margin:0 auto;
	}

	.single {
		text-align:center;
	}

	#teasers div.group article.single {
		width:100%;
		margin-left:0;
	}


	#teasers div.group article.single p {
		margin-right:0;
	}


	#teasers div.group article span {

	    margin-right: 0px;
	}

	#teasers div.group article.double {
		width:100%;
		margin-left:0;
		float:normal;
		text-align:center;
	}

	#teasers div.group article div {
		border: none;
	}

	footer #sitemap ul {
		display:none;
	}



	/*--------------------------news---------------------------------*/
	.news-overview >img {
		display:none;
	}

	#module-entries table td.data-text {
		padding-left:20px;
	}

	.news-overview .data-text img {
		width:100%;
		max-width:100%;
	}

	#module-entries table td.data-downloads a:first-child {
		display:none;
	}

	#module-entries table td.data-text p {
		max-width: 250px;
		word-wrap: break-word;
		margin-right: auto;
		margin-left: auto;
	}
	/*------------------------dsp_page.cfm.................................*/
	#text > table table {
	    padding: 1px 20px;
    	width: 70%;
	}

	.product_details_img {
		display:block;
	}

	/*-----------------------sortiment-----------------------------------*/
	#text > table > tbody > tr > td {
    background: none;
    padding: 1px 20px;
    padding-left:0px;
    width: 90%;
    display:block;
	}

	#text table#price td {
    font-size: 16px;
	}

	.product-data > table > tbody > tr > td {
		width:100%;
	}




	#text > table#product-details td:first-child {
		display:block;
		padding-right:40px;
	}


	#text table#price td {
		text-align: left;
		width:100%;

	}

	#text > table#product-details td td {
	padding: 2px 40px;
	}

	#text table#price td:first-child {
		text-align:left;
		padding-right:0px;
		width:100%;
		display:table-cell;
	}


	#text table#price {
		width:100%;
   		border: 1px dotted grey;
	}

	#text table#price input {
		margin-right:10px;
	}

	.inputs {
		margin-right:-20px;
	}

	#text > table#product-details td:first-child > div {
	    width: 100%;
	}
	#text table#price td {
		font-size:22px;
	}

	form#addProductToCart input {
		width:50px;
	}

	#text > table#product-details td {
		background:none;
	}
	#product-details {
		margin:0 auto;
	}

	/*-------------------------order steps---------------------*/
	#orderSteps td {
		font-size:12px;
		display:block;
		height:20px;
	}

	#gallery-page-static img {
		max-width: 100%;
		width: 100%;
	}

	/*-----------Kontacct---------------------------*/
	#gallery-page-static td {
		width:100%;
	}

	
	#content > section > iframe {
		display:none;
	}
	.google-map {
		display:block;
	}
	.google-map  {
		width:100%;
	}



}

/*---------------------------------- BREAKPOINT - MAX 535x--------------------------------------- */
@media screen and (max-width: 535px) {

	/*-----------news-----------------------*/



}


/*---------------------------------- BREAKPOINT - MAX 480px--------------------------------------- */
@media screen and (max-width: 480px) {
	#search {
	    background-color: white;
	    height: 32px;
	    margin-top: 0px;
	    width: 170px;
	}

	#teasers div.group article.double {
		width:100%;
		margin-left:0;
	}
	header menu {
		display:none;
	}

	.single img {
		margin:0 auto;
	}
	.single {
		text-align:center;

	}

	#teasers div.group article.single {
		width:100%;
		margin-left:0;
	}


	#teasers div.group article.single p {
		margin-right:0;
	}

	#footer-menu menu ul span {
		display:none;

	}

	footer address a#facebook {
	height: 24px;
    margin-top: 6px;
    text-shadow: none;
    width: 34px;
    float:left;
	}

	/*-----------dsp_page.cfm.............*/
	#main #text
	{
		float:left;
		width:100%;
	}

	#main #text td:first-child {
		width:100%;
		display:block;
		border:none;
		box-sizing: border-box;
		background-image:none;
		padding:0;

	}

	#text > table > tbody > tr > td {
    background: none;
    display: block;
    padding: 1px 0px;
    width: 100%;
}



	/*---------------news-----------------*/
	.news-overview .data-text img {
		width:70%;
		max-width:70%;
		margin:0 auto;
		margin-left:20%;
	}

	#module-entries table td.data-text {
		padding:0;
	}
	#module-entries.news-overview h1{
		padding-left:0;
	}

	#module-entries.news-overview table tr td div {
		border-bottom:3px solid dotted;
	}

	#module-entries.news-overview table tr td  {
		background:none;
		width:100%;
		margin:0 auto;
	}


	#module-entries table td.data-image img {
		margin:0 auto;
		margin-top:10px;
		margin-bottom:10px;
	}


	#module-entries table td.data-text h2 {
	    font-size: 28px;
	    margin-bottom: 20px;
	    text-align:center;
	}


	#module-entries table td.data-text h2 span
	{
		display:block;
	}

	#module-entries table td.data-text p {
    width: 100%;
	}

	#module-entries table td {
		display:block;
	}

	#module-entries.news-overview table tr:first-child td {
    margin: 0 auto;
    padding: 0;
	}


	#module-entries table td.data-text p {
	    width: 100%;
	    text-align:center;
	}




	/*----------------sortimentu single product ---------------*/
	#text > table#product-details td td {
		font-size:15px;
		width:100%;
		padding:2px 20px;
	}
	#text > table#product-details td td span {
		font-size:14px;
	}

	#text table#price td:first-child {
		font-size:15px;
	}


	/*----------------sortiment with shop-------------------*/
	#cart_hold_summary h2 a {
		float:left;
		width:100%;
	}
	#summart {
		width:100%;
	}

	#cart_hold_summary p {
		margin-top:5px;
		margin-left:0;
	}

	#cart_hold_summary #cart_summary {
	float:left;
	}

	#cart_hold_summary #cart_summary{

    margin-left: 20px;

	}

	/*---------------------order steps-----------------------------*/
	.auto-validation td.cartColQuantity input {
		width:30px;
	}



	/*-------------Kontact Anfrange--------------*/
	.auto-validation select, .auto-validation textarea {
		width:100%;
	}

	.auto-validation input[type="submit"], a.btnOrder {
		margin-left:-30px;
	}
}

/*-----------------------general updates to fix mobile scroll-------------------------------------------------------*/

@media screen and (max-width: 1000px) {

	#module-entries {
	    
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    width:95%;
	    overflow:hidden;
	}

	#main #text {
		overflow:hidden;
		-moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
		

	}


	#main:before, #main:after {
		overflow:hidden;
	}


	#content {
		overflow:hidden;
	}

	#wrapper {
		overflow: hidden;	
	}


	#text p {
		-moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	   }
	}


