/***************************** Tablet ****************************/
@media (min-width: 768px) {	
	/* Allgemein */	
	.hidden-xs {
		display: block;
	}
	
	.visible-xs {
		display: none;
	}
	
	/* Header */
	.bg-topnavi {
		padding: 15px;
	}

	.bg-topnavi .float {
		width: calc(20% - 10px);
		padding: 0 5px;
		text-align: center;
	}
	
	.bg-topnavi i {
		display: block;
		padding: 0 0 5px 0;
	}
	
	.bg-header {
		background-color: url(https://sonello.de/Bilder/Ebay/bg-header.jpg);
  		background-size: 100% 100%;
		background-repeat: no-repeat;
		padding: 15px 15px 0 15px;
		height: 195px;
	}

	
	/* Content */
	.content-box {
		padding: 0 15px 25px 15px;
	}
	
	.content-box .linke-spalte {   
		float: left;
		width: 310px;
		margin-right: 20px;
	}
	
	.linke-spalte .shopnavi2 { 
		background-color: #EFF7E8;
		background-position: top center;
		color: #FFFFFF;
	} 
	
	.shopnavi2 .headline-navi {
		background-color: #79C142;
		padding: 15px 0px 15px 0px; 	
		font-size: 20px;
		font-weight: 500;
		text-transform: uppercase;
		text-align: center;
	}
	
	.shopnavi2 ul {
		padding: 0;
		margin: 0;
	}
	
	.shopnavi2 li {  
		list-style: none;
		padding: 10px 15px;
		margin-bottom: 5px;	
	} 
	
	.shopnavi2 li a { 
		font-size: 16px;
		color: #000000;
		font-weight: 200;
		text-decoration: none;
	}
	
	.shopnavi2 li a:hover {
		color: #79B942;
	} 
	
	.content-box .rechte-spalte {  
		float: left;
		width: calc(100% - 330px);
	}
	
	.content-box h1 {
		font-size: 30px;
		margin: 0 0 25px 0;
		text-align: left;
	}
	
	.content-box .galerie {
		max-width: 350px;
		margin: 0 auto;
	}
	
	.bild-gross-position {
		height: auto;
	}
	
	.bild-gross-position a { 
		height: auto;
	}
	
	.lightbox-popup {
		top: 15%;
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 600px;
		max-width: 600px;
	}
	
	.lightbox a.btn-close {
		right: -55px;
	}
	
	.details .versandkosten {
		padding: 0 0 25px 0;
	}
	
	.details .kaufen,
	.details .button,
	.details .button2 {
		margin: 5px auto 0 auto;
	}
	
	.content-box .beschreibung {
		padding-top: 55px;
		font-size: 16px;
	}


	
	.tab-frame label { 
		display: block; 
		float: left;
		padding: 14px 25px;
		font-size: 16px;
		text-transform: uppercase;
		cursor: pointer;
		color: #ADC142;
		background-color: #EDEEE4;
		font-weight: 700;
	}
	
	.tab-frame label img {
		display: none;
	}
	
	.tab-frame label:hover {
		background-color: #EDEEE4;
	}
	
	.tab-frame input:not(:checked) + label {
 		background-image: url(https://sonello.de/Bilder/Ebay/ecke.jpg);
		color: #777677;
    		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: 10px solid #fff;

	}
	
	.tab-frame input:checked + label {	 		
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;	
		border: 10px solid #EDEEE4;  
		cursor: default; 
		margin: 0 0 -20px 0;
		display: block;
		float: left;
	}
	
	.tab-frame div.tab { 
		display: none;
 		background-color: #EDEEE4;
		padding: 15px 15px 90px 15px;
		clear: left;
		background-position: bottom center, top center;
		background-repeat: repeat-x, repeat-y;	}
	
	.tab-frame div.tab .bg-weiss { 
		padding: 15px;
		//background: rgba(255, 255, 255, 0.65);
	}
	
	.tab-frame input:nth-of-type(1):checked ~ .tab:nth-of-type(1),
	.tab-frame input:nth-of-type(2):checked ~ .tab:nth-of-type(2),
	.tab-frame input:nth-of-type(3):checked ~ .tab:nth-of-type(3),
	.tab-frame input:nth-of-type(4):checked ~ .tab:nth-of-type(4),
	.tab-frame input:nth-of-type(5):checked ~ .tab:nth-of-type(5){ 
		display: block;
	}
			
	/* Footer */
	.footer .box {
		float: left;
	}
	
	.footer .informationen {
		width: calc(100% - 550px);
	}
	
	.footer .bezahlen {
		width: 350px;
	}
	
	.footer .versand {
		width: 200px;
	}
	
	.copy .links {
		float: left;
		padding: 30px 0;
	}
	
	.copy .rechts {
		float: right;
	}
}



/***************************** Desktop ****************************/
@media (min-width: 1050px) {	
	/* Allgemein */	
	#bg-shop {
		padding: 15px;  
	}
	
	.width1200 {
		max-width: 1200px; 
		margin: 0 auto;
		display: block;
	}
	
	.width1100 {
		max-width: 1160px;
		margin: 0 auto; 
		display: block; 
	}
	
	.visible-lg {
		display: block;
	}
	
	/* Header */

	.bg-topnavi .float {
		width: 20%;
		padding: 0;
	}
	
	.bg-topnavi .left {
		text-align: left;
	}
	
	.bg-topnavi .right {
		text-align: right !important;
	}
	
	.bg-topnavi i {
		display: inline-block;
		padding: 0 5px 0 0;
	}

	/* Content */
	.content-box .galerie {
		width: 350px;
		float: left; 
		margin-right: 20px;
	}
	
	.content-box .details {
		width: calc(100% - 370px);
		float: right;
		padding-top: 0;
	}
	
	.lightbox:target .lightbox-popup {
		max-height: 800px;
		max-width: 800px;
	}
	
	/* Footer */
	.footer .informationen {
		width: calc(100% - 650px);
	}
	
	.footer .bezahlen {
		width: 400px;
	}
	
	.footer .versand {
		width: 250px;
	}
	
	.schatten {
		padding: 0 15px;
	}
	
	.schatten img {
		max-width: 100%;
		height: 10px;
		margin: 0 auto; 
		display: block; 
	}
}