@charset "utf-8";

/* kleiner als 1100 */
@media screen and (max-width: 1100px) {
	#nav_main a { padding: 0 17px; }
}

/* kleiner als 1087 */
@media screen and (max-width: 1087px) { #nav_main a { padding: 0 16px; } }

/* kleiner als 1075 */
@media screen and (max-width: 1075px) { #nav_main a { padding: 0 15px; } }

/* kleiner als 1064 */
@media screen and (max-width: 1064px) { #nav_main a { padding: 0 14px; } }

@media screen and (max-width: 1020px) {
	#basketcontainer .wrapper {
		padding: 0 15px;
		width: 100%;
	}
}

/* kleiner als 995 */
@media screen and (max-width: 995px) {
	#header .nrverde { margin-right: 1em; }
	#nav_media a { margin: 0 0 0 0.9%; }

	#header .wrapper, #nav_main .wrapper, #main .wrapper, #footer_info .wrapper, #footer .wrapper { padding: 0 15px; width: 100%; }
	
}

/* kleiner als 980 */
@media screen and (max-width: 980px) {
	.wrapper {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		width: 100%; 
	}
	#header .wrapper, #nav_main .wrapper { padding: 0 1%; }
	
	#slogan { display: none; }
	#header.small #slogan { display: block; }
}

@media screen and (max-width: 940px) {
	.wrapper.shop, .wrapper > div.shop { display: block!important; }
	#shopnav {
		display: block;
		margin-bottom: 45px;
		width: 100%; max-width: none;
	}
	
	#basket-innercontainer { margin-left: 0; }
	
	#article.shop { 
		display: block!important;
		padding: 0 1%!important;
		width: 98%;
	}

	#shopnav nav ul ul, #shopnav #login { display: none !important; }

}


/* kleiner als 965 */
@media screen and (max-width: 965px) {
	#nav_main a { padding: 0 10px; }
}

@media screen and (min-width: 905px) {
	#nav_main .dropdown, #nav_main .mobile { display: none!important; }
}

/* kleiner als 905 */
@media screen and (max-width: 905px) {
	#nav_main ul.desktop { display: none; }
	#nav_main, #nav_main .wrapper, #nav_main ul.cf { height: auto; }
	
	#nav_main .dropdown {
		display: block;
		width: 100%;
		background-repeat: no-repeat;
		background-position: right center;
		background: url('/grafik/template/nav.png') no-repeat right center;
		background-image: url('/grafik/template/nav.svg');
		text-align: left!important;
	}
	_::-moz-svg-foreign-content, :root #nav_main .dropdown { background-image: url('/grafik/template/nav.png'); }
	#nav_main .dropdown:hover { background-color: #222; }
	
	#header,
	#panorama,
	#nav_main .wrapper,
	#nav_main ul,
	#nav_main ul li,
	#nav_main ul li.active ul,
	#nav_main ul li.active ul li.active ul,
	#nav_main ul li.active ul li.active ul li {
		width: 100%;
		height: auto;
		position: static;
		display: block;
		margin: 0;
		padding: 0;
	}
	#panorama .cycle_nav { color: rgba(255,255,255,0.5); }
	#header, #panorama { height: auto; }

	#panorama img {
		width: 100%!important;
		height: auto!important;
	}
	#panorama .img .slogan { font-size: 1.750em; }

	#panorama .cycle_nav {
		bottom: auto!important;
		margin-top: -50px;
	}
	.cycle_nav {
		font-size: 300%;
		height: 50px;
	}
	
	#nav_main ul li a {
		text-align: left;
		padding-left: 1em; 
	}
	#nav_main ul li {
		display: block;
		position: static;
		border-left: none;
		border-top: 1px solid #fff;
	}
	#nav_main ul li ul li ul { border-top: 1px solid #c3c3c3; }
	#nav_main ul li ul li ul li { text-indent: 1em; }

	#footer .wrapper > address, #footer .wrapper > div, #footer .wrapper > a, #nav_footer { width: 50%; }
	#footer { padding-bottom: 0.25em; }
	#footer, #footer .wrapper { height: auto; }
	#footer a.nrverde { clear: both; }
	#footer #nav_copyright { padding-top: 0.5em; position: static; clear: both; }

	#article .column.n2 { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }
	#article .column.n3 { -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }
	#article .column.n4 { -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; }

	.shoptable .shoparticle img {
		float: left;
		margin-right: 0.2em;
	}

	#cta-buttons {
		text-align: center; 
		width: 100%!important;
	}
	#cta-buttons > * { display: inline-block; }
	#cta-buttons > *:first-child { margin-right: 1em; }
}

/* kleiner als 845 */
@media screen and (max-width: 845px) {

	#nav_main .wrapper { padding: 0; }
	#nav_main li { float: none; }
	
	#footer_info .p33 {
		border-bottom: 1px solid #f9eccd;
		float: none;
		margin: 1em 0.5em 0 0.5em;
		width: 100%; min-height: 220px;
	}
	#panorama .img .slogan { font-size: 1.50em; }	
}

