/***************************** Tablet ****************************/
@media (min-width: 768px) {	
	/* Allgemein */	
	#bg-shop {
		padding: 15px; 
	}
	
	.width1200 {
		border: 1px solid #1F5AA8;
	}
	
	.hidden-xs {
		display: block;
	}
	
	.visible-xs {
		display: none;
	}
	
	/* Header */
	.bg-header .logo {
		float: left;
	}
	
	.bg-header .infos {
		float: right;
		margin-top: -5px;
	}
	
	.bg-header .infos .button {
		background-color: #22211F;
		width: 190px;
		margin-top: 5px;
		padding: 10px 15px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.bg-header .infos .button a {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.bg-header .infos .button:hover {
		background-color: #1F5AA8;
	}
	
	.banner {
		background-image: url(../img/banner.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		height: 217px;
	}
	
	/* Content */
	.content-box .linke-spalte {
		float: left;
		width: 275px;
		margin-right: 20px;
		position: relative;
    	margin-top: -232px;
	}
	
	.shopnavi2 ul {
		padding: 15px;
		margin: 0;
		background-color: #E5E5E5;
	}
	
	.shopnavi2 li {
		list-style: none;
		line-height: 180%;
	}
	
	.shopnavi2 li:before {
		content: "\f105";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		padding-right: 15px;
		color: #1F5AA8;
	}
	
	.shopnavi2 a {
		font-size: 14px;
		color: #22211F;
		text-decoration: none;
	}
	
	.shopnavi2 a:hover {
		color: #1F5AA8;
	}
	
	.content-box .rechte-spalte {
		width: calc(100% - 295px);
		float: right; 
	}
	
	.bild-gross-position {
		height: auto;
	}
	
	.bild-gross-position a {
		height: auto;
	}
	
	.lightbox-popup {
		left: 50%;
		top: 15%;
		margin: 0 auto 0 -330px;
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 600px;
		max-width: 600px;
	}
	
	.lightbox a.btn-close {
		right: -55px;
	}
	
	.content-box h1 {
		font-size: 24px;
		margin: 0 0 30px 0;
	}
	
	.beschreibung {
		padding-top: 30px;
	}
	
	.beschreibung .artikelheadline {
		margin: 0 0 25px 0;
		font-size: 24px;
		padding-bottom: 20px;
	}
	
	.beschreibung .artikelinfos {
		float: right;
		padding: 0;
	}
			
	/* Footer */
	.bg-footer {
		padding: 15px 15px 30px 15px;
	}

	.vorteile {
		float: left;
		padding: 0;
		width: 33.33333333%;
	}
	
	.bezahlen {
		float: left;
		padding: 0;
		width: 33.33333333%;
	}
	
	.versand {
		float: right;
		padding: 0;
		width: 33.33333333%;
	}

	.copy .links {
		float: left;
		padding-bottom: 0;
	}
	
	.copy .rechts {
		float: right;
	}
}



/***************************** Desktop ****************************/
@media (min-width: 1000px) {	
	/* Allgemein */	
	.width1200 {
		max-width: 1198px; 
		margin: 0 auto;
		display: block;
	}
	
	.width980 {
		width: 1000px;
		margin: 0 auto;
		display: block;
	}
	
	/* Header */
	.bg-header {
		padding: 15px 30px 5px 100px;
	}

	.bg-header .logo .logo-s {
		display: none;
	}
	
	.bg-header .logo .logo-d {
		display: block;
	}
	
	.bg-header .infos {
		padding: 15px 0 20px 0;
	}
	
	.linie {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	/* Content */
	.content-box {
		padding: 15px 0;
	}
	
	.content-box .linke-spalte {
		margin-right: 45px;
	}
	
	.content-box .rechte-spalte {
		width: calc(100% - 320px);
	}	
	
	.galerie .bild-gross {
		width: 500px;
		float: left;
	}
	
	.thumbs {
		margin-top: 0;
		float: left;
		width: 180px;
	}
	
	.galerie label {
		margin: 0 0 15px 15px;
		display: block;
	}
	
	.lightbox-popup {
		margin: 0 auto 0 -400px;
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 800px;
		max-width: 800px;
	}
	
	/* Footer */
	.bg-footer {
		padding: 15px 15px 30px 15px;
	}

	.vorteile {
		padding: 0 180px 0 0;
		width: auto;
	}
	
	.bezahlen {
		padding: 0 10px 0 0;
		width: auto;
	}
	
	.versand {
		width:auto;
	}

	
}