@media screen and (max-width: 825px) {
	#article .offers div span.price_label { display: none;}
}

/* kleiner als 810 */
@media screen and (max-width: 810px) {

	#aside, #article {
		float: none;
		width: 100%;
	}
	#article { padding: 0 1%; }
	
	#nav_aside { display: none; }

}

/* kleiner als 795 */
@media screen and (max-width: 795px) {
	#header.small #slogan { display: none; }
}

/* kleiner als 770 */
@media screen and (max-width: 770px) {
	#nav_media a { margin: 0 0 0 0.8%; }
}

/* kleiner als 750 */
@media screen and (max-width: 750px) {
	#nav_media a, #nav_media a:first-child {
		margin: 0 0.8% 8px 0.8%;
		width: 47%;
	}
}

@media screen and (max-width: 660px) {
	#article .offers div span.price_label { display: inline;}
	#article .offers a {
		display: block;
		float: none;
		margin: 20px auto!important;
		width: 100%; max-width: 300px;
	}
}

@media screen and (max-width: 640px) {
	#header .name {
		font-size: 1em;
		left: 220px;
	}
	#basket-innercontainer .basketinfo, #basket-innercontainer .leftside { display: none!important; }
	#basket-innercontainer,  #shopnav .leftright, #basketcontainer .leftright, #shopnav .leftright div, #basketcontainer .leftright div { background: none; background-color: rgba(255,255,255, 0)!important; }
	#basket-innercontainer .basketdetails .buttoncontainer {
		height: 50px;
		position: relative;
		text-align: left;
	}
	#basket-innercontainer .basketdetails .buttoncontainer button {
		border-radius: 50%;
		padding: 0;
		position: absolute; top: 0;
		height: 60px; width: 60px;
	}
	#basket-innercontainer .basketdetails .buttoncontainer button.viewbasket { left: 25px; }
	#basket-innercontainer .basketdetails .buttoncontainer button.buyprocessstarter { right: 25px; }
	#basket-innercontainer .basketdetails .buttoncontainer button span {
		display: block;
		height: auto;
		font-size: 220%;
		line-height: 60px;
		width: 100%;
	}
	#basket-innercontainer .basketdetails .buttoncontainer button.buyprocessstarter span { margin-left: 1px; }
	#basket-innercontainer .basketdetails .buttoncontainer button span.text { display: none; }
	
	#footer .wrapper > address, #footer .wrapper > div, #footer .wrapper > a {
		width: 100%;
		min-height: 10px;
		text-align: center;
	}
	#footer .contact table {
		margin: 0 auto;
		width: auto!important;
	}
	#nav_footer { display: none; }

}
@media screen and (max-width: 600px) {
	#header .name {	display: none; 	}
	#article .column.n2 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	#article .column.n3 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
	#article .column.n4 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}

@media screen and (max-width: 500px) {
	.shop #subcategories a { 
		display: block;
		float: none;
		margin-top: 2%!important; margin-right: 0;
		width: 100%;
	}
	.shop #subcategories a:first-child { margin-top: 0!important; }
	.shoptable .imgcol { display: none; }

	.shoptable.salesmanloggedin th:nth-child(3), .shoptable.salesmanloggedin td:nth-child(3) { display: none; }
	.shoptable.nosalesmanloggedin th:nth-child(2), .shoptable.nosalesmanloggedin td:nth-child(2) { display: none; }
	.shoptable th, .shoptable td { padding: 2px 0px; }
	.shoptable.salesmanloggedin th:nth-child(4), .shoptable.salesmanloggedin td:nth-child(4) { padding: 2px 1px; }
	.shoptable.nosalesmanloggedin th:nth-child(3), .shoptable.nosalesmanloggedin td:nth-child(3) { padding: 2px 1px; }
	
	#cta-buttons > * {
		display: block;
		margin-right: auto!important; margin-left: auto!important;
		max-width: 190px;
	}
}

@media screen and (max-width: 460px) {
	#header .head {
		height: auto;
		text-align: center;
		padding-bottom: 1em;
	}
	#header .logo a,
	#header .nrverde {
		position: static;
		display: block!important;
		border-radius: 10px;
	}	
	#header .nrverde { margin: 1em auto auto auto; }	
}

@media screen and (max-width: 450px) {
	#shop_search input { width: 100%!important; }
	.shoptable .nowrap { white-space: normal; }
	#article .shopform .formrow label { width: 30%; }
}

@media screen and (max-width: 400px) {
	#article .shopform .formrow > * {
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
		display: block;
		width: 100%;
	}
	#article .shopform .formrow label {
		text-align: left;
		min-width: 0;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { background-image: url('/grafik/template/nav.png'); }